From ef4fde6d570b84f93c5f79b8356668059a6586d2 Mon Sep 17 00:00:00 2001 From: Tal Koren Date: Sun, 4 Aug 2024 15:11:48 +0300 Subject: [PATCH 1/5] chore(Modal): deprecate enums (#2303) --- packages/core/src/components/Modal/Modal.tsx | 25 ++++++++++++------- .../core/src/components/Modal/Modal.types.ts | 1 + .../core/src/components/Modal/ModalHelper.ts | 5 +++- .../__stories__/Modal.stories.helpers.tsx | 1 - .../Modal/__stories__/Modal.stories.tsx | 5 +--- .../Modal/__tests__/Modal.snapshot.test.js | 2 +- .../__snapshots__/Modal.snapshot.test.js.snap | 2 +- packages/core/src/components/Modal/index.ts | 2 ++ 8 files changed, 26 insertions(+), 17 deletions(-) create mode 100644 packages/core/src/components/Modal/Modal.types.ts diff --git a/packages/core/src/components/Modal/Modal.tsx b/packages/core/src/components/Modal/Modal.tsx index 94f2791970..566757c0f3 100644 --- a/packages/core/src/components/Modal/Modal.tsx +++ b/packages/core/src/components/Modal/Modal.tsx @@ -6,12 +6,19 @@ import ModalContent from "./ModalContent/ModalContent"; import ModalHeader from "./ModalHeader/ModalHeader"; import useBodyScrollLock from "./useBodyScrollLock"; import useShowHideModal from "./useShowHideModal"; -import { isModalContent, isModalFooter, isModalHeader, ModalWidth, validateTitleProp } from "./ModalHelper"; +import { + isModalContent, + isModalFooter, + isModalHeader, + ModalWidth as ModalWidthEnum, + validateTitleProp +} from "./ModalHelper"; import { NOOP } from "../../utils/function-utils"; import { withStaticProps } from "../../types"; import { getTestId } from "../../tests/test-ids-utils"; import { ComponentDefaultTestId } from "../../tests/constants"; import styles from "./Modal.module.scss"; +import { ModalWidth } from "./Modal.types"; export interface ModalProps { /** @@ -47,7 +54,7 @@ export interface ModalProps { /** * Set the modal's width. Can be one of the presets or any custom size */ - width?: typeof ModalWidth | string; + width?: ModalWidth | string; /** * Aria label for the close button */ @@ -74,7 +81,7 @@ export interface ModalProps { zIndex?: number; } -const Modal: FC & { width?: typeof ModalWidth } = ({ +const Modal: FC & { width?: typeof ModalWidthEnum } = ({ classNames = { container: "", overlay: "", modal: "" }, id, show, @@ -84,12 +91,12 @@ const Modal: FC & { width?: typeof ModalWidth } = ({ alertDialog = false, children, triggerElement, - width = ModalWidth.DEFAULT, + width = "default", closeButtonAriaLabel = "Close", contentSpacing = false, zIndex = 10000, "data-testid": dataTestId -}) => { +}: ModalProps) => { const childrenArray: ReactElement[] = useMemo( () => (children ? (React.Children.toArray(children) as ReactElement[]) : []), [children] @@ -148,7 +155,7 @@ const Modal: FC & { width?: typeof ModalWidth } = ({ return childrenArray.find(isModalFooter) || null; }, [childrenArray]); - const customWidth = width !== ModalWidth.DEFAULT && width !== ModalWidth.FULL_WIDTH; + const customWidth = width !== "default" && width !== "full-width"; const dialog = ReactDOM.createPortal(
& { width?: typeof ModalWidth } = ({
& { width?: typeof ModalWidth } = ({ }; export default withStaticProps(Modal, { - width: ModalWidth + width: ModalWidthEnum }); diff --git a/packages/core/src/components/Modal/Modal.types.ts b/packages/core/src/components/Modal/Modal.types.ts new file mode 100644 index 0000000000..99c37462e2 --- /dev/null +++ b/packages/core/src/components/Modal/Modal.types.ts @@ -0,0 +1 @@ +export type ModalWidth = "default" | "full-width"; diff --git a/packages/core/src/components/Modal/ModalHelper.ts b/packages/core/src/components/Modal/ModalHelper.ts index 5d6dcbd7a3..506f38d845 100644 --- a/packages/core/src/components/Modal/ModalHelper.ts +++ b/packages/core/src/components/Modal/ModalHelper.ts @@ -4,9 +4,12 @@ import ModalContent from "./ModalContent/ModalContent"; import ModalFooter from "./ModalFooter/ModalFooter"; import ModalFooterButtons from "./ModalFooter/ModalFooterButtons/ModalFooterButtons"; +/** + * @deprecated + */ export enum ModalWidth { DEFAULT = "default", - FULL_WIDTH = "full_width" + FULL_WIDTH = "full-width" } // the type A11yDialog is not exported from a11y-dialog, so mocking it with any for now diff --git a/packages/core/src/components/Modal/__stories__/Modal.stories.helpers.tsx b/packages/core/src/components/Modal/__stories__/Modal.stories.helpers.tsx index 0a4d8db571..d078045b26 100644 --- a/packages/core/src/components/Modal/__stories__/Modal.stories.helpers.tsx +++ b/packages/core/src/components/Modal/__stories__/Modal.stories.helpers.tsx @@ -70,7 +70,6 @@ export const ModalExampleWrapper = ({ // set show state to close onClose={closeModal} closeButtonAriaLabel={"close"} - width={Modal.width.DEFAULT} {...otherModalProps} contentSpacing > diff --git a/packages/core/src/components/Modal/__stories__/Modal.stories.tsx b/packages/core/src/components/Modal/__stories__/Modal.stories.tsx index f561885287..46515aa4d7 100644 --- a/packages/core/src/components/Modal/__stories__/Modal.stories.tsx +++ b/packages/core/src/components/Modal/__stories__/Modal.stories.tsx @@ -99,7 +99,6 @@ export const WidthVariantsNormal = { triggerElement={openModalButtonRef.current} show={show} onClose={closeModal} - width={Modal.width.DEFAULT} contentSpacing > Modal content goes here @@ -146,7 +145,7 @@ export const WidthVariantsFull = { triggerElement={openModalButtonRef.current} show={show} onClose={closeModal} - width={Modal.width.FULL_WIDTH} + width="full-width" contentSpacing > Modal content goes here @@ -241,7 +240,6 @@ export const ModalWithIcon = { show={show} onClose={closeModal} closeButtonAriaLabel={"close"} - width={Modal.width.DEFAULT} contentSpacing > {} @@ -337,7 +335,6 @@ export const ModalWithEditableTitle = { show={show} onClose={closeModal} closeButtonAriaLabel={"close"} - width={Modal.width.DEFAULT} contentSpacing > diff --git a/packages/core/src/components/Modal/__tests__/Modal.snapshot.test.js b/packages/core/src/components/Modal/__tests__/Modal.snapshot.test.js index 9fd6935875..b59769dbfd 100644 --- a/packages/core/src/components/Modal/__tests__/Modal.snapshot.test.js +++ b/packages/core/src/components/Modal/__tests__/Modal.snapshot.test.js @@ -89,7 +89,7 @@ describe("Modal", () => { }); it("with full width", async () => { - const props = withContent({ width: Modal.width.FULL_WIDTH }); + const props = withContent({ width: "full-width" }); const currentRender = await renderModal(props); expect(snapshotDiff(defaultRender, currentRender, { props })).toMatchSnapshot(); }); diff --git a/packages/core/src/components/Modal/__tests__/__snapshots__/Modal.snapshot.test.js.snap b/packages/core/src/components/Modal/__tests__/__snapshots__/Modal.snapshot.test.js.snap index c6abaeac10..241f1aba01 100644 --- a/packages/core/src/components/Modal/__tests__/__snapshots__/Modal.snapshot.test.js.snap +++ b/packages/core/src/components/Modal/__tests__/__snapshots__/Modal.snapshot.test.js.snap @@ -344,7 +344,7 @@ Snapshot Diff: exports[`Modal with full width 1`] = ` Snapshot Diff: - Default Render -+ Current Render: {"content":{"type":"p","key":null,"ref":null,"props":{"children":"content"},"_owner":null,"_store":{}},"width":"full_width"} ++ Current Render: {"content":{"type":"p","key":null,"ref":null,"props":{"children":"content"},"_owner":null,"_store":{}},"width":"full-width"} @@ --- --- @@ data-testid="monday-modal-overlay" diff --git a/packages/core/src/components/Modal/index.ts b/packages/core/src/components/Modal/index.ts index 922d264a84..557878bcf3 100644 --- a/packages/core/src/components/Modal/index.ts +++ b/packages/core/src/components/Modal/index.ts @@ -6,3 +6,5 @@ export { default as ModalFooterButtons, ModalFooterButtonsProps } from "./ModalFooter/ModalFooterButtons/ModalFooterButtons"; + +export * from "./Modal.types"; From 45859ea64b8ea1f4edacb9c21185443084d36598 Mon Sep 17 00:00:00 2001 From: Rivka Ungar Date: Sun, 4 Aug 2024 15:45:19 +0300 Subject: [PATCH 2/5] chore(Dropdown): deprecate enums (#2305) --- .../core/src/components/Dropdown/Dropdown.tsx | 6 +++--- .../src/components/Dropdown/Dropdown.types.ts | 16 +++++++++++----- .../src/components/Dropdown/DropdownConstants.ts | 9 +++++++++ .../components/Dropdown/__stories__/Dropdown.mdx | 2 +- .../Dropdown/__stories__/Dropdown.stories.js | 14 +++++--------- 5 files changed, 29 insertions(+), 18 deletions(-) diff --git a/packages/core/src/components/Dropdown/Dropdown.tsx b/packages/core/src/components/Dropdown/Dropdown.tsx index d95d9842c7..cb173e5918 100644 --- a/packages/core/src/components/Dropdown/Dropdown.tsx +++ b/packages/core/src/components/Dropdown/Dropdown.tsx @@ -73,9 +73,9 @@ const Dropdown: VibeComponent & { ValueRenderer, valueRenderer, menuRenderer, - menuPlacement = Dropdown.menuPlacements.BOTTOM, + menuPlacement = "bottom", rtl, - size = Dropdown.sizes.MEDIUM, + size = "medium", asyncOptions, cacheOptions, defaultOptions, @@ -109,7 +109,7 @@ const Dropdown: VibeComponent & { tabSelectsValue = true, popupsContainerSelector, filterOption, - menuPosition = Dropdown.menuPositions.ABSOLUTE, + menuPosition = "absolute", "data-testid": dataTestId }: DropdownComponentProps, ref: React.ForwardedRef diff --git a/packages/core/src/components/Dropdown/Dropdown.types.ts b/packages/core/src/components/Dropdown/Dropdown.types.ts index 9fde329c53..cdfe487bff 100644 --- a/packages/core/src/components/Dropdown/Dropdown.types.ts +++ b/packages/core/src/components/Dropdown/Dropdown.types.ts @@ -10,8 +10,6 @@ import { } from "react-select"; import React from "react"; import { VibeComponentProps } from "../../types"; -import { DROPDOWN_MENU_PLACEMENT, DROPDOWN_MENU_POSITION } from "./DropdownConstants"; -import { SIZES_VALUES } from "../../constants"; export type DropdownOption = any; @@ -138,13 +136,13 @@ export interface DropdownComponentProps extends CustomMenuBaseProps, CustomOptio /** * Default placement of the Dropdown menu in relation to its control. Use "auto" to flip the menu when there isn't enough space below the control. */ - menuPlacement?: (typeof DROPDOWN_MENU_PLACEMENT)[keyof typeof DROPDOWN_MENU_PLACEMENT]; + menuPlacement?: DropdownMenuPlacement; /** * The CSS position value of the menu, when "fixed" extra layout management might be required * Fixed position can be used to solve the issue of positioning Dropdown inside overflow container like Modal or Dialog */ - menuPosition?: (typeof DROPDOWN_MENU_POSITION)[keyof typeof DROPDOWN_MENU_POSITION]; + menuPosition?: DropdownMenuPosition; /** * If set to true, the dropdown will be in Right to Left mode */ @@ -161,7 +159,7 @@ export interface DropdownComponentProps extends CustomMenuBaseProps, CustomOptio /** * Select menu size from `Dropdown.sizes` - Dropdown.sizes.LARGE | Dropdown.sizes.MEDIUM | Dropdown.sizes.SMALL */ - size?: SIZES_VALUES; + size?: DropdownSize; /** * If provided Dropdown will work in async mode. Can be either promise or callback */ @@ -274,3 +272,11 @@ export interface DropdownComponentProps extends CustomMenuBaseProps, CustomOptio } export type DropdownProps = DropdownComponentProps; + +export type DropdownChipColors = "PRIMARY" | "NEGATIVE" | "POSITIVE"; + +export type DropdownMenuPosition = "absolute" | "fixed"; + +export type DropdownMenuPlacement = "top" | "bottom" | "auto"; + +export type DropdownSize = "xxs" | "xs" | "small" | "medium" | "large"; diff --git a/packages/core/src/components/Dropdown/DropdownConstants.ts b/packages/core/src/components/Dropdown/DropdownConstants.ts index e123be1f96..bded7c6e24 100644 --- a/packages/core/src/components/Dropdown/DropdownConstants.ts +++ b/packages/core/src/components/Dropdown/DropdownConstants.ts @@ -6,17 +6,26 @@ export const DROPDOWN_ID = "dropdown-menu-id"; export const DROPDOWN_MENU_ID = "dropdown-menu-list-id"; export const DROPDOWN_MENU_ARIA_LABEL = "Dropdown menu"; +/** + * @deprecated + */ export const DROPDOWN_CHIP_COLORS = { PRIMARY: "PRIMARY", NEGATIVE: "NEGATIVE", POSITIVE: "POSITIVE" }; +/** + * @deprecated + */ export const DROPDOWN_MENU_POSITION = { ABSOLUTE: "absolute", FIXED: "fixed" }; +/** + * @deprecated + */ export const DROPDOWN_MENU_PLACEMENT = { TOP: "top", BOTTOM: "bottom", diff --git a/packages/core/src/components/Dropdown/__stories__/Dropdown.mdx b/packages/core/src/components/Dropdown/__stories__/Dropdown.mdx index cfc9adbf06..d98de3f61b 100644 --- a/packages/core/src/components/Dropdown/__stories__/Dropdown.mdx +++ b/packages/core/src/components/Dropdown/__stories__/Dropdown.mdx @@ -167,7 +167,7 @@ A classic dropdown presents options a user needs to choose from. ### Dropdown inside popover -Use menuPosition={Dropdown.menuPositions.FIXED} prop attribute for displaying dropdown inside popover (like our Modal +Use menuPosition="fixed" prop attribute for displaying dropdown inside popover (like our Modal component) or container with overflow hidden content. diff --git a/packages/core/src/components/Dropdown/__stories__/Dropdown.stories.js b/packages/core/src/components/Dropdown/__stories__/Dropdown.stories.js index 2d9adfcd1d..00bdd3d3d6 100644 --- a/packages/core/src/components/Dropdown/__stories__/Dropdown.stories.js +++ b/packages/core/src/components/Dropdown/__stories__/Dropdown.stories.js @@ -76,9 +76,9 @@ export const Overview = { export const Sizes = { render: () => ( <> - - - + + + ) }; @@ -827,18 +827,14 @@ export const DropdownInsidePopover = { - +
- +
From 54e2862ac74008222791ef8450f3faade8385ae7 Mon Sep 17 00:00:00 2001 From: Tal Koren Date: Sun, 4 Aug 2024 15:50:03 +0300 Subject: [PATCH 3/5] revert(Box): revert scrollable default true --- packages/core/docs/vibe-3-changelog.md | 4 -- packages/core/src/components/Box/Box.tsx | 2 +- .../__snapshots__/Box.snapshot.test.js.snap | 42 +++++++++---------- 3 files changed, 22 insertions(+), 26 deletions(-) diff --git a/packages/core/docs/vibe-3-changelog.md b/packages/core/docs/vibe-3-changelog.md index cdf18c86e7..21cd266176 100644 --- a/packages/core/docs/vibe-3-changelog.md +++ b/packages/core/docs/vibe-3-changelog.md @@ -34,10 +34,6 @@ codemod: `avatar-component-migration` - `dataTestId` -> `data-testid` [codemod] - `children` prop is now mandatory -### Box - -- `scrollable` -> change default to true [codemod] - ### ButtonGroup - `componentClassName` -> `className` [codemod] diff --git a/packages/core/src/components/Box/Box.tsx b/packages/core/src/components/Box/Box.tsx index df50821d4c..5da501f015 100644 --- a/packages/core/src/components/Box/Box.tsx +++ b/packages/core/src/components/Box/Box.tsx @@ -124,7 +124,7 @@ const Box: VibeComponent & { paddingStart, textColor, backgroundColor, - scrollable = true, + scrollable, style }, ref diff --git a/packages/core/src/components/Box/__tests__/__snapshots__/Box.snapshot.test.js.snap b/packages/core/src/components/Box/__tests__/__snapshots__/Box.snapshot.test.js.snap index f47eadd8fe..4d96e46dd6 100644 --- a/packages/core/src/components/Box/__tests__/__snapshots__/Box.snapshot.test.js.snap +++ b/packages/core/src/components/Box/__tests__/__snapshots__/Box.snapshot.test.js.snap @@ -2,25 +2,25 @@ exports[`Box renders correctly with backgronudColor prop 1`] = `
`; exports[`Box renders correctly with border prop 1`] = `
`; exports[`Box renders correctly with borderColor prop 1`] = `
`; exports[`Box renders correctly with children 1`] = `
Child
@@ -28,102 +28,102 @@ exports[`Box renders correctly with children 1`] = ` exports[`Box renders correctly with empty props 1`] = `
`; exports[`Box renders correctly with margin prop 1`] = `
`; exports[`Box renders correctly with marginEnd prop 1`] = `
`; exports[`Box renders correctly with marginStart prop 1`] = `
`; exports[`Box renders correctly with marginTop prop 1`] = `
`; exports[`Box renders correctly with marginX prop 1`] = `
`; exports[`Box renders correctly with marginY prop 1`] = `
`; exports[`Box renders correctly with padding prop 1`] = `
`; exports[`Box renders correctly with paddingBottom prop 1`] = `
`; exports[`Box renders correctly with paddingEnd prop 1`] = `
`; exports[`Box renders correctly with paddingStart prop 1`] = `
`; exports[`Box renders correctly with paddingTop prop 1`] = `
`; exports[`Box renders correctly with paddingX prop 1`] = `
`; exports[`Box renders correctly with paddingY prop 1`] = `
`; exports[`Box renders correctly with rounded prop 1`] = `
`; exports[`Box renders correctly with shadow prop 1`] = `
`; exports[`Box renders correctly with text prop 1`] = `
`; From 53fdb8553bda7638d290edb5f4534760e8dce1df Mon Sep 17 00:00:00 2001 From: Tal Koren Date: Sun, 4 Aug 2024 15:56:49 +0300 Subject: [PATCH 4/5] docs: update changelog --- packages/core/docs/vibe-3-changelog.md | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/core/docs/vibe-3-changelog.md b/packages/core/docs/vibe-3-changelog.md index 21cd266176..309f374d97 100644 --- a/packages/core/docs/vibe-3-changelog.md +++ b/packages/core/docs/vibe-3-changelog.md @@ -58,7 +58,6 @@ codemod: `avatar-component-migration` ### Dialog - `shoudlCallbackOnMount` -> `shouldCallbackOnMount` [codemod] -- `JustifyType` removed [codemod] ### DialogContentContainer From 00123e12ba9551cd1e405e9f11c311fd8fc08118 Mon Sep 17 00:00:00 2001 From: Tal Koren Date: Sun, 4 Aug 2024 16:40:00 +0300 Subject: [PATCH 5/5] feat(Dropdown): remove xxs and xs sizes (#2309) --- packages/core/docs/vibe-3-changelog.md | 1 + .../core/src/components/Dropdown/Dropdown.tsx | 7 +- .../src/components/Dropdown/Dropdown.types.ts | 2 +- .../Dropdown.snapshot.test.js.snap | 206 ++---------------- 4 files changed, 29 insertions(+), 187 deletions(-) diff --git a/packages/core/docs/vibe-3-changelog.md b/packages/core/docs/vibe-3-changelog.md index 309f374d97..aaecadedf9 100644 --- a/packages/core/docs/vibe-3-changelog.md +++ b/packages/core/docs/vibe-3-changelog.md @@ -75,6 +75,7 @@ codemod: `avatar-component-migration` ### Dropdown - Removed `Dropdown.size` property, use `Dropdown.sizes` instead [codemod] +- Remove size 'xxs' and 'xs' ### IconButton diff --git a/packages/core/src/components/Dropdown/Dropdown.tsx b/packages/core/src/components/Dropdown/Dropdown.tsx index cb173e5918..d5cbe6916e 100644 --- a/packages/core/src/components/Dropdown/Dropdown.tsx +++ b/packages/core/src/components/Dropdown/Dropdown.tsx @@ -1,7 +1,7 @@ /* eslint-disable react/require-default-props,react/forbid-prop-types */ import { ComponentDefaultTestId, getTestId } from "../../tests/test-ids-utils"; import cx from "classnames"; -import { SIZES, SIZES_VALUES } from "../../constants"; +import { BaseSizes, SIZES_VALUES } from "../../constants"; import React, { forwardRef, useCallback, useMemo, useRef, useState } from "react"; import Select, { InputProps, components, createFilter, ActionMeta } from "react-select"; import AsyncSelect from "react-select/async"; @@ -38,8 +38,7 @@ import { import { VibeComponent, withStaticProps } from "../../types"; const Dropdown: VibeComponent & { - size?: typeof SIZES; - sizes?: typeof SIZES; + sizes?: typeof BaseSizes; chipColors?: typeof DROPDOWN_CHIP_COLORS; menuPlacements?: typeof DROPDOWN_MENU_PLACEMENT; menuPositions?: typeof DROPDOWN_MENU_POSITION; @@ -423,7 +422,7 @@ const Dropdown: VibeComponent & { ); export default withStaticProps(Dropdown, { - sizes: SIZES, + sizes: BaseSizes, chipColors: DROPDOWN_CHIP_COLORS, menuPlacements: DROPDOWN_MENU_PLACEMENT, menuPositions: DROPDOWN_MENU_POSITION, diff --git a/packages/core/src/components/Dropdown/Dropdown.types.ts b/packages/core/src/components/Dropdown/Dropdown.types.ts index cdfe487bff..748f907a91 100644 --- a/packages/core/src/components/Dropdown/Dropdown.types.ts +++ b/packages/core/src/components/Dropdown/Dropdown.types.ts @@ -279,4 +279,4 @@ export type DropdownMenuPosition = "absolute" | "fixed"; export type DropdownMenuPlacement = "top" | "bottom" | "auto"; -export type DropdownSize = "xxs" | "xs" | "small" | "medium" | "large"; +export type DropdownSize = "small" | "medium" | "large"; diff --git a/packages/core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.snapshot.test.js.snap b/packages/core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.snapshot.test.js.snap index 2140baf2c8..d24564667e 100644 --- a/packages/core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.snapshot.test.js.snap +++ b/packages/core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.snapshot.test.js.snap @@ -45,7 +45,7 @@ exports[`Dropdown renders correctly snapshot driver should open menu on click if autocapitalize="none" autocomplete="off" autocorrect="off" - id="react-select-32-input" + id="react-select-30-input" spellcheck="false" style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;" tabindex="0" @@ -99,7 +99,7 @@ exports[`Dropdown renders correctly snapshot driver should open menu on click if
@@ -119,7 +119,7 @@ exports[`Dropdown renders correctly snapshot driver should open menu on click if
@@ -139,7 +139,7 @@ exports[`Dropdown renders correctly snapshot driver should open menu on click if
@@ -159,7 +159,7 @@ exports[`Dropdown renders correctly snapshot driver should open menu on click if
@@ -179,7 +179,7 @@ exports[`Dropdown renders correctly snapshot driver should open menu on click if
@@ -199,7 +199,7 @@ exports[`Dropdown renders correctly snapshot driver should open menu on click if
@@ -267,7 +267,7 @@ exports[`Dropdown renders correctly snapshot driver should open menu on focus if autocapitalize="none" autocomplete="off" autocorrect="off" - id="react-select-31-input" + id="react-select-29-input" spellcheck="false" style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;" tabindex="0" @@ -396,164 +396,6 @@ exports[`Dropdown renders correctly snapshot driver should render correctly for `; exports[`Dropdown renders correctly snapshot driver should render correctly for the different sizes 2`] = ` - -
-
-
-
-
-
-
- -
-
-
-
-
- - -
-
-
-
- -`; - -exports[`Dropdown renders correctly snapshot driver should render correctly for the different sizes 3`] = ` - -
-
-
-
-
-
-
- -
-
-
-
-
- - -
-
-
-
- -`; - -exports[`Dropdown renders correctly snapshot driver should render correctly for the different sizes 4`] = `
`; -exports[`Dropdown renders correctly snapshot driver should render correctly for the different sizes 5`] = ` +exports[`Dropdown renders correctly snapshot driver should render correctly for the different sizes 3`] = `
@@ -1031,7 +873,7 @@ exports[`Dropdown renders correctly snapshot driver should use virtualization if
@@ -1057,7 +899,7 @@ exports[`Dropdown renders correctly snapshot driver should use virtualization if
@@ -1083,7 +925,7 @@ exports[`Dropdown renders correctly snapshot driver should use virtualization if
@@ -1109,7 +951,7 @@ exports[`Dropdown renders correctly snapshot driver should use virtualization if
@@ -1135,7 +977,7 @@ exports[`Dropdown renders correctly snapshot driver should use virtualization if
@@ -1161,7 +1003,7 @@ exports[`Dropdown renders correctly snapshot driver should use virtualization if
@@ -1187,7 +1029,7 @@ exports[`Dropdown renders correctly snapshot driver should use virtualization if
@@ -1213,7 +1055,7 @@ exports[`Dropdown renders correctly snapshot driver should use virtualization if
@@ -1239,7 +1081,7 @@ exports[`Dropdown renders correctly snapshot driver should use virtualization if
@@ -1265,7 +1107,7 @@ exports[`Dropdown renders correctly snapshot driver should use virtualization if