feat(explore): Implement viz switcher redesign (#20248)

* add icons

* Implement fast viz switcher component

* Remove unnecessary keys from ControlsPanelContainer

* Rename icons

* Add unit tests

* Add licenses

* Fix test

* Change BigNumberWithTrendline to BigNumber

* fix test

* fix test

* Add currently rendered viz tile

* Move View all charts to the right side

* Add license

* Fix imports

* Fix e2e test

superset-frontend/cypress-base/cypress/integration/explore/control.test.ts

@@ -99,11 +99,13 @@ describe('VizType control', () => {
     cy.visitChartByName('Daily Totals');
     cy.verifySliceSuccess({ waitAlias: '@tableChartData' });
 
-    cy.get('[data-test="visualization-type"]').contains('Table').click();
+    cy.contains('View all charts').click();
 
-    cy.get('button').contains('Evolution').click(); // change categories
-    cy.get('[role="button"]').contains('Line Chart').click();
-    cy.get('button').contains('Select').click();
+    cy.get('.ant-modal-content').within(() => {
+      cy.get('button').contains('Evolution').click(); // change categories
+      cy.get('[role="button"]').contains('Line Chart').click();
+      cy.get('button').contains('Select').click();
+    });
 
     cy.get('button[data-test="run-query-button"]').click();
     cy.verifySliceSuccess({

superset-frontend/src/components/Icons/index.tsx

@@ -27,6 +27,9 @@ const IconFileNames = [
   'alert',
   'alert_solid',
   'alert_solid_small',
+  'area-chart-tile',
+  'bar-chart-tile',
+  'big-number-chart-tile',
   'binoculars',
   'bolt',
   'bolt_small',
@@ -56,6 +59,7 @@ const IconFileNames = [
   'cog',
   'collapse',
   'color_palette',
+  'current-rendered-tile',
   'components',
   'copy',
   'cursor_target',
@@ -101,6 +105,7 @@ const IconFileNames = [
   'keyboard',
   'layers',
   'lightbulb',
+  'line-chart-tile',
   'link',
   'list',
   'list_view',
@@ -123,6 +128,7 @@ const IconFileNames = [
   'note',
   'offline',
   'paperclip',
+  'pie-chart-tile',
   'placeholder',
   'plus',
   'plus_large',
@@ -141,6 +147,7 @@ const IconFileNames = [
   'sort_desc',
   'sort',
   'table',
+  'table-chart-tile',
   'tag',
   'trash',
   'triangle_change',

superset-frontend/src/explore/components/ControlPanelsContainer.tsx

@@ -535,7 +535,6 @@ export const ControlPanelsContainer = (props: ControlPanelsContainerProps) => {
             defaultActiveKey={expandedQuerySections}
             expandIconPosition="right"
             ghost
-            key={`query-sections-${props.form_data.datasource}-${props.form_data.viz_type}`}
           >
             {showDatasourceAlert && <DatasourceAlert />}
             {querySections.map(renderControlPanelSection)}
@@ -547,7 +546,6 @@ export const ControlPanelsContainer = (props: ControlPanelsContainerProps) => {
               defaultActiveKey={expandedCustomizeSections}
               expandIconPosition="right"
               ghost
-              key={`customize-sections-${props.form_data.datasource}-${props.form_data.viz_type}`}
             >
               {customizeSections.map(renderControlPanelSection)}
             </Collapse>