[META] EUIfication

[chrisronline]

This is meant to track progress on EUIifying Kibana. Our major milestones are:

• Removal of Bootstrap (complected by our dependency upon angular-ui directives).
• Removal of the original Kibana UI Framework.

cc @cjcenizal @nreese @bmcconaghy

Resources

• EUIfication overview
• KUI -> EUI conversion guide
• Visual regression guide

Areas

Tables

Let's convert all tables to use EuiTable. This will allow us to remove this Bootstrap component and a ton of Angular code from ui/public.

Note: We'll need to dynamically position popovers so they don't run off screen -- @nreese built the noOverflowPlacement service for this purpose (thanks @snide).

• Visualize landing page
• Dashboard landing page (@nreese)
• Index Patterns listing (design from @snide)
• SavedObjectsFinder
• PaginatedTable
  • AggTable directive (@timroes?)
  • Management indexed fields table (@jen-huang) (React/EUI-ify indexed fields table #16695)
  • Management scripted fields table ([Management] Scripted fields table in React #16604)
  • Management source filters table (@chrisronline) ([Management] Source filters table in React #16649)
• Management Saved Objects
• Spy (@timroes)
• Discover DocTable
• Data Table visualization

LocalNav

This is the phased approach for removing LocalNav entirely.

• Extract second row of local nav from all apps and move into the main content area
  • Discover: search and filters move to the top of the content area
  • Context log: title moves to the top of the content area
  • Visualize: search moves to the top of the visualization pane
  • Dashboard: search moves to the top of the dashboard
  • Dev Tools: tabs move to the top of the content area
  • Management: titles and tabs move to the top of the content area
• Extract timepicker from local nav
  • Build EuiTimepicker (@nreese)
  • Discover
  • Visualize
  • Dashboard
  • Timelion

Notifications

• Banner notifications using EuiCallOut (Create Global Banner Area #16340)
• Convert KuiInfoPanels to EuiCallOuts
• Confirmation modals (replace KuiConfirmModal with EuiConfirmModal in confirm-modal directive #15693)
• Toast notifications (Extract fatal notification into fatalError service, add support for EuiToast notifications #15749)

Modals

• EUIfy modals and remove confirmModalPromise (Remove confirmModalPromise #10025)

Management

• Index pattern creation (First pass at applying EUI styles to the index pattern creation page #15722)
  • Reactification of this wizard ([Management] Refactor index pattern creation to React, Phase 1 #15905, [Management] Index pattern step in React! #15936, [Management] Time field step in React! #16129)
• Advanced Settings (@jen-huang) ([META] Management advanced settings table #17045)

Discover

• Discover fields sidebar (Discovery team)
  • @nreese has created a migration plan for this component: EUIify Discover sidebar #16677
• Discover table
• Context log

Visualize

• Input Control visualization (EUI input controls visualization #16210)
• Visualize editor sidebar
• Visualize wizard

Dashboard

• Dashboard clone modal (update DashboardCloneModal to use EUI framework #15697)
• Dashboard panel components
• Save modal with tagging (@nreese)

Misc

• TImelion
• Console (history menu)

[snide]

I'm closing this issue. We have quite a few different meta issues for this already, and the top level work is being tracked better in those places.