chore: Upgrade antd@4.10.3 (#22007)

superset-frontend/cypress-base/cypress/integration/dashboard/utils.ts

@@ -455,13 +455,17 @@ export function inputNativeFilterDefaultValue(defaultValue: string) {
   cy.contains('Filter has default value').click();
   cy.contains('Default value is required').should('be.visible');
   cy.get(nativeFilters.modal.container).within(() => {
-    cy.get(nativeFilters.filterConfigurationSections.filterPlaceholder)
-      .contains('options')
-      .should('be.visible');
+    cy.get(
+      nativeFilters.filterConfigurationSections.filterPlaceholder,
+    ).contains('options');
     cy.get(nativeFilters.filterConfigurationSections.collapsedSectionContainer)
-      .first()
-      .get(nativeFilters.filtersPanel.columnEmptyInput)
-      .type(`${defaultValue}{enter}`);
+      .eq(1)
+      .within(() => {
+        cy.get('.ant-select-selection-search-input').type(
+          `${defaultValue}{enter}`,
+          { force: true },
+        );
+      });
   });
 }
 

superset-frontend/package.json

@@ -117,7 +117,7 @@
     "@vx/responsive": "^0.0.195",
     "abortcontroller-polyfill": "^1.1.9",
     "ace-builds": "^1.4.14",
-    "antd": "^4.9.4",
+    "antd": "4.10.3",
     "array-move": "^2.2.1",
     "babel-plugin-typescript-to-proptypes": "^2.0.0",
     "bootstrap": "^3.4.1",

superset-frontend/packages/superset-ui-chart-controls/package.json

@@ -39,7 +39,7 @@
     "@testing-library/react-hooks": "^5.0.3",
     "@testing-library/user-event": "^12.7.0",
     "ace-builds": "^1.4.14",
-    "antd": "^4.9.4",
+    "antd": "4.10.3",
     "brace": "^0.11.1",
     "memoize-one": "^5.1.1",
     "react": "^16.13.1",

superset-frontend/packages/superset-ui-core/test/__mocks__/resize-observer-polyfill.ts

@@ -37,6 +37,11 @@ export default function ResizeObserver(callback: ObserveCallback) {
         allCallbacks.push(callback);
       }
     },
+    unobserve() {
+      if (callback) {
+        allCallbacks.splice(allCallbacks.indexOf(callback), 1);
+      }
+    },
   };
 }
 

superset-frontend/packages/superset-ui-demo/package.json

@@ -41,7 +41,7 @@
     "@storybook/addons": "^6.3.12",
     "@storybook/react": "^6.3.12",
     "@types/react-loadable": "^5.5.3",
-    "antd": "^4.9.4",
+    "antd": "4.10.3",
     "bootstrap": "^3.4.1",
     "core-js": "3.8.3",
     "gh-pages": "^3.0.0",

superset-frontend/src/components/TableSelector/TableSelector.test.tsx

@@ -216,12 +216,8 @@ test('table multi select retain all the values selected', async () => {
 
   userEvent.click(tableSelect);
 
-  expect(
-    await screen.findByRole('option', { name: 'table_a' }),
-  ).toBeInTheDocument();
-
   act(() => {
-    const item = screen.getAllByText('table_a');
+    const item = screen.getAllByText('table_b');
     userEvent.click(item[item.length - 1]);
   });
 
@@ -230,17 +226,13 @@ test('table multi select retain all the values selected', async () => {
     userEvent.click(item[item.length - 1]);
   });
 
-  const selectedValueContainer = getSelectItemContainer(tableSelect);
+  expect(screen.getByRole('option', { name: 'table_b' })).toHaveAttribute(
+    'aria-selected',
+    'true',
+  );
 
-  expect(selectedValueContainer).toHaveLength(2);
-  expect(
-    await within(selectedValueContainer?.[0] as HTMLElement).findByText(
-      'table_a',
-    ),
-  ).toBeInTheDocument();
-  expect(
-    await within(selectedValueContainer?.[1] as HTMLElement).findByText(
-      'table_c',
-    ),
-  ).toBeInTheDocument();
+  expect(screen.getByRole('option', { name: 'table_c' })).toHaveAttribute(
+    'aria-selected',
+    'true',
+  );
 });

superset-frontend/webpack.config.js

@@ -387,6 +387,9 @@ const config = {
               sourceMap: true,
               lessOptions: {
                 javascriptEnabled: true,
+                modifyVars: {
+                  'root-entry-name': 'default',
+                },
               },
             },
           },