@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
|
@@ -13,18 +13,8 @@ var _button = require("../../button");
|
|
|
13
13
|
var _divider = require("../../divider");
|
|
14
14
|
var _theme = require("@dfds-ui/theme");
|
|
15
15
|
var _typography = require("@dfds-ui/typography");
|
|
16
|
-
|
|
17
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
+
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); }
|
|
18
17
|
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; }
|
|
19
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
20
|
-
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."); }
|
|
21
|
-
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); }
|
|
22
|
-
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; }
|
|
23
|
-
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; } }
|
|
24
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
25
|
-
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; }
|
|
26
|
-
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; }
|
|
27
|
-
function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
|
|
28
18
|
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); }
|
|
29
19
|
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)."; }
|
|
30
20
|
function normalizeIntent(intent) {
|
|
@@ -112,8 +102,9 @@ const IntentIcon = ({
|
|
|
112
102
|
className: "IconComponent"
|
|
113
103
|
});
|
|
114
104
|
};
|
|
115
|
-
const BannerCloseButton =
|
|
116
|
-
|
|
105
|
+
const BannerCloseButton = ({
|
|
106
|
+
...props
|
|
107
|
+
}) => {
|
|
117
108
|
return (0, _react2.jsx)("div", {
|
|
118
109
|
className: "BannerCloseButtonWrapper"
|
|
119
110
|
}, (0, _react2.jsx)(_button.IconButton, _extends({
|
|
@@ -147,38 +138,28 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
147
138
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtZb0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2Fzc2VydGlvbnMvYmFubmVyL0Jhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgY3JlYXRlQ29udGV4dCwgRWxlbWVudFR5cGUsIEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUsIHVzZUNvbnRleHQsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICdAZGZkcy11aS9ob29rcydcbmltcG9ydCB7IEludGVudCwgZ2V0SW50ZW50Q29sb3IgfSBmcm9tICcuLi8uLi9jb21tb24vaW50ZW50J1xuaW1wb3J0IHsgSW5mb3JtYXRpb24sIFN0YXR1c0FsZXJ0LCBTdGF0dXNTdWNjZXNzLCBTdGF0dXNXYXJuaW5nLCBDbG9zZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IEljb25CdXR0b24sIEljb25CdXR0b25Qcm9wcyB9IGZyb20gJy4uLy4uL2J1dHRvbidcbmltcG9ydCB7IERpdmlkZXIgfSBmcm9tICcuLi8uLi9kaXZpZGVyJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG5leHBvcnQgdHlwZSBCYW5uZXJWYXJpYW50ID0gJ2xvd0VtcGhhc2lzJyB8ICdtZWRpdW1FbXBoYXNpcycgfCAnaGlnaEVtcGhhc2lzJyB8ICdkZWZhdWx0JyB8ICdpbnZlcnRlZCdcblxuZXhwb3J0IHR5cGUgQmFubmVyU3RpY2t5UG9zaXRpb24gPSAndG9wJyB8ICdib3R0b20nIHwgJ2JvdHRvbS1yaWdodCdcblxuZXhwb3J0IHR5cGUgQmFubmVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGludGVudCBvZiB0aGUgQmFubmVyIChjaGFuZ2UgdGhlIGNvbG9yIG9mIHRoZSBiYW5uZXIgaWNvbiB0byBtYXRjaCBpbnRlbmRlZCBzdGF0dXMpXG4gICAqL1xuICBpbnRlbnQ/OiBJbnRlbnRcblxuICAvKipcbiAgICogQWN0aW9ucyB0byBiZSBkaXNwbGF5ZWQgaW5zaWRlIHRoZSBiYW5uZXJcbiAgICovXG4gIGFjdGlvbnM/OiBSZWFjdE5vZGVcblxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhZGRlZCB0byB0aGUgYmFubmVyXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcblxuICAvKipcbiAgICogQWRkIGEgY2xvc2UgaWNvbiBpbiB0aGUgdG9wLXJpZ2h0IGNvcm5lciB3aGljaCB3aWxsIGludm9rZSB0aGUgcHJvdmlkZWQgY2FsbGJhY2tcbiAgICovXG4gIG9uUmVxdWVzdENsb3NlPzogKCkgPT4gdm9pZFxuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGFyaWFMYWJlbCB0byBiZSBhZGRlZCB0byB0aGUgY2xvc2UoeCkgYnV0dG9uXG4gICAqL1xuICBjbG9zZUxhYmVsPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgdmFyaWF0aW9uIG9mIHRoZSBiYW5uZXIuXG4gICAqXG4gICAqIGBkZWZhdWx0YCBhbmQgYGludmVydGVkYCB2YXJpYW50cyBhcmUgZGVwcmVjYXRlZFxuICAgKi9cbiAgdmFyaWFudD86IEJhbm5lclZhcmlhbnRcblxuICAvKipcbiAgICogU3BlY2lmaWVzIGlmIHRoZSBCYW5uZXIgc2hvdWxkIGJlIGRpc3BsYXllZCB3aXRoIGBwb3NpdGlvbjogZml4ZWQ7YFxuICAgKlxuICAgKiBXaGVuIHRoZSB2YWx1ZSBpcyBgdW5kZWZpbmVkYCB0aGUgQmFubmVyIGRlZmF1bHQgdG8gYmVpbmcgc3RpY2t5IGlmIGB2YXJpYW50YCBpcyBzZXQgdG8gYGludmVydGVkYFxuICAgKi9cbiAgc3RpY2t5PzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIHBvc2l0aW9uIG9mIHRoZSBTdGlja3kgQmFubmVyLlxuICAgKi9cbiAgc3RpY2t5UG9zaXRpb24/OiBCYW5uZXJTdGlja3lQb3NpdGlvblxuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgaWYgdGhlIEJhbm5lciBzaG91bGQgaGF2ZSBhIGJvcmRlci9kaXZpZGVyIGF0IHRoZSBib3R0b20uXG4gICAqL1xuICBkaXZpZGVyPzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBTcGVjaWZ5IGEgY3VzdG9tIGljb24gdG8gcmVwbGFjZSB0aGUgb25lIGRlcml2ZWQgZnJvbSBgaW50ZW50YFxuICAgKlxuICAgKiBAdHlwZSB7RWxlbWVudFR5cGU8eyBjbGFzc05hbWU/OiBzdHJpbmcgfT59XG4gICAqL1xuICBpY29uPzogRWxlbWVudFR5cGU8eyBjbGFzc05hbWU/OiBzdHJpbmcgfT5cblxuICAvKipcbiAgICogU3BlY2lmaWVzIGlmIHRoZSBhY3Rpb25zIHNob3VsZCBhbHdheXMgYXBwZWFyIGJlbG93IHRoZSBjb250ZW50XG4gICAqL1xuICB3cmFwQWN0aW9ucz86IGJvb2xlYW5cblxuICAvKipcbiAgICogQ29udGVudCBvZiB0aGUgQmFubmVyXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgaWYgdGhlIGJhbm5lciBzaG91bGQgYmUgbmFycm93XG4gICAqL1xuICBpc05hcnJvdz86IGJvb2xlYW5cbn1cblxuZnVuY3Rpb24gbm9ybWFsaXplSW50ZW50KGludGVudDogSW50ZW50KSB7XG4gIC8vIGZvciBpbnRlbnQgbm9uZSB3ZSB3aWxsIHVzZSBpbmZvIGluc3RlYWRcbiAgcmV0dXJuIGludGVudCA9PT0gJ25vbmUnID8gJ2luZm8nIDogaW50ZW50XG59XG5cbmZ1bmN0aW9uIG5vcm1hbGl6ZVZhcmlhbnQodmFyaWFudDogQmFubmVyVmFyaWFudCkge1xuICAvLyBmb3IgdmFyaWFudCBkZWZhdWx0IHdlIHdpbGwgdXNlIGxvd0VtcGhhc2lzLiBGb3IgdmFyaWFudCBpbnZlcnRlZCB3ZSB3aWxsIHVzZSBoaWdoRW1waGFzaXNcbiAgcmV0dXJuIHZhcmlhbnQgPT09ICdkZWZhdWx0JyA/ICdsb3dFbXBoYXNpcycgOiB2YXJpYW50ID09PSAnaW52ZXJ0ZWQnID8gJ2hpZ2hFbXBoYXNpcycgOiB2YXJpYW50XG59XG5cbnR5cGUgQmFubmVyQ29sb3JzID0ge1xuICBiYWNrZ3JvdW5kOiBzdHJpbmdcbiAgZm9yZWdyb3VuZDogc3RyaW5nXG4gIGljb246IHN0cmluZ1xuICBjbG9zZTogc3RyaW5nXG4gIGNsb3NlSG92ZXI6IHN0cmluZ1xufVxuXG5mdW5jdGlvbiBnZXRDb2xvcnModmFyaWFudDogQmFubmVyVmFyaWFudCwgaW50ZW50OiBJbnRlbnQpOiBCYW5uZXJDb2xvcnMge1xuICB2YXJpYW50ID0gbm9ybWFsaXplVmFyaWFudCh2YXJpYW50KVxuICBpbnRlbnQgPSBub3JtYWxpemVJbnRlbnQoaW50ZW50KVxuICBzd2l0Y2ggKHZhcmlhbnQpIHtcbiAgICBjYXNlICdsb3dFbXBoYXNpcyc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5LFxuICAgICAgICBmb3JlZ3JvdW5kOiBpbnRlbnQgPT09ICdjcml0aWNhbCcgPyBnZXRJbnRlbnRDb2xvcignY3JpdGljYWwnKSA6IHRoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeSxcbiAgICAgICAgaWNvbjogZ2V0SW50ZW50Q29sb3IoaW50ZW50KSxcbiAgICAgICAgY2xvc2U6ICcnLFxuICAgICAgICBjbG9zZUhvdmVyOiAnJyxcbiAgICAgIH1cbiAgICBjYXNlICdtZWRpdW1FbXBoYXNpcyc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICBiYWNrZ3JvdW5kOiBnZXRJbnRlbnRDb2xvcihpbnRlbnQsIHRydWUpLFxuICAgICAgICBmb3JlZ3JvdW5kOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnksXG4gICAgICAgIGljb246IHRoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeSxcbiAgICAgICAgY2xvc2U6ICcnLFxuICAgICAgICBjbG9zZUhvdmVyOiAnJyxcbiAgICAgIH1cbiAgICBjYXNlICdoaWdoRW1waGFzaXMnOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgYmFja2dyb3VuZDogZ2V0SW50ZW50Q29sb3IoaW50ZW50KSxcbiAgICAgICAgZm9yZWdyb3VuZDogdGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeSxcbiAgICAgICAgaWNvbjogdGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeSxcbiAgICAgICAgY2xvc2U6IHRoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnNlY29uZGFyeSxcbiAgICAgICAgY2xvc2VIb3ZlcjogdGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeSxcbiAgICAgIH1cbiAgfVxufVxuXG5mdW5jdGlvbiBzdGlja3lTdHlsZXMoc3RpY2t5UG9zaXRpb24/OiBCYW5uZXJTdGlja3lQb3NpdGlvbikge1xuICBjb25zdCBjb21tb25TdHlsZXMgPSBjc3NgXG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHotaW5kZXg6IDQwMDtcbiAgYFxuXG4gIGlmIChzdGlja3lQb3NpdGlvbiA9PT0gJ3RvcCcpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgJHtjb21tb25TdHlsZXN9O1xuICAgICAgdG9wOiAwO1xuICAgIGBcbiAgfVxuICBpZiAoc3RpY2t5UG9zaXRpb24gPT09ICdib3R0b20tcmlnaHQnKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICR7Y29tbW9uU3R5bGVzfTtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgIGBcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgICR7Y29tbW9uU3R5bGVzfTtcbiAgICBib3R0b206IDA7XG4gIGBcbn1cblxuZnVuY3Rpb24gYmFubmVyU3R5bGVzKHtcbiAgaXNOYXJyb3csXG4gIHZhcmlhbnQsXG4gIGludGVudCxcbiAgc3RpY2t5LFxuICBzdGlja3lQb3NpdGlvbixcbiAgd3JhcEFjdGlvbnMsXG4gIGNvbnRlbnRXcmFwcGVkLFxuICBhY3Rpb25zV3JhcHBlZCxcbiAgaGFzRGlzbWlzc0J1dHRvbixcbn06IHtcbiAgaXNOYXJyb3c6IGJvb2xlYW5cbiAgdmFyaWFudDogQmFubmVyVmFyaWFudFxuICBpbnRlbnQ6IEludGVudFxuICBzdGlja3k6IGJvb2xlYW5cbiAgc3RpY2t5UG9zaXRpb24/OiBCYW5uZXJTdGlja3lQb3NpdGlvblxuICB3cmFwQWN0aW9uczogYm9vbGVhblxuICBjb250ZW50V3JhcHBlZDogYm9vbGVhblxuICBhY3Rpb25zV3JhcHBlZDogYm9vbGVhblxuICBoYXNEaXNtaXNzQnV0dG9uOiBib29sZWFuXG59KSB7XG4gIGNvbnN0IGNvbG9ycyA9IGdldENvbG9ycyh2YXJpYW50LCBpbnRlbnQpXG4gIHJldHVybiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmR9O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAke3N0aWNreSAmJiBzdGlja3lTdHlsZXMoc3RpY2t5UG9zaXRpb24pfTtcbiAgICBtaW4taGVpZ2h0OiA2NHB4O1xuICAgIHBhZGRpbmc6ICR7aXNOYXJyb3cgPyAnMTZweCcgOiAnMTBweCAxNnB4IDAgMTZweCd9O1xuICAgIG1heC13aWR0aDogJHtpc05hcnJvdyA/ICczNzVweCcgOiAnMTAwJSd9O1xuXG4gICAgLkJhbm5lcklubmVyIHtcbiAgICAgICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlfTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICB9XG5cbiAgICAuSWNvbkNvbXBvbmVudCB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuaWNvbn07XG4gICAgICBoZWlnaHQ6ICR7aXNOYXJyb3cgPyB0aGVtZS5zcGFjaW5nLm0gOiB0aGVtZS5zcGFjaW5nLmx9O1xuICAgICAgbWluLXdpZHRoOiAke2lzTmFycm93ID8gdGhlbWUuc3BhY2luZy5tIDogdGhlbWUuc3BhY2luZy5sfTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtpc05hcnJvdyA/IHRoZW1lLnNwYWNpbmcueHMgOiB0aGVtZS5zcGFjaW5nLnN9O1xuICAgICAgZm9udC1zaXplOiAyMHB4O1xuICAgICAgZmxleDogMDtcbiAgICAgIGFsaWduLXNlbGY6ICR7Y29udGVudFdyYXBwZWQgPyAnZmxleC1zdGFydCcgOiAnY2VudGVyJ307XG4gICAgfVxuXG4gICAgLkJhbm5lckNsb3NlQnV0dG9uV3JhcHBlciB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0b3A6ICR7Y29udGVudFdyYXBwZWQgPyAoaXNOYXJyb3cgPyAnNnB4JyA6ICcwJykgOiAnMTBweCd9O1xuICAgICAgcmlnaHQ6ICR7Y29udGVudFdyYXBwZWQgPyAoaXNOYXJyb3cgPyAnNnB4JyA6ICcwJykgOiAnMnB4J307XG4gICAgfVxuXG4gICAgLkJhbm5lckNsb3NlQnV0dG9uIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5jbG9zZX07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6ICR7Y29sb3JzLmNsb3NlfTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAuQmFubmVyQ29udGVudCB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuZm9yZWdyb3VuZH07XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIG1hcmdpbjogMCAwIDEwcHggMDtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtoYXNEaXNtaXNzQnV0dG9uICYmIGFjdGlvbnNXcmFwcGVkICYmICcycmVtJ307XG4gICAgfVxuXG4gICAgLkJhbm5lckFjdGlvbnMge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICBtYXJnaW46ICR7IWlzTmFycm93ICYmICcwIDAgMTBweCAwJ307XG4gICAgICBmbGV4LWJhc2lzOiAke3dyYXBBY3Rpb25zICYmICcxMDAlJ307XG4gICAgICBtYXJnaW4tdG9wOiAke2FjdGlvbnNXcmFwcGVkICYmICcwLjI1cmVtJ307XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7aGFzRGlzbWlzc0J1dHRvbiAmJiAhYWN0aW9uc1dyYXBwZWQgJiYgJzJyZW0nfTtcbiAgICB9XG4gIGBcbn1cblxuY29uc3QgSW50ZW50SWNvbiA9ICh7IGludGVudCwgaWNvbiB9OiB7IGludGVudDogSW50ZW50OyBpY29uPzogQmFubmVyUHJvcHNbJ2ljb24nXSB9KSA9PiB7XG4gIGxldCBJY29uQ29tcG9uZW50OiBCYW5uZXJQcm9wc1snaWNvbiddXG4gIGlmIChpY29uKSB7XG4gICAgSWNvbkNvbXBvbmVudCA9IGljb25cbiAgfSBlbHNlIHtcbiAgICBpZiAoaW50ZW50ID09PSAnc3VjY2VzcycpIEljb25Db21wb25lbnQgPSBTdGF0dXNTdWNjZXNzXG4gICAgZWxzZSBpZiAoaW50ZW50ID09PSAnY3JpdGljYWwnKSBJY29uQ29tcG9uZW50ID0gU3RhdHVzQWxlcnRcbiAgICBlbHNlIGlmIChpbnRlbnQgPT09ICd3YXJuaW5nJykgSWNvbkNvbXBvbmVudCA9IFN0YXR1c1dhcm5pbmdcbiAgICBlbHNlIGlmIChpbnRlbnQgPT09ICdpbmZvJykgSWNvbkNvbXBvbmVudCA9IEluZm9ybWF0aW9uXG4gICAgZWxzZSBJY29uQ29tcG9uZW50ID0gSW5mb3JtYXRpb25cbiAgfVxuICByZXR1cm4gPEljb25Db21wb25lbnQgY2xhc3NOYW1lPVwiSWNvbkNvbXBvbmVudFwiIC8+XG59XG5cbmNvbnN0IEJhbm5lckNsb3NlQnV0dG9uID0gKHsgLi4ucHJvcHMgfTogUGFydGlhbDxJY29uQnV0dG9uUHJvcHM+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9XCJCYW5uZXJDbG9zZUJ1dHRvbldyYXBwZXJcIj5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGNsYXNzTmFtZT1cIkJhbm5lckNsb3NlQnV0dG9uXCJcbiAgICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgICAgaG92ZXJDb2xvcj17dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fVxuICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgaWNvbj17Q2xvc2V9XG4gICAgICAgIGFyaWFMYWJlbD1cIkNsb3NlXCJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuc2Vjb25kYXJ5fTtcbiAgICAgICAgICBtYXgtaGVpZ2h0OiAyLjc1cmVtOyAvKiBUT0RPOiBOZWVkIGZvciBJT1M6IENvbnNpZGVyIGZvcm1hbGl6aW5nIHRoaXMgaW4gSWNvbkJ1dHRvbiAqL1xuICAgICAgICAgIG1heC13aWR0aDogMi43NXJlbTtcbiAgICAgICAgYH1cbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJiYW5uZXItY2xvc2VcIlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG5pbnRlcmZhY2UgQmFubmVyQ29udGV4dEludGVyZmFjZSB7XG4gIGludGVudDogTm9uTnVsbGFibGU8QmFubmVyUHJvcHNbJ2ludGVudCddPlxuICB2YXJpYW50OiBOb25OdWxsYWJsZTxCYW5uZXJQcm9wc1sndmFyaWFudCddPlxufVxuXG5leHBvcnQgY29uc3QgQmFubmVyQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8QmFubmVyQ29udGV4dEludGVyZmFjZSB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKVxuXG5leHBvcnQgY29uc3QgdXNlQmFubmVyQ29udGV4dCA9ICgpOiBCYW5uZXJDb250ZXh0SW50ZXJmYWNlID0+IHtcbiAgY29uc3QgY3R4ID0gdXNlQ29udGV4dChCYW5uZXJDb250ZXh0KVxuICBpZiAoY3R4ID09PSB1bmRlZmluZWQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ3VzZUJhbm5lckNvbnRleHQgbXVzdCBiZSB1c2VkIHdpdGhpbiBCYW5uZXJBY3Rpb24gY29tcG9uZW50LicpXG4gIH1cblxuICByZXR1cm4gY3R4XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXI6IEZ1bmN0aW9uQ29tcG9uZW50PEJhbm5lclByb3BzPiA9ICh7XG4gIGlzTmFycm93ID0gZmFsc2UsXG4gIGludGVudCA9ICdpbmZvJyxcbiAgYWN0aW9ucyxcbiAgb25SZXF1ZXN0Q2xvc2UsXG4gIGNsb3NlTGFiZWwgPSAnQ2xvc2UnLFxuICBjaGlsZHJlbixcbiAgdmFyaWFudDogdmFyaWFudFByb3AsXG4gIHN0aWNreTogc3RpY2t5UHJvcCxcbiAgc3RpY2t5UG9zaXRpb246IHN0aWNreVBvc2l0aW9uUHJvcCxcbiAgZGl2aWRlciA9IGZhbHNlLFxuICB3cmFwQWN0aW9ucyA9IGZhbHNlLFxuICBpY29uLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IHZhcmlhbnQgPSAhdmFyaWFudFByb3AgPyAnZGVmYXVsdCcgOiB2YXJpYW50UHJvcFxuICBjb25zdCBzdGlja3kgPSBzdGlja3lQcm9wID09PSB1bmRlZmluZWQgPyB2YXJpYW50ID09PSAnaW52ZXJ0ZWQnIDogISFzdGlja3lQcm9wXG4gIGNvbnN0IHN0aWNreVBvc2l0aW9uID0gIXN0aWNreVBvc2l0aW9uUHJvcCAmJiBzdGlja3kgPyAndG9wJyA6IHN0aWNreVBvc2l0aW9uUHJvcFxuICAvLyBJbmRpY2F0ZXMgaWYgdGhlIGJhbm5lciBpcyBoYXMgYSBoZWlnaHQgYWJvdmUgV1JBUFBFRF9IRUlHSFRfVEhSRVNIT0xEXG4gIGNvbnN0IFtjb250ZW50V3JhcHBlZCwgc2V0Q29udGVudFdyYXBwZWRdID0gdXNlU3RhdGUoZmFsc2UpXG4gIC8vIEluZGljYXRlcyBpZiB0aGUgQmFubmVyQWN0aW9ucyB3YXMgd3JhcHBlZCBiZWxvdyB0aGUgQmFubmVyQ29udGVudFxuICBjb25zdCBbYWN0aW9uc1dyYXBwZWQsIHNldEFjdGlvbnNXcmFwcGVkXSA9IHVzZVN0YXRlKHRydWUpXG5cbiAgLy8gd2UgY2Fubm90IGRldGVjdCBpZiBmbGV4IGl0ZW1zIGhhcyB3cmFwcGVkIChlZy4gYWN0aW9ucyB3cmFwcGVkIGJlbG93IHRoZSBjb250ZW50KSBzbyB3ZSBkZXRlY3QgdGhhdCB1c2luZyBhXG4gIC8vIHJlc2l6ZS1vYnNlcnZlciBob29rIHNvIHdlIGNhbiBhbGlnbiB0aGUgYWN0aW9ucyBjb3JyZWN0bHkgd2hlbiBkaXNwbGF5ZWQgYmVsb3cgdGhlIGNsb3NlIGJ1dHRvbi5cbiAgY29uc3QgV1JBUFBFRF9IRUlHSFRfVEhSRVNIT0xEID0gNjRcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICB1c2VSZXNpemVPYnNlcnZlcih7XG4gICAgcmVmOiByZWYsXG4gICAgb25SZXNpemU6ICh7IGhlaWdodCB9KSA9PiB7XG4gICAgICBjb25zdCB3cmFwRGV0ZWN0ZWQgPSBoZWlnaHQgIT09IHVuZGVmaW5lZCAmJiBoZWlnaHQgPiBXUkFQUEVEX0hFSUdIVF9USFJFU0hPTERcbiAgICAgIGNvbnN0IGFjdGlvbnMgPSByZWYuY3VycmVudD8uZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgnQmFubmVyQWN0aW9ucycpWzBdXG4gICAgICBjb25zdCBjb250ZW50ID0gcmVmLmN1cnJlbnQ/LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoJ0Jhbm5lckNvbnRlbnQnKVswXVxuXG4gICAgICBpZiAod3JhcERldGVjdGVkICE9PSBjb250ZW50V3JhcHBlZCkge1xuICAgICAgICBzZXRDb250ZW50V3JhcHBlZCh3cmFwRGV0ZWN0ZWQpXG4gICAgICB9XG5cbiAgICAgIGlmIChhY3Rpb25zICYmIGNvbnRlbnQpIHtcbiAgICAgICAgY29uc3QgYWN0aW9uc1dyYXBEZXRlY3RlZCA9XG4gICAgICAgICAgKGFjdGlvbnMgYXMgSFRNTEVsZW1lbnQpLm9mZnNldFRvcCA+XG4gICAgICAgICAgKGNvbnRlbnQgYXMgSFRNTEVsZW1lbnQpLm9mZnNldFRvcCArIChjb250ZW50IGFzIEhUTUxFbGVtZW50KS5vZmZzZXRIZWlnaHRcbiAgICAgICAgaWYgKGFjdGlvbnNXcmFwRGV0ZWN0ZWQgIT09IGFjdGlvbnNXcmFwcGVkKSB7XG4gICAgICAgICAgc2V0QWN0aW9uc1dyYXBwZWQoYWN0aW9uc1dyYXBEZXRlY3RlZClcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0sXG4gIH0pXG5cbiAgaWYgKF9fREVWX18pIHtcbiAgICBpZiAodmFyaWFudCA9PT0gJ2RlZmF1bHQnIHx8IHZhcmlhbnQgPT09ICdpbnZlcnRlZCcpIHtcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1jb25zb2xlXG4gICAgICBjb25zb2xlLndhcm4oJ1RoZSBkZWZhdWx0IGFuZCBpbnZlcnRlZCB2YXJpYW50cyBhcmUgZGVwcmVjYXRlZCcpXG4gICAgfVxuICB9XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiBvblJlcXVlc3RDbG9zZSAmJiBvblJlcXVlc3RDbG9zZSgpXG5cbiAgcmV0dXJuIChcbiAgICA8QmFubmVyQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17eyBpbnRlbnQsIHZhcmlhbnQgfX0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17YmFubmVyU3R5bGVzKHtcbiAgICAgICAgICBpc05hcnJvdyxcbiAgICAgICAgICB2YXJpYW50LFxuICAgICAgICAgIGludGVudCxcbiAgICAgICAgICBzdGlja3ksXG4gICAgICAgICAgc3RpY2t5UG9zaXRpb24sXG4gICAgICAgICAgd3JhcEFjdGlvbnMsXG4gICAgICAgICAgY29udGVudFdyYXBwZWQsXG4gICAgICAgICAgYWN0aW9uc1dyYXBwZWQsXG4gICAgICAgICAgaGFzRGlzbWlzc0J1dHRvbjogISFvblJlcXVlc3RDbG9zZSxcbiAgICAgICAgfSl9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgID5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJCYW5uZXJJbm5lclwiPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiQmFubmVyQ29udGVudFwiPlxuICAgICAgICAgICAgPEludGVudEljb24gaW50ZW50PXtpbnRlbnR9IGljb249e2ljb259IC8+XG4gICAgICAgICAgICA8ZGl2PntjaGlsZHJlbn08L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICB7YWN0aW9ucyAmJiA8ZGl2IGNsYXNzTmFtZT1cIkJhbm5lckFjdGlvbnNcIj57YWN0aW9uc308L2Rpdj59XG4gICAgICAgIDwvZGl2PlxuICAgICAgICB7b25SZXF1ZXN0Q2xvc2UgJiYgPEJhbm5lckNsb3NlQnV0dG9uIGFyaWFMYWJlbD17Y2xvc2VMYWJlbH0gb25DbGljaz17aGFuZGxlQ2xvc2V9IC8+fVxuICAgICAgICB7ZGl2aWRlciAmJiAoXG4gICAgICAgICAgPERpdmlkZXJcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICA8L0Jhbm5lckNvbnRleHQuUHJvdmlkZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQmFubmVyXG4iXX0= */",
|
|
148
139
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
149
140
|
};
|
|
150
|
-
const Banner =
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
_ref4$wrapActions = _ref4.wrapActions,
|
|
166
|
-
wrapActions = _ref4$wrapActions === void 0 ? false : _ref4$wrapActions,
|
|
167
|
-
icon = _ref4.icon,
|
|
168
|
-
rest = _objectWithoutProperties(_ref4, _excluded);
|
|
141
|
+
const Banner = ({
|
|
142
|
+
isNarrow = false,
|
|
143
|
+
intent = 'info',
|
|
144
|
+
actions,
|
|
145
|
+
onRequestClose,
|
|
146
|
+
closeLabel = 'Close',
|
|
147
|
+
children,
|
|
148
|
+
variant: variantProp,
|
|
149
|
+
sticky: stickyProp,
|
|
150
|
+
stickyPosition: stickyPositionProp,
|
|
151
|
+
divider = false,
|
|
152
|
+
wrapActions = false,
|
|
153
|
+
icon,
|
|
154
|
+
...rest
|
|
155
|
+
}) => {
|
|
169
156
|
const variant = !variantProp ? 'default' : variantProp;
|
|
170
157
|
const sticky = stickyProp === undefined ? variant === 'inverted' : !!stickyProp;
|
|
171
158
|
const stickyPosition = !stickyPositionProp && sticky ? 'top' : stickyPositionProp;
|
|
172
159
|
// Indicates if the banner is has a height above WRAPPED_HEIGHT_THRESHOLD
|
|
173
|
-
const
|
|
174
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
175
|
-
contentWrapped = _useState2[0],
|
|
176
|
-
setContentWrapped = _useState2[1];
|
|
160
|
+
const [contentWrapped, setContentWrapped] = (0, _react.useState)(false);
|
|
177
161
|
// Indicates if the BannerActions was wrapped below the BannerContent
|
|
178
|
-
const
|
|
179
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
180
|
-
actionsWrapped = _useState4[0],
|
|
181
|
-
setActionsWrapped = _useState4[1];
|
|
162
|
+
const [actionsWrapped, setActionsWrapped] = (0, _react.useState)(true);
|
|
182
163
|
|
|
183
164
|
// we cannot detect if flex items has wrapped (eg. actions wrapped below the content) so we detect that using a
|
|
184
165
|
// resize-observer hook so we can align the actions correctly when displayed below the close button.
|
|
@@ -189,10 +170,9 @@ const Banner = _ref4 => {
|
|
|
189
170
|
onResize: ({
|
|
190
171
|
height
|
|
191
172
|
}) => {
|
|
192
|
-
var _ref$current, _ref$current2;
|
|
193
173
|
const wrapDetected = height !== undefined && height > WRAPPED_HEIGHT_THRESHOLD;
|
|
194
|
-
const actions =
|
|
195
|
-
const content =
|
|
174
|
+
const actions = ref.current?.getElementsByClassName('BannerActions')[0];
|
|
175
|
+
const content = ref.current?.getElementsByClassName('BannerContent')[0];
|
|
196
176
|
if (wrapDetected !== contentWrapped) {
|
|
197
177
|
setContentWrapped(wrapDetected);
|
|
198
178
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type BannerActionVariation = 'primary' | 'secondary' | 'primary-thick' | 'secondary-thick';
|
|
3
3
|
export interface BannerActionProps {
|
|
4
4
|
variation?: BannerActionVariation;
|
|
5
5
|
onClick?: () => void;
|
|
@@ -10,11 +10,8 @@ var _theme = require("@dfds-ui/theme");
|
|
|
10
10
|
var _typography = require("@dfds-ui/typography");
|
|
11
11
|
var _button = require("../../button");
|
|
12
12
|
var _Banner = require("./Banner");
|
|
13
|
-
const _excluded = ["variation"];
|
|
14
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
14
|
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); }
|
|
16
|
-
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; }
|
|
17
|
-
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; }
|
|
18
15
|
const getVariationStyle = bannerVariant => {
|
|
19
16
|
switch (bannerVariant) {
|
|
20
17
|
case 'lowEmphasis':
|
|
@@ -27,12 +24,13 @@ const getVariationStyle = bannerVariant => {
|
|
|
27
24
|
return /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.text.light.primary, ";border-color:", _theme.theme.colors.text.light.primary, ";&:hover{color:", _theme.theme.colors.text.light.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getVariationStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2Fzc2VydGlvbnMvYmFubmVyL0Jhbm5lckFjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL2J1dHRvbidcbmltcG9ydCB7IEJhbm5lclZhcmlhbnQsIHVzZUJhbm5lckNvbnRleHQgfSBmcm9tICcuL0Jhbm5lcidcblxuZXhwb3J0IHR5cGUgQmFubmVyQWN0aW9uVmFyaWF0aW9uID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAncHJpbWFyeS10aGljaycgfCAnc2Vjb25kYXJ5LXRoaWNrJ1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lckFjdGlvblByb3BzIHtcbiAgdmFyaWF0aW9uPzogQmFubmVyQWN0aW9uVmFyaWF0aW9uXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGJ1dHRvblxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBVcGRhdGVzIGNvbXBvbmVudCB3aXRoIGNoaWxkcmVuIHByb3AgYWNjb3JkaW5nbHkgdG8gdGhlIEB0eXBlcyB1cGRhdGVcbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG59XG5cbmNvbnN0IGdldFZhcmlhdGlvblN0eWxlID0gKGJhbm5lclZhcmlhbnQ6IEJhbm5lclZhcmlhbnQpID0+IHtcbiAgc3dpdGNoIChiYW5uZXJWYXJpYW50KSB7XG4gICAgY2FzZSAnbG93RW1waGFzaXMnOlxuICAgIGNhc2UgJ2RlZmF1bHQnOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICBjYXNlICdtZWRpdW1FbXBoYXNpcyc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIGNhc2UgJ2hpZ2hFbXBoYXNpcyc6XG4gICAgY2FzZSAnaW52ZXJ0ZWQnOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGBcbiAgfVxufVxuXG5leHBvcnQgY29uc3QgQmFubmVyQWN0aW9uOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxCYW5uZXJBY3Rpb25Qcm9wcz4gPSAoeyB2YXJpYXRpb24gPSAncHJpbWFyeScsIC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCB7IHZhcmlhbnQ6IGJhbm5lclZhcmlhbnQgfSA9IHVzZUJhbm5lckNvbnRleHQoKVxuXG4gIHJldHVybiAoXG4gICAgPEJ1dHRvblxuICAgICAgdmFyaWF0aW9uPXt2YXJpYXRpb24gPT09ICdwcmltYXJ5LXRoaWNrJyA/ICdvdXRsaW5lZCcgOiAndGV4dCd9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAkeyh2YXJpYXRpb24gPT09ICdwcmltYXJ5JyB8fCB2YXJpYXRpb24gPT09ICdzZWNvbmRhcnknKSAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgJHt0eXBvZ3JhcGh5LmFjdGlvbn07XG4gICAgICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgICAgIGJvcmRlci13aWR0aDogJHt2YXJpYXRpb24gPT09ICdwcmltYXJ5JyA/ICcxcHgnIDogJzAnfTtcbiAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICBgfVxuICAgICAgICBmbGV4OiBhdXRvO1xuICAgICAgICBmbGV4LWJhc2lzOiBhdXRvO1xuICAgICAgICBmbGV4LWdyb3c6IDA7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgICAke2dldFZhcmlhdGlvblN0eWxlKGJhbm5lclZhcmlhbnQpfVxuICAgICAgYH1cbiAgICAgIGNsYXNzTmFtZT1cIkJhbm5lckFjdGlvblwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG4iXX0= */");
|
|
28
25
|
}
|
|
29
26
|
};
|
|
30
|
-
const BannerAction =
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
const
|
|
35
|
-
bannerVariant
|
|
27
|
+
const BannerAction = ({
|
|
28
|
+
variation = 'primary',
|
|
29
|
+
...rest
|
|
30
|
+
}) => {
|
|
31
|
+
const {
|
|
32
|
+
variant: bannerVariant
|
|
33
|
+
} = (0, _Banner.useBannerContext)();
|
|
36
34
|
return (0, _react2.jsx)(_button.Button, _extends({
|
|
37
35
|
variation: variation === 'primary-thick' ? 'outlined' : 'text',
|
|
38
36
|
type: "button",
|
|
@@ -9,7 +9,7 @@ Object.keys(_BannerAction).forEach(function (key) {
|
|
|
9
9
|
if (key in exports && exports[key] === _BannerAction[key]) return;
|
|
10
10
|
Object.defineProperty(exports, key, {
|
|
11
11
|
enumerable: true,
|
|
12
|
-
get: function
|
|
12
|
+
get: function () {
|
|
13
13
|
return _BannerAction[key];
|
|
14
14
|
}
|
|
15
15
|
});
|
|
@@ -20,7 +20,7 @@ Object.keys(_BannerTypography).forEach(function (key) {
|
|
|
20
20
|
if (key in exports && exports[key] === _BannerTypography[key]) return;
|
|
21
21
|
Object.defineProperty(exports, key, {
|
|
22
22
|
enumerable: true,
|
|
23
|
-
get: function
|
|
23
|
+
get: function () {
|
|
24
24
|
return _BannerTypography[key];
|
|
25
25
|
}
|
|
26
26
|
});
|
|
@@ -31,7 +31,7 @@ Object.keys(_Banner).forEach(function (key) {
|
|
|
31
31
|
if (key in exports && exports[key] === _Banner[key]) return;
|
|
32
32
|
Object.defineProperty(exports, key, {
|
|
33
33
|
enumerable: true,
|
|
34
|
-
get: function
|
|
34
|
+
get: function () {
|
|
35
35
|
return _Banner[key];
|
|
36
36
|
}
|
|
37
37
|
});
|
package/cjs/assertions/index.js
CHANGED
|
@@ -9,7 +9,7 @@ Object.keys(_banner).forEach(function (key) {
|
|
|
9
9
|
if (key in exports && exports[key] === _banner[key]) return;
|
|
10
10
|
Object.defineProperty(exports, key, {
|
|
11
11
|
enumerable: true,
|
|
12
|
-
get: function
|
|
12
|
+
get: function () {
|
|
13
13
|
return _banner[key];
|
|
14
14
|
}
|
|
15
15
|
});
|
|
@@ -20,7 +20,7 @@ Object.keys(_toast).forEach(function (key) {
|
|
|
20
20
|
if (key in exports && exports[key] === _toast[key]) return;
|
|
21
21
|
Object.defineProperty(exports, key, {
|
|
22
22
|
enumerable: true,
|
|
23
|
-
get: function
|
|
23
|
+
get: function () {
|
|
24
24
|
return _toast[key];
|
|
25
25
|
}
|
|
26
26
|
});
|
|
@@ -13,11 +13,8 @@ var _intent = require("../../common/intent");
|
|
|
13
13
|
var _button = require("../../button");
|
|
14
14
|
var _system = require("@dfds-ui/icons/system");
|
|
15
15
|
var _Spinner = require("../../spinner/Spinner");
|
|
16
|
-
const _excluded = ["intent", "actionLabel", "onRequestClose", "onRequestAction", "children", "loading"];
|
|
17
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
17
|
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); }
|
|
19
|
-
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; }
|
|
20
|
-
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; }
|
|
21
18
|
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)."; }
|
|
22
19
|
const ToastWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
|
|
23
20
|
target: "e145csjx4"
|
|
@@ -58,16 +55,15 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
58
55
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrR2tCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBJbnRlbnQsIGdldEludGVudENvbG9yIH0gZnJvbSAnLi4vLi4vY29tbW9uL2ludGVudCdcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi8uLi9idXR0b24nXG5pbXBvcnQgeyBDbG9zZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IENlbnRlcmVkU3Bpbm5lciB9IGZyb20gJy4uLy4uL3NwaW5uZXIvU3Bpbm5lcidcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL2J1dHRvbidcblxuZXhwb3J0IHR5cGUgVG9hc3RQcm9wcyA9IHtcbiAgaW50ZW50PzogSW50ZW50XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBsb2FkaW5nPzogYm9vbGVhblxuICBvblJlcXVlc3RDbG9zZT86ICgpID0+IHZvaWRcbiAgYWN0aW9uTGFiZWw/OiBzdHJpbmdcbiAgb25SZXF1ZXN0QWN0aW9uPzogKCkgPT4gdm9pZFxufVxuXG5jb25zdCBUb2FzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VG9hc3RQcm9wcz4+YFxuICB3aWR0aDogMjg0cHg7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIG1pbi1oZWlnaHQ6IDNyZW07XG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWyc4J119O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsocCkgPT4gZ2V0SW50ZW50Q29sb3IocC5pbnRlbnQpfTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBhZGRpbmc6IDAgMCAwIDFyZW07XG5gXG5cbmNvbnN0IFRvYXN0VGV4dCA9IHN0eWxlZC5kaXZgXG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlfTtcbiAgbWFyZ2luOiAxcmVtIDFyZW0gMXJlbSAwO1xuYFxuXG5jb25zdCBTcGlubmVyID0gc3R5bGVkKENlbnRlcmVkU3Bpbm5lcilgXG4gIHRyYW5zZm9ybTogbm9uZTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLXJpZ2h0OiAxOHB4O1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG5gXG5cbmNvbnN0IEFjdGlvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuICBmb250LXdlaWdodDogNDAwO1xuICBoZWlnaHQ6IDJyZW07XG4gIG1hcmdpbjogMC41cmVtIDAuNXJlbSAwLjVyZW0gYXV0bztcbiAgcGFkZGluZzogMDtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5cbmNvbnN0IENsb3NlSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5jb25zdCBUb2FzdDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8VG9hc3RQcm9wcz4gPSAoe1xuICBpbnRlbnQgPSAnaW5mbycsXG4gIGFjdGlvbkxhYmVsID0gJ0FjdGlvbicsXG4gIG9uUmVxdWVzdENsb3NlLFxuICBvblJlcXVlc3RBY3Rpb24sXG4gIGNoaWxkcmVuLFxuICBsb2FkaW5nLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4gb25SZXF1ZXN0Q2xvc2UgJiYgb25SZXF1ZXN0Q2xvc2UoKVxuICBjb25zdCBoYW5kbGVBY3Rpb24gPSAoKSA9PiBvblJlcXVlc3RBY3Rpb24gJiYgb25SZXF1ZXN0QWN0aW9uKClcblxuICByZXR1cm4gKFxuICAgIDxUb2FzdFdyYXBwZXIgaW50ZW50PXtpbnRlbnR9IHsuLi5yZXN0fT5cbiAgICAgIHtsb2FkaW5nICYmIDxTcGlubmVyIC8+fVxuICAgICAgPFRvYXN0VGV4dD57Y2hpbGRyZW59PC9Ub2FzdFRleHQ+XG4gICAgICB7b25SZXF1ZXN0QWN0aW9uICYmIChcbiAgICAgICAgPEFjdGlvbkJ1dHRvbiB2YXJpYXRpb249XCJ0ZXh0XCIgb25DbGljaz17aGFuZGxlQWN0aW9ufT5cbiAgICAgICAgICB7YWN0aW9uTGFiZWx9XG4gICAgICAgIDwvQWN0aW9uQnV0dG9uPlxuICAgICAgKX1cbiAgICAgIHtvblJlcXVlc3RDbG9zZSAmJiAoXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICAgICAgICAgICAganVzdGlmeS1zZWxmOiBjZW50ZXI7XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogYXV0bztcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPENsb3NlSWNvbkJ1dHRvblxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249e0Nsb3NlfVxuICAgICAgICAgICAgYXJpYUxhYmVsPVwiQ2xvc2VcIlxuICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xvc2V9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD1cInRvYXN0LWNsb3NlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgIDwvVG9hc3RXcmFwcGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvYXN0XG4iXX0= */",
|
|
59
56
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
60
57
|
};
|
|
61
|
-
const Toast =
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
58
|
+
const Toast = ({
|
|
59
|
+
intent = 'info',
|
|
60
|
+
actionLabel = 'Action',
|
|
61
|
+
onRequestClose,
|
|
62
|
+
onRequestAction,
|
|
63
|
+
children,
|
|
64
|
+
loading,
|
|
65
|
+
...rest
|
|
66
|
+
}) => {
|
|
71
67
|
const handleClose = () => onRequestClose && onRequestClose();
|
|
72
68
|
const handleAction = () => onRequestAction && onRequestAction();
|
|
73
69
|
return (0, _react2.jsx)(ToastWrapper, _extends({
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React, { PropsWithChildren, FunctionComponent } from 'react';
|
|
2
2
|
import { ToastProps } from './Toast';
|
|
3
|
-
|
|
3
|
+
type TimeoutType = {
|
|
4
4
|
timeout?: number;
|
|
5
5
|
};
|
|
6
|
-
|
|
6
|
+
type ToasterState = {
|
|
7
7
|
open: boolean;
|
|
8
8
|
hasActive: boolean;
|
|
9
9
|
toastProps: ToastProps | null;
|
|
@@ -9,23 +9,10 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _ = require(".");
|
|
10
10
|
var _material = require("@mui/material");
|
|
11
11
|
var _react2 = require("@emotion/react");
|
|
12
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
12
|
+
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); }
|
|
13
13
|
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; }
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
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); }
|
|
16
|
-
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
17
|
-
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
18
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
21
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
22
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
23
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
24
|
-
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."); }
|
|
25
|
-
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); }
|
|
26
|
-
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; }
|
|
27
|
-
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; } }
|
|
28
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
29
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)."; }
|
|
30
17
|
const Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
|
|
31
18
|
target: "e271rjj0"
|
|
@@ -78,16 +65,15 @@ const Toaster = ({
|
|
|
78
65
|
children,
|
|
79
66
|
globalTimeout
|
|
80
67
|
}) => {
|
|
81
|
-
const
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
dispatch = _useReducer2[1];
|
|
68
|
+
const [{
|
|
69
|
+
open,
|
|
70
|
+
hasActive,
|
|
71
|
+
toastProps,
|
|
72
|
+
timeout
|
|
73
|
+
}, dispatch] = (0, _react.useReducer)(toasterReducer, {
|
|
74
|
+
...initialState,
|
|
75
|
+
timeout: globalTimeout || initialState.timeout
|
|
76
|
+
});
|
|
91
77
|
const timerRef = (0, _react.useRef)(null);
|
|
92
78
|
const handleTimeoutCleanUp = () => {
|
|
93
79
|
timerRef.current && window.clearTimeout(timerRef.current);
|
|
@@ -104,21 +90,16 @@ const Toaster = ({
|
|
|
104
90
|
type: 'CLOSE'
|
|
105
91
|
});
|
|
106
92
|
};
|
|
107
|
-
const handleOnOpen =
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
payload
|
|
116
|
-
});
|
|
93
|
+
const handleOnOpen = async payload => {
|
|
94
|
+
if (hasActive) {
|
|
95
|
+
handleOnClose();
|
|
96
|
+
await sleep();
|
|
97
|
+
}
|
|
98
|
+
dispatch({
|
|
99
|
+
type: 'OPEN',
|
|
100
|
+
payload
|
|
117
101
|
});
|
|
118
|
-
|
|
119
|
-
return _ref.apply(this, arguments);
|
|
120
|
-
};
|
|
121
|
-
}();
|
|
102
|
+
};
|
|
122
103
|
(0, _react.useEffect)(() => {
|
|
123
104
|
if (open) {
|
|
124
105
|
handleTimeout();
|
|
@@ -143,7 +124,7 @@ const Toaster = ({
|
|
|
143
124
|
mountOnEnter: true,
|
|
144
125
|
unmountOnExit: true,
|
|
145
126
|
onExited: handleTimeoutCleanUp
|
|
146
|
-
}, (0, _react2.jsx)("div", null, (0, _react2.jsx)(_.Toast, _extends({}, toastProps, toastProps
|
|
127
|
+
}, (0, _react2.jsx)("div", null, (0, _react2.jsx)(_.Toast, _extends({}, toastProps, toastProps?.onRequestClose ? {
|
|
147
128
|
onRequestClose: () => {
|
|
148
129
|
handleOnClose();
|
|
149
130
|
toastProps.onRequestClose && toastProps.onRequestClose();
|
|
@@ -5,24 +5,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "Toast", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
8
|
+
get: function () {
|
|
9
9
|
return _Toast.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "Toaster", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function
|
|
14
|
+
get: function () {
|
|
15
15
|
return _Toaster.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "useToaster", {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: function
|
|
20
|
+
get: function () {
|
|
21
21
|
return _Toaster.useToaster;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
var _Toast = _interopRequireDefault(require("./Toast"));
|
|
25
25
|
var _Toaster = _interopRequireWildcard(require("./Toaster"));
|
|
26
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
26
|
+
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); }
|
|
27
27
|
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; }
|
|
28
28
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
package/cjs/badge/Badge.d.ts
CHANGED
package/cjs/badge/Badge.js
CHANGED
|
@@ -10,11 +10,8 @@ var _theme = require("@dfds-ui/theme");
|
|
|
10
10
|
var _typography = require("@dfds-ui/typography");
|
|
11
11
|
var _intent = require("../common/intent");
|
|
12
12
|
var _FlexBox = _interopRequireDefault(require("../flexbox/FlexBox"));
|
|
13
|
-
const _excluded = ["as", "children", "intent", "flexBoxProps"];
|
|
14
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
14
|
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); }
|
|
16
|
-
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; }
|
|
17
|
-
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; }
|
|
18
15
|
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)."; }
|
|
19
16
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
20
17
|
name: "1h52dri",
|
|
@@ -25,17 +22,15 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
25
22
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYmFkZ2UvQmFkZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBJbnRlbnQsIGdldEludGVudENvbG9yLCBnZXRJbnRlbnRUZXh0Q29sb3IgfSBmcm9tICcuLi9jb21tb24vaW50ZW50J1xuaW1wb3J0IEZsZXhCb3gsIHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuXG5leHBvcnQgdHlwZSBCYWRnZVByb3BzID0ge1xuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBpbnRlbnQgb2YgdGhlIEJhZGdlXG4gICAqL1xuICBpbnRlbnQ/OiBJbnRlbnRcblxuICAvKipcbiAgICogVGV4dCB0byBiZSBzaG93biBpbiB0aGUgYmFkZ2UgKHVzdWFsbHkganVzdCBhIHN0cmluZylcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgLyoqXG4gICAqIENsYXNzIG5hbWUgdG8gYmUgYWRkZWQgdG8gdGhlIGJhZGdlXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcblxuICAvKipcbiAgICogUHJvcHMgY29udHJvbGxpbmcgdGhlIGZsZXhib3hcbiAgICovXG4gIGZsZXhCb3hQcm9wcz86IEZsZXhCb3hQcm9wc1xuXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEJhZGdlKHtcbiAgYXMgPSAnZGl2JyxcbiAgY2hpbGRyZW4sXG4gIGludGVudCA9ICdub25lJyxcbiAgZmxleEJveFByb3BzID0geyBpbmxpbmU6IHRydWUgfSxcbiAgLi4ucmVzdFxufTogQmFkZ2VQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94XG4gICAgICBhcz17YXN9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJbnRlbnRDb2xvcihpbnRlbnQpfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMC42MjVyZW07XG4gICAgICAgIGNvbG9yOiAke2dldEludGVudFRleHRDb2xvcihpbnRlbnQpfTtcbiAgICAgICAgaGVpZ2h0OiAxLjI1cmVtO1xuICAgICAgICBtYXgtd2lkdGg6ICR7ZmxleEJveFByb3BzLmlubGluZSAmJiBgY2FsYygxMDAlIC0gJHt0aGVtZS5zcGFjaW5nLnhzfSlgfTtcbiAgICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgYH1cbiAgICAgIHsuLi5mbGV4Qm94UHJvcHN9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8VGV4dFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgIGB9XG4gICAgICAgIHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVNtYWxsXCJcbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0PlxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
|
|
26
23
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
27
24
|
};
|
|
28
|
-
function Badge(
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
} : _ref2$flexBoxProps,
|
|
38
|
-
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
25
|
+
function Badge({
|
|
26
|
+
as = 'div',
|
|
27
|
+
children,
|
|
28
|
+
intent = 'none',
|
|
29
|
+
flexBoxProps = {
|
|
30
|
+
inline: true
|
|
31
|
+
},
|
|
32
|
+
...rest
|
|
33
|
+
}) {
|
|
39
34
|
return (0, _react2.jsx)(_FlexBox.default, _extends({
|
|
40
35
|
as: as,
|
|
41
36
|
css: /*#__PURE__*/(0, _react2.css)("align-items:center;background-color:", (0, _intent.getIntentColor)(intent), ";border-radius:0.625rem;color:", (0, _intent.getIntentTextColor)(intent), ";height:1.25rem;max-width:", flexBoxProps.inline && `calc(100% - ${_theme.theme.spacing.xs})`, ";padding:0 ", _theme.theme.spacing.xs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Badge;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEludGVudCwgZ2V0SW50ZW50Q29sb3IsIGdldEludGVudFRleHRDb2xvciB9IGZyb20gJy4uL2NvbW1vbi9pbnRlbnQnXG5pbXBvcnQgRmxleEJveCwgeyBGbGV4Qm94UHJvcHMgfSBmcm9tICcuLi9mbGV4Ym94L0ZsZXhCb3gnXG5cbmV4cG9ydCB0eXBlIEJhZGdlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGludGVudCBvZiB0aGUgQmFkZ2VcbiAgICovXG4gIGludGVudD86IEludGVudFxuXG4gIC8qKlxuICAgKiBUZXh0IHRvIGJlIHNob3duIGluIHRoZSBiYWRnZSAodXN1YWxseSBqdXN0IGEgc3RyaW5nKVxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhZGRlZCB0byB0aGUgYmFkZ2VcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBQcm9wcyBjb250cm9sbGluZyB0aGUgZmxleGJveFxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG5cbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gQmFkZ2Uoe1xuICBhcyA9ICdkaXYnLFxuICBjaGlsZHJlbixcbiAgaW50ZW50ID0gJ25vbmUnLFxuICBmbGV4Qm94UHJvcHMgPSB7IGlubGluZTogdHJ1ZSB9LFxuICAuLi5yZXN0XG59OiBCYWRnZVByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIGFzPXthc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldEludGVudENvbG9yKGludGVudCl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwLjYyNXJlbTtcbiAgICAgICAgY29sb3I6ICR7Z2V0SW50ZW50VGV4dENvbG9yKGludGVudCl9O1xuICAgICAgICBoZWlnaHQ6IDEuMjVyZW07XG4gICAgICAgIG1heC13aWR0aDogJHtmbGV4Qm94UHJvcHMuaW5saW5lICYmIGBjYWxjKDEwMCUgLSAke3RoZW1lLnNwYWNpbmcueHN9KWB9O1xuICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICBgfVxuICAgICAgey4uLmZsZXhCb3hQcm9wc31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxUZXh0XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgYH1cbiAgICAgICAgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */")
|
package/cjs/badge/index.js
CHANGED
|
@@ -8,7 +8,7 @@ var _exportNames = {
|
|
|
8
8
|
};
|
|
9
9
|
Object.defineProperty(exports, "Badge", {
|
|
10
10
|
enumerable: true,
|
|
11
|
-
get: function
|
|
11
|
+
get: function () {
|
|
12
12
|
return _Badge.default;
|
|
13
13
|
}
|
|
14
14
|
});
|
|
@@ -19,10 +19,10 @@ Object.keys(_Badge).forEach(function (key) {
|
|
|
19
19
|
if (key in exports && exports[key] === _Badge[key]) return;
|
|
20
20
|
Object.defineProperty(exports, key, {
|
|
21
21
|
enumerable: true,
|
|
22
|
-
get: function
|
|
22
|
+
get: function () {
|
|
23
23
|
return _Badge[key];
|
|
24
24
|
}
|
|
25
25
|
});
|
|
26
26
|
});
|
|
27
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
27
|
+
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); }
|
|
28
28
|
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; }
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export declare const variations: readonly ["primary", "secondary", "outlined", "text", "danger", "link"];
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
3
|
+
export type BaseButtonProps = React.PropsWithoutRef<JSX.IntrinsicElements['button']>;
|
|
4
|
+
export type ButtonVariation = typeof variations[number];
|
|
5
|
+
export type ButtonVariationProps = {
|
|
6
6
|
variation?: ButtonVariation;
|
|
7
7
|
};
|
|
8
8
|
export declare const BaseButton: import("@emotion/styled").StyledComponent<{
|
package/cjs/button/Button.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BaseButtonProps, ButtonVariationProps } from './BaseButton';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export
|
|
3
|
+
type ButtonSize = 'medium' | 'small';
|
|
4
|
+
type IconAlign = 'left' | 'right';
|
|
5
|
+
export type ButtonProps = BaseButtonProps & ButtonVariationProps & {
|
|
6
6
|
className?: string;
|
|
7
7
|
replace?: boolean;
|
|
8
8
|
submitting?: boolean;
|
package/cjs/button/Button.js
CHANGED
|
@@ -12,11 +12,8 @@ var _Spinner = require("../spinner/Spinner");
|
|
|
12
12
|
var _theme = require("@dfds-ui/theme");
|
|
13
13
|
var _typography = require("@dfds-ui/typography");
|
|
14
14
|
var _react2 = require("@emotion/react");
|
|
15
|
-
const _excluded = ["variation", "children", "submitting", "size", "icon", "iconSpacing", "iconAlign", "iconColor", "title", "disabled"];
|
|
16
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
16
|
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); }
|
|
18
|
-
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; }
|
|
19
|
-
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; }
|
|
20
17
|
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)."; }
|
|
21
18
|
const Base = /*#__PURE__*/(0, _base.default)(_BaseButton.BaseButton, process.env.NODE_ENV === "production" ? {
|
|
22
19
|
target: "e1obd1l88"
|
|
@@ -98,23 +95,19 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
98
95
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4S2tCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9idXR0b24vQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHtcbiAgcHJpbWFyeUJ1dHRvblN0eWxlcyxcbiAgc2Vjb25kYXJ5QnV0dG9uU3R5bGVzLFxuICBvdXRsaW5lZEJ1dHRvblN0eWxlcyxcbiAgdGV4dEJ1dHRvblN0eWxlcyxcbiAgZGFuZ2VyQnV0dG9uU3R5bGVzLFxuICBsaW5rQnV0dG9uU3R5bGVzLFxufSBmcm9tICcuL2J1dHRvbi1zdHlsZSdcbmltcG9ydCB7IEJhc2VCdXR0b24sIEJhc2VCdXR0b25Qcm9wcywgQnV0dG9uVmFyaWF0aW9uLCBCdXR0b25WYXJpYXRpb25Qcm9wcyB9IGZyb20gJy4vQmFzZUJ1dHRvbidcbmltcG9ydCB7IENlbnRlcmVkU3Bpbm5lciB9IGZyb20gJy4uL3NwaW5uZXIvU3Bpbm5lcidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIEJ1dHRvblNpemUgPSAnbWVkaXVtJyB8ICdzbWFsbCdcbnR5cGUgSWNvbkFsaWduID0gJ2xlZnQnIHwgJ3JpZ2h0J1xuXG5leHBvcnQgdHlwZSBCdXR0b25Qcm9wcyA9IEJhc2VCdXR0b25Qcm9wcyAmXG4gIEJ1dHRvblZhcmlhdGlvblByb3BzICYge1xuICAgIGNsYXNzTmFtZT86IHN0cmluZ1xuICAgIHJlcGxhY2U/OiBib29sZWFuXG4gICAgc3VibWl0dGluZz86IGJvb2xlYW5cbiAgICBmaWxsV2lkdGg/OiBib29sZWFuXG4gICAgc2l6ZT86IEJ1dHRvblNpemVcbiAgICBpY29uPzogUmVhY3QuUmVhY3ROb2RlXG4gICAgaWNvbkFsaWduPzogSWNvbkFsaWduXG4gICAgaWNvblNwYWNpbmc/OiBzdHJpbmdcbiAgICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgfVxuXG5jb25zdCBCYXNlID0gc3R5bGVkKEJhc2VCdXR0b24pPHsgZmlsbFdpZHRoPzogYm9vbGVhbjsgc2l6ZTogQnV0dG9uU2l6ZTsgaWNvbkFsaWduPzogJ2xlZnQnIHwgJ3JpZ2h0JyB9PmBcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG1pbi13aWR0aDogNHJlbTtcbiAgd2lkdGg6ICR7KHApID0+IChwLmZpbGxXaWR0aCA/ICcxMDAlJyA6IHVuZGVmaW5lZCl9O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDEyMG1zIGVhc2UsIGNvbG9yIDEyMG1zIGVhc2U7XG4gIHBhZGRpbmc6IDAgJHsocCkgPT4gKHAuaWNvbkFsaWduID09PSAncmlnaHQnID8gJzAuNzVyZW0nIDogJzFyZW0nKX0gMFxuICAgICR7KHApID0+IChwLmljb25BbGlnbiA9PT0gJ2xlZnQnID8gJzAuNzVyZW0nIDogJzFyZW0nKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG5cbiAgJHsocCkgPT5cbiAgICBwLnNpemUgPT09ICdzbWFsbCcgJiZcbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAwIDAuNXJlbTtcbiAgICAgIGhlaWdodDogMnJlbTtcbiAgICAgICR7dHlwb2dyYXBoeS5hY3Rpb259O1xuICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBgfTtcblxuICAmW2FyaWEtYnVzeT0ndHJ1ZSddIHtcbiAgICBvcGFjaXR5OiAxO1xuXG4gICAgJjphZnRlciB7XG4gICAgICBvcGFjaXR5OiAwLjA4O1xuICAgICAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgICB9XG4gIH1cblxuICA6bm90KCZbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gICAgfVxuICB9XG5gXG5cbmNvbnN0IFRleHRTcGFuID0gc3R5bGVkLnNwYW48eyBzdWJtaXR0aW5nPzogYm9vbGVhbiB9PmBcbiAgb3BhY2l0eTogJHsocCkgPT4gcC5zdWJtaXR0aW5nICYmIDB9O1xuICBmbGV4LWdyb3c6IDE7XG4gIG9yZGVyOiAxO1xuYFxuXG5jb25zdCBJY29uU3BhbiA9IHN0eWxlZC5zcGFuPHtcbiAgc3VibWl0dGluZz86IGJvb2xlYW5cbiAgaWNvbkFsaWduOiAnbGVmdCcgfCAncmlnaHQnXG4gIGljb25Db2xvcjogc3RyaW5nXG4gIGljb25TcGFjaW5nPzogc3RyaW5nIHwgdW5kZWZpbmVkXG59PmBcbiAgZGlzcGxheTogZmxleDtcbiAgb3BhY2l0eTogJHsocCkgPT4gcC5zdWJtaXR0aW5nICYmIDB9O1xuICBtYXJnaW4tbGVmdDogJHsocCkgPT4gcC5pY29uQWxpZ24gIT09ICdsZWZ0JyAmJiAocC5pY29uU3BhY2luZyA/IHAuaWNvblNwYWNpbmcgOiB0aGVtZS5zcGFjaW5nLnhzKX07XG4gIG1hcmdpbi1yaWdodDogJHsocCkgPT4gcC5pY29uQWxpZ24gPT09ICdsZWZ0JyAmJiAocC5pY29uU3BhY2luZyA/IHAuaWNvblNwYWNpbmcgOiB0aGVtZS5zcGFjaW5nLnhzKX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3JkZXI6ICR7KHApID0+IChwLmljb25BbGlnbiA9PT0gJ2xlZnQnID8gMCA6IDEpfTtcbiAgY29sb3I6ICR7KHApID0+IHAuaWNvbkNvbG9yfTtcbiAgJHt0eXBvZ3JhcGh5LnN1YkhlYWRsaW5lfTtcbmBcblxuY29uc3QgUHJpbWFyeUJ1dHRvbiA9IHN0eWxlZChCYXNlKWBcbiAgJHtwcmltYXJ5QnV0dG9uU3R5bGVzfVxuYFxuXG5jb25zdCBTZWNvbmRhcnlCdXR0b24gPSBzdHlsZWQoQmFzZSlgXG4gICR7c2Vjb25kYXJ5QnV0dG9uU3R5bGVzfVxuYFxuXG5jb25zdCBPdXRsaW5lZEJ1dHRvbiA9IHN0eWxlZChCYXNlKWBcbiAgJHtvdXRsaW5lZEJ1dHRvblN0eWxlc31cbmBcblxuY29uc3QgVGV4dEJ1dHRvbiA9IHN0eWxlZChCYXNlKWBcbiAgJHt0ZXh0QnV0dG9uU3R5bGVzfVxuYFxuXG5jb25zdCBEYW5nZXJCdXR0b24gPSBzdHlsZWQoQmFzZSlgXG4gICR7ZGFuZ2VyQnV0dG9uU3R5bGVzfVxuYFxuXG5jb25zdCBMaW5rQnV0dG9uID0gc3R5bGVkKEJhc2UpYFxuICAke3RleHRCdXR0b25TdHlsZXN9XG4gICR7bGlua0J1dHRvblN0eWxlc31cbmBcblxuZnVuY3Rpb24gZ2V0QnV0dG9uKHR5cGU6IEJ1dHRvblZhcmlhdGlvbikge1xuICBzd2l0Y2ggKHR5cGUpIHtcbiAgICBkZWZhdWx0OlxuICAgIGNhc2UgJ3ByaW1hcnknOlxuICAgICAgcmV0dXJuIFByaW1hcnlCdXR0b25cbiAgICBjYXNlICdzZWNvbmRhcnknOlxuICAgICAgcmV0dXJuIFNlY29uZGFyeUJ1dHRvblxuICAgIGNhc2UgJ291dGxpbmVkJzpcbiAgICAgIHJldHVybiBPdXRsaW5lZEJ1dHRvblxuICAgIGNhc2UgJ3RleHQnOlxuICAgICAgcmV0dXJuIFRleHRCdXR0b25cbiAgICBjYXNlICdkYW5nZXInOlxuICAgICAgcmV0dXJuIERhbmdlckJ1dHRvblxuICAgIGNhc2UgJ2xpbmsnOlxuICAgICAgcmV0dXJuIExpbmtCdXR0b25cbiAgfVxufVxuXG5jb25zdCBCdXR0b246IFJlYWN0LkZDPEJ1dHRvblByb3BzPiA9ICh7XG4gIHZhcmlhdGlvbiA9ICdwcmltYXJ5JyxcbiAgY2hpbGRyZW4sXG4gIHN1Ym1pdHRpbmcsXG4gIHNpemUgPSAnbWVkaXVtJyxcbiAgaWNvbixcbiAgaWNvblNwYWNpbmcsXG4gIGljb25BbGlnbiA9ICdyaWdodCcsXG4gIGljb25Db2xvciA9ICdpbmhlcml0JyxcbiAgdGl0bGUsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3QgQnV0dG9uVmFyaWF0aW9uID0gZ2V0QnV0dG9uKHZhcmlhdGlvbiA9PT0gdW5kZWZpbmVkID8gJ3ByaW1hcnknIDogdmFyaWF0aW9uKVxuICBjb25zdCBkaXNwbGF5VGl0bGUgPSB0aXRsZSB8fCAodHlwZW9mIGNoaWxkcmVuID09PSAnc3RyaW5nJyAmJiBjaGlsZHJlbikgfHwgJydcblxuICBjb25zdCBzcGlubmVyU2l6ZSA9IHNpemUgPT09ICdtZWRpdW0nID8gJzEuNXJlbScgOiAnMS4yNXJlbSdcblxuICByZXR1cm4gKFxuICAgIDxCdXR0b25WYXJpYXRpb25cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICBkaXNhYmxlZD17c3VibWl0dGluZyB8fCBkaXNhYmxlZH1cbiAgICAgIGljb25BbGlnbj17KGljb24gJiYgaWNvbkFsaWduKSB8fCB1bmRlZmluZWR9XG4gICAgICB7Li4ucmVzdH1cbiAgICAgIGFyaWEtYnVzeT17c3VibWl0dGluZ31cbiAgICAgIHRpdGxlPXtkaXNwbGF5VGl0bGV9XG4gICAgPlxuICAgICAgPFRleHRTcGFuIHN1Ym1pdHRpbmc9e3N1Ym1pdHRpbmd9PntjaGlsZHJlbn08L1RleHRTcGFuPlxuICAgICAge2ljb24gJiYgKFxuICAgICAgICA8SWNvblNwYW4gc3VibWl0dGluZz17c3VibWl0dGluZ30gaWNvbkFsaWduPXtpY29uQWxpZ259IGljb25Db2xvcj17aWNvbkNvbG9yfSBpY29uU3BhY2luZz17aWNvblNwYWNpbmd9PlxuICAgICAgICAgIHtpY29ufVxuICAgICAgICA8L0ljb25TcGFuPlxuICAgICAgKX1cbiAgICAgIHtzdWJtaXR0aW5nID8gKFxuICAgICAgICA8Q2VudGVyZWRTcGlubmVyXG4gICAgICAgICAgc2l6ZT17c3Bpbm5lclNpemV9XG4gICAgICAgICAgaW5zdGFudFxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvQnV0dG9uVmFyaWF0aW9uPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEJ1dHRvblxuIl19 */",
|
|
99
96
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
100
97
|
};
|
|
101
|
-
const Button =
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
title = _ref2.title,
|
|
115
|
-
_ref2$disabled = _ref2.disabled,
|
|
116
|
-
disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
|
|
117
|
-
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
98
|
+
const Button = ({
|
|
99
|
+
variation = 'primary',
|
|
100
|
+
children,
|
|
101
|
+
submitting,
|
|
102
|
+
size = 'medium',
|
|
103
|
+
icon,
|
|
104
|
+
iconSpacing,
|
|
105
|
+
iconAlign = 'right',
|
|
106
|
+
iconColor = 'inherit',
|
|
107
|
+
title,
|
|
108
|
+
disabled = false,
|
|
109
|
+
...rest
|
|
110
|
+
}) => {
|
|
118
111
|
const ButtonVariation = getButton(variation === undefined ? 'primary' : variation);
|
|
119
112
|
const displayTitle = title || typeof children === 'string' && children || '';
|
|
120
113
|
const spinnerSize = size === 'medium' ? '1.5rem' : '1.25rem';
|