@dfds-ui/react-components 2.0.29 → 2.2.0-alpha.4e495871
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/AccordionContent.d.ts +1 -1
- package/accordion/AccordionSmall.d.ts +2 -2
- package/app-bar/AppBar.d.ts +1 -1
- package/app-bar/AppBarContext.d.ts +1 -1
- package/app-bar/AppBarIconButton.d.ts +1 -1
- package/app-bar/AppBarItem.d.ts +2 -2
- package/assertions/banner/Banner.d.ts +3 -3
- package/assertions/banner/BannerAction.d.ts +1 -1
- package/assertions/toast/Toast.d.ts +1 -1
- package/assertions/toast/Toaster.d.ts +2 -2
- package/badge/Badge.d.ts +1 -1
- package/button/BadgeIcon.d.ts +1 -1
- package/button/BaseButton.d.ts +3 -3
- package/button/Button.d.ts +3 -3
- package/button/IconButton.d.ts +2 -2
- package/button/LinkButton.d.ts +1 -1
- package/button-stack/ButtonStack.d.ts +3 -3
- package/card/Card.d.ts +2 -2
- package/card/CardContent.d.ts +1 -1
- package/card/CardMedia.d.ts +2 -2
- package/card/CardPriceTag.d.ts +1 -1
- package/card/CardTitle.d.ts +1 -1
- package/chip/Chip.d.ts +2 -2
- package/cjs/accordion/Accordion.d.ts +2 -2
- package/cjs/accordion/Accordion.js +20 -24
- package/cjs/accordion/AccordionContent.d.ts +1 -1
- package/cjs/accordion/AccordionContent.js +6 -8
- package/cjs/accordion/AccordionSmall.d.ts +2 -2
- package/cjs/accordion/AccordionSmall.js +11 -14
- package/cjs/accordion/index.js +3 -3
- package/cjs/app-bar/AppBar.d.ts +1 -1
- package/cjs/app-bar/AppBar.js +42 -63
- package/cjs/app-bar/AppBarContext.d.ts +1 -1
- package/cjs/app-bar/AppBarContext.js +3 -15
- package/cjs/app-bar/AppBarDrawer.js +9 -10
- package/cjs/app-bar/AppBarIconButton.d.ts +1 -1
- package/cjs/app-bar/AppBarIconButton.js +6 -9
- package/cjs/app-bar/AppBarItem.d.ts +2 -2
- package/cjs/app-bar/AppBarItem.js +17 -31
- package/cjs/app-bar/index.js +8 -8
- package/cjs/assertions/banner/Banner.d.ts +3 -3
- package/cjs/assertions/banner/Banner.js +23 -43
- package/cjs/assertions/banner/BannerAction.d.ts +1 -1
- package/cjs/assertions/banner/BannerAction.js +7 -9
- package/cjs/assertions/banner/index.js +3 -3
- package/cjs/assertions/index.js +2 -2
- package/cjs/assertions/toast/Toast.d.ts +1 -1
- package/cjs/assertions/toast/Toast.js +9 -13
- package/cjs/assertions/toast/Toaster.d.ts +2 -2
- package/cjs/assertions/toast/Toaster.js +20 -39
- package/cjs/assertions/toast/index.js +4 -4
- package/cjs/badge/Badge.d.ts +1 -1
- package/cjs/badge/Badge.js +9 -14
- package/cjs/badge/index.js +3 -3
- package/cjs/button/BadgeIcon.d.ts +1 -1
- package/cjs/button/BaseButton.d.ts +3 -3
- package/cjs/button/Button.d.ts +3 -3
- package/cjs/button/Button.js +13 -20
- package/cjs/button/IconButton.d.ts +2 -2
- package/cjs/button/IconButton.js +19 -27
- package/cjs/button/LinkButton.d.ts +1 -1
- package/cjs/button/LinkButton.js +1 -1
- package/cjs/button/index.js +8 -8
- package/cjs/button-stack/ButtonStack.d.ts +3 -3
- package/cjs/button-stack/ButtonStack.js +8 -12
- package/cjs/button-stack/index.js +1 -1
- package/cjs/card/Card.d.ts +2 -2
- package/cjs/card/Card.js +21 -37
- package/cjs/card/CardActions.js +6 -10
- package/cjs/card/CardContent.d.ts +1 -1
- package/cjs/card/CardContent.js +10 -14
- package/cjs/card/CardMedia.d.ts +2 -2
- package/cjs/card/CardMedia.js +6 -9
- package/cjs/card/CardPriceTag.d.ts +1 -1
- package/cjs/card/CardPriceTag.js +7 -11
- package/cjs/card/CardTitle.d.ts +1 -1
- package/cjs/card/CardTitle.js +9 -11
- package/cjs/card/index.js +6 -6
- package/cjs/chip/Chip.d.ts +2 -2
- package/cjs/chip/Chip.js +13 -28
- package/cjs/chip/index.js +3 -3
- package/cjs/common/LockBodyScroll.d.ts +2 -2
- package/cjs/common/LockBodyScroll.js +5 -8
- package/cjs/common/arrow.d.ts +1 -1
- package/cjs/common/emotionCloneElement.js +5 -8
- package/cjs/common/intent.d.ts +1 -1
- package/cjs/common/polymorphic.d.ts +2 -2
- package/cjs/common/polymorphic.js +3 -3
- package/cjs/common/use-media.js +1 -10
- package/cjs/common/useOnClickOutside.d.ts +1 -1
- package/cjs/counter/Counter.d.ts +1 -1
- package/cjs/counter/Counter.js +4 -14
- package/cjs/counter/PluralCounter.d.ts +1 -1
- package/cjs/counter/PluralCounter.js +10 -22
- package/cjs/counter/index.js +2 -2
- package/cjs/data-table/DataTable.d.ts +1 -1
- package/cjs/data-table/DataTable.js +16 -27
- package/cjs/data-table/index.js +1 -1
- package/cjs/date-range-picker/DateRangePicker.js +28 -55
- package/cjs/date-range-picker/index.js +1 -1
- package/cjs/divider/Divider.d.ts +1 -1
- package/cjs/divider/Divider.js +9 -9
- package/cjs/divider/index.js +1 -1
- package/cjs/drawer/Drawer.d.ts +4 -4
- package/cjs/drawer/Drawer.js +9 -15
- package/cjs/drawer/index.js +1 -1
- package/cjs/dropdown-menu/Dropdown.d.ts +2 -2
- package/cjs/dropdown-menu/Dropdown.js +18 -32
- package/cjs/dropdown-menu/DropdownContext.d.ts +2 -2
- package/cjs/dropdown-menu/DropdownContext.js +1 -1
- package/cjs/dropdown-menu/MenuCheckbox.js +3 -2
- package/cjs/dropdown-menu/MenuItem.js +18 -30
- package/cjs/dropdown-menu/MenuTitle.js +3 -2
- package/cjs/dropdown-menu/index.js +6 -6
- package/cjs/elevation/index.d.ts +1 -1
- package/cjs/flexbox/FlexBox.d.ts +2 -2
- package/cjs/flexbox/FlexBox.js +3 -11
- package/cjs/flexbox/index.js +1 -1
- package/cjs/footer/index.js +1 -1
- package/cjs/forms/checkbox/Checkbox.d.ts +4 -4
- package/cjs/forms/checkbox/Checkbox.js +14 -19
- package/cjs/forms/checkbox/ExampleControlComponent.d.ts +1 -1
- package/cjs/forms/checkbox/ExampleControlComponent.js +6 -17
- package/cjs/forms/checkbox/index.js +1 -1
- package/cjs/forms/email-field/EmailField.d.ts +1 -1
- package/cjs/forms/field/Field.d.ts +1 -1
- 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 +13 -15
- package/cjs/forms/input/InputComposition.d.ts +7 -7
- package/cjs/forms/input/InputComposition.js +23 -27
- package/cjs/forms/label/Label.d.ts +1 -1
- package/cjs/forms/label/Label.js +6 -8
- package/cjs/forms/number-field/NumberField.d.ts +1 -1
- package/cjs/forms/password-field/PasswordField.d.ts +1 -1
- package/cjs/forms/password-field/PasswordField.js +2 -11
- package/cjs/forms/radio/Radio.d.ts +4 -4
- package/cjs/forms/radio/Radio.js +27 -32
- package/cjs/forms/reactselect/ReactSelect.d.ts +2 -2
- package/cjs/forms/reactselect/ReactSelect.js +40 -48
- package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +2 -2
- package/cjs/forms/searchable-select/AsyncSearchableSelect.js +29 -33
- package/cjs/forms/select/Select.d.ts +4 -4
- package/cjs/forms/select/Select.js +10 -12
- package/cjs/forms/select-field/SelectField.d.ts +2 -2
- package/cjs/forms/select-field/SelectField.js +13 -14
- package/cjs/forms/switch/Switch.d.ts +2 -2
- package/cjs/forms/switch/Switch.js +11 -15
- package/cjs/forms/tel-field/TelField.d.ts +1 -1
- package/cjs/forms/text-field/TextField.d.ts +3 -3
- package/cjs/forms/text-field/TextField.js +16 -17
- package/cjs/grid/Column.d.ts +1 -1
- package/cjs/grid/Column.js +8 -10
- package/cjs/grid/Container.d.ts +1 -1
- package/cjs/grid/Container.js +9 -11
- package/cjs/grid/index.js +2 -2
- package/cjs/hero/Hero.d.ts +1 -1
- package/cjs/hero/index.js +1 -1
- package/cjs/hero/stripes.d.ts +1 -1
- package/cjs/ie-banner/IEBanner.d.ts +1 -1
- package/cjs/ie-banner/IEBanner.js +4 -19
- package/cjs/ie-banner/index.js +1 -1
- package/cjs/index.js +45 -45
- package/cjs/lists/FeatureList.d.ts +2 -2
- package/cjs/lists/FeatureList.js +7 -10
- package/cjs/lists/ListAddon.d.ts +1 -1
- package/cjs/lists/ListAddon.js +6 -9
- package/cjs/lists/ListDivider.d.ts +1 -1
- package/cjs/lists/ListDivider.js +6 -9
- package/cjs/lists/ListIcon.d.ts +2 -2
- package/cjs/lists/ListIcon.js +12 -15
- package/cjs/lists/ListItem.d.ts +1 -1
- package/cjs/lists/ListItem.js +15 -24
- package/cjs/lists/ListText.d.ts +3 -3
- package/cjs/lists/ListText.js +8 -11
- package/cjs/lists/ListTextGroup.d.ts +1 -1
- package/cjs/lists/ListTextGroup.js +9 -13
- package/cjs/lists/ListTitle.js +4 -7
- package/cjs/lists/index.js +8 -8
- package/cjs/loader/DfdsLoader.js +2 -2
- package/cjs/loader/Loader.d.ts +1 -1
- package/cjs/loader/index.js +2 -2
- package/cjs/localization/LocaleFlag.d.ts +1 -1
- package/cjs/localization/LocaleFlag.js +8 -12
- package/cjs/localization/index.js +2 -2
- package/cjs/localization/locales.d.ts +2 -2
- package/cjs/logo/Logo.d.ts +1 -1
- package/cjs/logo/Logo.js +5 -7
- package/cjs/logo/index.js +1 -1
- package/cjs/menu/Menu.d.ts +1 -1
- package/cjs/menu/Menu.js +18 -20
- package/cjs/menu/index.js +3 -3
- package/cjs/mobile-stepper/MobileStepper.d.ts +1 -1
- package/cjs/mobile-stepper/MobileStepper.js +8 -12
- package/cjs/mobile-stepper/index.js +1 -1
- package/cjs/nav-bar/NavBar.d.ts +4 -4
- package/cjs/nav-bar/NavBar.js +24 -36
- package/cjs/nav-bar/index.js +3 -3
- package/cjs/nav-menu/NavMenuItem.d.ts +1 -1
- package/cjs/nav-menu/index.js +1 -1
- package/cjs/pagination/Pagination.d.ts +2 -2
- package/cjs/pagination/Pagination.js +7 -6
- package/cjs/pagination/index.js +1 -1
- package/cjs/popper/Popper.d.ts +2 -2
- package/cjs/popper/Popper.js +21 -25
- package/cjs/popper/index.js +1 -1
- package/cjs/progress-bar/ProgressBar.d.ts +1 -1
- package/cjs/progress-bar/index.js +3 -3
- package/cjs/schedule/ScheduleItem.d.ts +2 -2
- package/cjs/schedule/ScheduleList.d.ts +3 -3
- package/cjs/schedule/ScheduleList.js +4 -6
- package/cjs/schedule/index.js +2 -2
- package/cjs/side-sheet/SideSheet.d.ts +4 -4
- package/cjs/side-sheet/SideSheet.js +29 -45
- package/cjs/side-sheet/SideSheetCloseButton.d.ts +1 -1
- package/cjs/side-sheet/SideSheetCloseButton.js +8 -13
- package/cjs/side-sheet/SideSheetContent.d.ts +1 -1
- package/cjs/side-sheet/SideSheetContent.js +6 -8
- package/cjs/side-sheet/SideSheetFooter.d.ts +1 -1
- package/cjs/side-sheet/SideSheetFooter.js +6 -8
- package/cjs/side-sheet/SideSheetHeader.d.ts +1 -1
- package/cjs/side-sheet/SideSheetHeader.js +8 -11
- package/cjs/side-sheet/SideSheetHeadline.d.ts +1 -1
- package/cjs/side-sheet/index.js +5 -5
- package/cjs/site-layout/SiteLayout.d.ts +3 -3
- package/cjs/site-layout/SiteLayout.js +24 -27
- package/cjs/site-layout/index.js +3 -3
- package/cjs/skeleton/Skeleton.d.ts +1 -1
- package/cjs/skeleton/Skeleton.js +10 -14
- package/cjs/skeleton/index.js +1 -1
- package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +2 -2
- package/cjs/social-media-link-list/SocialMediaLinkList.js +13 -15
- package/cjs/social-media-link-list/index.js +1 -1
- package/cjs/spinner/Spinner.d.ts +2 -2
- package/cjs/spinner/Spinner.js +8 -12
- package/cjs/spinner/index.js +1 -1
- package/cjs/step/Step.d.ts +1 -1
- package/cjs/step/Step.js +21 -29
- package/cjs/step/StepButton.d.ts +1 -1
- package/cjs/step/StepButton.js +14 -12
- package/cjs/step/StepContent.d.ts +1 -1
- package/cjs/step/StepContent.js +3 -2
- package/cjs/step/StepContext.d.ts +1 -1
- package/cjs/step/StepLabel.d.ts +1 -1
- package/cjs/step/StepLabel.js +4 -3
- package/cjs/step/index.js +1 -1
- package/cjs/stepper/Stepper.d.ts +1 -1
- package/cjs/stepper/Stepper.js +13 -22
- package/cjs/stepper/StepperContext.d.ts +1 -1
- package/cjs/stepper/index.js +1 -1
- 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/theme.d.ts +1 -1
- package/cjs/surface/Surface.d.ts +2 -2
- package/cjs/surface/Surface.js +13 -19
- package/cjs/surface/index.js +1 -1
- package/cjs/tab/Tab.d.ts +2 -2
- package/cjs/tab/Tab.js +13 -14
- package/cjs/tab/TabPanel.d.ts +1 -1
- package/cjs/tab/TabPanel.js +3 -2
- package/cjs/tab/Tabs.d.ts +2 -2
- package/cjs/tab/Tabs.js +21 -37
- package/cjs/tab/TabsContext.d.ts +1 -1
- package/cjs/tab/TabsContext.js +1 -1
- package/cjs/tab/index.js +4 -4
- package/cjs/table/Table.d.ts +2 -2
- package/cjs/table/Table.js +7 -11
- package/cjs/table/TableBody.d.ts +1 -1
- package/cjs/table/TableBody.js +5 -7
- package/cjs/table/TableDataCell.d.ts +1 -1
- package/cjs/table/TableDataCell.js +6 -9
- package/cjs/table/TableHead.d.ts +1 -1
- package/cjs/table/TableHead.js +9 -10
- package/cjs/table/TableHeaderCell.d.ts +2 -2
- package/cjs/table/TableHeaderCell.js +6 -9
- package/cjs/table/TableRow.d.ts +1 -1
- package/cjs/table/TableRow.js +10 -12
- package/cjs/table/index.js +6 -6
- package/cjs/tooltip/Tooltip.d.ts +2 -2
- package/cjs/tooltip/Tooltip.js +11 -12
- package/cjs/tooltip/index.js +3 -3
- package/cjs/typography/Headlines.js +8 -11
- package/cjs/typography/index.js +2 -2
- package/common/LockBodyScroll.d.ts +2 -2
- package/common/arrow.d.ts +1 -1
- package/common/intent.d.ts +1 -1
- package/common/polymorphic.d.ts +2 -2
- package/common/useOnClickOutside.d.ts +1 -1
- package/counter/Counter.d.ts +1 -1
- package/counter/PluralCounter.d.ts +1 -1
- package/data-table/DataTable.d.ts +1 -1
- package/divider/Divider.d.ts +1 -1
- package/drawer/Drawer.d.ts +4 -4
- package/dropdown-menu/Dropdown.d.ts +2 -2
- package/dropdown-menu/DropdownContext.d.ts +2 -2
- package/elevation/index.d.ts +1 -1
- package/flexbox/FlexBox.d.ts +2 -2
- package/forms/checkbox/Checkbox.d.ts +4 -4
- package/forms/checkbox/ExampleControlComponent.d.ts +1 -1
- package/forms/email-field/EmailField.d.ts +1 -1
- package/forms/field/Field.d.ts +1 -1
- package/forms/index.d.ts +3 -3
- package/forms/input/Input.d.ts +3 -3
- package/forms/input/InputComposition.d.ts +7 -7
- package/forms/label/Label.d.ts +1 -1
- package/forms/number-field/NumberField.d.ts +1 -1
- package/forms/password-field/PasswordField.d.ts +1 -1
- package/forms/radio/Radio.d.ts +4 -4
- package/forms/reactselect/ReactSelect.d.ts +2 -2
- package/forms/searchable-select/AsyncSearchableSelect.d.ts +2 -2
- package/forms/select/Select.d.ts +4 -4
- package/forms/select-field/SelectField.d.ts +2 -2
- package/forms/switch/Switch.d.ts +2 -2
- package/forms/tel-field/TelField.d.ts +1 -1
- package/forms/text-field/TextField.d.ts +3 -3
- package/grid/Column.d.ts +1 -1
- package/grid/Container.d.ts +1 -1
- package/hero/Hero.d.ts +1 -1
- package/hero/stripes.d.ts +1 -1
- package/ie-banner/IEBanner.d.ts +1 -1
- package/lists/FeatureList.d.ts +2 -2
- package/lists/ListAddon.d.ts +1 -1
- package/lists/ListDivider.d.ts +1 -1
- package/lists/ListIcon.d.ts +2 -2
- package/lists/ListItem.d.ts +1 -1
- package/lists/ListText.d.ts +3 -3
- package/lists/ListTextGroup.d.ts +1 -1
- package/loader/Loader.d.ts +1 -1
- package/localization/LocaleFlag.d.ts +1 -1
- package/localization/locales.d.ts +2 -2
- package/logo/Logo.d.ts +1 -1
- package/menu/Menu.d.ts +1 -1
- package/mobile-stepper/MobileStepper.d.ts +1 -1
- package/nav-bar/NavBar.d.ts +4 -4
- package/nav-menu/NavMenuItem.d.ts +1 -1
- package/package.json +10 -10
- package/pagination/Pagination.d.ts +2 -2
- package/popper/Popper.d.ts +2 -2
- package/progress-bar/ProgressBar.d.ts +1 -1
- package/schedule/ScheduleItem.d.ts +2 -2
- package/schedule/ScheduleList.d.ts +3 -3
- package/side-sheet/SideSheet.d.ts +4 -4
- package/side-sheet/SideSheetCloseButton.d.ts +1 -1
- package/side-sheet/SideSheetContent.d.ts +1 -1
- package/side-sheet/SideSheetFooter.d.ts +1 -1
- package/side-sheet/SideSheetHeader.d.ts +1 -1
- package/side-sheet/SideSheetHeadline.d.ts +1 -1
- package/site-layout/SiteLayout.d.ts +3 -3
- package/skeleton/Skeleton.d.ts +1 -1
- package/social-media-link-list/SocialMediaLinkList.d.ts +2 -2
- package/spinner/Spinner.d.ts +2 -2
- package/step/Step.d.ts +1 -1
- package/step/StepButton.d.ts +1 -1
- package/step/StepContent.d.ts +1 -1
- package/step/StepContext.d.ts +1 -1
- package/step/StepLabel.d.ts +1 -1
- package/stepper/Stepper.d.ts +1 -1
- package/stepper/StepperContext.d.ts +1 -1
- package/styles/media.d.ts +1 -1
- package/styles/theme.d.ts +1 -1
- package/surface/Surface.d.ts +2 -2
- package/tab/Tab.d.ts +2 -2
- package/tab/TabPanel.d.ts +1 -1
- package/tab/Tabs.d.ts +2 -2
- package/tab/TabsContext.d.ts +1 -1
- package/table/Table.d.ts +2 -2
- package/table/TableBody.d.ts +1 -1
- package/table/TableDataCell.d.ts +1 -1
- package/table/TableHead.d.ts +1 -1
- package/table/TableHeaderCell.d.ts +2 -2
- package/table/TableRow.d.ts +1 -1
- package/tooltip/Tooltip.d.ts +2 -2
|
@@ -11,56 +11,38 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
require("react-dates/initialize");
|
|
12
12
|
var _react2 = require("@emotion/react");
|
|
13
13
|
var _icons = require("@dfds-ui/icons");
|
|
14
|
-
var
|
|
14
|
+
var _useMedia = _interopRequireDefault(require("../common/use-media"));
|
|
15
15
|
var _miniMoize = require("../common/miniMoize");
|
|
16
16
|
var _DatePickerDefaultStyles = _interopRequireDefault(require("./DatePickerDefaultStyles"));
|
|
17
17
|
var _DatePickerDfdsStyles = _interopRequireDefault(require("./DatePickerDfdsStyles"));
|
|
18
18
|
var _LockBodyScroll = _interopRequireDefault(require("../common/LockBodyScroll"));
|
|
19
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
19
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
20
20
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
21
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
22
|
-
function
|
|
23
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
24
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
25
|
-
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."); }
|
|
26
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
27
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
28
|
-
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; } }
|
|
29
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable deprecation/deprecation */ /* eslint-disable @typescript-eslint/restrict-plus-operands */ /* eslint-disable @typescript-eslint/no-non-null-assertion */ // eslint-disable-next-line import/no-extraneous-dependencies
|
|
22
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* eslint-disable deprecation/deprecation */ /* eslint-disable @typescript-eslint/restrict-plus-operands */ /* eslint-disable @typescript-eslint/no-non-null-assertion */ // eslint-disable-next-line import/no-extraneous-dependencies
|
|
30
23
|
// Do a wrapper to support styled components: https://github.com/airbnb/react-dates/issues/1030#issuecomment-388227454
|
|
31
24
|
const DateRangePicker = props => {
|
|
32
|
-
const
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
numberOfMonths: 2,
|
|
54
|
-
mobileState: false,
|
|
55
|
-
size: 48
|
|
56
|
-
}], {
|
|
57
|
-
numberOfMonths: 1,
|
|
58
|
-
mobileState: false,
|
|
59
|
-
size: 48
|
|
60
|
-
}),
|
|
61
|
-
numberOfMonths = _useMedia.numberOfMonths,
|
|
62
|
-
mobileState = _useMedia.mobileState,
|
|
63
|
-
size = _useMedia.size;
|
|
25
|
+
const [startDate, setStartDate] = (0, _react.useState)(toMoment(props.startDates.initial));
|
|
26
|
+
const [endDate, setEndDate] = (0, _react.useState)(toMoment(props.endDates.initial));
|
|
27
|
+
const [showCalendar, setShowCalendar] = (0, _react.useState)(false);
|
|
28
|
+
const [focusedInput, setFocusedInput] = (0, _react.useState)('startDate');
|
|
29
|
+
const {
|
|
30
|
+
numberOfMonths,
|
|
31
|
+
mobileState,
|
|
32
|
+
size
|
|
33
|
+
} = (0, _useMedia.default)(['(max-width: 64em)', '(min-width: 78.063em)'], [{
|
|
34
|
+
numberOfMonths: props.numberOfMobileMonths || 12,
|
|
35
|
+
mobileState: true,
|
|
36
|
+
size: 40
|
|
37
|
+
}, {
|
|
38
|
+
numberOfMonths: 2,
|
|
39
|
+
mobileState: false,
|
|
40
|
+
size: 48
|
|
41
|
+
}], {
|
|
42
|
+
numberOfMonths: 1,
|
|
43
|
+
mobileState: false,
|
|
44
|
+
size: 48
|
|
45
|
+
});
|
|
64
46
|
_moment.default.locale(props.locale);
|
|
65
47
|
(0, _moment.default)().weekday(0);
|
|
66
48
|
(0, _react.useEffect)(() => {
|
|
@@ -95,7 +77,7 @@ const DateRangePicker = props => {
|
|
|
95
77
|
className: "dateRangePickerInfo__info"
|
|
96
78
|
}, props.infoLabel)) : '';
|
|
97
79
|
const disabledDates = (0, _miniMoize.miniMoize)((focusedInput, start, startDisabledDates, endDisabledDates) => buildMap(focusedInput !== 'endDate' ? startDisabledDates : (startDisabledDates || []).filter(d => d < start).concat(endDisabledDates)));
|
|
98
|
-
const
|
|
80
|
+
const isDayBlocked = date => {
|
|
99
81
|
const startDateStr = getKeyStr(startDate);
|
|
100
82
|
const disabled = disabledDates(focusedInput, startDateStr, props.startDates.disabledDates, props.endDates.disabledDates);
|
|
101
83
|
const dateN = getKeyStr(date);
|
|
@@ -144,7 +126,7 @@ const DateRangePicker = props => {
|
|
|
144
126
|
transitionDuration: 100,
|
|
145
127
|
numberOfMonths,
|
|
146
128
|
onOutsideClick,
|
|
147
|
-
isDayBlocked: d =>
|
|
129
|
+
isDayBlocked: d => isDayBlocked(d),
|
|
148
130
|
isDayHighlighted: d => isOfferValid(d),
|
|
149
131
|
initialVisibleMonth: initialMonth,
|
|
150
132
|
renderCalendarInfo
|
|
@@ -273,17 +255,8 @@ function buildMap(dates) {
|
|
|
273
255
|
if (!dates) {
|
|
274
256
|
return map;
|
|
275
257
|
}
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
try {
|
|
279
|
-
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
280
|
-
const d = _step.value;
|
|
281
|
-
map[d] = 1;
|
|
282
|
-
}
|
|
283
|
-
} catch (err) {
|
|
284
|
-
_iterator.e(err);
|
|
285
|
-
} finally {
|
|
286
|
-
_iterator.f();
|
|
258
|
+
for (const d of dates) {
|
|
259
|
+
map[d] = 1;
|
|
287
260
|
}
|
|
288
261
|
return map;
|
|
289
262
|
}
|
package/cjs/divider/Divider.d.ts
CHANGED
package/cjs/divider/Divider.js
CHANGED
|
@@ -8,12 +8,11 @@ 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
|
-
const _excluded = ["light", "indent", "margins"];
|
|
12
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
12
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
const {
|
|
14
|
+
colors
|
|
15
|
+
} = _theme.theme;
|
|
17
16
|
|
|
18
17
|
// Can be used to create a simple divider with a css border and still adhere to the colors defined for dividers.
|
|
19
18
|
const dividerBorder = (light, placement) => {
|
|
@@ -27,11 +26,12 @@ const StyledDivider = /*#__PURE__*/(0, _base.default)("hr", process.env.NODE_ENV
|
|
|
27
26
|
target: "e1rrvlkn0",
|
|
28
27
|
label: "StyledDivider"
|
|
29
28
|
})("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 */"));
|
|
30
|
-
const Divider =
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
29
|
+
const Divider = ({
|
|
30
|
+
light,
|
|
31
|
+
indent,
|
|
32
|
+
margins,
|
|
33
|
+
...rest
|
|
34
|
+
}) => {
|
|
35
35
|
return (0, _react2.jsx)(StyledDivider, _extends({
|
|
36
36
|
light: light,
|
|
37
37
|
indent: indent,
|
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
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export
|
|
3
|
+
type HorizontalPosition = 'left' | 'right';
|
|
4
|
+
type VerticalPosition = 'top' | 'bottom';
|
|
5
|
+
type Elevation = keyof typeof theme.elevation;
|
|
6
|
+
export type DrawerProps = {
|
|
7
7
|
/**
|
|
8
8
|
* Horizontal position of the drawer
|
|
9
9
|
*/
|
package/cjs/drawer/Drawer.js
CHANGED
|
@@ -8,11 +8,8 @@ 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
|
-
const _excluded = ["className", "children", "position", "verticalPosition", "showArrow", "elevation"];
|
|
12
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
12
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
16
13
|
const getArrowPlacement = (vertical, horizontal) => {
|
|
17
14
|
return `${vertical ? vertical : 'top'}-${horizontal ? horizontal : 'left'}`;
|
|
18
15
|
};
|
|
@@ -22,18 +19,15 @@ const drawerStyles = ({
|
|
|
22
19
|
showArrow,
|
|
23
20
|
elevation
|
|
24
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/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgZ2V0QXJyb3dQbGFjZW1lbnQgPSAodmVydGljYWw6IFZlcnRpY2FsUG9zaXRpb24sIGhvcml6b250YWw6IEhvcml6b250YWxQb3NpdGlvbik6IEFycm93UG9zaXRpb24gPT4ge1xuICByZXR1cm4gYCR7dmVydGljYWwgPyB2ZXJ0aWNhbCA6ICd0b3AnfS0ke2hvcml6b250YWwgPyBob3Jpem9udGFsIDogJ2xlZnQnfWAgYXMgQXJyb3dQb3NpdGlvblxufVxuXG5jb25zdCBkcmF3ZXJTdHlsZXMgPSAoe1xuICBwb3NpdGlvbixcbiAgdmVydGljYWxQb3NpdGlvbixcbiAgc2hvd0Fycm93LFxuICBlbGV2YXRpb24sXG59OiB7XG4gIHBvc2l0aW9uOiBIb3Jpem9udGFsUG9zaXRpb25cbiAgdmVydGljYWxQb3NpdGlvbjogVmVydGljYWxQb3NpdGlvblxuICBzaG93QXJyb3c6IGJvb2xlYW5cbiAgZWxldmF0aW9uOiBFbGV2YXRpb25cbn0pID0+IGNzc2BcbiAgei1pbmRleDogMTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBoZWlnaHQ6IGF1dG87XG4gIG1pbi1oZWlnaHQ6IDUwcHg7XG4gIGxlZnQ6ICR7cG9zaXRpb24gPT09ICdsZWZ0JyAmJiAwfTtcbiAgcmlnaHQ6ICR7cG9zaXRpb24gPT09ICdyaWdodCcgJiYgMH07XG4gIG1pbi13aWR0aDogMTEycHg7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bZWxldmF0aW9uXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgJHshc2hvd0Fycm93ID8gJycgOiBhcnJvdygxMCwgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeSwgMjAsIGdldEFycm93UGxhY2VtZW50KHZlcnRpY2FsUG9zaXRpb24sIHBvc2l0aW9uKSl9XG5gXG5cbmV4cG9ydCBjb25zdCBEcmF3ZXIgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBEcmF3ZXJQcm9wcz4oXG4gIChcbiAgICB7IGNsYXNzTmFtZSwgY2hpbGRyZW4sIHBvc2l0aW9uID0gJ2xlZnQnLCB2ZXJ0aWNhbFBvc2l0aW9uID0gJ2JvdHRvbScsIHNob3dBcnJvdyA9IHRydWUsIGVsZXZhdGlvbiA9ICc0JywgLi4ucmVzdCB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtkcmF3ZXJTdHlsZXMoeyBwb3NpdGlvbiwgdmVydGljYWxQb3NpdGlvbiwgc2hvd0Fycm93LCBlbGV2YXRpb24gfSl9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgID5cbiAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgRHJhd2VyXG4iXX0= */");
|
|
25
|
-
const Drawer = /*#__PURE__*/_react.default.forwardRef((
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
_ref$elevation = _ref.elevation,
|
|
35
|
-
elevation = _ref$elevation === void 0 ? '4' : _ref$elevation,
|
|
36
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
22
|
+
const Drawer = /*#__PURE__*/_react.default.forwardRef(({
|
|
23
|
+
className,
|
|
24
|
+
children,
|
|
25
|
+
position = 'left',
|
|
26
|
+
verticalPosition = 'bottom',
|
|
27
|
+
showArrow = true,
|
|
28
|
+
elevation = '4',
|
|
29
|
+
...rest
|
|
30
|
+
}, ref) => {
|
|
37
31
|
return (0, _react2.jsx)("div", _extends({
|
|
38
32
|
className: className,
|
|
39
33
|
css: drawerStyles({
|
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
|
|
4
|
-
export
|
|
3
|
+
export type DropdownSize = 'medium' | 'small';
|
|
4
|
+
export type DropdownProps = {
|
|
5
5
|
/**
|
|
6
6
|
* Placement for the `Dropdown`.
|
|
7
7
|
*/
|
|
@@ -11,16 +11,7 @@ var _drawer = require("../drawer");
|
|
|
11
11
|
var _DropdownContext = require("./DropdownContext");
|
|
12
12
|
var _material = require("@mui/material");
|
|
13
13
|
var _base = require("@mui/base");
|
|
14
|
-
const _excluded = ["isOpen", "multiselect", "children", "anchorEl", "onClickAway", "size", "id", "className", "placement", "setIsOpen", "shouldCloseOnEsc", "filter"];
|
|
15
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
19
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
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(arr) { if (Array.isArray(arr)) return arr; }
|
|
22
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
23
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
24
15
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
16
|
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)."; }
|
|
26
17
|
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= */");
|
|
@@ -41,34 +32,29 @@ const ScrollableDiv = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
|
41
32
|
ref: ref
|
|
42
33
|
}));
|
|
43
34
|
});
|
|
44
|
-
const DropdownMenu =
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
const _React$useState = _react.default.useState(''),
|
|
61
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
62
|
-
filtered = _React$useState2[0],
|
|
63
|
-
setFiltered = _React$useState2[1];
|
|
35
|
+
const DropdownMenu = ({
|
|
36
|
+
isOpen = false,
|
|
37
|
+
multiselect,
|
|
38
|
+
children,
|
|
39
|
+
anchorEl,
|
|
40
|
+
onClickAway,
|
|
41
|
+
size = 'medium',
|
|
42
|
+
id,
|
|
43
|
+
className,
|
|
44
|
+
placement,
|
|
45
|
+
setIsOpen,
|
|
46
|
+
shouldCloseOnEsc,
|
|
47
|
+
filter,
|
|
48
|
+
...rest
|
|
49
|
+
}) => {
|
|
50
|
+
const [filtered, setFiltered] = _react.default.useState('');
|
|
64
51
|
const containerRef = _react.default.useRef();
|
|
65
52
|
const firstChildRef = _react.default.useRef();
|
|
66
53
|
const currentFocus = _react.default.useRef();
|
|
67
54
|
const setContainerRef = _react.default.useCallback(node => {
|
|
68
55
|
if (node) {
|
|
69
|
-
var _containerRef$current;
|
|
70
56
|
containerRef.current = node;
|
|
71
|
-
firstChildRef.current =
|
|
57
|
+
firstChildRef.current = containerRef.current?.firstChild;
|
|
72
58
|
currentFocus.current = firstChildRef.current;
|
|
73
59
|
currentFocus.current.focus();
|
|
74
60
|
} else {
|
|
@@ -128,7 +114,7 @@ const DropdownMenu = _ref2 => {
|
|
|
128
114
|
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
115
|
}, rest), (0, _react2.jsx)(_base.ClickAwayListener, {
|
|
130
116
|
onClickAway: () => {
|
|
131
|
-
|
|
117
|
+
onClickAway && onClickAway();
|
|
132
118
|
}
|
|
133
119
|
}, (0, _react2.jsx)(_drawer.Drawer, _extends({
|
|
134
120
|
css: getDrawerStyles(size),
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = exports.DropdownContextProvider = exports.DropdownContext = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
9
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
10
10
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
11
|
const DropdownContext = /*#__PURE__*/(0, _react.createContext)({
|
|
12
12
|
size: 'small',
|
|
@@ -24,8 +24,9 @@ const MenuCheckbox = ({
|
|
|
24
24
|
clickable,
|
|
25
25
|
className
|
|
26
26
|
}) => {
|
|
27
|
-
const
|
|
28
|
-
size
|
|
27
|
+
const {
|
|
28
|
+
size
|
|
29
|
+
} = (0, _DropdownContext.default)();
|
|
29
30
|
const handleEvent = () => {
|
|
30
31
|
onClick && onClick();
|
|
31
32
|
};
|
|
@@ -9,17 +9,8 @@ var _react2 = require("@emotion/react");
|
|
|
9
9
|
var _theme = require("@dfds-ui/theme");
|
|
10
10
|
var _lists = require("../lists");
|
|
11
11
|
var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
|
|
12
|
-
const _excluded = ["as", "clickable", "className", "onClick", "selected", "disabled", "children", "color", "iconLeft", "iconRight"];
|
|
13
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
13
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
16
|
-
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."); }
|
|
17
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
18
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
19
|
-
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; } }
|
|
20
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
21
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
22
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
23
14
|
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)."; }
|
|
24
15
|
const svgDisabled = /*#__PURE__*/(0, _react2.css)("svg>path{color:", _theme.theme.colors.text.dark.disabled, ";fill:", _theme.theme.colors.text.dark.disabled, ";}span{color:", _theme.theme.colors.text.dark.disabled, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:svgDisabled;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ3VCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IExpc3RJdGVtLCBMaXN0VGV4dCwgTGlzdEljb24gfSBmcm9tICcuLi9saXN0cydcbmltcG9ydCB1c2VEcm9wZG93bkNvbnRleHQgZnJvbSAnLi9Ecm9wZG93bkNvbnRleHQnXG5pbXBvcnQgeyBEcm9wZG93blNpemUgfSBmcm9tICcuL0Ryb3Bkb3duJ1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVJdGVtUHJvcHMge1xuICAvKipcbiAgICogSFRNTCB0YWcgb3IgY3VzdG9tIGNvbXBvbmVudCBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIEludm9rZSB0aGUgcHJvdmlkZWQgY2FsbGJhY2sgd2hlbiB0aGUgYE1lbnVJdGVtYCBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChldmVudD86IGFueSkgPT4gdm9pZFxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBNZW51SXRlbWAgaXMgc2VsZWN0ZWQuXG4gICAqL1xuICBzZWxlY3RlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBgTWVudUl0ZW1gIGlzIGRpc2FibGVkLlxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBBZGQgaW50ZXJhY3RpdmUgc3R5bGVzIHRvIHRoZSBgTWVudUl0ZW1gLlxuICAgKi9cbiAgY2xpY2thYmxlPzogYm9vbGVhblxuICAvKipcbiAgICogT3ZlcnJpZGUgdGhlIGRlZmF1bHQgY29sb3IgZm9yIHRoZSB0ZXh0LlxuICAgKi9cbiAgY29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIENob29zZSBhbiBpY29uIHRoYXQgd2lsbCBiZSBsZWZ0IGFsaWduZWQuXG4gICAqL1xuICBpY29uTGVmdD86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBDaG9vc2UgYW4gaWNvbiB0aGF0IHdpbGwgYmUgcmlnaHQgYWxpZ25lZC5cbiAgICovXG4gIGljb25SaWdodD86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IHN2Z0Rpc2FibGVkID0gY3NzYFxuICBzdmcgPiBwYXRoIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkfTtcbiAgICBmaWxsOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICB9XG4gIHNwYW4ge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICB9XG5gXG5cbmNvbnN0IHVzZXJIb3ZlckRpc2FibGVkID0gY3NzYFxuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5gXG5cbmNvbnN0IGNvbnRhaW5lclN0eWxlID0gY3NzYFxuICBtYXgtaGVpZ2h0OiAke3RoZW1lLnNwYWNpbmcubH07XG4gIG1pbi1oZWlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sfTtcbiAgbWluLXdpZHRoOiA5NnB4O1xuICBtYXgtd2lkdGg6IDI4OHB4O1xuICB3aWR0aDogYXV0bztcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbmBcblxuZXhwb3J0IGNvbnN0IGdldExpc3RJdGVtU3R5bGUgPSAoc2l6ZT86IERyb3Bkb3duU2l6ZSwgZGlzYWJsZWQ/OiBib29sZWFuKSA9PiB7XG4gIGlmIChzaXplID09PSAnc21hbGwnICYmIGRpc2FibGVkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICR7Y29udGFpbmVyU3R5bGV9XG4gICAgICAke3VzZXJIb3ZlckRpc2FibGVkfVxuICAgICAgJHtzdmdEaXNhYmxlZH1cbiAgICBgXG4gIH0gZWxzZSBpZiAoZGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgJHt1c2VySG92ZXJEaXNhYmxlZH1cbiAgICAgICR7c3ZnRGlzYWJsZWR9XG4gICAgYFxuICB9IGVsc2UgaWYgKHNpemUgPT09ICdzbWFsbCcpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgJHtjb250YWluZXJTdHlsZX1cbiAgICBgXG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGNzc2BgXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IGdldExpc3RUZXh0U3R5bGUgPSAoc2l6ZT86IERyb3Bkb3duU2l6ZSkgPT4ge1xuICBpZiAoc2l6ZSA9PT0gJ3NtYWxsJykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBmb250LXNpemU6IDEycHg7XG4gICAgYFxuICB9IGVsc2Uge1xuICAgIHJldHVybiBjc3NgYFxuICB9XG59XG5cbmNvbnN0IGdldExpc3RJY29uU3R5bGUgPSAobXVsdGlzZWxlY3Q/OiBib29sZWFuLCBzZWxlY3RlZD86IGJvb2xlYW4sIHNpemU/OiBEcm9wZG93blNpemUpID0+IHtcbiAgaWYgKCFzZWxlY3RlZCAmJiBtdWx0aXNlbGVjdCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIGBcbiAgfSBlbHNlIGlmIChzaXplID09PSAnc21hbGwnKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgbWluLWhlaWdodDogMjBweDtcbiAgICAgIG1pbi13aWR0aDogMjBweDtcbiAgICBgXG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGBcbiAgfVxufVxuXG5jb25zdCBNZW51SXRlbSA9ICh7XG4gIGFzID0gJ3NwYW4nLFxuICBjbGlja2FibGUsXG4gIGNsYXNzTmFtZSxcbiAgb25DbGljayxcbiAgc2VsZWN0ZWQsXG4gIGRpc2FibGVkLFxuICBjaGlsZHJlbixcbiAgY29sb3IgPSB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnksXG4gIGljb25MZWZ0LFxuICBpY29uUmlnaHQsXG4gIC4uLnJlc3Rcbn06IE1lbnVJdGVtUHJvcHMpID0+IHtcbiAgY29uc3QgeyBzaXplLCBtdWx0aXNlbGVjdCB9ID0gdXNlRHJvcGRvd25Db250ZXh0KClcbiAgY29uc3QgW2lzU2VsZWN0ZWQsIHNldElzU2VsZWN0ZWRdID0gUmVhY3QudXNlU3RhdGUoc2VsZWN0ZWQpXG5cbiAgY29uc3QgaGFuZGxlTXVsdGlzZWxlY3RFdmVudCA9IChldmVudDogYW55KSA9PiB7XG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgb25DbGljayAmJiBzZXRJc1NlbGVjdGVkKCFpc1NlbGVjdGVkKVxuICAgIH1cbiAgfVxuICBjb25zdCBoYW5kbGVFdmVudCA9IChldmVudDogYW55KSA9PiB7XG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgb25DbGljayAmJiBvbkNsaWNrKClcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxMaXN0SXRlbVxuICAgICAgYXM9e2FzfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBzZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgY2xpY2thYmxlXG4gICAgICB7Li4uKCghZGlzYWJsZWQgJiZcbiAgICAgICAgbXVsdGlzZWxlY3QgJiYge1xuICAgICAgICAgIGNsaWNrYWJsZTogY2xpY2thYmxlLFxuICAgICAgICAgIG9uQ2xpY2s6IG9uQ2xpY2ssXG4gICAgICAgICAgb25LZXlQcmVzczogKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50KSA9PiBoYW5kbGVNdWx0aXNlbGVjdEV2ZW50KGV2ZW50KSxcbiAgICAgICAgfSkgfHxcbiAgICAgICAgKCFkaXNhYmxlZCAmJiB7XG4gICAgICAgICAgY2xpY2thYmxlOiBjbGlja2FibGUsXG4gICAgICAgICAgb25DbGljazogb25DbGljayxcbiAgICAgICAgICBvbktleVByZXNzOiAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IGhhbmRsZUV2ZW50KGV2ZW50KSxcbiAgICAgICAgfSkgfHxcbiAgICAgICAgKGRpc2FibGVkICYmIHtcbiAgICAgICAgICB0YWJJbmRleDogLTEsXG4gICAgICAgIH0pKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke2dldExpc3RJdGVtU3R5bGUoc2l6ZSwgZGlzYWJsZWQpfVxuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtpY29uTGVmdCAmJiA8TGlzdEljb24gY3NzPXtnZXRMaXN0SWNvblN0eWxlKG11bHRpc2VsZWN0LCBzZWxlY3RlZCwgc2l6ZSl9IGljb249e2ljb25MZWZ0fSAvPn1cbiAgICAgIDxMaXN0VGV4dFxuICAgICAgICBzdHlsZWRBcz1cImJvZHlcIlxuICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7Z2V0TGlzdFRleHRTdHlsZShzaXplKX1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9MaXN0VGV4dD5cbiAgICAgIHtpY29uUmlnaHQgJiYgPExpc3RJY29uIGNzcz17Z2V0TGlzdEljb25TdHlsZShtdWx0aXNlbGVjdCwgc2VsZWN0ZWQsIHNpemUpfSBpY29uPXtpY29uUmlnaHR9IC8+fVxuICAgIDwvTGlzdEl0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWVudUl0ZW1cbiJdfQ== */");
|
|
25
16
|
const userHoverDisabled = process.env.NODE_ENV === "production" ? {
|
|
@@ -97,27 +88,24 @@ const getListIconStyle = (multiselect, selected, size) => {
|
|
|
97
88
|
return _ref;
|
|
98
89
|
}
|
|
99
90
|
};
|
|
100
|
-
const MenuItem =
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
const
|
|
118
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
119
|
-
isSelected = _React$useState2[0],
|
|
120
|
-
setIsSelected = _React$useState2[1];
|
|
91
|
+
const MenuItem = ({
|
|
92
|
+
as = 'span',
|
|
93
|
+
clickable,
|
|
94
|
+
className,
|
|
95
|
+
onClick,
|
|
96
|
+
selected,
|
|
97
|
+
disabled,
|
|
98
|
+
children,
|
|
99
|
+
color = _theme.theme.colors.text.dark.primary,
|
|
100
|
+
iconLeft,
|
|
101
|
+
iconRight,
|
|
102
|
+
...rest
|
|
103
|
+
}) => {
|
|
104
|
+
const {
|
|
105
|
+
size,
|
|
106
|
+
multiselect
|
|
107
|
+
} = (0, _DropdownContext.default)();
|
|
108
|
+
const [isSelected, setIsSelected] = _react.default.useState(selected);
|
|
121
109
|
const handleMultiselectEvent = event => {
|
|
122
110
|
if (event.key === 'Enter') {
|
|
123
111
|
onClick && setIsSelected(!isSelected);
|
|
@@ -33,8 +33,9 @@ const MenuTitle = ({
|
|
|
33
33
|
children,
|
|
34
34
|
className
|
|
35
35
|
}) => {
|
|
36
|
-
const
|
|
37
|
-
size
|
|
36
|
+
const {
|
|
37
|
+
size
|
|
38
|
+
} = (0, _DropdownContext.default)();
|
|
38
39
|
return (0, _react2.jsx)("span", {
|
|
39
40
|
tabIndex: -1
|
|
40
41
|
}, (0, _react2.jsx)(_lists.ListItem, {
|
|
@@ -11,25 +11,25 @@ var _exportNames = {
|
|
|
11
11
|
};
|
|
12
12
|
Object.defineProperty(exports, "Dropdown", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function
|
|
14
|
+
get: function () {
|
|
15
15
|
return _Dropdown.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "MenuCheckbox", {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: function
|
|
20
|
+
get: function () {
|
|
21
21
|
return _MenuCheckbox.default;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "MenuItem", {
|
|
25
25
|
enumerable: true,
|
|
26
|
-
get: function
|
|
26
|
+
get: function () {
|
|
27
27
|
return _MenuItem.default;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "MenuTitle", {
|
|
31
31
|
enumerable: true,
|
|
32
|
-
get: function
|
|
32
|
+
get: function () {
|
|
33
33
|
return _MenuTitle.default;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
@@ -40,7 +40,7 @@ Object.keys(_Dropdown).forEach(function (key) {
|
|
|
40
40
|
if (key in exports && exports[key] === _Dropdown[key]) return;
|
|
41
41
|
Object.defineProperty(exports, key, {
|
|
42
42
|
enumerable: true,
|
|
43
|
-
get: function
|
|
43
|
+
get: function () {
|
|
44
44
|
return _Dropdown[key];
|
|
45
45
|
}
|
|
46
46
|
});
|
|
@@ -49,5 +49,5 @@ var _MenuItem = _interopRequireDefault(require("./MenuItem"));
|
|
|
49
49
|
var _MenuTitle = _interopRequireDefault(require("./MenuTitle"));
|
|
50
50
|
var _MenuCheckbox = _interopRequireDefault(require("./MenuCheckbox"));
|
|
51
51
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
52
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
52
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
53
53
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
package/cjs/elevation/index.d.ts
CHANGED
package/cjs/flexbox/FlexBox.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
2
|
+
type RenderAs = {
|
|
3
3
|
/**
|
|
4
4
|
* HTML tag or custom component being rendered
|
|
5
5
|
*/
|
|
6
6
|
as?: React.ElementType;
|
|
7
7
|
};
|
|
8
|
-
export
|
|
8
|
+
export type FlexBoxProps = {
|
|
9
9
|
/**
|
|
10
10
|
* Set this prop to `true` to set `display` to `inline-flex` instead of `flex`
|
|
11
11
|
*/
|
package/cjs/flexbox/FlexBox.js
CHANGED
|
@@ -9,22 +9,14 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
|
9
9
|
var _humps = require("humps");
|
|
10
10
|
var _react = require("@emotion/react");
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
|
|
13
|
-
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."); }
|
|
14
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
15
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
16
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
17
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
18
12
|
const getRule = (ruleName, defaultRule) => props => {
|
|
19
13
|
const foundRule = Object.keys(props).find(key => key.startsWith(ruleName));
|
|
20
14
|
if (!foundRule || !props[foundRule]) {
|
|
21
15
|
return defaultRule;
|
|
22
16
|
}
|
|
23
|
-
const
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
_decamelize$split2 = _toArray(_decamelize$split),
|
|
27
|
-
rule = _decamelize$split2.slice(1);
|
|
17
|
+
const [, ...rule] = (0, _humps.decamelize)(foundRule, {
|
|
18
|
+
separator: '-'
|
|
19
|
+
}).split('-');
|
|
28
20
|
return rule.join('-');
|
|
29
21
|
};
|
|
30
22
|
const FlexBox = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
|