@dfds-ui/react-components 2.0.29 → 2.2.0-alpha.07a3a716
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.js +3 -3
- package/accordion/AccordionContent.js +3 -3
- package/accordion/AccordionSmall.js +3 -3
- package/app-bar/AppBar.js +8 -8
- package/app-bar/AppBarContext.js +4 -4
- package/app-bar/AppBarDrawer.js +3 -3
- package/app-bar/AppBarIconButton.js +3 -3
- package/app-bar/AppBarItem.js +24 -24
- package/assertions/banner/Banner.js +8 -8
- package/assertions/banner/BannerAction.js +3 -3
- package/assertions/banner/BannerTypography.js +1 -1
- package/assertions/toast/Toast.js +3 -3
- package/assertions/toast/Toaster.js +18 -10
- package/badge/Badge.js +3 -3
- package/button/Button.js +3 -3
- package/button/IconButton.js +3 -3
- package/button/LinkButton.js +1 -1
- package/button-stack/ButtonStack.js +4 -4
- package/card/Card.js +10 -10
- package/card/CardActions.js +3 -3
- package/card/CardContent.js +2 -2
- package/card/CardMedia.js +2 -2
- package/card/CardPriceTag.js +2 -2
- package/card/CardTitle.js +3 -3
- package/chip/Chip.js +7 -7
- package/cjs/accordion/Accordion.js +22 -26
- package/cjs/accordion/AccordionContent.js +8 -10
- package/cjs/accordion/AccordionSmall.js +13 -16
- package/cjs/accordion/index.js +3 -3
- package/cjs/app-bar/AppBar.js +44 -66
- package/cjs/app-bar/AppBarContext.js +3 -16
- package/cjs/app-bar/AppBarDrawer.js +11 -13
- package/cjs/app-bar/AppBarIconButton.js +8 -11
- package/cjs/app-bar/AppBarItem.js +19 -34
- package/cjs/app-bar/AppBarListItem.js +1 -1
- package/cjs/app-bar/index.js +9 -9
- package/cjs/assertions/banner/Banner.js +24 -45
- package/cjs/assertions/banner/BannerAction.js +9 -11
- package/cjs/assertions/banner/BannerTypography.js +2 -2
- package/cjs/assertions/banner/index.js +3 -3
- package/cjs/assertions/index.js +2 -2
- package/cjs/assertions/toast/Toast.js +11 -15
- package/cjs/assertions/toast/Toaster.js +22 -42
- package/cjs/assertions/toast/index.js +5 -6
- package/cjs/badge/Badge.js +11 -16
- package/cjs/badge/index.js +3 -4
- package/cjs/button/BadgeIcon.js +1 -1
- package/cjs/button/BaseButton.js +1 -1
- package/cjs/button/Button.js +15 -22
- package/cjs/button/IconButton.js +20 -29
- package/cjs/button/LinkButton.js +3 -4
- package/cjs/button/index.js +8 -9
- package/cjs/button-stack/ButtonStack.js +10 -14
- package/cjs/button-stack/index.js +2 -2
- package/cjs/card/Card.js +22 -39
- package/cjs/card/CardActions.js +8 -12
- package/cjs/card/CardContent.js +11 -15
- package/cjs/card/CardMedia.js +7 -10
- package/cjs/card/CardPriceTag.js +8 -12
- package/cjs/card/CardTitle.js +11 -13
- package/cjs/card/index.js +7 -7
- package/cjs/chip/Chip.js +15 -31
- package/cjs/chip/index.js +3 -4
- package/cjs/common/LockBodyScroll.js +7 -10
- package/cjs/common/emotionCloneElement.js +5 -8
- package/cjs/common/polymorphic.js +5 -5
- package/cjs/common/use-media.js +1 -10
- package/cjs/counter/Counter.js +5 -16
- package/cjs/counter/PluralCounter.js +12 -25
- package/cjs/counter/index.js +3 -3
- package/cjs/data-table/DataTable.js +16 -28
- package/cjs/data-table/index.js +1 -1
- package/cjs/date-range-picker/DateRangePicker.js +29 -57
- package/cjs/date-range-picker/index.js +2 -2
- package/cjs/divider/Divider.js +11 -11
- package/cjs/divider/index.js +1 -1
- package/cjs/drawer/Drawer.js +11 -17
- package/cjs/drawer/index.js +1 -1
- package/cjs/dropdown-menu/Dropdown.js +20 -34
- package/cjs/dropdown-menu/DropdownContext.js +1 -2
- package/cjs/dropdown-menu/MenuCheckbox.js +5 -4
- package/cjs/dropdown-menu/MenuItem.js +20 -32
- package/cjs/dropdown-menu/MenuTitle.js +4 -3
- package/cjs/dropdown-menu/index.js +7 -8
- package/cjs/flexbox/FlexBox.js +4 -12
- package/cjs/flexbox/index.js +1 -1
- package/cjs/footer/Footer.js +1 -1
- package/cjs/footer/index.js +2 -2
- package/cjs/forms/assistive-text/AssistiveText.js +1 -1
- package/cjs/forms/asterisk/Asterisk.js +1 -1
- package/cjs/forms/checkbox/Checkbox.js +16 -21
- package/cjs/forms/checkbox/ExampleControlComponent.js +8 -19
- package/cjs/forms/checkbox/index.js +2 -2
- package/cjs/forms/email-field/EmailField.js +3 -3
- package/cjs/forms/error-text/ErrorText.js +1 -1
- package/cjs/forms/field/Field.js +1 -1
- package/cjs/forms/index.js +19 -19
- package/cjs/forms/input/Input.js +15 -17
- package/cjs/forms/input/InputComposition.js +25 -30
- package/cjs/forms/label/Label.js +7 -9
- package/cjs/forms/number-field/NumberField.js +3 -3
- package/cjs/forms/password-field/PasswordField.js +4 -14
- package/cjs/forms/radio/Radio.js +29 -34
- package/cjs/forms/reactselect/ReactSelect.js +42 -51
- package/cjs/forms/searchable-select/AsyncSearchableSelect.js +30 -34
- package/cjs/forms/select/Select.js +12 -14
- package/cjs/forms/select-field/SelectField.js +16 -17
- package/cjs/forms/switch/Switch.js +13 -17
- package/cjs/forms/tel-field/TelField.js +3 -3
- package/cjs/forms/text-field/TextField.js +19 -20
- package/cjs/global-styles/GlobalStyles.js +1 -1
- package/cjs/global-styles/ResetStyles.js +1 -1
- package/cjs/grid/Column.js +10 -12
- package/cjs/grid/Container.js +11 -13
- package/cjs/grid/index.js +3 -3
- package/cjs/hero/Hero.js +1 -1
- package/cjs/hero/index.js +2 -2
- package/cjs/hero/stripes.js +1 -1
- package/cjs/ie-banner/IEBanner.js +4 -20
- package/cjs/ie-banner/index.js +2 -2
- package/cjs/index.js +46 -46
- package/cjs/layout/LayoutLegacy.js +1 -1
- package/cjs/lists/FeatureList.js +9 -12
- package/cjs/lists/ListAddon.js +8 -11
- package/cjs/lists/ListDivider.js +8 -11
- package/cjs/lists/ListIcon.js +14 -17
- package/cjs/lists/ListItem.js +17 -26
- package/cjs/lists/ListText.js +10 -13
- package/cjs/lists/ListTextGroup.js +11 -15
- package/cjs/lists/ListTitle.js +6 -9
- package/cjs/lists/index.js +9 -9
- package/cjs/loader/DfdsLoader.js +3 -3
- package/cjs/loader/Loader.js +1 -1
- package/cjs/loader/index.js +3 -3
- package/cjs/localization/LocaleFlag.js +10 -15
- package/cjs/localization/index.js +2 -2
- package/cjs/logo/Logo.js +7 -10
- package/cjs/logo/index.js +1 -1
- package/cjs/menu/Menu.js +20 -22
- package/cjs/menu/index.js +3 -4
- package/cjs/mobile-stepper/MobileStepper.js +10 -14
- package/cjs/mobile-stepper/index.js +2 -2
- package/cjs/nav-bar/NavBar.js +26 -39
- package/cjs/nav-bar/index.js +3 -4
- package/cjs/nav-menu/NavMenuItem.js +1 -1
- package/cjs/nav-menu/index.js +2 -2
- package/cjs/pagination/Pagination.js +9 -8
- package/cjs/pagination/index.js +1 -1
- package/cjs/popper/Popper.js +23 -27
- package/cjs/popper/index.js +2 -2
- package/cjs/progress-bar/ProgressBar.js +1 -1
- package/cjs/progress-bar/index.js +3 -4
- package/cjs/schedule/ScheduleItem.js +1 -1
- package/cjs/schedule/ScheduleList.js +6 -8
- package/cjs/schedule/index.js +3 -3
- package/cjs/side-sheet/SideSheet.js +31 -48
- package/cjs/side-sheet/SideSheetCloseButton.js +10 -15
- package/cjs/side-sheet/SideSheetContent.js +7 -10
- package/cjs/side-sheet/SideSheetFooter.js +7 -10
- package/cjs/side-sheet/SideSheetHeader.js +10 -14
- package/cjs/side-sheet/SideSheetHeadline.js +1 -1
- package/cjs/side-sheet/index.js +6 -7
- package/cjs/site-layout/SiteLayout.js +26 -29
- package/cjs/site-layout/index.js +3 -4
- package/cjs/skeleton/Skeleton.js +12 -16
- package/cjs/skeleton/index.js +1 -1
- package/cjs/social-media-link-list/SocialMediaLinkList.js +15 -17
- package/cjs/social-media-link-list/index.js +1 -1
- package/cjs/spinner/Spinner.js +10 -14
- package/cjs/spinner/index.js +1 -1
- package/cjs/step/Step.js +23 -32
- package/cjs/step/StepButton.js +16 -14
- package/cjs/step/StepContent.js +4 -3
- package/cjs/step/StepContext.js +1 -1
- package/cjs/step/StepLabel.js +5 -4
- package/cjs/step/index.js +2 -2
- package/cjs/stepper/Stepper.js +15 -25
- package/cjs/stepper/StepperContext.js +1 -1
- package/cjs/stepper/index.js +2 -2
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +1 -1
- package/cjs/stepper-feedback-message/index.js +2 -2
- package/cjs/styles/index.js +6 -7
- package/cjs/surface/Surface.js +14 -21
- package/cjs/surface/index.js +1 -1
- package/cjs/tab/Tab.js +15 -16
- package/cjs/tab/TabPanel.js +4 -3
- package/cjs/tab/Tabs.js +23 -40
- package/cjs/tab/TabsContext.js +1 -2
- package/cjs/tab/index.js +5 -5
- package/cjs/table/Table.js +8 -13
- package/cjs/table/TableBody.js +6 -9
- package/cjs/table/TableDataCell.js +7 -11
- package/cjs/table/TableHead.js +11 -13
- package/cjs/table/TableHeaderCell.js +7 -11
- package/cjs/table/TableRow.js +12 -15
- package/cjs/table/index.js +6 -6
- package/cjs/test/Test.js +1 -1
- package/cjs/tooltip/Tooltip.js +13 -15
- package/cjs/tooltip/index.js +3 -4
- package/cjs/typography/Headlines.js +10 -13
- package/cjs/typography/Text.js +1 -1
- package/cjs/typography/index.js +2 -2
- package/common/LockBodyScroll.js +3 -3
- package/common/emotionCloneElement.js +1 -1
- package/common/polymorphic.js +2 -2
- package/common/use-media.js +4 -4
- package/common/utils.js +1 -1
- package/counter/Counter.js +4 -4
- package/counter/PluralCounter.js +7 -7
- package/data-table/DataTable.js +10 -10
- package/date-range-picker/DateRangePicker.js +8 -8
- package/divider/Divider.js +3 -3
- package/drawer/Drawer.js +3 -3
- package/dropdown-menu/Dropdown.js +7 -7
- package/dropdown-menu/MenuCheckbox.js +1 -1
- package/dropdown-menu/MenuItem.js +7 -7
- package/flexbox/FlexBox.js +5 -5
- package/forms/checkbox/Checkbox.js +3 -3
- package/forms/checkbox/ExampleControlComponent.js +7 -7
- package/forms/email-field/EmailField.js +2 -2
- package/forms/input/Input.js +3 -3
- package/forms/input/InputComposition.js +3 -3
- package/forms/label/Label.js +2 -2
- package/forms/number-field/NumberField.js +2 -2
- package/forms/password-field/PasswordField.js +5 -5
- package/forms/radio/Radio.js +3 -3
- package/forms/reactselect/ReactSelect.js +4 -4
- package/forms/searchable-select/AsyncSearchableSelect.js +3 -3
- package/forms/select/Select.js +3 -3
- package/forms/select-field/SelectField.js +4 -4
- package/forms/switch/Switch.js +3 -3
- package/forms/tel-field/TelField.js +2 -2
- package/forms/text-field/TextField.js +4 -4
- package/grid/Column.js +3 -3
- package/grid/Container.js +4 -4
- package/hero/Hero.js +1 -1
- package/ie-banner/IEBanner.js +4 -4
- package/lists/FeatureList.js +3 -3
- package/lists/ListAddon.js +3 -3
- package/lists/ListDivider.js +3 -3
- package/lists/ListIcon.js +3 -3
- package/lists/ListItem.js +3 -3
- package/lists/ListText.js +3 -3
- package/lists/ListTextGroup.js +3 -3
- package/lists/ListTitle.js +3 -3
- package/loader/DfdsLoader.js +1 -1
- package/loader/Loader.js +1 -1
- package/localization/LocaleFlag.js +3 -3
- package/logo/Logo.js +3 -3
- package/menu/Menu.js +3 -3
- package/mobile-stepper/MobileStepper.js +8 -8
- package/nav-bar/NavBar.js +7 -7
- package/package.json +9 -9
- package/pagination/Pagination.js +2 -2
- package/pagination/Pagination.styles.js +1 -1
- package/popper/Popper.js +3 -3
- package/schedule/ScheduleList.js +3 -3
- package/side-sheet/SideSheet.js +8 -8
- package/side-sheet/SideSheetCloseButton.js +3 -3
- package/side-sheet/SideSheetContent.js +3 -3
- package/side-sheet/SideSheetFooter.js +3 -3
- package/side-sheet/SideSheetHeader.js +3 -3
- package/site-layout/SiteLayout.js +3 -3
- package/skeleton/Skeleton.js +4 -4
- package/social-media-link-list/SocialMediaLinkList.js +3 -3
- package/spinner/Spinner.js +4 -4
- package/step/Step.js +3 -3
- package/step/StepButton.js +2 -2
- package/stepper/Stepper.js +4 -4
- package/surface/Surface.js +4 -4
- package/tab/Tab.js +3 -3
- package/tab/Tabs.js +7 -7
- package/table/Table.js +3 -3
- package/table/TableBody.js +3 -3
- package/table/TableDataCell.js +3 -3
- package/table/TableHead.js +4 -4
- package/table/TableHeaderCell.js +3 -3
- package/table/TableRow.js +4 -4
- package/tooltip/Tooltip.js +3 -3
- package/typography/Headlines.js +3 -3
package/cjs/counter/Counter.js
CHANGED
|
@@ -8,15 +8,8 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _system = require("@dfds-ui/icons/system");
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
|
-
function
|
|
12
|
-
function
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
15
|
-
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."); }
|
|
16
|
-
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); }
|
|
17
|
-
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; }
|
|
18
|
-
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; } }
|
|
19
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
13
|
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
14
|
const StyledCounter = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
|
|
22
15
|
target: "eef4fs64"
|
|
@@ -90,12 +83,8 @@ const IconToggler = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV
|
|
|
90
83
|
label: "IconToggler"
|
|
91
84
|
})(p => p.disable && _ref, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFcUQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvdW50ZXIvQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJEb3duLCBOdW1iZXJVcCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDb3VudGVyUHJvcHMgPSB7XG4gIGxhYmVsPzogUmVhY3ROb2RlIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBNaW5pbXVtIHZhbHVlXG4gICAqL1xuICBtaW5WYWw6IG51bWJlclxuICAvKipcbiAgICogTWF4aW11bSB2YWx1ZVxuICAgKi9cbiAgbWF4VmFsOiBudW1iZXJcbiAgZGlzYWJsZU1pbj86IGJvb2xlYW5cbiAgZGlzYWJsZU1heD86IGJvb2xlYW5cblxuICAvKipcbiAgICpOYW1lIG9mIHRoZSBpbnB1dCBlbGVtZW50XG4gICAqL1xuICBuYW1lPzogc3RyaW5nXG4gIGN1cnJlbnRWYWw/OiBudW1iZXJcbiAgaW5pdGlhbFZhbD86IG51bWJlclxuICAvKipcbiAgICpDYWxsYmFjayB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxufVxuXG5jb25zdCBTdHlsZWRDb3VudGVyID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHBhZGRpbmc6IDE1cHggMDtcbiAgbWFyZ2luOiAwO1xuXG4gIHN2ZyB7XG4gICAgZmlsbDogIzY4YjJlMztcbiAgICBjb2xvcjogIzY4YjJlMztcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDI1cHg7XG4gIGhlaWdodDogMjVweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbmBcblxuY29uc3QgTGFiZWxDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogMjBweDtcbiAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuYFxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgYm9yZGVyOiAxcHggc29saWQgI2Q4ZGFkOTtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgbWFyZ2luOiAwIDEwcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgYXBwZWFyYW5jZTogdGV4dGZpZWxkICFpbXBvcnRhbnQ7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cblxuICAmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uLFxuICAmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uIHtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgfVxuYFxuXG5jb25zdCBJY29uVG9nZ2xlciA9IHN0eWxlZC5kaXY8eyBkaXNhYmxlPzogYm9vbGVhbiB9PmBcbiAgJHsocCkgPT5cbiAgICBwLmRpc2FibGUgJiZcbiAgICBjc3NgXG4gICAgICBvcGFjaXR5OiAwLjM7XG4gICAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCBDb3VudGVyID0gZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBDb3VudGVyUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHN0YXJ0VmFsdWUgPSBwcm9wcy5pbml0aWFsVmFsID8/IHByb3BzLm1pblZhbFxuICBjb25zdCBbY291bnRlclZhbHVlLCBzZXRDb3VudGVyVmFsdWVdID0gdXNlU3RhdGUocHJvcHMuY3VycmVudFZhbCA/PyBzdGFydFZhbHVlKVxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb3VudGVyPlxuICAgICAgPFN0eWxlZEljb25Db250YWluZXJcbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIGlmICghcHJvcHMuZGlzYWJsZU1pbiAmJiBjb3VudGVyVmFsdWUgLSAxID49IHByb3BzLm1pblZhbCkge1xuICAgICAgICAgICAgc2V0Q291bnRlclZhbHVlKGNvdW50ZXJWYWx1ZSAtIDEpXG4gICAgICAgICAgICBpZiAocHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShjb3VudGVyVmFsdWUgLSAxKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPEljb25Ub2dnbGVyIGRpc2FibGU9e3Byb3BzLmRpc2FibGVNaW4gfHwgY291bnRlclZhbHVlID09PSBwcm9wcy5taW5WYWx9PlxuICAgICAgICAgIDxOdW1iZXJEb3duIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICA8L0ljb25Ub2dnbGVyPlxuICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAge3Byb3BzLmxhYmVsID8gKFxuICAgICAgICA8TGFiZWxDb250YWluZXI+e3Byb3BzLmxhYmVsfTwvTGFiZWxDb250YWluZXI+XG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICB0eXBlPVwibnVtYmVyXCJcbiAgICAgICAgICBuYW1lPXtwcm9wcy5uYW1lID8/ICdjb3VudGVyJ31cbiAgICAgICAgICB2YWx1ZT17Y291bnRlclZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZSkgPT4ge1xuICAgICAgICAgICAgaWYgKHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkgPD0gcHJvcHMubWF4VmFsICYmIHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkgPj0gcHJvcHMubWluVmFsKSB7XG4gICAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKVxuICAgICAgICAgICAgICBpZiAocHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAoIXByb3BzLmRpc2FibGVNYXggJiYgY291bnRlclZhbHVlICsgMSA8PSBwcm9wcy5tYXhWYWwpIHtcbiAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShjb3VudGVyVmFsdWUgKyAxKVxuICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UoY291bnRlclZhbHVlICsgMSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uVG9nZ2xlciBkaXNhYmxlPXtwcm9wcy5kaXNhYmxlTWF4IHx8IGNvdW50ZXJWYWx1ZSA9PT0gcHJvcHMubWF4VmFsfT5cbiAgICAgICAgICA8TnVtYmVyVXAgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIC8+XG4gICAgICAgIDwvSWNvblRvZ2dsZXI+XG4gICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgPC9TdHlsZWRDb3VudGVyPlxuICApXG59KVxuXG5leHBvcnQgZGVmYXVsdCBDb3VudGVyXG4iXX0= */"));
|
|
92
85
|
const Counter = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
93
|
-
|
|
94
|
-
const
|
|
95
|
-
const _useState = (0, _react.useState)((_props$currentVal = props.currentVal) !== null && _props$currentVal !== void 0 ? _props$currentVal : startValue),
|
|
96
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
97
|
-
counterValue = _useState2[0],
|
|
98
|
-
setCounterValue = _useState2[1];
|
|
86
|
+
const startValue = props.initialVal ?? props.minVal;
|
|
87
|
+
const [counterValue, setCounterValue] = (0, _react.useState)(props.currentVal ?? startValue);
|
|
99
88
|
return (0, _react2.jsx)(StyledCounter, null, (0, _react2.jsx)(StyledIconContainer, {
|
|
100
89
|
onClick: () => {
|
|
101
90
|
if (!props.disableMin && counterValue - 1 >= props.minVal) {
|
|
@@ -114,7 +103,7 @@ const Counter = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
|
114
103
|
ref: ref,
|
|
115
104
|
tabIndex: 0,
|
|
116
105
|
type: "number",
|
|
117
|
-
name:
|
|
106
|
+
name: props.name ?? 'counter',
|
|
118
107
|
value: counterValue,
|
|
119
108
|
onChange: e => {
|
|
120
109
|
if (parseInt(e.target.value, 10) <= props.maxVal && parseInt(e.target.value, 10) >= props.minVal) {
|
|
@@ -8,19 +8,9 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _Counter = _interopRequireDefault(require("./Counter"));
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
|
-
|
|
12
|
-
function
|
|
13
|
-
function
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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 _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; }
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
24
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)."; }
|
|
25
15
|
//Insert plural with max value as hidden to ensure rows are aligned. Assumes plural is longer than singular.
|
|
26
16
|
const WidthFix = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
|
|
@@ -37,19 +27,16 @@ const WidthFix = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ===
|
|
|
37
27
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb3VudGVyL1BsdXJhbENvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCMkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvdW50ZXIvUGx1cmFsQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIGZvcndhcmRSZWYsIEZvcndhcmRSZWZSZW5kZXJGdW5jdGlvbiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IENvdW50ZXIgZnJvbSAnLi9Db3VudGVyJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbnR5cGUgUGx1cmFsQ291bnRlclByb3BzID0ge1xuICBtaW5WYWw6IG51bWJlclxuICBtYXhWYWw6IG51bWJlclxuICBjdXJyZW50VmFsPzogbnVtYmVyXG4gIGluaXRpYWxWYWw/OiBudW1iZXJcbiAgc2luZ3VsYXJMYWJlbDogc3RyaW5nXG4gIG5hbWU/OiBzdHJpbmdcbiAgcGx1cmFsTGFiZWw6IHN0cmluZ1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxufVxuXG4vL0luc2VydCBwbHVyYWwgd2l0aCBtYXggdmFsdWUgYXMgaGlkZGVuIHRvIGVuc3VyZSByb3dzIGFyZSBhbGlnbmVkLiBBc3N1bWVzIHBsdXJhbCBpcyBsb25nZXIgdGhhbiBzaW5ndWxhci5cbmNvbnN0IFdpZHRoRml4ID0gc3R5bGVkLmRpdmBcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICBoZWlnaHQ6IDA7XG5gXG5cbmNvbnN0IFBsdXJhbENvdW50ZXI6IEZvcndhcmRSZWZSZW5kZXJGdW5jdGlvbjxIVE1MSW5wdXRFbGVtZW50LCBQbHVyYWxDb3VudGVyUHJvcHM+ID0gKFxuICB7IHNpbmd1bGFyTGFiZWwsIHBsdXJhbExhYmVsLCBleGVjdXRlT25DaGFuZ2UsIC4uLnJlc3QgfTogUGx1cmFsQ291bnRlclByb3BzLFxuICByZWZcbikgPT4ge1xuICBjb25zdCBMYWJlbCA9IChwOiB7IHZhbDogbnVtYmVyIH0pID0+IChcbiAgICA8ZGl2PlxuICAgICAge3AudmFsfSB7cC52YWwgPT09IDEgPyBzaW5ndWxhckxhYmVsIDogcGx1cmFsTGFiZWx9XG4gICAgICA8V2lkdGhGaXg+XG4gICAgICAgIHtyZXN0Lm1heFZhbH0ge3BsdXJhbExhYmVsfVxuICAgICAgPC9XaWR0aEZpeD5cbiAgICA8L2Rpdj5cbiAgKVxuXG4gIGNvbnN0IFtjdXJyZW50TGFiZWwsIHNldEN1cnJlbnRMYWJlbF0gPSB1c2VTdGF0ZSg8TGFiZWwgdmFsPXtyZXN0LmN1cnJlbnRWYWwgPz8gcmVzdC5pbml0aWFsVmFsID8/IHJlc3QubWluVmFsfSAvPilcbiAgY29uc3Qgb25DaGFuZ2UgPSAoczogbnVtYmVyKSA9PiB7XG4gICAgc2V0Q3VycmVudExhYmVsKDxMYWJlbCB2YWw9e3N9IC8+KVxuICAgIGlmIChleGVjdXRlT25DaGFuZ2UpIGV4ZWN1dGVPbkNoYW5nZShzKVxuICB9XG5cbiAgcmV0dXJuIDxDb3VudGVyIGV4ZWN1dGVPbkNoYW5nZT17b25DaGFuZ2V9IGxhYmVsPXtjdXJyZW50TGFiZWx9IHsuLi5yZXN0fSByZWY9e3JlZn0+PC9Db3VudGVyPlxufVxuXG5leHBvcnQgZGVmYXVsdCBmb3J3YXJkUmVmKFBsdXJhbENvdW50ZXIpXG4iXX0= */",
|
|
38
28
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
39
29
|
});
|
|
40
|
-
const PluralCounter = (
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
30
|
+
const PluralCounter = ({
|
|
31
|
+
singularLabel,
|
|
32
|
+
pluralLabel,
|
|
33
|
+
executeOnChange,
|
|
34
|
+
...rest
|
|
35
|
+
}, ref) => {
|
|
46
36
|
const Label = p => (0, _react2.jsx)("div", null, p.val, " ", p.val === 1 ? singularLabel : pluralLabel, (0, _react2.jsx)(WidthFix, null, rest.maxVal, " ", pluralLabel));
|
|
47
|
-
const
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
51
|
-
currentLabel = _useState2[0],
|
|
52
|
-
setCurrentLabel = _useState2[1];
|
|
37
|
+
const [currentLabel, setCurrentLabel] = (0, _react.useState)((0, _react2.jsx)(Label, {
|
|
38
|
+
val: rest.currentVal ?? rest.initialVal ?? rest.minVal
|
|
39
|
+
}));
|
|
53
40
|
const onChange = s => {
|
|
54
41
|
setCurrentLabel((0, _react2.jsx)(Label, {
|
|
55
42
|
val: s
|
package/cjs/counter/index.js
CHANGED
|
@@ -5,16 +5,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "Counter", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
8
|
+
get: function () {
|
|
9
9
|
return _Counter.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "PluralCounter", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function
|
|
14
|
+
get: function () {
|
|
15
15
|
return _PluralCounter.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
var _Counter = _interopRequireDefault(require("./Counter"));
|
|
19
19
|
var _PluralCounter = _interopRequireDefault(require("./PluralCounter"));
|
|
20
|
-
function _interopRequireDefault(
|
|
20
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -8,19 +8,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
9
|
var _checkbox = require("../forms/checkbox");
|
|
10
10
|
var _theme = require("@dfds-ui/theme");
|
|
11
|
-
|
|
12
|
-
/* eslint-disable @typescript-eslint/ban-types */
|
|
13
|
-
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); }
|
|
14
|
-
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; }
|
|
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 _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; }
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
12
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable @typescript-eslint/ban-types */
|
|
24
13
|
const tableStyle = () => /*#__PURE__*/(0, _react2.css)("text-align:left;border-collapse:collapse;width:100%;border:none;color:", _theme.theme.colors.text.dark.primary, ";font-size:12px;tr{border-top:1px solid ", _theme.theme.colors.text.dark.disabled, ";border-bottom:1px solid ", _theme.theme.colors.text.dark.disabled, ";}th,td{padding:16px;label{color:", _theme.theme.colors.primary.main, ";font-weight:bold;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kYXRhLXRhYmxlL0RhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzRCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9kYXRhLXRhYmxlL0RhdGFUYWJsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvYmFuLXR5cGVzICovXG5pbXBvcnQgUmVhY3QsIHsgRnVuY3Rpb25Db21wb25lbnQsIHVzZVJlZHVjZXIgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tICcuLi9mb3Jtcy9jaGVja2JveCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIERhdGFUYWJsZVByb3BzID0ge1xuICBvbkNoYW5nZT86IChtb2RlbDogb2JqZWN0W10pID0+IG9iamVjdFtdXG4gIGNvbHVtbnM/OiBzdHJpbmdbXVxuICBkYXRhOiBvYmplY3RbXVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaGFzSGVhZGVyPzogYm9vbGVhblxufVxuXG5jb25zdCB0YWJsZVN0eWxlID0gKCkgPT4gY3NzYFxuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyOiBub25lO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnl9O1xuICBmb250LXNpemU6IDEycHg7XG4gIHRyIHtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkfTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkfTtcbiAgfVxuICB0aCxcbiAgdGQge1xuICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgbGFiZWwge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICB9XG4gIH1cbmBcblxuY29uc3QgVE9HR0xFID0gJ3RvZ2dsZSdcblxuZnVuY3Rpb24gcmVkdWNlcihtb2RlbDogYW55LCBhY3Rpb246IGFueSk6IG9iamVjdFtdIHtcbiAgY29uc3QgbmV3TW9kZWwgPSBbLi4ubW9kZWxdXG4gIHN3aXRjaCAoYWN0aW9uLnR5cGUpIHtcbiAgICBjYXNlIFRPR0dMRTpcbiAgICAgIG5ld01vZGVsW2FjdGlvbi5rZXldLmZpZWxkLnZhbHVlID0gIW5ld01vZGVsW2FjdGlvbi5rZXldLmZpZWxkLnZhbHVlXG4gICAgICByZXR1cm4gbmV3TW9kZWxcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIG5ld01vZGVsXG4gIH1cbn1cblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuZXhwb3J0IGNvbnN0IERhdGFUYWJsZTogRnVuY3Rpb25Db21wb25lbnQ8RGF0YVRhYmxlUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIG9uQ2hhbmdlLFxuICBjb2x1bW5zLFxuICBkYXRhLFxuICBoYXNIZWFkZXIsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3QgW21vZGVsLCBkaXNwYXRjaF0gPSB1c2VSZWR1Y2VyKHJlZHVjZXIsIGRhdGEpXG4gIGNvbnN0IGRhdGFLZXlzID0gT2JqZWN0LmtleXMobW9kZWxbMF0pXG4gIGNvbnN0IGRpc3BsYXlDb2x1bW5zID0gY29sdW1ucyA/IGNvbHVtbnMgOiBkYXRhS2V5c1xuXG4gIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9uQ2hhbmdlKSB7XG4gICAgICBvbkNoYW5nZShtb2RlbClcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbbW9kZWxdKVxuXG4gIHJldHVybiAoXG4gICAgPHRhYmxlIGNzcz17dGFibGVTdHlsZSgpfSB7Li4ucmVzdH0+XG4gICAgICB7aGFzSGVhZGVyICYmIChcbiAgICAgICAgPHRoZWFkPlxuICAgICAgICAgIDx0cj5cbiAgICAgICAgICAgIHtkaXNwbGF5Q29sdW1ucy5tYXAoKGtleSwgaSkgPT4ge1xuICAgICAgICAgICAgICByZXR1cm4gPHRoIGtleT17aX0+IHtrZXl9IDwvdGg+XG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICA8L3RyPlxuICAgICAgICA8L3RoZWFkPlxuICAgICAgKX1cbiAgICAgIDx0Ym9keT5cbiAgICAgICAge2RhdGEubWFwKCh2YWx1ZU9iajogYW55LCBpKSA9PiB7XG4gICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDx0ciBrZXk9e2l9PlxuICAgICAgICAgICAgICB7ZGF0YUtleXMubWFwKChrZXk6IGFueSwgeSkgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChrZXkgPT09ICdmaWVsZCcpIHtcbiAgICAgICAgICAgICAgICAgIGNvbnN0IHsgbmFtZSwgdmFsdWUsIGxhYmVsIH0gPSB2YWx1ZU9iai5maWVsZFxuICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPHRkIGtleT17eX0+XG4gICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgPENoZWNrYm94XG4gICAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNoZWNrZWQ9e3ZhbHVlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BhdGNoKHsgdHlwZTogVE9HR0xFLCBrZXk6IGkgfSlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9DaGVja2JveD5cbiAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHJldHVybiA8dGQga2V5PXt5fT4ge3ZhbHVlT2JqW2tleV19IDwvdGQ+XG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICApXG4gICAgICAgIH0pfVxuICAgICAgPC90Ym9keT5cbiAgICA8L3RhYmxlPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IERhdGFUYWJsZVxuIl19 */");
|
|
25
14
|
const TOGGLE = 'toggle';
|
|
26
15
|
function reducer(model, action) {
|
|
@@ -35,17 +24,15 @@ function reducer(model, action) {
|
|
|
35
24
|
}
|
|
36
25
|
|
|
37
26
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
38
|
-
const DataTable =
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
model = _useReducer2[0],
|
|
48
|
-
dispatch = _useReducer2[1];
|
|
27
|
+
const DataTable = ({
|
|
28
|
+
children,
|
|
29
|
+
onChange,
|
|
30
|
+
columns,
|
|
31
|
+
data,
|
|
32
|
+
hasHeader,
|
|
33
|
+
...rest
|
|
34
|
+
}) => {
|
|
35
|
+
const [model, dispatch] = (0, _react.useReducer)(reducer, data);
|
|
49
36
|
const dataKeys = Object.keys(model[0]);
|
|
50
37
|
const displayColumns = columns ? columns : dataKeys;
|
|
51
38
|
_react.default.useEffect(() => {
|
|
@@ -65,10 +52,11 @@ const DataTable = _ref => {
|
|
|
65
52
|
key: i
|
|
66
53
|
}, dataKeys.map((key, y) => {
|
|
67
54
|
if (key === 'field') {
|
|
68
|
-
const
|
|
69
|
-
name
|
|
70
|
-
value
|
|
71
|
-
label
|
|
55
|
+
const {
|
|
56
|
+
name,
|
|
57
|
+
value,
|
|
58
|
+
label
|
|
59
|
+
} = valueObj.field;
|
|
72
60
|
return (0, _react2.jsx)("td", {
|
|
73
61
|
key: y
|
|
74
62
|
}, (0, _react2.jsx)(_checkbox.Checkbox, {
|
package/cjs/data-table/index.js
CHANGED
|
@@ -11,56 +11,37 @@ 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
|
|
20
|
-
function
|
|
21
|
-
function
|
|
22
|
-
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
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
|
|
19
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
20
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
21
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* 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
22
|
// Do a wrapper to support styled components: https://github.com/airbnb/react-dates/issues/1030#issuecomment-388227454
|
|
31
23
|
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;
|
|
24
|
+
const [startDate, setStartDate] = (0, _react.useState)(toMoment(props.startDates.initial));
|
|
25
|
+
const [endDate, setEndDate] = (0, _react.useState)(toMoment(props.endDates.initial));
|
|
26
|
+
const [showCalendar, setShowCalendar] = (0, _react.useState)(false);
|
|
27
|
+
const [focusedInput, setFocusedInput] = (0, _react.useState)('startDate');
|
|
28
|
+
const {
|
|
29
|
+
numberOfMonths,
|
|
30
|
+
mobileState,
|
|
31
|
+
size
|
|
32
|
+
} = (0, _useMedia.default)(['(max-width: 64em)', '(min-width: 78.063em)'], [{
|
|
33
|
+
numberOfMonths: props.numberOfMobileMonths || 12,
|
|
34
|
+
mobileState: true,
|
|
35
|
+
size: 40
|
|
36
|
+
}, {
|
|
37
|
+
numberOfMonths: 2,
|
|
38
|
+
mobileState: false,
|
|
39
|
+
size: 48
|
|
40
|
+
}], {
|
|
41
|
+
numberOfMonths: 1,
|
|
42
|
+
mobileState: false,
|
|
43
|
+
size: 48
|
|
44
|
+
});
|
|
64
45
|
_moment.default.locale(props.locale);
|
|
65
46
|
(0, _moment.default)().weekday(0);
|
|
66
47
|
(0, _react.useEffect)(() => {
|
|
@@ -95,7 +76,7 @@ const DateRangePicker = props => {
|
|
|
95
76
|
className: "dateRangePickerInfo__info"
|
|
96
77
|
}, props.infoLabel)) : '';
|
|
97
78
|
const disabledDates = (0, _miniMoize.miniMoize)((focusedInput, start, startDisabledDates, endDisabledDates) => buildMap(focusedInput !== 'endDate' ? startDisabledDates : (startDisabledDates || []).filter(d => d < start).concat(endDisabledDates)));
|
|
98
|
-
const
|
|
79
|
+
const isDayBlocked = date => {
|
|
99
80
|
const startDateStr = getKeyStr(startDate);
|
|
100
81
|
const disabled = disabledDates(focusedInput, startDateStr, props.startDates.disabledDates, props.endDates.disabledDates);
|
|
101
82
|
const dateN = getKeyStr(date);
|
|
@@ -144,7 +125,7 @@ const DateRangePicker = props => {
|
|
|
144
125
|
transitionDuration: 100,
|
|
145
126
|
numberOfMonths,
|
|
146
127
|
onOutsideClick,
|
|
147
|
-
isDayBlocked: d =>
|
|
128
|
+
isDayBlocked: d => isDayBlocked(d),
|
|
148
129
|
isDayHighlighted: d => isOfferValid(d),
|
|
149
130
|
initialVisibleMonth: initialMonth,
|
|
150
131
|
renderCalendarInfo
|
|
@@ -273,17 +254,8 @@ function buildMap(dates) {
|
|
|
273
254
|
if (!dates) {
|
|
274
255
|
return map;
|
|
275
256
|
}
|
|
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();
|
|
257
|
+
for (const d of dates) {
|
|
258
|
+
map[d] = 1;
|
|
287
259
|
}
|
|
288
260
|
return map;
|
|
289
261
|
}
|
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "DateRangePicker", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
8
|
+
get: function () {
|
|
9
9
|
return _DateRangePicker.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
var _DateRangePicker = _interopRequireDefault(require("./DateRangePicker"));
|
|
13
|
-
function _interopRequireDefault(
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
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
|
-
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
const colors = _theme.theme.colors;
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
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.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
|
-
|
|
12
|
-
function
|
|
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); }
|
|
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; }
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
16
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