@dfds-ui/react-components 2.2.0-alpha.c2f773c5 → 2.2.0-alpha.c79adffa
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/Accordion.d.ts +2 -2
- package/accordion/Accordion.js +47 -65
- package/accordion/AccordionContent.d.ts +1 -2
- package/accordion/AccordionContent.js +5 -12
- package/accordion/AccordionSmall.d.ts +2 -3
- package/accordion/AccordionSmall.js +36 -49
- package/app-bar/AppBar.d.ts +3 -3
- package/app-bar/AppBar.js +38 -50
- package/app-bar/AppBarContext.d.ts +3 -3
- package/app-bar/AppBarContext.js +4 -5
- package/app-bar/AppBarDrawer.d.ts +2 -2
- package/app-bar/AppBarDrawer.js +5 -12
- package/app-bar/AppBarIconButton.d.ts +2 -2
- package/app-bar/AppBarIconButton.js +4 -9
- package/app-bar/AppBarItem.d.ts +4 -4
- package/app-bar/AppBarItem.js +59 -67
- package/app-bar/AppBarListItem.d.ts +12 -11
- package/assertions/banner/Banner.d.ts +3 -3
- package/assertions/banner/Banner.js +50 -62
- package/assertions/banner/BannerAction.d.ts +1 -1
- package/assertions/banner/BannerAction.js +3 -8
- package/assertions/banner/BannerTypography.d.ts +0 -2
- package/assertions/banner/BannerTypography.js +8 -11
- package/assertions/toast/Toast.d.ts +1 -2
- package/assertions/toast/Toast.js +22 -32
- package/assertions/toast/Toaster.d.ts +2 -2
- package/assertions/toast/Toaster.js +28 -33
- package/badge/Badge.d.ts +2 -2
- package/badge/Badge.js +9 -16
- package/button/BadgeIcon.d.ts +3 -3
- package/button/BadgeIcon.js +16 -18
- package/button/BaseButton.d.ts +6 -6
- package/button/BaseButton.js +1 -1
- package/button/Button.d.ts +4 -4
- package/button/Button.js +29 -36
- package/button/IconButton.d.ts +2 -2
- package/button/IconButton.js +13 -19
- package/button/LinkButton.d.ts +2 -2
- package/button/LinkButton.js +4 -9
- package/button/button-style.js +2 -1
- package/button-stack/ButtonStack.d.ts +3 -4
- package/button-stack/ButtonStack.js +20 -28
- package/card/Card.d.ts +2 -3
- package/card/Card.js +30 -44
- package/card/CardActions.js +4 -11
- package/card/CardContent.d.ts +2 -3
- package/card/CardContent.js +9 -19
- package/card/CardMedia.d.ts +3 -4
- package/card/CardMedia.js +7 -15
- package/card/CardPriceTag.d.ts +3 -3
- package/card/CardPriceTag.js +14 -26
- package/card/CardTitle.d.ts +2 -3
- package/card/CardTitle.js +13 -23
- package/chip/Chip.d.ts +5 -5
- package/chip/Chip.js +13 -20
- package/cjs/accordion/Accordion.d.ts +2 -2
- package/cjs/accordion/Accordion.js +71 -80
- package/cjs/accordion/AccordionContent.d.ts +1 -2
- package/cjs/accordion/AccordionContent.js +12 -12
- package/cjs/accordion/AccordionSmall.d.ts +2 -3
- package/cjs/accordion/AccordionSmall.js +49 -54
- package/cjs/accordion/index.js +3 -3
- package/cjs/app-bar/AppBar.d.ts +3 -3
- package/cjs/app-bar/AppBar.js +104 -92
- package/cjs/app-bar/AppBarContext.d.ts +3 -3
- package/cjs/app-bar/AppBarContext.js +19 -8
- package/cjs/app-bar/AppBarDrawer.d.ts +2 -2
- package/cjs/app-bar/AppBarDrawer.js +16 -16
- package/cjs/app-bar/AppBarIconButton.d.ts +2 -2
- package/cjs/app-bar/AppBarIconButton.js +14 -12
- package/cjs/app-bar/AppBarItem.d.ts +4 -4
- package/cjs/app-bar/AppBarItem.js +88 -78
- package/cjs/app-bar/AppBarListItem.d.ts +12 -11
- package/cjs/app-bar/index.js +8 -8
- package/cjs/assertions/banner/Banner.d.ts +3 -3
- package/cjs/assertions/banner/Banner.js +92 -79
- package/cjs/assertions/banner/BannerAction.d.ts +1 -1
- package/cjs/assertions/banner/BannerAction.js +13 -12
- package/cjs/assertions/banner/BannerTypography.d.ts +0 -2
- package/cjs/assertions/banner/BannerTypography.js +11 -11
- package/cjs/assertions/banner/index.js +3 -3
- package/cjs/assertions/index.js +2 -2
- package/cjs/assertions/toast/Toast.d.ts +1 -2
- package/cjs/assertions/toast/Toast.js +35 -36
- package/cjs/assertions/toast/Toaster.d.ts +2 -2
- package/cjs/assertions/toast/Toaster.js +66 -55
- package/cjs/assertions/toast/index.js +4 -4
- package/cjs/badge/Badge.d.ts +2 -2
- package/cjs/badge/Badge.js +23 -21
- package/cjs/badge/index.js +3 -3
- package/cjs/button/BadgeIcon.d.ts +3 -3
- package/cjs/button/BadgeIcon.js +15 -18
- package/cjs/button/BaseButton.d.ts +6 -6
- package/cjs/button/BaseButton.js +1 -1
- package/cjs/button/Button.d.ts +4 -4
- package/cjs/button/Button.js +48 -43
- package/cjs/button/IconButton.d.ts +2 -2
- package/cjs/button/IconButton.js +41 -34
- package/cjs/button/LinkButton.d.ts +2 -2
- package/cjs/button/LinkButton.js +5 -6
- package/cjs/button/button-style.js +2 -1
- package/cjs/button/index.js +8 -8
- package/cjs/button-stack/ButtonStack.d.ts +3 -4
- package/cjs/button-stack/ButtonStack.js +30 -29
- package/cjs/button-stack/index.js +1 -1
- package/cjs/card/Card.d.ts +2 -3
- package/cjs/card/Card.js +65 -61
- package/cjs/card/CardActions.js +12 -9
- package/cjs/card/CardContent.d.ts +2 -3
- package/cjs/card/CardContent.js +17 -18
- package/cjs/card/CardMedia.d.ts +3 -4
- package/cjs/card/CardMedia.js +16 -16
- package/cjs/card/CardPriceTag.d.ts +3 -3
- package/cjs/card/CardPriceTag.js +24 -27
- package/cjs/card/CardTitle.d.ts +2 -3
- package/cjs/card/CardTitle.js +21 -24
- package/cjs/card/index.js +6 -6
- package/cjs/chip/Chip.d.ts +5 -5
- package/cjs/chip/Chip.js +45 -32
- package/cjs/chip/index.js +3 -3
- package/cjs/common/LockBodyScroll.d.ts +2 -2
- package/cjs/common/LockBodyScroll.js +15 -18
- package/cjs/common/arrow.d.ts +1 -1
- package/cjs/common/arrow.js +4 -2
- package/cjs/common/emotionCloneElement.d.ts +1 -0
- package/cjs/common/emotionCloneElement.js +8 -5
- package/cjs/common/intent.d.ts +1 -1
- package/cjs/common/polymorphic.d.ts +5 -5
- package/cjs/common/polymorphic.js +8 -12
- package/cjs/common/use-media.js +10 -1
- package/cjs/common/useOnClickOutside.d.ts +2 -1
- package/cjs/counter/Counter.d.ts +1 -1
- package/cjs/counter/Counter.js +62 -56
- package/cjs/counter/PluralCounter.d.ts +1 -1
- package/cjs/counter/PluralCounter.js +32 -22
- package/cjs/counter/index.js +2 -2
- package/cjs/data-table/DataTable.d.ts +2 -3
- package/cjs/data-table/DataTable.js +57 -55
- package/cjs/data-table/index.js +1 -1
- package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +2 -0
- package/cjs/date-range-picker/DatePickerDefaultStyles.js +19 -0
- package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +2 -0
- package/cjs/date-range-picker/DatePickerDfdsStyles.js +10 -0
- package/cjs/date-range-picker/DateRangePicker.d.ts +5 -5
- package/cjs/date-range-picker/DateRangePicker.js +252 -295
- package/cjs/date-range-picker/index.js +1 -1
- package/cjs/divider/Divider.d.ts +3 -3
- package/cjs/divider/Divider.js +13 -14
- package/cjs/divider/index.js +1 -1
- package/cjs/drawer/Drawer.d.ts +4 -4
- package/cjs/drawer/Drawer.js +20 -18
- package/cjs/drawer/index.js +1 -1
- package/cjs/dropdown-menu/Dropdown.d.ts +3 -3
- package/cjs/dropdown-menu/Dropdown.js +59 -50
- package/cjs/dropdown-menu/DropdownContext.d.ts +4 -4
- package/cjs/dropdown-menu/DropdownContext.js +5 -6
- package/cjs/dropdown-menu/MenuCheckbox.d.ts +1 -1
- package/cjs/dropdown-menu/MenuCheckbox.js +23 -26
- package/cjs/dropdown-menu/MenuItem.d.ts +1 -1
- package/cjs/dropdown-menu/MenuItem.js +66 -52
- package/cjs/dropdown-menu/MenuTitle.d.ts +1 -1
- package/cjs/dropdown-menu/MenuTitle.js +14 -18
- package/cjs/dropdown-menu/index.js +6 -6
- package/cjs/elevation/index.d.ts +1 -1
- package/cjs/elevation/index.js +6 -3
- package/cjs/flexbox/FlexBox.d.ts +5 -5
- package/cjs/flexbox/FlexBox.js +13 -5
- package/cjs/flexbox/index.js +1 -1
- package/cjs/footer/Footer.d.ts +2 -2
- package/cjs/footer/Footer.js +7 -12
- package/cjs/footer/index.js +1 -1
- package/cjs/forms/assistive-text/AssistiveText.d.ts +4 -3
- package/cjs/forms/asterisk/Asterisk.d.ts +2 -2
- package/cjs/forms/asterisk/Asterisk.js +2 -4
- package/cjs/forms/checkbox/Checkbox.d.ts +5 -5
- package/cjs/forms/checkbox/Checkbox.js +54 -54
- package/cjs/forms/checkbox/ExampleControlComponent.d.ts +1 -2
- package/cjs/forms/checkbox/ExampleControlComponent.js +22 -12
- package/cjs/forms/checkbox/index.js +1 -1
- package/cjs/forms/email-field/EmailField.d.ts +2 -2
- package/cjs/forms/email-field/EmailField.js +5 -6
- package/cjs/forms/error-text/ErrorText.d.ts +4 -3
- package/cjs/forms/error-text/ErrorText.js +4 -2
- package/cjs/forms/field/Field.d.ts +1 -2
- package/cjs/forms/field/Field.js +10 -12
- package/cjs/forms/index.d.ts +3 -3
- package/cjs/forms/index.js +18 -18
- package/cjs/forms/input/Input.d.ts +3 -3
- package/cjs/forms/input/Input.js +50 -43
- package/cjs/forms/input/InputComposition.d.ts +12 -12
- package/cjs/forms/input/InputComposition.js +54 -58
- package/cjs/forms/label/Label.d.ts +1 -2
- package/cjs/forms/label/Label.js +14 -14
- package/cjs/forms/number-field/NumberField.d.ts +2 -2
- package/cjs/forms/number-field/NumberField.js +6 -6
- package/cjs/forms/password-field/PasswordField.d.ts +1 -1
- package/cjs/forms/password-field/PasswordField.js +22 -13
- package/cjs/forms/radio/Radio.d.ts +4 -4
- package/cjs/forms/radio/Radio.js +30 -27
- package/cjs/forms/reactselect/ReactSelect.d.ts +15 -15
- package/cjs/forms/reactselect/ReactSelect.js +97 -100
- package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +2 -2
- package/cjs/forms/searchable-select/AsyncSearchableSelect.js +66 -72
- package/cjs/forms/select/Select.d.ts +4 -4
- package/cjs/forms/select/Select.js +45 -42
- package/cjs/forms/select-field/SelectField.d.ts +3 -3
- package/cjs/forms/select-field/SelectField.js +48 -48
- package/cjs/forms/switch/Switch.d.ts +2 -2
- package/cjs/forms/switch/Switch.js +51 -51
- package/cjs/forms/tel-field/TelField.d.ts +2 -2
- package/cjs/forms/tel-field/TelField.js +5 -6
- package/cjs/forms/text-field/TextField.d.ts +4 -4
- package/cjs/forms/text-field/TextField.js +58 -57
- package/cjs/global-styles/GlobalStyles.d.ts +3 -3
- package/cjs/global-styles/GlobalStyles.js +2 -3
- package/cjs/global-styles/ResetStyles.d.ts +2 -2
- package/cjs/global-styles/ResetStyles.js +3 -3
- package/cjs/global-styles/sanitize.js +2 -1
- package/cjs/grid/Column.d.ts +1 -1
- package/cjs/grid/Column.js +15 -14
- package/cjs/grid/Container.d.ts +2 -2
- package/cjs/grid/Container.js +38 -42
- package/cjs/grid/index.js +2 -2
- package/cjs/hero/Hero.d.ts +2 -2
- package/cjs/hero/Hero.js +24 -41
- package/cjs/hero/index.js +1 -1
- package/cjs/hero/stripes.d.ts +2 -2
- package/cjs/hero/stripes.js +160 -176
- package/cjs/ie-banner/IEBanner.d.ts +1 -2
- package/cjs/ie-banner/IEBanner.js +25 -16
- package/cjs/ie-banner/index.js +1 -1
- package/cjs/index.js +45 -45
- package/cjs/layout/LayoutLegacy.d.ts +2 -2
- package/cjs/layout/LayoutLegacy.js +1 -2
- package/cjs/lists/FeatureList.d.ts +9 -7
- package/cjs/lists/FeatureList.js +19 -21
- package/cjs/lists/ListAddon.d.ts +2 -2
- package/cjs/lists/ListAddon.js +14 -15
- package/cjs/lists/ListDivider.d.ts +3 -3
- package/cjs/lists/ListDivider.js +13 -11
- package/cjs/lists/ListIcon.d.ts +3 -3
- package/cjs/lists/ListIcon.js +19 -17
- package/cjs/lists/ListItem.d.ts +2 -2
- package/cjs/lists/ListItem.js +28 -21
- package/cjs/lists/ListText.d.ts +4 -4
- package/cjs/lists/ListText.js +15 -13
- package/cjs/lists/ListTextGroup.d.ts +2 -2
- package/cjs/lists/ListTextGroup.js +17 -14
- package/cjs/lists/ListTitle.d.ts +2 -2
- package/cjs/lists/ListTitle.js +13 -10
- package/cjs/lists/index.js +8 -8
- package/cjs/loader/DfdsLoader.d.ts +1 -1
- package/cjs/loader/DfdsLoader.js +22 -28
- package/cjs/loader/Loader.d.ts +3 -3
- package/cjs/loader/Loader.js +3 -9
- package/cjs/loader/index.js +2 -2
- package/cjs/localization/LocaleFlag.d.ts +3 -3
- package/cjs/localization/LocaleFlag.js +16 -13
- package/cjs/localization/index.js +2 -2
- package/cjs/localization/locales.d.ts +2 -2
- package/cjs/logo/Logo.d.ts +3 -3
- package/cjs/logo/Logo.js +14 -16
- package/cjs/logo/index.js +1 -1
- package/cjs/menu/Menu.d.ts +1 -1
- package/cjs/menu/Menu.js +38 -44
- package/cjs/menu/index.js +3 -3
- package/cjs/mobile-stepper/MobileStepper.d.ts +3 -3
- package/cjs/mobile-stepper/MobileStepper.js +29 -26
- package/cjs/mobile-stepper/index.js +1 -1
- package/cjs/nav-bar/NavBar.d.ts +9 -11
- package/cjs/nav-bar/NavBar.js +67 -63
- package/cjs/nav-bar/index.js +3 -3
- package/cjs/nav-menu/NavMenuItem.d.ts +1 -1
- package/cjs/nav-menu/NavMenuItem.js +11 -13
- package/cjs/nav-menu/index.js +1 -1
- package/cjs/pagination/Pagination.d.ts +3 -3
- package/cjs/pagination/Pagination.js +46 -58
- package/cjs/pagination/Pagination.styles.js +2 -1
- package/cjs/pagination/index.js +1 -1
- package/cjs/popper/Popper.d.ts +4 -4
- package/cjs/popper/Popper.js +40 -40
- package/cjs/popper/index.js +1 -1
- package/cjs/progress-bar/ProgressBar.d.ts +3 -3
- package/cjs/progress-bar/ProgressBar.js +5 -4
- package/cjs/progress-bar/index.js +3 -3
- package/cjs/schedule/ScheduleItem.d.ts +10 -8
- package/cjs/schedule/ScheduleItem.js +4 -9
- package/cjs/schedule/ScheduleList.d.ts +3 -3
- package/cjs/schedule/ScheduleList.js +15 -13
- package/cjs/schedule/index.js +2 -2
- package/cjs/side-sheet/SideSheet.d.ts +5 -5
- package/cjs/side-sheet/SideSheet.js +86 -74
- package/cjs/side-sheet/SideSheetCloseButton.d.ts +2 -2
- package/cjs/side-sheet/SideSheetCloseButton.js +17 -13
- package/cjs/side-sheet/SideSheetContent.d.ts +3 -3
- package/cjs/side-sheet/SideSheetContent.js +13 -15
- package/cjs/side-sheet/SideSheetFooter.d.ts +3 -3
- package/cjs/side-sheet/SideSheetFooter.js +13 -15
- package/cjs/side-sheet/SideSheetHeader.d.ts +3 -3
- package/cjs/side-sheet/SideSheetHeader.js +16 -17
- package/cjs/side-sheet/SideSheetHeadline.d.ts +3 -3
- package/cjs/side-sheet/SideSheetHeadline.js +3 -5
- package/cjs/side-sheet/index.js +5 -5
- package/cjs/site-layout/SiteLayout.d.ts +11 -15
- package/cjs/site-layout/SiteLayout.js +47 -56
- package/cjs/site-layout/index.js +3 -3
- package/cjs/skeleton/Skeleton.d.ts +3 -3
- package/cjs/skeleton/Skeleton.js +15 -12
- package/cjs/skeleton/index.js +1 -1
- package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +9 -7
- package/cjs/social-media-link-list/SocialMediaLinkList.js +69 -75
- package/cjs/social-media-link-list/index.js +1 -1
- package/cjs/spinner/Spinner.d.ts +9 -9
- package/cjs/spinner/Spinner.js +23 -20
- package/cjs/spinner/index.js +1 -1
- package/cjs/step/Step.d.ts +2 -2
- package/cjs/step/Step.js +47 -49
- package/cjs/step/Step.styles.js +2 -1
- package/cjs/step/StepButton.d.ts +2 -2
- package/cjs/step/StepButton.js +39 -43
- package/cjs/step/StepContent.d.ts +3 -3
- package/cjs/step/StepContent.js +14 -16
- package/cjs/step/StepContext.d.ts +1 -1
- package/cjs/step/StepLabel.d.ts +1 -1
- package/cjs/step/StepLabel.js +10 -13
- package/cjs/step/index.js +1 -1
- package/cjs/stepper/Stepper.d.ts +2 -2
- package/cjs/stepper/Stepper.js +34 -26
- package/cjs/stepper/StepperContext.d.ts +1 -1
- package/cjs/stepper/index.js +1 -1
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.d.ts +2 -2
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +7 -10
- package/cjs/stepper-feedback-message/index.js +1 -1
- package/cjs/styles/index.js +5 -5
- package/cjs/styles/media.d.ts +1 -1
- package/cjs/styles/style-helpers.js +2 -1
- package/cjs/styles/theme.d.ts +1 -1
- package/cjs/surface/Surface.d.ts +7 -7
- package/cjs/surface/Surface.js +31 -32
- package/cjs/surface/index.js +1 -1
- package/cjs/tab/Tab.d.ts +3 -3
- package/cjs/tab/Tab.js +21 -21
- package/cjs/tab/TabPanel.d.ts +2 -2
- package/cjs/tab/TabPanel.js +7 -9
- package/cjs/tab/Tabs.d.ts +3 -3
- package/cjs/tab/Tabs.js +67 -52
- package/cjs/tab/TabsContext.d.ts +3 -3
- package/cjs/tab/TabsContext.js +5 -6
- package/cjs/tab/index.js +4 -4
- package/cjs/table/Table.d.ts +3 -3
- package/cjs/table/Table.js +22 -20
- package/cjs/table/TableBody.d.ts +2 -2
- package/cjs/table/TableBody.js +12 -11
- package/cjs/table/TableDataCell.d.ts +2 -2
- package/cjs/table/TableDataCell.js +15 -13
- package/cjs/table/TableHead.d.ts +2 -2
- package/cjs/table/TableHead.js +16 -16
- package/cjs/table/TableHeaderCell.d.ts +3 -3
- package/cjs/table/TableHeaderCell.js +15 -13
- package/cjs/table/TableRow.d.ts +2 -2
- package/cjs/table/TableRow.js +18 -17
- package/cjs/table/index.js +6 -6
- package/cjs/test/Test.js +2 -4
- package/cjs/tooltip/Tooltip.d.ts +4 -4
- package/cjs/tooltip/Tooltip.js +35 -40
- package/cjs/tooltip/index.js +3 -3
- package/cjs/typography/Headlines.d.ts +40 -41
- package/cjs/typography/Headlines.js +28 -25
- package/cjs/typography/Text.d.ts +3 -2
- package/cjs/typography/Text.js +2 -1
- package/cjs/typography/index.js +2 -2
- package/common/LockBodyScroll.d.ts +2 -2
- package/common/LockBodyScroll.js +8 -18
- package/common/arrow.d.ts +1 -1
- package/common/arrow.js +4 -2
- package/common/emotionCloneElement.d.ts +1 -0
- package/common/intent.d.ts +1 -1
- package/common/polymorphic.d.ts +5 -5
- package/common/polymorphic.js +2 -8
- package/common/useOnClickOutside.d.ts +2 -1
- package/counter/Counter.d.ts +1 -1
- package/counter/Counter.js +50 -53
- package/counter/PluralCounter.d.ts +1 -1
- package/counter/PluralCounter.js +9 -17
- package/data-table/DataTable.d.ts +2 -3
- package/data-table/DataTable.js +36 -49
- package/date-range-picker/DatePickerDefaultStyles.d.ts +2 -0
- package/date-range-picker/DatePickerDefaultStyles.js +13 -0
- package/date-range-picker/DatePickerDfdsStyles.d.ts +2 -0
- package/date-range-picker/DatePickerDfdsStyles.js +4 -0
- package/date-range-picker/DateRangePicker.d.ts +5 -5
- package/date-range-picker/DateRangePicker.js +236 -317
- package/divider/Divider.d.ts +3 -3
- package/divider/Divider.js +3 -8
- package/drawer/Drawer.d.ts +4 -4
- package/drawer/Drawer.js +5 -14
- package/dropdown-menu/Dropdown.d.ts +3 -3
- package/dropdown-menu/Dropdown.js +28 -38
- package/dropdown-menu/DropdownContext.d.ts +4 -4
- package/dropdown-menu/DropdownContext.js +4 -5
- package/dropdown-menu/MenuCheckbox.d.ts +1 -1
- package/dropdown-menu/MenuCheckbox.js +17 -24
- package/dropdown-menu/MenuItem.d.ts +1 -1
- package/dropdown-menu/MenuItem.js +24 -27
- package/dropdown-menu/MenuTitle.d.ts +1 -1
- package/dropdown-menu/MenuTitle.js +13 -15
- package/elevation/index.d.ts +1 -1
- package/elevation/index.js +6 -3
- package/flexbox/FlexBox.d.ts +5 -5
- package/flexbox/FlexBox.js +2 -2
- package/footer/Footer.d.ts +2 -2
- package/footer/Footer.js +7 -12
- package/forms/assistive-text/AssistiveText.d.ts +4 -3
- package/forms/asterisk/Asterisk.d.ts +2 -2
- package/forms/asterisk/Asterisk.js +2 -4
- package/forms/checkbox/Checkbox.d.ts +5 -5
- package/forms/checkbox/Checkbox.js +38 -47
- package/forms/checkbox/ExampleControlComponent.d.ts +1 -2
- package/forms/checkbox/ExampleControlComponent.js +4 -11
- package/forms/email-field/EmailField.d.ts +2 -2
- package/forms/email-field/EmailField.js +4 -9
- package/forms/error-text/ErrorText.d.ts +4 -3
- package/forms/error-text/ErrorText.js +4 -2
- package/forms/field/Field.d.ts +1 -2
- package/forms/field/Field.js +10 -12
- package/forms/index.d.ts +3 -3
- package/forms/input/Input.d.ts +3 -3
- package/forms/input/Input.js +36 -35
- package/forms/input/InputComposition.d.ts +12 -12
- package/forms/input/InputComposition.js +27 -38
- package/forms/label/Label.d.ts +1 -2
- package/forms/label/Label.js +9 -15
- package/forms/number-field/NumberField.d.ts +2 -2
- package/forms/number-field/NumberField.js +6 -10
- package/forms/password-field/PasswordField.d.ts +1 -1
- package/forms/password-field/PasswordField.js +10 -15
- package/forms/radio/Radio.d.ts +4 -4
- package/forms/radio/Radio.js +21 -27
- package/forms/reactselect/ReactSelect.d.ts +15 -15
- package/forms/reactselect/ReactSelect.js +64 -71
- package/forms/searchable-select/AsyncSearchableSelect.d.ts +2 -2
- package/forms/searchable-select/AsyncSearchableSelect.js +37 -49
- package/forms/select/Select.d.ts +4 -4
- package/forms/select/Select.js +35 -38
- package/forms/select-field/SelectField.d.ts +3 -3
- package/forms/select-field/SelectField.js +35 -40
- package/forms/switch/Switch.d.ts +2 -2
- package/forms/switch/Switch.js +41 -50
- package/forms/tel-field/TelField.d.ts +2 -2
- package/forms/tel-field/TelField.js +4 -9
- package/forms/text-field/TextField.d.ts +4 -4
- package/forms/text-field/TextField.js +42 -47
- package/global-styles/GlobalStyles.d.ts +3 -3
- package/global-styles/GlobalStyles.js +3 -3
- package/global-styles/ResetStyles.d.ts +2 -2
- package/global-styles/ResetStyles.js +4 -3
- package/global-styles/sanitize.js +2 -1
- package/grid/Column.d.ts +1 -1
- package/grid/Column.js +5 -12
- package/grid/Container.d.ts +2 -2
- package/grid/Container.js +26 -33
- package/hero/Hero.d.ts +2 -2
- package/hero/Hero.js +24 -42
- package/hero/stripes.d.ts +2 -2
- package/hero/stripes.js +160 -176
- package/ie-banner/IEBanner.d.ts +1 -2
- package/ie-banner/IEBanner.js +6 -12
- package/layout/LayoutLegacy.d.ts +2 -2
- package/layout/LayoutLegacy.js +2 -2
- package/lists/FeatureList.d.ts +9 -7
- package/lists/FeatureList.js +9 -19
- package/lists/ListAddon.d.ts +2 -2
- package/lists/ListAddon.js +4 -11
- package/lists/ListDivider.d.ts +3 -3
- package/lists/ListDivider.js +3 -8
- package/lists/ListIcon.d.ts +3 -3
- package/lists/ListIcon.js +3 -8
- package/lists/ListItem.d.ts +2 -2
- package/lists/ListItem.js +4 -11
- package/lists/ListText.d.ts +4 -4
- package/lists/ListText.js +3 -8
- package/lists/ListTextGroup.d.ts +2 -2
- package/lists/ListTextGroup.js +3 -8
- package/lists/ListTitle.d.ts +2 -2
- package/lists/ListTitle.js +5 -9
- package/loader/DfdsLoader.d.ts +1 -1
- package/loader/DfdsLoader.js +21 -26
- package/loader/Loader.d.ts +3 -3
- package/loader/Loader.js +4 -9
- package/localization/LocaleFlag.d.ts +3 -3
- package/localization/LocaleFlag.js +3 -8
- package/localization/locales.d.ts +2 -2
- package/logo/Logo.d.ts +3 -3
- package/logo/Logo.js +5 -12
- package/menu/Menu.d.ts +1 -1
- package/menu/Menu.js +15 -28
- package/mobile-stepper/MobileStepper.d.ts +3 -3
- package/mobile-stepper/MobileStepper.js +19 -25
- package/nav-bar/NavBar.d.ts +9 -11
- package/nav-bar/NavBar.js +34 -49
- package/nav-menu/NavMenuItem.d.ts +1 -1
- package/nav-menu/NavMenuItem.js +12 -13
- package/package.json +22 -20
- package/pagination/Pagination.d.ts +3 -3
- package/pagination/Pagination.js +38 -54
- package/pagination/Pagination.styles.js +2 -1
- package/popper/Popper.d.ts +4 -4
- package/popper/Popper.js +16 -25
- package/progress-bar/ProgressBar.d.ts +3 -3
- package/progress-bar/ProgressBar.js +6 -4
- package/schedule/ScheduleItem.d.ts +10 -8
- package/schedule/ScheduleItem.js +4 -9
- package/schedule/ScheduleList.d.ts +3 -3
- package/schedule/ScheduleList.js +8 -14
- package/side-sheet/SideSheet.d.ts +5 -5
- package/side-sheet/SideSheet.js +40 -48
- package/side-sheet/SideSheetCloseButton.d.ts +2 -2
- package/side-sheet/SideSheetCloseButton.js +3 -8
- package/side-sheet/SideSheetContent.d.ts +3 -3
- package/side-sheet/SideSheetContent.js +6 -15
- package/side-sheet/SideSheetFooter.d.ts +3 -3
- package/side-sheet/SideSheetFooter.js +6 -15
- package/side-sheet/SideSheetHeader.d.ts +3 -3
- package/side-sheet/SideSheetHeader.js +6 -15
- package/side-sheet/SideSheetHeadline.d.ts +3 -3
- package/side-sheet/SideSheetHeadline.js +4 -5
- package/site-layout/SiteLayout.d.ts +11 -15
- package/site-layout/SiteLayout.js +16 -34
- package/skeleton/Skeleton.d.ts +3 -3
- package/skeleton/Skeleton.js +3 -8
- package/social-media-link-list/SocialMediaLinkList.d.ts +9 -7
- package/social-media-link-list/SocialMediaLinkList.js +53 -67
- package/spinner/Spinner.d.ts +9 -9
- package/spinner/Spinner.js +10 -16
- package/step/Step.d.ts +2 -2
- package/step/Step.js +18 -32
- package/step/Step.styles.js +2 -1
- package/step/StepButton.d.ts +2 -2
- package/step/StepButton.js +20 -26
- package/step/StepContent.d.ts +3 -3
- package/step/StepContent.js +13 -13
- package/step/StepContext.d.ts +1 -1
- package/step/StepLabel.d.ts +1 -1
- package/step/StepLabel.js +8 -9
- package/stepper/Stepper.d.ts +2 -2
- package/stepper/Stepper.js +13 -13
- package/stepper/StepperContext.d.ts +1 -1
- package/stepper-feedback-message/StepperFeedbackMessage.d.ts +2 -2
- package/stepper-feedback-message/StepperFeedbackMessage.js +8 -10
- package/styles/media.d.ts +1 -1
- package/styles/style-helpers.js +2 -1
- package/styles/theme.d.ts +1 -1
- package/surface/Surface.d.ts +7 -7
- package/surface/Surface.js +12 -15
- package/tab/Tab.d.ts +3 -3
- package/tab/Tab.js +10 -16
- package/tab/TabPanel.d.ts +2 -2
- package/tab/TabPanel.js +5 -6
- package/tab/Tabs.d.ts +3 -3
- package/tab/Tabs.js +36 -42
- package/tab/TabsContext.d.ts +3 -3
- package/tab/TabsContext.js +4 -5
- package/table/Table.d.ts +3 -3
- package/table/Table.js +11 -18
- package/table/TableBody.d.ts +2 -2
- package/table/TableBody.js +5 -11
- package/table/TableDataCell.d.ts +2 -2
- package/table/TableDataCell.js +6 -12
- package/table/TableHead.d.ts +2 -2
- package/table/TableHead.js +6 -8
- package/table/TableHeaderCell.d.ts +3 -3
- package/table/TableHeaderCell.js +6 -12
- package/table/TableRow.d.ts +2 -2
- package/table/TableRow.js +6 -8
- package/test/Test.js +2 -4
- package/tooltip/Tooltip.d.ts +4 -4
- package/tooltip/Tooltip.js +22 -31
- package/typography/Headlines.d.ts +40 -41
- package/typography/Headlines.js +17 -22
- package/typography/Text.d.ts +3 -2
- package/typography/Text.js +2 -1
- package/cjs/date-range-picker/DateRangePicker.styles.d.ts +0 -6
- package/cjs/date-range-picker/DateRangePicker.styles.js +0 -14
- package/date-range-picker/DateRangePicker.styles.d.ts +0 -6
- package/date-range-picker/DateRangePicker.styles.js +0 -9
package/cjs/divider/Divider.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export type DividerProps = {
|
|
2
|
+
export declare type DividerProps = {
|
|
3
3
|
/**
|
|
4
4
|
* Display the Divider in "light" mode.
|
|
5
5
|
*/
|
|
@@ -21,6 +21,6 @@ export type DividerProps = {
|
|
|
21
21
|
*/
|
|
22
22
|
className?: string;
|
|
23
23
|
};
|
|
24
|
-
export declare const dividerBorder: (light?: boolean, placement?:
|
|
25
|
-
export declare const Divider: ({ light, indent, margins, ...rest }: DividerProps) =>
|
|
24
|
+
export declare const dividerBorder: (light?: boolean, placement?: 'top' | 'bottom') => import("@emotion/utils").SerializedStyles;
|
|
25
|
+
export declare const Divider: ({ light, indent, margins, ...rest }: DividerProps) => JSX.Element;
|
|
26
26
|
export default Divider;
|
package/cjs/divider/Divider.js
CHANGED
|
@@ -8,11 +8,12 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _react2 = require("@emotion/react");
|
|
10
10
|
var _theme = require("@dfds-ui/theme");
|
|
11
|
-
|
|
11
|
+
const _excluded = ["light", "indent", "margins"];
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
} =
|
|
13
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
15
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
16
|
+
const colors = _theme.theme.colors;
|
|
16
17
|
|
|
17
18
|
// Can be used to create a simple divider with a css border and still adhere to the colors defined for dividers.
|
|
18
19
|
const dividerBorder = (light, placement) => {
|
|
@@ -26,19 +27,17 @@ const StyledDivider = /*#__PURE__*/(0, _base.default)("hr", process.env.NODE_ENV
|
|
|
26
27
|
target: "e1rrvlkn0",
|
|
27
28
|
label: "StyledDivider"
|
|
28
29
|
})("border:none;background-color:", p => p.light ? colors.divider.light : colors.divider.dark, ";max-width:100%;height:1px;margin:0 ", p => p.margins ? _theme.theme.spacing.m : 0, " 0 ", p => p.margins || p.indent ? _theme.theme.spacing.m : 0, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kaXZpZGVyL0RpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDeUYiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2RpdmlkZXIvRGl2aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgRGl2aWRlclByb3BzID0ge1xuICAvL3RvZG86IGNvbnZlcnQgdG8gc3VyZmFjZSBjb25jZXB0IGFuZCByZW1vdmUgbGlnaHRcbiAgLyoqXG4gICAqIERpc3BsYXkgdGhlIERpdmlkZXIgaW4gXCJsaWdodFwiIG1vZGUuXG4gICAqL1xuICBsaWdodD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIERpc3BsYXkgdGhlIERpdmlkZXIgaW4gXCJpbmRlbnRcIiBzdHlsZVxuICAgKi9cbiAgaW5kZW50PzogYm9vbGVhblxuICAvKipcbiAgICogIERpc3BsYXkgdGhlIERpdmlkZXIgaW4gXCJtYXJnaW5cIiBzdHlsZVxuICAgKi9cbiAgbWFyZ2lucz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIENsYXNzIG5hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IHsgY29sb3JzIH0gPSB0aGVtZVxuXG4vLyBDYW4gYmUgdXNlZCB0byBjcmVhdGUgYSBzaW1wbGUgZGl2aWRlciB3aXRoIGEgY3NzIGJvcmRlciBhbmQgc3RpbGwgYWRoZXJlIHRvIHRoZSBjb2xvcnMgZGVmaW5lZCBmb3IgZGl2aWRlcnMuXG5leHBvcnQgY29uc3QgZGl2aWRlckJvcmRlciA9IChsaWdodD86IGJvb2xlYW4sIHBsYWNlbWVudD86ICd0b3AnIHwgJ2JvdHRvbScpID0+IHtcbiAgY29uc3QgYm9yZGVyID0gYDFweCBzb2xpZCAke2xpZ2h0ID8gY29sb3JzLmRpdmlkZXIubGlnaHQgOiBjb2xvcnMuZGl2aWRlci5kYXJrfWBcbiAgcmV0dXJuIGNzc2BcbiAgICBib3JkZXItdG9wOiAke3BsYWNlbWVudCA9PT0gJ3RvcCcgJiYgYm9yZGVyfTtcbiAgICBib3JkZXItYm90dG9tOiAke3BsYWNlbWVudCA9PT0gJ2JvdHRvbScgJiYgYm9yZGVyfTtcbiAgYFxufVxuXG5jb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkLmhyPHsgbGlnaHQ/OiBib29sZWFuOyBpbmRlbnQ/OiBib29sZWFuOyBtYXJnaW5zPzogYm9vbGVhbiB9PmBcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwKSA9PiAocC5saWdodCA/IGNvbG9ycy5kaXZpZGVyLmxpZ2h0IDogY29sb3JzLmRpdmlkZXIuZGFyayl9O1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMXB4O1xuICBtYXJnaW46IDAgJHsocCkgPT4gKHAubWFyZ2lucyA/IHRoZW1lLnNwYWNpbmcubSA6IDApfSAwICR7KHApID0+IChwLm1hcmdpbnMgfHwgcC5pbmRlbnQgPyB0aGVtZS5zcGFjaW5nLm0gOiAwKX07XG5gXG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyID0gKHsgbGlnaHQsIGluZGVudCwgbWFyZ2lucywgLi4ucmVzdCB9OiBEaXZpZGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIDxTdHlsZWREaXZpZGVyIGxpZ2h0PXtsaWdodH0gaW5kZW50PXtpbmRlbnR9IG1hcmdpbnM9e21hcmdpbnN9IHJvbGU9XCJzZXBhcmF0b3JcIiB7Li4ucmVzdH0gLz5cbn1cblxuZXhwb3J0IGRlZmF1bHQgRGl2aWRlclxuIl19 */"));
|
|
29
|
-
const Divider =
|
|
30
|
-
light,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
return (0, _jsxRuntime.jsx)(StyledDivider, {
|
|
30
|
+
const Divider = _ref => {
|
|
31
|
+
let light = _ref.light,
|
|
32
|
+
indent = _ref.indent,
|
|
33
|
+
margins = _ref.margins,
|
|
34
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
35
|
+
return (0, _react2.jsx)(StyledDivider, _extends({
|
|
36
36
|
light: light,
|
|
37
37
|
indent: indent,
|
|
38
38
|
margins: margins,
|
|
39
|
-
role: "separator"
|
|
40
|
-
|
|
41
|
-
});
|
|
39
|
+
role: "separator"
|
|
40
|
+
}, rest));
|
|
42
41
|
};
|
|
43
42
|
exports.Divider = Divider;
|
|
44
43
|
var _default = exports.default = Divider;
|
package/cjs/divider/index.js
CHANGED
package/cjs/drawer/Drawer.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { theme } from '@dfds-ui/theme';
|
|
3
|
-
type HorizontalPosition = 'left' | 'right';
|
|
4
|
-
type VerticalPosition = 'top' | 'bottom';
|
|
5
|
-
type Elevation = keyof typeof theme.elevation;
|
|
6
|
-
export type DrawerProps = {
|
|
3
|
+
declare type HorizontalPosition = 'left' | 'right';
|
|
4
|
+
declare type VerticalPosition = 'top' | 'bottom';
|
|
5
|
+
declare type Elevation = keyof typeof theme.elevation;
|
|
6
|
+
export declare type DrawerProps = {
|
|
7
7
|
/**
|
|
8
8
|
* Horizontal position of the drawer
|
|
9
9
|
*/
|
package/cjs/drawer/Drawer.js
CHANGED
|
@@ -8,8 +8,11 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
9
|
var _theme = require("@dfds-ui/theme");
|
|
10
10
|
var _arrow = _interopRequireDefault(require("../common/arrow"));
|
|
11
|
-
|
|
11
|
+
const _excluded = ["className", "children", "position", "verticalPosition", "showArrow", "elevation"];
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
15
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
13
16
|
const getArrowPlacement = (vertical, horizontal) => {
|
|
14
17
|
return `${vertical ? vertical : 'top'}-${horizontal ? horizontal : 'left'}`;
|
|
15
18
|
};
|
|
@@ -18,17 +21,20 @@ const drawerStyles = ({
|
|
|
18
21
|
verticalPosition,
|
|
19
22
|
showArrow,
|
|
20
23
|
elevation
|
|
21
|
-
}) => /*#__PURE__*/(0, _react2.css)("z-index:1;position:absolute;height:auto;min-height:50px;left:", position === 'left' && 0, ";right:", position === 'right' && 0, ";min-width:112px;border-radius:2px;box-shadow:", _theme.theme.elevation[elevation], ";background-color:", _theme.theme.colors.surface.primary, ";display:grid;cursor:default;", !showArrow ? '' : (0, _arrow.default)(10, _theme.theme.colors.surface.primary, 20, getArrowPlacement(verticalPosition, position)), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:drawerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcmF3ZXIvRHJhd2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRFMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2RyYXdlci9EcmF3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IGFycm93LCB7IEFycm93UG9zaXRpb24gfSBmcm9tICcuLi9jb21tb24vYXJyb3cnXG5cbnR5cGUgSG9yaXpvbnRhbFBvc2l0aW9uID0gJ2xlZnQnIHwgJ3JpZ2h0J1xudHlwZSBWZXJ0aWNhbFBvc2l0aW9uID0gJ3RvcCcgfCAnYm90dG9tJ1xudHlwZSBFbGV2YXRpb24gPSBrZXlvZiB0eXBlb2YgdGhlbWUuZWxldmF0aW9uXG5cbmV4cG9ydCB0eXBlIERyYXdlclByb3BzID0ge1xuICAvKipcbiAgICogSG9yaXpvbnRhbCBwb3NpdGlvbiBvZiB0aGUgZHJhd2VyXG4gICAqL1xuICBwb3NpdGlvbj86IEhvcml6b250YWxQb3NpdGlvblxuXG4gIC8qKlxuICAgKiBTaG93IGFycm93IHRvIHZpc3VhbGx5IGluZGljYXRlIHRoZSByZWxhdGlvbiB0byBhIGNvbm5lY3RlZCBjb21wb25lbnRcbiAgICovXG4gIHNob3dBcnJvdz86IGJvb2xlYW5cbiAgLyoqXG4gICAqICBTZXQgdGhlIGBlbGV2YXRpb25gIGZvciB0aGUgRHJhd2VyLlxuICAgKi9cbiAgZWxldmF0aW9uPzogRWxldmF0aW9uXG5cbiAgLyoqXG4gICAqIFZlcnRpY2FsIHBvc2l0aW9uIG9mIHRoZSBkcmF3ZXIgaW4gcmVsYXRpb24gdG8gYSBjb25uZWN0ZWQgY29tcG9uZW50LlxuICAgKiBXaWxsIG9ubHkgYmUgdXNlZCBmb3IgcGxhY2luZyB0aGUgYXJyb3cgb24gZWl0aGVyIHRoZSBgdG9wYCBvciBgYm90dG9tYFxuICAgKi9cbiAgdmVydGljYWxQb3NpdGlvbj86IFZlcnRpY2FsUG9zaXRpb25cblxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/
|
|
22
|
-
const Drawer = exports.Drawer = /*#__PURE__*/_react.default.forwardRef(({
|
|
23
|
-
className,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
24
|
+
}) => /*#__PURE__*/(0, _react2.css)("z-index:1;position:absolute;height:auto;min-height:50px;left:", position === 'left' && 0, ";right:", position === 'right' && 0, ";min-width:112px;border-radius:2px;box-shadow:", _theme.theme.elevation[elevation], ";background-color:", _theme.theme.colors.surface.primary, ";display:grid;cursor:default;", !showArrow ? '' : (0, _arrow.default)(10, _theme.theme.colors.surface.primary, 20, getArrowPlacement(verticalPosition, position)), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:drawerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcmF3ZXIvRHJhd2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRFMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2RyYXdlci9EcmF3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IGFycm93LCB7IEFycm93UG9zaXRpb24gfSBmcm9tICcuLi9jb21tb24vYXJyb3cnXG5cbnR5cGUgSG9yaXpvbnRhbFBvc2l0aW9uID0gJ2xlZnQnIHwgJ3JpZ2h0J1xudHlwZSBWZXJ0aWNhbFBvc2l0aW9uID0gJ3RvcCcgfCAnYm90dG9tJ1xudHlwZSBFbGV2YXRpb24gPSBrZXlvZiB0eXBlb2YgdGhlbWUuZWxldmF0aW9uXG5cbmV4cG9ydCB0eXBlIERyYXdlclByb3BzID0ge1xuICAvKipcbiAgICogSG9yaXpvbnRhbCBwb3NpdGlvbiBvZiB0aGUgZHJhd2VyXG4gICAqL1xuICBwb3NpdGlvbj86IEhvcml6b250YWxQb3NpdGlvblxuXG4gIC8qKlxuICAgKiBTaG93IGFycm93IHRvIHZpc3VhbGx5IGluZGljYXRlIHRoZSByZWxhdGlvbiB0byBhIGNvbm5lY3RlZCBjb21wb25lbnRcbiAgICovXG4gIHNob3dBcnJvdz86IGJvb2xlYW5cbiAgLyoqXG4gICAqICBTZXQgdGhlIGBlbGV2YXRpb25gIGZvciB0aGUgRHJhd2VyLlxuICAgKi9cbiAgZWxldmF0aW9uPzogRWxldmF0aW9uXG5cbiAgLyoqXG4gICAqIFZlcnRpY2FsIHBvc2l0aW9uIG9mIHRoZSBkcmF3ZXIgaW4gcmVsYXRpb24gdG8gYSBjb25uZWN0ZWQgY29tcG9uZW50LlxuICAgKiBXaWxsIG9ubHkgYmUgdXNlZCBmb3IgcGxhY2luZyB0aGUgYXJyb3cgb24gZWl0aGVyIHRoZSBgdG9wYCBvciBgYm90dG9tYFxuICAgKi9cbiAgdmVydGljYWxQb3NpdGlvbj86IFZlcnRpY2FsUG9zaXRpb25cblxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgZ2V0QXJyb3dQbGFjZW1lbnQgPSAodmVydGljYWw6IFZlcnRpY2FsUG9zaXRpb24sIGhvcml6b250YWw6IEhvcml6b250YWxQb3NpdGlvbik6IEFycm93UG9zaXRpb24gPT4ge1xuICByZXR1cm4gYCR7dmVydGljYWwgPyB2ZXJ0aWNhbCA6ICd0b3AnfS0ke2hvcml6b250YWwgPyBob3Jpem9udGFsIDogJ2xlZnQnfWAgYXMgQXJyb3dQb3NpdGlvblxufVxuXG5jb25zdCBkcmF3ZXJTdHlsZXMgPSAoe1xuICBwb3NpdGlvbixcbiAgdmVydGljYWxQb3NpdGlvbixcbiAgc2hvd0Fycm93LFxuICBlbGV2YXRpb24sXG59OiB7XG4gIHBvc2l0aW9uOiBIb3Jpem9udGFsUG9zaXRpb25cbiAgdmVydGljYWxQb3NpdGlvbjogVmVydGljYWxQb3NpdGlvblxuICBzaG93QXJyb3c6IGJvb2xlYW5cbiAgZWxldmF0aW9uOiBFbGV2YXRpb25cbn0pID0+IGNzc2BcbiAgei1pbmRleDogMTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBoZWlnaHQ6IGF1dG87XG4gIG1pbi1oZWlnaHQ6IDUwcHg7XG4gIGxlZnQ6ICR7cG9zaXRpb24gPT09ICdsZWZ0JyAmJiAwfTtcbiAgcmlnaHQ6ICR7cG9zaXRpb24gPT09ICdyaWdodCcgJiYgMH07XG4gIG1pbi13aWR0aDogMTEycHg7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bZWxldmF0aW9uXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgJHshc2hvd0Fycm93ID8gJycgOiBhcnJvdygxMCwgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeSwgMjAsIGdldEFycm93UGxhY2VtZW50KHZlcnRpY2FsUG9zaXRpb24sIHBvc2l0aW9uKSl9XG5gXG5cbmV4cG9ydCBjb25zdCBEcmF3ZXIgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBEcmF3ZXJQcm9wcz4oXG4gIChcbiAgICB7IGNsYXNzTmFtZSwgY2hpbGRyZW4sIHBvc2l0aW9uID0gJ2xlZnQnLCB2ZXJ0aWNhbFBvc2l0aW9uID0gJ2JvdHRvbScsIHNob3dBcnJvdyA9IHRydWUsIGVsZXZhdGlvbiA9ICc0JywgLi4ucmVzdCB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtkcmF3ZXJTdHlsZXMoeyBwb3NpdGlvbiwgdmVydGljYWxQb3NpdGlvbiwgc2hvd0Fycm93LCBlbGV2YXRpb24gfSl9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgID5cbiAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgRHJhd2VyXG4iXX0= */");
|
|
25
|
+
const Drawer = exports.Drawer = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
|
|
26
|
+
let className = _ref.className,
|
|
27
|
+
children = _ref.children,
|
|
28
|
+
_ref$position = _ref.position,
|
|
29
|
+
position = _ref$position === void 0 ? 'left' : _ref$position,
|
|
30
|
+
_ref$verticalPosition = _ref.verticalPosition,
|
|
31
|
+
verticalPosition = _ref$verticalPosition === void 0 ? 'bottom' : _ref$verticalPosition,
|
|
32
|
+
_ref$showArrow = _ref.showArrow,
|
|
33
|
+
showArrow = _ref$showArrow === void 0 ? true : _ref$showArrow,
|
|
34
|
+
_ref$elevation = _ref.elevation,
|
|
35
|
+
elevation = _ref$elevation === void 0 ? '4' : _ref$elevation,
|
|
36
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
37
|
+
return (0, _react2.jsx)("div", _extends({
|
|
32
38
|
className: className,
|
|
33
39
|
css: drawerStyles({
|
|
34
40
|
position,
|
|
@@ -36,11 +42,7 @@ const Drawer = exports.Drawer = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
36
42
|
showArrow,
|
|
37
43
|
elevation
|
|
38
44
|
}),
|
|
39
|
-
ref: ref
|
|
40
|
-
|
|
41
|
-
children: (0, _jsxRuntime.jsx)("div", {
|
|
42
|
-
children: children
|
|
43
|
-
})
|
|
44
|
-
});
|
|
45
|
+
ref: ref
|
|
46
|
+
}, rest), (0, _react2.jsx)("div", null, children));
|
|
45
47
|
});
|
|
46
48
|
var _default = exports.default = Drawer;
|
package/cjs/drawer/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ReactElement } from 'react';
|
|
2
2
|
import { PopperProps, PopperPlacementType } from '@mui/material';
|
|
3
|
-
export type DropdownSize = 'medium' | 'small';
|
|
4
|
-
export type DropdownProps = {
|
|
3
|
+
export declare type DropdownSize = 'medium' | 'small';
|
|
4
|
+
export declare type DropdownProps = {
|
|
5
5
|
/**
|
|
6
6
|
* Placement for the `Dropdown`.
|
|
7
7
|
*/
|
|
@@ -42,5 +42,5 @@ export type DropdownProps = {
|
|
|
42
42
|
children: ReactElement[];
|
|
43
43
|
filter?: boolean;
|
|
44
44
|
};
|
|
45
|
-
declare const DropdownMenu: ({ isOpen, multiselect, children, anchorEl, onClickAway, size, id, className, placement, setIsOpen, shouldCloseOnEsc, filter, ...rest }: DropdownProps) =>
|
|
45
|
+
declare const DropdownMenu: ({ isOpen, multiselect, children, anchorEl, onClickAway, size, id, className, placement, setIsOpen, shouldCloseOnEsc, filter, ...rest }: DropdownProps) => JSX.Element;
|
|
46
46
|
export default DropdownMenu;
|
|
@@ -10,49 +10,65 @@ var _theme = require("@dfds-ui/theme");
|
|
|
10
10
|
var _drawer = require("../drawer");
|
|
11
11
|
var _DropdownContext = require("./DropdownContext");
|
|
12
12
|
var _material = require("@mui/material");
|
|
13
|
-
var
|
|
13
|
+
var _base = require("@mui/base");
|
|
14
|
+
const _excluded = ["isOpen", "multiselect", "children", "anchorEl", "onClickAway", "size", "id", "className", "placement", "setIsOpen", "shouldCloseOnEsc", "filter"];
|
|
14
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
17
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
18
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
19
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
20
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
21
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
22
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
23
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
24
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
15
25
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
16
|
-
const getDrawerStyles = size => /*#__PURE__*/(0, _react2.css)("box-shadow:", _theme.theme.elevation['4'], ";padding:", _theme.theme.spacing.xxs, " 0;max-height:418px;min-width:", size === 'small' ? '124px' : '157px', ";max-width:288px;width:max-content;" + (process.env.NODE_ENV === "production" ? "" : ";label:getDrawerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
26
|
+
const getDrawerStyles = size => /*#__PURE__*/(0, _react2.css)("box-shadow:", _theme.theme.elevation['4'], ";padding:", _theme.theme.spacing.xxs, " 0;max-height:418px;min-width:", size === 'small' ? '124px' : '157px', ";max-width:288px;width:max-content;" + (process.env.NODE_ENV === "production" ? "" : ";label:getDrawerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L0Ryb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRG9EIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L0Ryb3Bkb3duLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdEVsZW1lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IERyYXdlciB9IGZyb20gJy4uL2RyYXdlcidcbmltcG9ydCB7IERyb3Bkb3duQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9Ecm9wZG93bkNvbnRleHQnXG5pbXBvcnQgeyBQb3BwZXIsIFBvcHBlclByb3BzLCBQb3BwZXJQbGFjZW1lbnRUeXBlIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcbmltcG9ydCB7IENsaWNrQXdheUxpc3RlbmVyIH0gZnJvbSAnQG11aS9iYXNlJ1xuXG5leHBvcnQgdHlwZSBEcm9wZG93blNpemUgPSAnbWVkaXVtJyB8ICdzbWFsbCdcblxuZXhwb3J0IHR5cGUgRHJvcGRvd25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIFBsYWNlbWVudCBmb3IgdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBwbGFjZW1lbnQ/OiBQb3BwZXJQbGFjZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBIVE1MIGVsZW1lbnQgdGhhdCB0aGUgYERyb3Bkb3duYCB3aWxsIGJlIGFuY2hvciB0by5cbiAgICovXG4gIGFuY2hvckVsPzogUG9wcGVyUHJvcHNbJ2FuY2hvckVsJ11cbiAgLyoqXG4gICAqIElmIHNldCB0byBgdHJ1ZWAsIHRoZSBgRHJvcGRvd25gIGlzIHNob3duLlxuICAgKi9cbiAgaXNPcGVuOiBib29sZWFuXG4gIC8qKlxuICAgKiBTZXQgdGhlIHN0YXRlIG9mIHRoZSBgRHJvcGRvd25gLlxuICAgKi9cbiAgc2V0SXNPcGVuOiBSZWFjdC5EaXNwYXRjaDxSZWFjdC5TZXRTdGF0ZUFjdGlvbjxib29sZWFuPj5cbiAgLyoqXG4gICAqIFNwZWNpZnkgdGhlIHNpemUgb2YgdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBzaXplPzogRHJvcGRvd25TaXplXG4gIC8qKlxuICAgKiBDbG9zZSB0aGUgYERyb3Bkb3duYCBvbiBgZXNjYCBrZXkuXG4gICAqL1xuICBzaG91bGRDbG9zZU9uRXNjPzogYm9vbGVhblxuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogU2VsZWN0IG11bHRpcGxlIGNoaWxkcmVuIGZyb20gdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBtdWx0aXNlbGVjdD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFkZCBhbiBgaWRgIHRvIHRoZSBgRHJvcGRvd25gLlxuICAgKi9cbiAgaWQ/OiBzdHJpbmdcbiAgb25DbGlja0F3YXk/OiAoKSA9PiB2b2lkXG4gIGNoaWxkcmVuOiBSZWFjdEVsZW1lbnRbXVxuICBmaWx0ZXI/OiBib29sZWFuXG59XG5cbmNvbnN0IGdldERyYXdlclN0eWxlcyA9IChzaXplPzogRHJvcGRvd25TaXplKSA9PiBjc3NgXG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWyc0J119O1xuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcueHhzfSAwO1xuICBtYXgtaGVpZ2h0OiA0MThweDtcbiAgbWluLXdpZHRoOiAke3NpemUgPT09ICdzbWFsbCcgPyAnMTI0cHgnIDogJzE1N3B4J307XG4gIG1heC13aWR0aDogMjg4cHg7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbmBcblxuY29uc3QgU2Nyb2xsYWJsZURpdiA9IFJlYWN0LmZvcndhcmRSZWYoKHByb3BzOiBhbnksIHJlZjogYW55KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgbWF4LWhlaWdodDogNDEwcHg7XG4gICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIHJlZj17cmVmfVxuICAgIC8+XG4gIClcbn0pXG5cbmNvbnN0IERyb3Bkb3duTWVudSA9ICh7XG4gIGlzT3BlbiA9IGZhbHNlLFxuICBtdWx0aXNlbGVjdCxcbiAgY2hpbGRyZW4sXG4gIGFuY2hvckVsLFxuICBvbkNsaWNrQXdheSxcbiAgc2l6ZSA9ICdtZWRpdW0nLFxuICBpZCxcbiAgY2xhc3NOYW1lLFxuICBwbGFjZW1lbnQsXG4gIHNldElzT3BlbixcbiAgc2hvdWxkQ2xvc2VPbkVzYyxcbiAgZmlsdGVyLFxuICAuLi5yZXN0XG59OiBEcm9wZG93blByb3BzKSA9PiB7XG4gIGNvbnN0IFtmaWx0ZXJlZCwgc2V0RmlsdGVyZWRdID0gUmVhY3QudXNlU3RhdGU8c3RyaW5nPignJylcbiAgY29uc3QgY29udGFpbmVyUmVmID0gUmVhY3QudXNlUmVmPEhUTUxEaXZFbGVtZW50PigpXG4gIGNvbnN0IGZpcnN0Q2hpbGRSZWYgPSBSZWFjdC51c2VSZWY8YW55PigpXG4gIGNvbnN0IGN1cnJlbnRGb2N1cyA9IFJlYWN0LnVzZVJlZjxhbnk+KClcbiAgY29uc3Qgc2V0Q29udGFpbmVyUmVmID0gUmVhY3QudXNlQ2FsbGJhY2soKG5vZGU6IEhUTUxEaXZFbGVtZW50KSA9PiB7XG4gICAgaWYgKG5vZGUpIHtcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ID0gbm9kZVxuICAgICAgZmlyc3RDaGlsZFJlZi5jdXJyZW50ID0gY29udGFpbmVyUmVmLmN1cnJlbnQ/LmZpcnN0Q2hpbGRcbiAgICAgIGN1cnJlbnRGb2N1cy5jdXJyZW50ID0gZmlyc3RDaGlsZFJlZi5jdXJyZW50XG4gICAgICBjdXJyZW50Rm9jdXMuY3VycmVudC5mb2N1cygpXG4gICAgfSBlbHNlIHtcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ID0gdW5kZWZpbmVkXG4gICAgfVxuICB9LCBbXSlcblxuICBjb25zdCBoYW5kbGVDaGFyRG93biA9IChldmVudDogUmVhY3QuS2V5Ym9hcmRFdmVudDxFbGVtZW50PikgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgY29uc3QgZXZlbnRLZXkgPSBldmVudC5rZXlcblxuICAgIGlmIChbJ0Fycm93VXAnLCAnQXJyb3dEb3duJ10uaW5jbHVkZXMoZXZlbnRLZXkpKSB7XG4gICAgICByZXR1cm4gaGFuZGxlQXJyb3dzVXBEb3duKGV2ZW50KVxuICAgIH1cblxuICAgIGlmICghZmlsdGVyKSByZXR1cm5cblxuICAgIGNvbnN0IHJneCA9IC9bYS16QS1aMC05XS9nXG4gICAgY29uc3QgdGVzdCA9IHJneC50ZXN0KGV2ZW50S2V5KVxuICAgIGlmICh0ZXN0ICYmIGV2ZW50S2V5Lmxlbmd0aCA9PT0gMSkge1xuICAgICAgc2V0RmlsdGVyZWQoKHByZXZTdGF0ZSkgPT4gcHJldlN0YXRlICsgZXZlbnRLZXkudG9VcHBlckNhc2UoKSlcbiAgICB9XG4gIH1cblxuICBjb25zdCBoYW5kbGVBcnJvd3NVcERvd24gPSAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQ8RWxlbWVudD4pID0+IHtcbiAgICBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dVcCcpIHtcbiAgICAgIGNvbnN0IHByZXYgPSBjdXJyZW50Rm9jdXMuY3VycmVudC5wcmV2aW91c1NpYmxpbmdcbiAgICAgIGlmIChwcmV2KSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQgPSBwcmV2XG4gICAgICAgIHByZXYuZm9jdXMoKVxuICAgICAgfVxuICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dEb3duJykge1xuICAgICAgY29uc3QgbmV4dCA9IGN1cnJlbnRGb2N1cy5jdXJyZW50Lm5leHRTaWJsaW5nXG4gICAgICBpZiAobmV4dCkge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgIGN1cnJlbnRGb2N1cy5jdXJyZW50ID0gbmV4dFxuICAgICAgICBuZXh0LmZvY3VzKClcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKGV2ZW50LmtleSA9PT0gJ0VzY2FwZScgJiYgc2hvdWxkQ2xvc2VPbkVzYykge1xuICAgICAgaWYgKGlzT3Blbikge1xuICAgICAgICBzZXRJc09wZW4oZmFsc2UpXG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgY29uc3QgZmlsdGVyQ2hpbGRyZW4gPSAocGFyYW06IHR5cGVvZiBjaGlsZHJlbikgPT4ge1xuICAgIGlmIChmaWx0ZXJlZC5sZW5ndGggPj0gMSkge1xuICAgICAgcmV0dXJuIHBhcmFtLmZpbHRlcigoeCkgPT4geC5wcm9wcy5jaGlsZHJlbi50b1VwcGVyQ2FzZSgpLmluY2x1ZGVzKGZpbHRlcmVkKSlcbiAgICB9XG4gICAgcmV0dXJuIHBhcmFtXG4gIH1cblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghaXNPcGVuKSB7XG4gICAgICBzZXRGaWx0ZXJlZCgnJylcbiAgICB9XG4gIH0sIFtpc09wZW5dKVxuXG4gIHJldHVybiAoXG4gICAgPFBvcHBlclxuICAgICAgb3Blbj17aXNPcGVufVxuICAgICAgYW5jaG9yRWw9e2FuY2hvckVsfVxuICAgICAgaWQ9e2lkfVxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgei1pbmRleDogJHt0aGVtZS56SW5kZXgubW9kYWx9O1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxDbGlja0F3YXlMaXN0ZW5lclxuICAgICAgICBvbkNsaWNrQXdheT17KCkgPT4ge1xuICAgICAgICAgIG9uQ2xpY2tBd2F5ICYmIG9uQ2xpY2tBd2F5KClcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPERyYXdlciBjc3M9e2dldERyYXdlclN0eWxlcyhzaXplKX0gc2hvd0Fycm93PXtmYWxzZX0gY2xhc3NOYW1lPXtjbGFzc05hbWV9IHsuLi5yZXN0fT5cbiAgICAgICAgICA8RHJvcGRvd25Db250ZXh0UHJvdmlkZXIgdmFsdWU9e3sgc2l6ZSwgbXVsdGlzZWxlY3QgfX0+XG4gICAgICAgICAgICA8U2Nyb2xsYWJsZURpdiByZWY9e3NldENvbnRhaW5lclJlZn0gb25LZXlEb3duPXtoYW5kbGVDaGFyRG93bn0+XG4gICAgICAgICAgICAgIHtmaWx0ZXIgPyBmaWx0ZXJDaGlsZHJlbihjaGlsZHJlbikgOiBjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvU2Nyb2xsYWJsZURpdj5cbiAgICAgICAgICA8L0Ryb3Bkb3duQ29udGV4dFByb3ZpZGVyPlxuICAgICAgICA8L0RyYXdlcj5cbiAgICAgIDwvQ2xpY2tBd2F5TGlzdGVuZXI+XG4gICAgPC9Qb3BwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRHJvcGRvd25NZW51XG4iXX0= */");
|
|
17
27
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
18
28
|
name: "dnempo",
|
|
19
29
|
styles: "max-height:410px;overflow:auto"
|
|
20
30
|
} : {
|
|
21
31
|
name: "1wvz7bn-ScrollableDiv",
|
|
22
|
-
styles: "max-height:410px;overflow:auto;label:ScrollableDiv
|
|
32
|
+
styles: "max-height:410px;overflow:auto;label:ScrollableDiv;",
|
|
33
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L0Ryb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRWMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2Ryb3Bkb3duLW1lbnUvRHJvcGRvd24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRHJhd2VyIH0gZnJvbSAnLi4vZHJhd2VyJ1xuaW1wb3J0IHsgRHJvcGRvd25Db250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL0Ryb3Bkb3duQ29udGV4dCdcbmltcG9ydCB7IFBvcHBlciwgUG9wcGVyUHJvcHMsIFBvcHBlclBsYWNlbWVudFR5cGUgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgQ2xpY2tBd2F5TGlzdGVuZXIgfSBmcm9tICdAbXVpL2Jhc2UnXG5cbmV4cG9ydCB0eXBlIERyb3Bkb3duU2l6ZSA9ICdtZWRpdW0nIHwgJ3NtYWxsJ1xuXG5leHBvcnQgdHlwZSBEcm9wZG93blByb3BzID0ge1xuICAvKipcbiAgICogUGxhY2VtZW50IGZvciB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIHBsYWNlbWVudD86IFBvcHBlclBsYWNlbWVudFR5cGVcbiAgLyoqXG4gICAqIEhUTUwgZWxlbWVudCB0aGF0IHRoZSBgRHJvcGRvd25gIHdpbGwgYmUgYW5jaG9yIHRvLlxuICAgKi9cbiAgYW5jaG9yRWw/OiBQb3BwZXJQcm9wc1snYW5jaG9yRWwnXVxuICAvKipcbiAgICogSWYgc2V0IHRvIGB0cnVlYCwgdGhlIGBEcm9wZG93bmAgaXMgc2hvd24uXG4gICAqL1xuICBpc09wZW46IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGUgc3RhdGUgb2YgdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBzZXRJc09wZW46IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPGJvb2xlYW4+PlxuICAvKipcbiAgICogU3BlY2lmeSB0aGUgc2l6ZSBvZiB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIHNpemU/OiBEcm9wZG93blNpemVcbiAgLyoqXG4gICAqIENsb3NlIHRoZSBgRHJvcGRvd25gIG9uIGBlc2NgIGtleS5cbiAgICovXG4gIHNob3VsZENsb3NlT25Fc2M/OiBib29sZWFuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBTZWxlY3QgbXVsdGlwbGUgY2hpbGRyZW4gZnJvbSB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIG11bHRpc2VsZWN0PzogYm9vbGVhblxuICAvKipcbiAgICogQWRkIGFuIGBpZGAgdG8gdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBpZD86IHN0cmluZ1xuICBvbkNsaWNrQXdheT86ICgpID0+IHZvaWRcbiAgY2hpbGRyZW46IFJlYWN0RWxlbWVudFtdXG4gIGZpbHRlcj86IGJvb2xlYW5cbn1cblxuY29uc3QgZ2V0RHJhd2VyU3R5bGVzID0gKHNpemU/OiBEcm9wZG93blNpemUpID0+IGNzc2BcbiAgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bJzQnXX07XG4gIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy54eHN9IDA7XG4gIG1heC1oZWlnaHQ6IDQxOHB4O1xuICBtaW4td2lkdGg6ICR7c2l6ZSA9PT0gJ3NtYWxsJyA/ICcxMjRweCcgOiAnMTU3cHgnfTtcbiAgbWF4LXdpZHRoOiAyODhweDtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuYFxuXG5jb25zdCBTY3JvbGxhYmxlRGl2ID0gUmVhY3QuZm9yd2FyZFJlZigocHJvcHM6IGFueSwgcmVmOiBhbnkpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB0YWJJbmRleD17MH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtYXgtaGVpZ2h0OiA0MTBweDtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgLz5cbiAgKVxufSlcblxuY29uc3QgRHJvcGRvd25NZW51ID0gKHtcbiAgaXNPcGVuID0gZmFsc2UsXG4gIG11bHRpc2VsZWN0LFxuICBjaGlsZHJlbixcbiAgYW5jaG9yRWwsXG4gIG9uQ2xpY2tBd2F5LFxuICBzaXplID0gJ21lZGl1bScsXG4gIGlkLFxuICBjbGFzc05hbWUsXG4gIHBsYWNlbWVudCxcbiAgc2V0SXNPcGVuLFxuICBzaG91bGRDbG9zZU9uRXNjLFxuICBmaWx0ZXIsXG4gIC4uLnJlc3Rcbn06IERyb3Bkb3duUHJvcHMpID0+IHtcbiAgY29uc3QgW2ZpbHRlcmVkLCBzZXRGaWx0ZXJlZF0gPSBSZWFjdC51c2VTdGF0ZTxzdHJpbmc+KCcnKVxuICBjb25zdCBjb250YWluZXJSZWYgPSBSZWFjdC51c2VSZWY8SFRNTERpdkVsZW1lbnQ+KClcbiAgY29uc3QgZmlyc3RDaGlsZFJlZiA9IFJlYWN0LnVzZVJlZjxhbnk+KClcbiAgY29uc3QgY3VycmVudEZvY3VzID0gUmVhY3QudXNlUmVmPGFueT4oKVxuICBjb25zdCBzZXRDb250YWluZXJSZWYgPSBSZWFjdC51c2VDYWxsYmFjaygobm9kZTogSFRNTERpdkVsZW1lbnQpID0+IHtcbiAgICBpZiAobm9kZSkge1xuICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQgPSBub2RlXG4gICAgICBmaXJzdENoaWxkUmVmLmN1cnJlbnQgPSBjb250YWluZXJSZWYuY3VycmVudD8uZmlyc3RDaGlsZFxuICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQgPSBmaXJzdENoaWxkUmVmLmN1cnJlbnRcbiAgICAgIGN1cnJlbnRGb2N1cy5jdXJyZW50LmZvY3VzKClcbiAgICB9IGVsc2Uge1xuICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQgPSB1bmRlZmluZWRcbiAgICB9XG4gIH0sIFtdKVxuXG4gIGNvbnN0IGhhbmRsZUNoYXJEb3duID0gKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50PEVsZW1lbnQ+KSA9PiB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICBjb25zdCBldmVudEtleSA9IGV2ZW50LmtleVxuXG4gICAgaWYgKFsnQXJyb3dVcCcsICdBcnJvd0Rvd24nXS5pbmNsdWRlcyhldmVudEtleSkpIHtcbiAgICAgIHJldHVybiBoYW5kbGVBcnJvd3NVcERvd24oZXZlbnQpXG4gICAgfVxuXG4gICAgaWYgKCFmaWx0ZXIpIHJldHVyblxuXG4gICAgY29uc3Qgcmd4ID0gL1thLXpBLVowLTldL2dcbiAgICBjb25zdCB0ZXN0ID0gcmd4LnRlc3QoZXZlbnRLZXkpXG4gICAgaWYgKHRlc3QgJiYgZXZlbnRLZXkubGVuZ3RoID09PSAxKSB7XG4gICAgICBzZXRGaWx0ZXJlZCgocHJldlN0YXRlKSA9PiBwcmV2U3RhdGUgKyBldmVudEtleS50b1VwcGVyQ2FzZSgpKVxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGhhbmRsZUFycm93c1VwRG93biA9IChldmVudDogUmVhY3QuS2V5Ym9hcmRFdmVudDxFbGVtZW50PikgPT4ge1xuICAgIGlmIChldmVudC5rZXkgPT09ICdBcnJvd1VwJykge1xuICAgICAgY29uc3QgcHJldiA9IGN1cnJlbnRGb2N1cy5jdXJyZW50LnByZXZpb3VzU2libGluZ1xuICAgICAgaWYgKHByZXYpIHtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICBjdXJyZW50Rm9jdXMuY3VycmVudCA9IHByZXZcbiAgICAgICAgcHJldi5mb2N1cygpXG4gICAgICB9XG4gICAgfSBlbHNlIGlmIChldmVudC5rZXkgPT09ICdBcnJvd0Rvd24nKSB7XG4gICAgICBjb25zdCBuZXh0ID0gY3VycmVudEZvY3VzLmN1cnJlbnQubmV4dFNpYmxpbmdcbiAgICAgIGlmIChuZXh0KSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQgPSBuZXh0XG4gICAgICAgIG5leHQuZm9jdXMoKVxuICAgICAgfVxuICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSAnRXNjYXBlJyAmJiBzaG91bGRDbG9zZU9uRXNjKSB7XG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHNldElzT3BlbihmYWxzZSlcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBjb25zdCBmaWx0ZXJDaGlsZHJlbiA9IChwYXJhbTogdHlwZW9mIGNoaWxkcmVuKSA9PiB7XG4gICAgaWYgKGZpbHRlcmVkLmxlbmd0aCA+PSAxKSB7XG4gICAgICByZXR1cm4gcGFyYW0uZmlsdGVyKCh4KSA9PiB4LnByb3BzLmNoaWxkcmVuLnRvVXBwZXJDYXNlKCkuaW5jbHVkZXMoZmlsdGVyZWQpKVxuICAgIH1cbiAgICByZXR1cm4gcGFyYW1cbiAgfVxuXG4gIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFpc09wZW4pIHtcbiAgICAgIHNldEZpbHRlcmVkKCcnKVxuICAgIH1cbiAgfSwgW2lzT3Blbl0pXG5cbiAgcmV0dXJuIChcbiAgICA8UG9wcGVyXG4gICAgICBvcGVuPXtpc09wZW59XG4gICAgICBhbmNob3JFbD17YW5jaG9yRWx9XG4gICAgICBpZD17aWR9XG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICB6LWluZGV4OiAke3RoZW1lLnpJbmRleC5tb2RhbH07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPENsaWNrQXdheUxpc3RlbmVyXG4gICAgICAgIG9uQ2xpY2tBd2F5PXsoKSA9PiB7XG4gICAgICAgICAgb25DbGlja0F3YXkgJiYgb25DbGlja0F3YXkoKVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8RHJhd2VyIGNzcz17Z2V0RHJhd2VyU3R5bGVzKHNpemUpfSBzaG93QXJyb3c9e2ZhbHNlfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gey4uLnJlc3R9PlxuICAgICAgICAgIDxEcm9wZG93bkNvbnRleHRQcm92aWRlciB2YWx1ZT17eyBzaXplLCBtdWx0aXNlbGVjdCB9fT5cbiAgICAgICAgICAgIDxTY3JvbGxhYmxlRGl2IHJlZj17c2V0Q29udGFpbmVyUmVmfSBvbktleURvd249e2hhbmRsZUNoYXJEb3dufT5cbiAgICAgICAgICAgICAge2ZpbHRlciA/IGZpbHRlckNoaWxkcmVuKGNoaWxkcmVuKSA6IGNoaWxkcmVufVxuICAgICAgICAgICAgPC9TY3JvbGxhYmxlRGl2PlxuICAgICAgICAgIDwvRHJvcGRvd25Db250ZXh0UHJvdmlkZXI+XG4gICAgICAgIDwvRHJhd2VyPlxuICAgICAgPC9DbGlja0F3YXlMaXN0ZW5lcj5cbiAgICA8L1BvcHBlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEcm9wZG93bk1lbnVcbiJdfQ== */",
|
|
23
34
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
24
35
|
};
|
|
25
36
|
const ScrollableDiv = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
26
|
-
return (0,
|
|
37
|
+
return (0, _react2.jsx)("div", _extends({
|
|
27
38
|
tabIndex: 0,
|
|
28
|
-
css: _ref
|
|
29
|
-
|
|
39
|
+
css: _ref
|
|
40
|
+
}, props, {
|
|
30
41
|
ref: ref
|
|
31
|
-
});
|
|
42
|
+
}));
|
|
32
43
|
});
|
|
33
|
-
const DropdownMenu =
|
|
34
|
-
isOpen =
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
44
|
+
const DropdownMenu = _ref2 => {
|
|
45
|
+
let _ref2$isOpen = _ref2.isOpen,
|
|
46
|
+
isOpen = _ref2$isOpen === void 0 ? false : _ref2$isOpen,
|
|
47
|
+
multiselect = _ref2.multiselect,
|
|
48
|
+
children = _ref2.children,
|
|
49
|
+
anchorEl = _ref2.anchorEl,
|
|
50
|
+
_onClickAway = _ref2.onClickAway,
|
|
51
|
+
_ref2$size = _ref2.size,
|
|
52
|
+
size = _ref2$size === void 0 ? 'medium' : _ref2$size,
|
|
53
|
+
id = _ref2.id,
|
|
54
|
+
className = _ref2.className,
|
|
55
|
+
placement = _ref2.placement,
|
|
56
|
+
setIsOpen = _ref2.setIsOpen,
|
|
57
|
+
shouldCloseOnEsc = _ref2.shouldCloseOnEsc,
|
|
58
|
+
filter = _ref2.filter,
|
|
59
|
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
60
|
+
const _React$useState = _react.default.useState(''),
|
|
61
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
62
|
+
filtered = _React$useState2[0],
|
|
63
|
+
setFiltered = _React$useState2[1];
|
|
49
64
|
const containerRef = _react.default.useRef();
|
|
50
65
|
const firstChildRef = _react.default.useRef();
|
|
51
66
|
const currentFocus = _react.default.useRef();
|
|
52
67
|
const setContainerRef = _react.default.useCallback(node => {
|
|
53
68
|
if (node) {
|
|
69
|
+
var _containerRef$current;
|
|
54
70
|
containerRef.current = node;
|
|
55
|
-
firstChildRef.current = containerRef.current
|
|
71
|
+
firstChildRef.current = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.firstChild;
|
|
56
72
|
currentFocus.current = firstChildRef.current;
|
|
57
73
|
currentFocus.current.focus();
|
|
58
74
|
} else {
|
|
@@ -104,35 +120,28 @@ const DropdownMenu = ({
|
|
|
104
120
|
setFiltered('');
|
|
105
121
|
}
|
|
106
122
|
}, [isOpen]);
|
|
107
|
-
return (0,
|
|
123
|
+
return (0, _react2.jsx)(_material.Popper, _extends({
|
|
108
124
|
open: isOpen,
|
|
109
125
|
anchorEl: anchorEl,
|
|
110
126
|
id: id,
|
|
111
127
|
placement: placement,
|
|
112
|
-
css: /*#__PURE__*/(0, _react2.css)("z-index:", _theme.theme.zIndex.modal, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DropdownMenu;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
onKeyDown: handleCharDown,
|
|
131
|
-
children: filter ? filterChildren(children) : children
|
|
132
|
-
})
|
|
133
|
-
})
|
|
134
|
-
})
|
|
135
|
-
})
|
|
136
|
-
});
|
|
128
|
+
css: /*#__PURE__*/(0, _react2.css)("z-index:", _theme.theme.zIndex.modal, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DropdownMenu;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L0Ryb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtS2MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2Ryb3Bkb3duLW1lbnUvRHJvcGRvd24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRHJhd2VyIH0gZnJvbSAnLi4vZHJhd2VyJ1xuaW1wb3J0IHsgRHJvcGRvd25Db250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL0Ryb3Bkb3duQ29udGV4dCdcbmltcG9ydCB7IFBvcHBlciwgUG9wcGVyUHJvcHMsIFBvcHBlclBsYWNlbWVudFR5cGUgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgQ2xpY2tBd2F5TGlzdGVuZXIgfSBmcm9tICdAbXVpL2Jhc2UnXG5cbmV4cG9ydCB0eXBlIERyb3Bkb3duU2l6ZSA9ICdtZWRpdW0nIHwgJ3NtYWxsJ1xuXG5leHBvcnQgdHlwZSBEcm9wZG93blByb3BzID0ge1xuICAvKipcbiAgICogUGxhY2VtZW50IGZvciB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIHBsYWNlbWVudD86IFBvcHBlclBsYWNlbWVudFR5cGVcbiAgLyoqXG4gICAqIEhUTUwgZWxlbWVudCB0aGF0IHRoZSBgRHJvcGRvd25gIHdpbGwgYmUgYW5jaG9yIHRvLlxuICAgKi9cbiAgYW5jaG9yRWw/OiBQb3BwZXJQcm9wc1snYW5jaG9yRWwnXVxuICAvKipcbiAgICogSWYgc2V0IHRvIGB0cnVlYCwgdGhlIGBEcm9wZG93bmAgaXMgc2hvd24uXG4gICAqL1xuICBpc09wZW46IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGUgc3RhdGUgb2YgdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBzZXRJc09wZW46IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPGJvb2xlYW4+PlxuICAvKipcbiAgICogU3BlY2lmeSB0aGUgc2l6ZSBvZiB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIHNpemU/OiBEcm9wZG93blNpemVcbiAgLyoqXG4gICAqIENsb3NlIHRoZSBgRHJvcGRvd25gIG9uIGBlc2NgIGtleS5cbiAgICovXG4gIHNob3VsZENsb3NlT25Fc2M/OiBib29sZWFuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBTZWxlY3QgbXVsdGlwbGUgY2hpbGRyZW4gZnJvbSB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIG11bHRpc2VsZWN0PzogYm9vbGVhblxuICAvKipcbiAgICogQWRkIGFuIGBpZGAgdG8gdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBpZD86IHN0cmluZ1xuICBvbkNsaWNrQXdheT86ICgpID0+IHZvaWRcbiAgY2hpbGRyZW46IFJlYWN0RWxlbWVudFtdXG4gIGZpbHRlcj86IGJvb2xlYW5cbn1cblxuY29uc3QgZ2V0RHJhd2VyU3R5bGVzID0gKHNpemU/OiBEcm9wZG93blNpemUpID0+IGNzc2BcbiAgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bJzQnXX07XG4gIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy54eHN9IDA7XG4gIG1heC1oZWlnaHQ6IDQxOHB4O1xuICBtaW4td2lkdGg6ICR7c2l6ZSA9PT0gJ3NtYWxsJyA/ICcxMjRweCcgOiAnMTU3cHgnfTtcbiAgbWF4LXdpZHRoOiAyODhweDtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuYFxuXG5jb25zdCBTY3JvbGxhYmxlRGl2ID0gUmVhY3QuZm9yd2FyZFJlZigocHJvcHM6IGFueSwgcmVmOiBhbnkpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB0YWJJbmRleD17MH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtYXgtaGVpZ2h0OiA0MTBweDtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgLz5cbiAgKVxufSlcblxuY29uc3QgRHJvcGRvd25NZW51ID0gKHtcbiAgaXNPcGVuID0gZmFsc2UsXG4gIG11bHRpc2VsZWN0LFxuICBjaGlsZHJlbixcbiAgYW5jaG9yRWwsXG4gIG9uQ2xpY2tBd2F5LFxuICBzaXplID0gJ21lZGl1bScsXG4gIGlkLFxuICBjbGFzc05hbWUsXG4gIHBsYWNlbWVudCxcbiAgc2V0SXNPcGVuLFxuICBzaG91bGRDbG9zZU9uRXNjLFxuICBmaWx0ZXIsXG4gIC4uLnJlc3Rcbn06IERyb3Bkb3duUHJvcHMpID0+IHtcbiAgY29uc3QgW2ZpbHRlcmVkLCBzZXRGaWx0ZXJlZF0gPSBSZWFjdC51c2VTdGF0ZTxzdHJpbmc+KCcnKVxuICBjb25zdCBjb250YWluZXJSZWYgPSBSZWFjdC51c2VSZWY8SFRNTERpdkVsZW1lbnQ+KClcbiAgY29uc3QgZmlyc3RDaGlsZFJlZiA9IFJlYWN0LnVzZVJlZjxhbnk+KClcbiAgY29uc3QgY3VycmVudEZvY3VzID0gUmVhY3QudXNlUmVmPGFueT4oKVxuICBjb25zdCBzZXRDb250YWluZXJSZWYgPSBSZWFjdC51c2VDYWxsYmFjaygobm9kZTogSFRNTERpdkVsZW1lbnQpID0+IHtcbiAgICBpZiAobm9kZSkge1xuICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQgPSBub2RlXG4gICAgICBmaXJzdENoaWxkUmVmLmN1cnJlbnQgPSBjb250YWluZXJSZWYuY3VycmVudD8uZmlyc3RDaGlsZFxuICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQgPSBmaXJzdENoaWxkUmVmLmN1cnJlbnRcbiAgICAgIGN1cnJlbnRGb2N1cy5jdXJyZW50LmZvY3VzKClcbiAgICB9IGVsc2Uge1xuICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQgPSB1bmRlZmluZWRcbiAgICB9XG4gIH0sIFtdKVxuXG4gIGNvbnN0IGhhbmRsZUNoYXJEb3duID0gKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50PEVsZW1lbnQ+KSA9PiB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICBjb25zdCBldmVudEtleSA9IGV2ZW50LmtleVxuXG4gICAgaWYgKFsnQXJyb3dVcCcsICdBcnJvd0Rvd24nXS5pbmNsdWRlcyhldmVudEtleSkpIHtcbiAgICAgIHJldHVybiBoYW5kbGVBcnJvd3NVcERvd24oZXZlbnQpXG4gICAgfVxuXG4gICAgaWYgKCFmaWx0ZXIpIHJldHVyblxuXG4gICAgY29uc3Qgcmd4ID0gL1thLXpBLVowLTldL2dcbiAgICBjb25zdCB0ZXN0ID0gcmd4LnRlc3QoZXZlbnRLZXkpXG4gICAgaWYgKHRlc3QgJiYgZXZlbnRLZXkubGVuZ3RoID09PSAxKSB7XG4gICAgICBzZXRGaWx0ZXJlZCgocHJldlN0YXRlKSA9PiBwcmV2U3RhdGUgKyBldmVudEtleS50b1VwcGVyQ2FzZSgpKVxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGhhbmRsZUFycm93c1VwRG93biA9IChldmVudDogUmVhY3QuS2V5Ym9hcmRFdmVudDxFbGVtZW50PikgPT4ge1xuICAgIGlmIChldmVudC5rZXkgPT09ICdBcnJvd1VwJykge1xuICAgICAgY29uc3QgcHJldiA9IGN1cnJlbnRGb2N1cy5jdXJyZW50LnByZXZpb3VzU2libGluZ1xuICAgICAgaWYgKHByZXYpIHtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICBjdXJyZW50Rm9jdXMuY3VycmVudCA9IHByZXZcbiAgICAgICAgcHJldi5mb2N1cygpXG4gICAgICB9XG4gICAgfSBlbHNlIGlmIChldmVudC5rZXkgPT09ICdBcnJvd0Rvd24nKSB7XG4gICAgICBjb25zdCBuZXh0ID0gY3VycmVudEZvY3VzLmN1cnJlbnQubmV4dFNpYmxpbmdcbiAgICAgIGlmIChuZXh0KSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQgPSBuZXh0XG4gICAgICAgIG5leHQuZm9jdXMoKVxuICAgICAgfVxuICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSAnRXNjYXBlJyAmJiBzaG91bGRDbG9zZU9uRXNjKSB7XG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHNldElzT3BlbihmYWxzZSlcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBjb25zdCBmaWx0ZXJDaGlsZHJlbiA9IChwYXJhbTogdHlwZW9mIGNoaWxkcmVuKSA9PiB7XG4gICAgaWYgKGZpbHRlcmVkLmxlbmd0aCA+PSAxKSB7XG4gICAgICByZXR1cm4gcGFyYW0uZmlsdGVyKCh4KSA9PiB4LnByb3BzLmNoaWxkcmVuLnRvVXBwZXJDYXNlKCkuaW5jbHVkZXMoZmlsdGVyZWQpKVxuICAgIH1cbiAgICByZXR1cm4gcGFyYW1cbiAgfVxuXG4gIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFpc09wZW4pIHtcbiAgICAgIHNldEZpbHRlcmVkKCcnKVxuICAgIH1cbiAgfSwgW2lzT3Blbl0pXG5cbiAgcmV0dXJuIChcbiAgICA8UG9wcGVyXG4gICAgICBvcGVuPXtpc09wZW59XG4gICAgICBhbmNob3JFbD17YW5jaG9yRWx9XG4gICAgICBpZD17aWR9XG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICB6LWluZGV4OiAke3RoZW1lLnpJbmRleC5tb2RhbH07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPENsaWNrQXdheUxpc3RlbmVyXG4gICAgICAgIG9uQ2xpY2tBd2F5PXsoKSA9PiB7XG4gICAgICAgICAgb25DbGlja0F3YXkgJiYgb25DbGlja0F3YXkoKVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8RHJhd2VyIGNzcz17Z2V0RHJhd2VyU3R5bGVzKHNpemUpfSBzaG93QXJyb3c9e2ZhbHNlfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gey4uLnJlc3R9PlxuICAgICAgICAgIDxEcm9wZG93bkNvbnRleHRQcm92aWRlciB2YWx1ZT17eyBzaXplLCBtdWx0aXNlbGVjdCB9fT5cbiAgICAgICAgICAgIDxTY3JvbGxhYmxlRGl2IHJlZj17c2V0Q29udGFpbmVyUmVmfSBvbktleURvd249e2hhbmRsZUNoYXJEb3dufT5cbiAgICAgICAgICAgICAge2ZpbHRlciA/IGZpbHRlckNoaWxkcmVuKGNoaWxkcmVuKSA6IGNoaWxkcmVufVxuICAgICAgICAgICAgPC9TY3JvbGxhYmxlRGl2PlxuICAgICAgICAgIDwvRHJvcGRvd25Db250ZXh0UHJvdmlkZXI+XG4gICAgICAgIDwvRHJhd2VyPlxuICAgICAgPC9DbGlja0F3YXlMaXN0ZW5lcj5cbiAgICA8L1BvcHBlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEcm9wZG93bk1lbnVcbiJdfQ== */")
|
|
129
|
+
}, rest), (0, _react2.jsx)(_base.ClickAwayListener, {
|
|
130
|
+
onClickAway: () => {
|
|
131
|
+
_onClickAway && _onClickAway();
|
|
132
|
+
}
|
|
133
|
+
}, (0, _react2.jsx)(_drawer.Drawer, _extends({
|
|
134
|
+
css: getDrawerStyles(size),
|
|
135
|
+
showArrow: false,
|
|
136
|
+
className: className
|
|
137
|
+
}, rest), (0, _react2.jsx)(_DropdownContext.DropdownContextProvider, {
|
|
138
|
+
value: {
|
|
139
|
+
size,
|
|
140
|
+
multiselect
|
|
141
|
+
}
|
|
142
|
+
}, (0, _react2.jsx)(ScrollableDiv, {
|
|
143
|
+
ref: setContainerRef,
|
|
144
|
+
onKeyDown: handleCharDown
|
|
145
|
+
}, filter ? filterChildren(children) : children)))));
|
|
137
146
|
};
|
|
138
147
|
var _default = exports.default = DropdownMenu;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
type DropdownSize = 'medium' | 'small';
|
|
3
|
-
type DropdownContextProps = {
|
|
2
|
+
declare type DropdownSize = 'medium' | 'small';
|
|
3
|
+
declare type DropdownContextProps = {
|
|
4
4
|
size?: DropdownSize;
|
|
5
5
|
multiselect?: boolean;
|
|
6
6
|
};
|
|
7
7
|
export declare const DropdownContext: React.Context<DropdownContextProps>;
|
|
8
|
-
export declare const DropdownContextProvider:
|
|
8
|
+
export declare const DropdownContextProvider: React.FC<{
|
|
9
9
|
value: DropdownContextProps;
|
|
10
10
|
children?: React.ReactNode;
|
|
11
|
-
}
|
|
11
|
+
}>;
|
|
12
12
|
declare const useDropdownContext: () => DropdownContextProps;
|
|
13
13
|
export default useDropdownContext;
|
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.DropdownContextProvider = exports.DropdownContext = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var
|
|
9
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
8
|
+
var _react2 = require("@emotion/react");
|
|
9
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
10
10
|
const DropdownContext = exports.DropdownContext = /*#__PURE__*/(0, _react.createContext)({
|
|
11
11
|
size: 'small',
|
|
12
12
|
multiselect: true
|
|
@@ -15,10 +15,9 @@ const DropdownContextProvider = ({
|
|
|
15
15
|
children,
|
|
16
16
|
value
|
|
17
17
|
}) => {
|
|
18
|
-
return (0,
|
|
19
|
-
value: value
|
|
20
|
-
|
|
21
|
-
});
|
|
18
|
+
return (0, _react2.jsx)(DropdownContext.Provider, {
|
|
19
|
+
value: value
|
|
20
|
+
}, children);
|
|
22
21
|
};
|
|
23
22
|
exports.DropdownContextProvider = DropdownContextProvider;
|
|
24
23
|
const useDropdownContext = () => {
|
|
@@ -30,5 +30,5 @@ export interface MenuCheckboxProps {
|
|
|
30
30
|
className?: string;
|
|
31
31
|
children?: React.ReactNode;
|
|
32
32
|
}
|
|
33
|
-
declare const MenuCheckbox: ({ color, children, disabled, as, onClick, selected, clickable, className, }: MenuCheckboxProps) =>
|
|
33
|
+
declare const MenuCheckbox: ({ color, children, disabled, as, onClick, selected, clickable, className, }: MenuCheckboxProps) => JSX.Element;
|
|
34
34
|
export default MenuCheckbox;
|
|
@@ -11,8 +11,8 @@ var _lists = require("../lists");
|
|
|
11
11
|
var _checkbox = require("../forms/checkbox");
|
|
12
12
|
var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
|
|
13
13
|
var _MenuItem = require("./MenuItem");
|
|
14
|
-
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
15
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
16
16
|
const checkboxStyle = /*#__PURE__*/(0, _react2.css)("i>svg>path{color:", _theme.theme.colors.surface.primary, ";fill:", _theme.theme.colors.surface.primary, ";}margin-right:", _theme.theme.spacing.xs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:checkboxStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVDaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0N5QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHJvcGRvd24tbWVudS9NZW51Q2hlY2tib3gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGlzdEl0ZW0sIExpc3RUZXh0IH0gZnJvbSAnLi4vbGlzdHMnXG5pbXBvcnQgeyBDaGVja2JveCB9IGZyb20gJy4uL2Zvcm1zL2NoZWNrYm94J1xuaW1wb3J0IHVzZURyb3Bkb3duQ29udGV4dCBmcm9tICcuL0Ryb3Bkb3duQ29udGV4dCdcbmltcG9ydCB7IGdldExpc3RJdGVtU3R5bGUsIGdldExpc3RUZXh0U3R5bGUgfSBmcm9tICcuL01lbnVJdGVtJ1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVDaGVja2JveFByb3BzIHtcbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWQuXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBPdmVycmlkZSB0aGUgZGVmYXVsdCBjb2xvciBmb3IgdGhlIHRleHQuXG4gICAqL1xuICBjb2xvcj86IHN0cmluZ1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBNZW51Q2hlY2tib3hgIGlzIGRpc2FibGVkLlxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBJbnZva2UgdGhlIHByb3ZpZGVkIGNhbGxiYWNrIHdoZW4gdGhlIGBNZW51Q2hlY2tib3hgIGlzIGNsaWNrZWQuXG4gICAqL1xuICBvbkNsaWNrPzogKCkgPT4gdm9pZFxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBNZW51Q2hlY2tib3hgIGlzIHNlbGVjdGVkLlxuICAgKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBBZGQgaW50ZXJhY3RpdmUgc3R5bGVzIHRvIHRoZSBgTWVudUNoZWNrYm94YC5cbiAgICovXG4gIGNsaWNrYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgY2hlY2tib3hTdHlsZSA9IGNzc2BcbiAgaSA+IHN2ZyA+IHBhdGgge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIH1cbiAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHN9O1xuYFxuXG5jb25zdCBNZW51Q2hlY2tib3ggPSAoe1xuICBjb2xvciA9IHRoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeSxcbiAgY2hpbGRyZW4sXG4gIGRpc2FibGVkLFxuICBhcyA9ICdzcGFuJyxcbiAgb25DbGljayxcbiAgc2VsZWN0ZWQsXG4gIGNsaWNrYWJsZSxcbiAgY2xhc3NOYW1lLFxufTogTWVudUNoZWNrYm94UHJvcHMpID0+IHtcbiAgY29uc3QgeyBzaXplIH0gPSB1c2VEcm9wZG93bkNvbnRleHQoKVxuICBjb25zdCBoYW5kbGVFdmVudCA9ICgpOiB2b2lkID0+IHtcbiAgICBvbkNsaWNrICYmIG9uQ2xpY2soKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8TGlzdEl0ZW1cbiAgICAgIGFzPXthc31cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIHNlbGVjdGVkPXtzZWxlY3RlZH1cbiAgICAgIGNsaWNrYWJsZVxuICAgICAgey4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBjbGlja2FibGU6IGNsaWNrYWJsZSxcbiAgICAgICAgb25DbGljazogb25DbGljayxcbiAgICAgICAgb25LZXlQcmVzczogKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50KSA9PiBldmVudC5rZXkgPT09ICdFbnRlcicgJiYgaGFuZGxlRXZlbnQoKSxcbiAgICAgIH0pfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7Z2V0TGlzdEl0ZW1TdHlsZShzaXplLCBkaXNhYmxlZCl9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxDaGVja2JveFxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIGNoZWNrZWQ9e3NlbGVjdGVkfVxuICAgICAgICBjc3M9e2NoZWNrYm94U3R5bGV9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNsaWNrfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAvPlxuICAgICAgPExpc3RUZXh0XG4gICAgICAgIHN0eWxlZEFzPVwiYm9keVwiXG4gICAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHtnZXRMaXN0VGV4dFN0eWxlKHNpemUpfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0xpc3RUZXh0PlxuICAgIDwvTGlzdEl0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWVudUNoZWNrYm94XG4iXX0= */");
|
|
17
17
|
const MenuCheckbox = ({
|
|
18
18
|
color = _theme.theme.colors.text.dark.primary,
|
|
@@ -24,37 +24,34 @@ const MenuCheckbox = ({
|
|
|
24
24
|
clickable,
|
|
25
25
|
className
|
|
26
26
|
}) => {
|
|
27
|
-
const
|
|
28
|
-
size
|
|
29
|
-
} = (0, _DropdownContext.default)();
|
|
27
|
+
const _useDropdownContext = (0, _DropdownContext.default)(),
|
|
28
|
+
size = _useDropdownContext.size;
|
|
30
29
|
const handleEvent = () => {
|
|
31
30
|
onClick && onClick();
|
|
32
31
|
};
|
|
33
|
-
return (0,
|
|
32
|
+
return (0, _react2.jsx)(_lists.ListItem, _extends({
|
|
34
33
|
as: as,
|
|
35
34
|
className: className,
|
|
36
35
|
onClick: onClick,
|
|
37
36
|
selected: selected,
|
|
38
|
-
clickable: true
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
css: /*#__PURE__*/(0, _react2.css)((0, _MenuItem.getListItemStyle)(size, disabled), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuCheckbox;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVDaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkVjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVDaGVja2JveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBMaXN0SXRlbSwgTGlzdFRleHQgfSBmcm9tICcuLi9saXN0cydcbmltcG9ydCB7IENoZWNrYm94IH0gZnJvbSAnLi4vZm9ybXMvY2hlY2tib3gnXG5pbXBvcnQgdXNlRHJvcGRvd25Db250ZXh0IGZyb20gJy4vRHJvcGRvd25Db250ZXh0J1xuaW1wb3J0IHsgZ2V0TGlzdEl0ZW1TdHlsZSwgZ2V0TGlzdFRleHRTdHlsZSB9IGZyb20gJy4vTWVudUl0ZW0nXG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUNoZWNrYm94UHJvcHMge1xuICAvKipcbiAgICogSFRNTCB0YWcgb3IgY3VzdG9tIGNvbXBvbmVudCBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIE92ZXJyaWRlIHRoZSBkZWZhdWx0IGNvbG9yIGZvciB0aGUgdGV4dC5cbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgYE1lbnVDaGVja2JveGAgaXMgZGlzYWJsZWQuXG4gICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEludm9rZSB0aGUgcHJvdmlkZWQgY2FsbGJhY2sgd2hlbiB0aGUgYE1lbnVDaGVja2JveGAgaXMgY2xpY2tlZC5cbiAgICovXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgYE1lbnVDaGVja2JveGAgaXMgc2VsZWN0ZWQuXG4gICAqL1xuICBzZWxlY3RlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFkZCBpbnRlcmFjdGl2ZSBzdHlsZXMgdG8gdGhlIGBNZW51Q2hlY2tib3hgLlxuICAgKi9cbiAgY2xpY2thYmxlPzogYm9vbGVhblxuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBjaGVja2JveFN0eWxlID0gY3NzYFxuICBpID4gc3ZnID4gcGF0aCB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgZmlsbDogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgfVxuICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c307XG5gXG5cbmNvbnN0IE1lbnVDaGVja2JveCA9ICh7XG4gIGNvbG9yID0gdGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5LFxuICBjaGlsZHJlbixcbiAgZGlzYWJsZWQsXG4gIGFzID0gJ3NwYW4nLFxuICBvbkNsaWNrLFxuICBzZWxlY3RlZCxcbiAgY2xpY2thYmxlLFxuICBjbGFzc05hbWUsXG59OiBNZW51Q2hlY2tib3hQcm9wcykgPT4ge1xuICBjb25zdCB7IHNpemUgfSA9IHVzZURyb3Bkb3duQ29udGV4dCgpXG4gIGNvbnN0IGhhbmRsZUV2ZW50ID0gKCk6IHZvaWQgPT4ge1xuICAgIG9uQ2xpY2sgJiYgb25DbGljaygpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxMaXN0SXRlbVxuICAgICAgYXM9e2FzfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgc2VsZWN0ZWQ9e3NlbGVjdGVkfVxuICAgICAgY2xpY2thYmxlXG4gICAgICB7Li4uKCFkaXNhYmxlZCAmJiB7XG4gICAgICAgIGNsaWNrYWJsZTogY2xpY2thYmxlLFxuICAgICAgICBvbkNsaWNrOiBvbkNsaWNrLFxuICAgICAgICBvbktleVByZXNzOiAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IGV2ZW50LmtleSA9PT0gJ0VudGVyJyAmJiBoYW5kbGVFdmVudCgpLFxuICAgICAgfSl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtnZXRMaXN0SXRlbVN0eWxlKHNpemUsIGRpc2FibGVkKX1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPENoZWNrYm94XG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgY2hlY2tlZD17c2VsZWN0ZWR9XG4gICAgICAgIGNzcz17Y2hlY2tib3hTdHlsZX1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2xpY2t9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIC8+XG4gICAgICA8TGlzdFRleHRcbiAgICAgICAgc3R5bGVkQXM9XCJib2R5XCJcbiAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAke2dldExpc3RUZXh0U3R5bGUoc2l6ZSl9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvTGlzdFRleHQ+XG4gICAgPC9MaXN0SXRlbT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBNZW51Q2hlY2tib3hcbiJdfQ== */")
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
})]
|
|
58
|
-
});
|
|
37
|
+
clickable: true
|
|
38
|
+
}, !disabled && {
|
|
39
|
+
clickable: clickable,
|
|
40
|
+
onClick: onClick,
|
|
41
|
+
onKeyPress: event => event.key === 'Enter' && handleEvent()
|
|
42
|
+
}, {
|
|
43
|
+
css: /*#__PURE__*/(0, _react2.css)((0, _MenuItem.getListItemStyle)(size, disabled), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuCheckbox;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVDaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkVjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVDaGVja2JveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBMaXN0SXRlbSwgTGlzdFRleHQgfSBmcm9tICcuLi9saXN0cydcbmltcG9ydCB7IENoZWNrYm94IH0gZnJvbSAnLi4vZm9ybXMvY2hlY2tib3gnXG5pbXBvcnQgdXNlRHJvcGRvd25Db250ZXh0IGZyb20gJy4vRHJvcGRvd25Db250ZXh0J1xuaW1wb3J0IHsgZ2V0TGlzdEl0ZW1TdHlsZSwgZ2V0TGlzdFRleHRTdHlsZSB9IGZyb20gJy4vTWVudUl0ZW0nXG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUNoZWNrYm94UHJvcHMge1xuICAvKipcbiAgICogSFRNTCB0YWcgb3IgY3VzdG9tIGNvbXBvbmVudCBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIE92ZXJyaWRlIHRoZSBkZWZhdWx0IGNvbG9yIGZvciB0aGUgdGV4dC5cbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgYE1lbnVDaGVja2JveGAgaXMgZGlzYWJsZWQuXG4gICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEludm9rZSB0aGUgcHJvdmlkZWQgY2FsbGJhY2sgd2hlbiB0aGUgYE1lbnVDaGVja2JveGAgaXMgY2xpY2tlZC5cbiAgICovXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgYE1lbnVDaGVja2JveGAgaXMgc2VsZWN0ZWQuXG4gICAqL1xuICBzZWxlY3RlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFkZCBpbnRlcmFjdGl2ZSBzdHlsZXMgdG8gdGhlIGBNZW51Q2hlY2tib3hgLlxuICAgKi9cbiAgY2xpY2thYmxlPzogYm9vbGVhblxuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBjaGVja2JveFN0eWxlID0gY3NzYFxuICBpID4gc3ZnID4gcGF0aCB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgZmlsbDogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgfVxuICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c307XG5gXG5cbmNvbnN0IE1lbnVDaGVja2JveCA9ICh7XG4gIGNvbG9yID0gdGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5LFxuICBjaGlsZHJlbixcbiAgZGlzYWJsZWQsXG4gIGFzID0gJ3NwYW4nLFxuICBvbkNsaWNrLFxuICBzZWxlY3RlZCxcbiAgY2xpY2thYmxlLFxuICBjbGFzc05hbWUsXG59OiBNZW51Q2hlY2tib3hQcm9wcykgPT4ge1xuICBjb25zdCB7IHNpemUgfSA9IHVzZURyb3Bkb3duQ29udGV4dCgpXG4gIGNvbnN0IGhhbmRsZUV2ZW50ID0gKCk6IHZvaWQgPT4ge1xuICAgIG9uQ2xpY2sgJiYgb25DbGljaygpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxMaXN0SXRlbVxuICAgICAgYXM9e2FzfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgc2VsZWN0ZWQ9e3NlbGVjdGVkfVxuICAgICAgY2xpY2thYmxlXG4gICAgICB7Li4uKCFkaXNhYmxlZCAmJiB7XG4gICAgICAgIGNsaWNrYWJsZTogY2xpY2thYmxlLFxuICAgICAgICBvbkNsaWNrOiBvbkNsaWNrLFxuICAgICAgICBvbktleVByZXNzOiAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IGV2ZW50LmtleSA9PT0gJ0VudGVyJyAmJiBoYW5kbGVFdmVudCgpLFxuICAgICAgfSl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtnZXRMaXN0SXRlbVN0eWxlKHNpemUsIGRpc2FibGVkKX1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPENoZWNrYm94XG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgY2hlY2tlZD17c2VsZWN0ZWR9XG4gICAgICAgIGNzcz17Y2hlY2tib3hTdHlsZX1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2xpY2t9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIC8+XG4gICAgICA8TGlzdFRleHRcbiAgICAgICAgc3R5bGVkQXM9XCJib2R5XCJcbiAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAke2dldExpc3RUZXh0U3R5bGUoc2l6ZSl9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvTGlzdFRleHQ+XG4gICAgPC9MaXN0SXRlbT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBNZW51Q2hlY2tib3hcbiJdfQ== */")
|
|
44
|
+
}), (0, _react2.jsx)(_checkbox.Checkbox, {
|
|
45
|
+
size: "small",
|
|
46
|
+
tabIndex: -1,
|
|
47
|
+
checked: selected,
|
|
48
|
+
css: checkboxStyle,
|
|
49
|
+
onChange: onClick,
|
|
50
|
+
disabled: disabled
|
|
51
|
+
}), (0, _react2.jsx)(_lists.ListText, {
|
|
52
|
+
styledAs: "body",
|
|
53
|
+
color: color,
|
|
54
|
+
css: /*#__PURE__*/(0, _react2.css)((0, _MenuItem.getListTextStyle)(size), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuCheckbox;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVDaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEZnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHJvcGRvd24tbWVudS9NZW51Q2hlY2tib3gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGlzdEl0ZW0sIExpc3RUZXh0IH0gZnJvbSAnLi4vbGlzdHMnXG5pbXBvcnQgeyBDaGVja2JveCB9IGZyb20gJy4uL2Zvcm1zL2NoZWNrYm94J1xuaW1wb3J0IHVzZURyb3Bkb3duQ29udGV4dCBmcm9tICcuL0Ryb3Bkb3duQ29udGV4dCdcbmltcG9ydCB7IGdldExpc3RJdGVtU3R5bGUsIGdldExpc3RUZXh0U3R5bGUgfSBmcm9tICcuL01lbnVJdGVtJ1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVDaGVja2JveFByb3BzIHtcbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWQuXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBPdmVycmlkZSB0aGUgZGVmYXVsdCBjb2xvciBmb3IgdGhlIHRleHQuXG4gICAqL1xuICBjb2xvcj86IHN0cmluZ1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBNZW51Q2hlY2tib3hgIGlzIGRpc2FibGVkLlxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBJbnZva2UgdGhlIHByb3ZpZGVkIGNhbGxiYWNrIHdoZW4gdGhlIGBNZW51Q2hlY2tib3hgIGlzIGNsaWNrZWQuXG4gICAqL1xuICBvbkNsaWNrPzogKCkgPT4gdm9pZFxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBNZW51Q2hlY2tib3hgIGlzIHNlbGVjdGVkLlxuICAgKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBBZGQgaW50ZXJhY3RpdmUgc3R5bGVzIHRvIHRoZSBgTWVudUNoZWNrYm94YC5cbiAgICovXG4gIGNsaWNrYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgY2hlY2tib3hTdHlsZSA9IGNzc2BcbiAgaSA+IHN2ZyA+IHBhdGgge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIH1cbiAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHN9O1xuYFxuXG5jb25zdCBNZW51Q2hlY2tib3ggPSAoe1xuICBjb2xvciA9IHRoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeSxcbiAgY2hpbGRyZW4sXG4gIGRpc2FibGVkLFxuICBhcyA9ICdzcGFuJyxcbiAgb25DbGljayxcbiAgc2VsZWN0ZWQsXG4gIGNsaWNrYWJsZSxcbiAgY2xhc3NOYW1lLFxufTogTWVudUNoZWNrYm94UHJvcHMpID0+IHtcbiAgY29uc3QgeyBzaXplIH0gPSB1c2VEcm9wZG93bkNvbnRleHQoKVxuICBjb25zdCBoYW5kbGVFdmVudCA9ICgpOiB2b2lkID0+IHtcbiAgICBvbkNsaWNrICYmIG9uQ2xpY2soKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8TGlzdEl0ZW1cbiAgICAgIGFzPXthc31cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIHNlbGVjdGVkPXtzZWxlY3RlZH1cbiAgICAgIGNsaWNrYWJsZVxuICAgICAgey4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBjbGlja2FibGU6IGNsaWNrYWJsZSxcbiAgICAgICAgb25DbGljazogb25DbGljayxcbiAgICAgICAgb25LZXlQcmVzczogKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50KSA9PiBldmVudC5rZXkgPT09ICdFbnRlcicgJiYgaGFuZGxlRXZlbnQoKSxcbiAgICAgIH0pfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7Z2V0TGlzdEl0ZW1TdHlsZShzaXplLCBkaXNhYmxlZCl9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxDaGVja2JveFxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIGNoZWNrZWQ9e3NlbGVjdGVkfVxuICAgICAgICBjc3M9e2NoZWNrYm94U3R5bGV9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNsaWNrfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAvPlxuICAgICAgPExpc3RUZXh0XG4gICAgICAgIHN0eWxlZEFzPVwiYm9keVwiXG4gICAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHtnZXRMaXN0VGV4dFN0eWxlKHNpemUpfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0xpc3RUZXh0PlxuICAgIDwvTGlzdEl0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWVudUNoZWNrYm94XG4iXX0= */")
|
|
55
|
+
}, children));
|
|
59
56
|
};
|
|
60
57
|
var _default = exports.default = MenuCheckbox;
|
|
@@ -41,5 +41,5 @@ export interface MenuItemProps {
|
|
|
41
41
|
}
|
|
42
42
|
export declare const getListItemStyle: (size?: DropdownSize, disabled?: boolean) => import("@emotion/utils").SerializedStyles;
|
|
43
43
|
export declare const getListTextStyle: (size?: DropdownSize) => import("@emotion/utils").SerializedStyles;
|
|
44
|
-
declare const MenuItem: ({ as, clickable, className, onClick, selected, disabled, children, color, iconLeft, iconRight, ...rest }: MenuItemProps) =>
|
|
44
|
+
declare const MenuItem: ({ as, clickable, className, onClick, selected, disabled, children, color, iconLeft, iconRight, ...rest }: MenuItemProps) => JSX.Element;
|
|
45
45
|
export default MenuItem;
|