PanelEdit: v8 Panel Edit UX (#32124)

* Initial commit

* Progress

* Update

* Progress

* updates

* Minor fix

* fixed ts issue

* fixed e2e tests

* More explorations

* Making progress

* Panel options and field options unified

* With nested categories

* Starting to find something

* fix paddings

* Progress

* Breakthrough ux layout

* Progress

* Updates

* New way of composing options with search

* added regex search

* Refactoring to react note tree

* Show overrides

* Adding overrides radio button support

* Added popular view

* Separate stat/gauge/bargauge options into value options and display options

* Initial work on getting library panels into viz picker flow

* Fixed issues switching to panel library panel

* Move search input put of LibraryPanelsView

* Changing design again to have content inside boxes

* Style updates

* Refactoring to fix scroll issue

* Option category naming

* Fixed FilterInput issue

* Updated snapshots

* Fix padding

* Updated viz picker design

* Unify library panel an viz picker card

* Updated card with delete action

* Major refactoring back to an object model instead of searching and filtering react node tree

* More refactoring

* Show option category in label when searching

* Nice logic for categories rendering when searching or when only child

* Make getSuggestions more lazy for DataLinksEditor

* Add missing repeat options and handle conditional options

* Prepping options category to be more flexibly and control state from outside

* Added option count to search result

* Minor style tweak

* Added button to close viz picker

* Rewrote overrides to enable searching overrides

* New search engine and tests

* Searching overrides works

* Hide radio buttons while searching

* Added angular options back

* Added memoize for all options so they are not rebuilt for every search key stroke

* Added back support for category counters

* Started unit test work

* Refactoring and base popular options list

* Initial update to e2e test, more coming to add e2e test for search features

* Minor fix

* Review updates

* Fixing category open states

* Unit test progress

* Do not show visualization list mode radio button if library panels is not enabled

* Use boolean

* More unit tests

* Increase library panels per page count and give search focus when switching list mode

* field config change test and search test

* Feedback updates

* Minor tweaks

* Minor refactorings

* More minimal override collapse state

public/app/features/users/UsersActionBar.tsx

@@ -37,8 +37,6 @@ export class UsersActionBar extends PureComponent<Props> {
       <div className="page-action-bar">
         <div className="gf-form gf-form--grow">
           <FilterInput
-            labelClassName="gf-form--has-input-icon"
-            inputClassName="gf-form-input width-20"
             value={searchQuery}
             onChange={setUsersSearchQuery}
             placeholder="Search user by login, email or name"

public/app/features/users/__snapshots__/UsersActionBar.test.tsx.snap

@@ -8,8 +8,6 @@ exports[`Render should render component 1`] = `
     className="gf-form gf-form--grow"
   >
     <FilterInput
-      inputClassName="gf-form-input width-20"
-      labelClassName="gf-form--has-input-icon"
       onChange={[MockFunction]}
       placeholder="Search user by login, email or name"
       value=""
@@ -29,8 +27,6 @@ exports[`Render should render pending invites button 1`] = `
     className="gf-form gf-form--grow"
   >
     <FilterInput
-      inputClassName="gf-form-input width-20"
-      labelClassName="gf-form--has-input-icon"
       onChange={[MockFunction]}
       placeholder="Search user by login, email or name"
       value=""
@@ -74,8 +70,6 @@ exports[`Render should show external user management button 1`] = `
     className="gf-form gf-form--grow"
   >
     <FilterInput
-      inputClassName="gf-form-input width-20"
-      labelClassName="gf-form--has-input-icon"
       onChange={[MockFunction]}
       placeholder="Search user by login, email or name"
       value=""
@@ -100,8 +94,6 @@ exports[`Render should show invite button 1`] = `
     className="gf-form gf-form--grow"
   >
     <FilterInput
-      inputClassName="gf-form-input width-20"
-      labelClassName="gf-form--has-input-icon"
       onChange={[MockFunction]}
       placeholder="Search user by login, email or name"
       value=""