@dfds-ui/react-components 2.2.0-alpha.07a3a716 → 2.2.0-alpha.3b2e3359
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 +10 -18
- 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 +26 -22
- package/cjs/accordion/AccordionContent.js +10 -8
- package/cjs/accordion/AccordionSmall.js +16 -13
- package/cjs/accordion/index.js +3 -3
- package/cjs/app-bar/AppBar.js +66 -44
- package/cjs/app-bar/AppBarContext.js +16 -3
- package/cjs/app-bar/AppBarDrawer.js +13 -11
- package/cjs/app-bar/AppBarIconButton.js +11 -8
- package/cjs/app-bar/AppBarItem.js +34 -19
- package/cjs/app-bar/AppBarListItem.js +1 -1
- package/cjs/app-bar/index.js +9 -9
- package/cjs/assertions/banner/Banner.js +45 -24
- package/cjs/assertions/banner/BannerAction.js +11 -9
- 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 +15 -11
- package/cjs/assertions/toast/Toaster.js +42 -22
- package/cjs/assertions/toast/index.js +6 -5
- package/cjs/badge/Badge.js +16 -11
- package/cjs/badge/index.js +4 -3
- package/cjs/button/BadgeIcon.js +1 -1
- package/cjs/button/BaseButton.js +1 -1
- package/cjs/button/Button.js +22 -15
- package/cjs/button/IconButton.js +29 -20
- package/cjs/button/LinkButton.js +4 -3
- package/cjs/button/index.js +9 -8
- package/cjs/button-stack/ButtonStack.js +14 -10
- package/cjs/button-stack/index.js +2 -2
- package/cjs/card/Card.js +39 -22
- package/cjs/card/CardActions.js +12 -8
- package/cjs/card/CardContent.js +15 -11
- package/cjs/card/CardMedia.js +10 -7
- package/cjs/card/CardPriceTag.js +12 -8
- package/cjs/card/CardTitle.js +13 -11
- package/cjs/card/index.js +7 -7
- package/cjs/chip/Chip.js +31 -15
- package/cjs/chip/index.js +4 -3
- package/cjs/common/LockBodyScroll.js +10 -7
- package/cjs/common/emotionCloneElement.js +8 -5
- package/cjs/common/polymorphic.js +5 -5
- package/cjs/common/use-media.js +10 -1
- package/cjs/counter/Counter.js +16 -5
- package/cjs/counter/PluralCounter.js +25 -12
- package/cjs/counter/index.js +3 -3
- package/cjs/data-table/DataTable.js +28 -16
- package/cjs/data-table/index.js +1 -1
- package/cjs/date-range-picker/DateRangePicker.js +57 -29
- 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 +17 -11
- package/cjs/drawer/index.js +1 -1
- package/cjs/dropdown-menu/Dropdown.js +34 -20
- package/cjs/dropdown-menu/DropdownContext.js +2 -1
- package/cjs/dropdown-menu/MenuCheckbox.js +4 -5
- package/cjs/dropdown-menu/MenuItem.js +32 -20
- package/cjs/dropdown-menu/MenuTitle.js +3 -4
- package/cjs/dropdown-menu/index.js +8 -7
- package/cjs/flexbox/FlexBox.js +12 -4
- 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 +21 -16
- package/cjs/forms/checkbox/ExampleControlComponent.js +19 -8
- 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 +17 -15
- package/cjs/forms/input/InputComposition.js +30 -25
- package/cjs/forms/label/Label.js +9 -7
- package/cjs/forms/number-field/NumberField.js +3 -3
- package/cjs/forms/password-field/PasswordField.js +14 -4
- package/cjs/forms/radio/Radio.js +34 -29
- package/cjs/forms/reactselect/ReactSelect.js +51 -42
- package/cjs/forms/searchable-select/AsyncSearchableSelect.js +34 -30
- package/cjs/forms/select/Select.js +14 -12
- package/cjs/forms/select-field/SelectField.js +17 -16
- package/cjs/forms/switch/Switch.js +17 -13
- package/cjs/forms/tel-field/TelField.js +3 -3
- package/cjs/forms/text-field/TextField.js +20 -19
- package/cjs/global-styles/GlobalStyles.js +1 -1
- package/cjs/global-styles/ResetStyles.js +1 -1
- package/cjs/grid/Column.js +12 -10
- package/cjs/grid/Container.js +13 -11
- 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 +20 -4
- 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 +12 -9
- package/cjs/lists/ListAddon.js +11 -8
- package/cjs/lists/ListDivider.js +11 -8
- package/cjs/lists/ListIcon.js +17 -14
- package/cjs/lists/ListItem.js +26 -17
- package/cjs/lists/ListText.js +13 -10
- package/cjs/lists/ListTextGroup.js +15 -11
- package/cjs/lists/ListTitle.js +9 -6
- 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 +15 -10
- package/cjs/localization/index.js +2 -2
- package/cjs/logo/Logo.js +10 -7
- package/cjs/logo/index.js +1 -1
- package/cjs/menu/Menu.js +22 -20
- package/cjs/menu/index.js +4 -3
- package/cjs/mobile-stepper/MobileStepper.js +14 -10
- package/cjs/mobile-stepper/index.js +2 -2
- package/cjs/nav-bar/NavBar.js +39 -26
- package/cjs/nav-bar/index.js +4 -3
- package/cjs/nav-menu/NavMenuItem.js +1 -1
- package/cjs/nav-menu/index.js +2 -2
- package/cjs/pagination/Pagination.js +8 -9
- package/cjs/pagination/index.js +1 -1
- package/cjs/popper/Popper.js +27 -23
- package/cjs/popper/index.js +2 -2
- package/cjs/progress-bar/ProgressBar.js +1 -1
- package/cjs/progress-bar/index.js +4 -3
- package/cjs/schedule/ScheduleItem.js +1 -1
- package/cjs/schedule/ScheduleList.js +8 -6
- package/cjs/schedule/index.js +3 -3
- package/cjs/side-sheet/SideSheet.js +48 -31
- package/cjs/side-sheet/SideSheetCloseButton.js +15 -10
- package/cjs/side-sheet/SideSheetContent.js +10 -7
- package/cjs/side-sheet/SideSheetFooter.js +10 -7
- package/cjs/side-sheet/SideSheetHeader.js +14 -10
- package/cjs/side-sheet/SideSheetHeadline.js +1 -1
- package/cjs/side-sheet/index.js +7 -6
- package/cjs/site-layout/SiteLayout.js +29 -26
- package/cjs/site-layout/index.js +4 -3
- package/cjs/skeleton/Skeleton.js +16 -12
- package/cjs/skeleton/index.js +1 -1
- package/cjs/social-media-link-list/SocialMediaLinkList.js +17 -15
- package/cjs/social-media-link-list/index.js +1 -1
- package/cjs/spinner/Spinner.js +14 -10
- package/cjs/spinner/index.js +1 -1
- package/cjs/step/Step.js +32 -23
- package/cjs/step/StepButton.js +14 -16
- package/cjs/step/StepContent.js +3 -4
- package/cjs/step/StepContext.js +1 -1
- package/cjs/step/StepLabel.js +4 -5
- package/cjs/step/index.js +2 -2
- package/cjs/stepper/Stepper.js +25 -15
- 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 +7 -6
- package/cjs/surface/Surface.js +21 -14
- package/cjs/surface/index.js +1 -1
- package/cjs/tab/Tab.js +16 -15
- package/cjs/tab/TabPanel.js +3 -4
- package/cjs/tab/Tabs.js +40 -23
- package/cjs/tab/TabsContext.js +2 -1
- package/cjs/tab/index.js +5 -5
- package/cjs/table/Table.js +13 -8
- package/cjs/table/TableBody.js +9 -6
- package/cjs/table/TableDataCell.js +11 -7
- package/cjs/table/TableHead.js +13 -11
- package/cjs/table/TableHeaderCell.js +11 -7
- package/cjs/table/TableRow.js +15 -12
- package/cjs/table/index.js +6 -6
- package/cjs/test/Test.js +1 -1
- package/cjs/tooltip/Tooltip.js +15 -13
- package/cjs/tooltip/index.js +4 -3
- package/cjs/typography/Headlines.js +13 -10
- 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,8 +8,15 @@ 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
|
|
11
|
+
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); }
|
|
12
|
+
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; }
|
|
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; }
|
|
13
20
|
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)."; }
|
|
14
21
|
const StyledCounter = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
|
|
15
22
|
target: "eef4fs64"
|
|
@@ -83,8 +90,12 @@ const IconToggler = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV
|
|
|
83
90
|
label: "IconToggler"
|
|
84
91
|
})(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= */"));
|
|
85
92
|
const Counter = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
86
|
-
|
|
87
|
-
const
|
|
93
|
+
var _props$initialVal, _props$currentVal, _props$name;
|
|
94
|
+
const startValue = (_props$initialVal = props.initialVal) !== null && _props$initialVal !== void 0 ? _props$initialVal : props.minVal;
|
|
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];
|
|
88
99
|
return (0, _react2.jsx)(StyledCounter, null, (0, _react2.jsx)(StyledIconContainer, {
|
|
89
100
|
onClick: () => {
|
|
90
101
|
if (!props.disableMin && counterValue - 1 >= props.minVal) {
|
|
@@ -103,7 +114,7 @@ const Counter = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
|
103
114
|
ref: ref,
|
|
104
115
|
tabIndex: 0,
|
|
105
116
|
type: "number",
|
|
106
|
-
name: props.name
|
|
117
|
+
name: (_props$name = props.name) !== null && _props$name !== void 0 ? _props$name : 'counter',
|
|
107
118
|
value: counterValue,
|
|
108
119
|
onChange: e => {
|
|
109
120
|
if (parseInt(e.target.value, 10) <= props.maxVal && parseInt(e.target.value, 10) >= props.minVal) {
|
|
@@ -8,9 +8,19 @@ 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
|
|
11
|
+
const _excluded = ["singularLabel", "pluralLabel", "executeOnChange"];
|
|
12
|
+
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); }
|
|
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
|
+
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; }
|
|
14
24
|
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)."; }
|
|
15
25
|
//Insert plural with max value as hidden to ensure rows are aligned. Assumes plural is longer than singular.
|
|
16
26
|
const WidthFix = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
|
|
@@ -27,16 +37,19 @@ const WidthFix = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ===
|
|
|
27
37
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb3VudGVyL1BsdXJhbENvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCMkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvdW50ZXIvUGx1cmFsQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIGZvcndhcmRSZWYsIEZvcndhcmRSZWZSZW5kZXJGdW5jdGlvbiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IENvdW50ZXIgZnJvbSAnLi9Db3VudGVyJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbnR5cGUgUGx1cmFsQ291bnRlclByb3BzID0ge1xuICBtaW5WYWw6IG51bWJlclxuICBtYXhWYWw6IG51bWJlclxuICBjdXJyZW50VmFsPzogbnVtYmVyXG4gIGluaXRpYWxWYWw/OiBudW1iZXJcbiAgc2luZ3VsYXJMYWJlbDogc3RyaW5nXG4gIG5hbWU/OiBzdHJpbmdcbiAgcGx1cmFsTGFiZWw6IHN0cmluZ1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxufVxuXG4vL0luc2VydCBwbHVyYWwgd2l0aCBtYXggdmFsdWUgYXMgaGlkZGVuIHRvIGVuc3VyZSByb3dzIGFyZSBhbGlnbmVkLiBBc3N1bWVzIHBsdXJhbCBpcyBsb25nZXIgdGhhbiBzaW5ndWxhci5cbmNvbnN0IFdpZHRoRml4ID0gc3R5bGVkLmRpdmBcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICBoZWlnaHQ6IDA7XG5gXG5cbmNvbnN0IFBsdXJhbENvdW50ZXI6IEZvcndhcmRSZWZSZW5kZXJGdW5jdGlvbjxIVE1MSW5wdXRFbGVtZW50LCBQbHVyYWxDb3VudGVyUHJvcHM+ID0gKFxuICB7IHNpbmd1bGFyTGFiZWwsIHBsdXJhbExhYmVsLCBleGVjdXRlT25DaGFuZ2UsIC4uLnJlc3QgfTogUGx1cmFsQ291bnRlclByb3BzLFxuICByZWZcbikgPT4ge1xuICBjb25zdCBMYWJlbCA9IChwOiB7IHZhbDogbnVtYmVyIH0pID0+IChcbiAgICA8ZGl2PlxuICAgICAge3AudmFsfSB7cC52YWwgPT09IDEgPyBzaW5ndWxhckxhYmVsIDogcGx1cmFsTGFiZWx9XG4gICAgICA8V2lkdGhGaXg+XG4gICAgICAgIHtyZXN0Lm1heFZhbH0ge3BsdXJhbExhYmVsfVxuICAgICAgPC9XaWR0aEZpeD5cbiAgICA8L2Rpdj5cbiAgKVxuXG4gIGNvbnN0IFtjdXJyZW50TGFiZWwsIHNldEN1cnJlbnRMYWJlbF0gPSB1c2VTdGF0ZSg8TGFiZWwgdmFsPXtyZXN0LmN1cnJlbnRWYWwgPz8gcmVzdC5pbml0aWFsVmFsID8/IHJlc3QubWluVmFsfSAvPilcbiAgY29uc3Qgb25DaGFuZ2UgPSAoczogbnVtYmVyKSA9PiB7XG4gICAgc2V0Q3VycmVudExhYmVsKDxMYWJlbCB2YWw9e3N9IC8+KVxuICAgIGlmIChleGVjdXRlT25DaGFuZ2UpIGV4ZWN1dGVPbkNoYW5nZShzKVxuICB9XG5cbiAgcmV0dXJuIDxDb3VudGVyIGV4ZWN1dGVPbkNoYW5nZT17b25DaGFuZ2V9IGxhYmVsPXtjdXJyZW50TGFiZWx9IHsuLi5yZXN0fSByZWY9e3JlZn0+PC9Db3VudGVyPlxufVxuXG5leHBvcnQgZGVmYXVsdCBmb3J3YXJkUmVmKFBsdXJhbENvdW50ZXIpXG4iXX0= */",
|
|
28
38
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
29
39
|
});
|
|
30
|
-
const PluralCounter = ({
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
40
|
+
const PluralCounter = (_ref, ref) => {
|
|
41
|
+
var _ref2, _rest$currentVal;
|
|
42
|
+
let singularLabel = _ref.singularLabel,
|
|
43
|
+
pluralLabel = _ref.pluralLabel,
|
|
44
|
+
executeOnChange = _ref.executeOnChange,
|
|
45
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
36
46
|
const Label = p => (0, _react2.jsx)("div", null, p.val, " ", p.val === 1 ? singularLabel : pluralLabel, (0, _react2.jsx)(WidthFix, null, rest.maxVal, " ", pluralLabel));
|
|
37
|
-
const
|
|
38
|
-
|
|
39
|
-
|
|
47
|
+
const _useState = (0, _react.useState)((0, _react2.jsx)(Label, {
|
|
48
|
+
val: (_ref2 = (_rest$currentVal = rest.currentVal) !== null && _rest$currentVal !== void 0 ? _rest$currentVal : rest.initialVal) !== null && _ref2 !== void 0 ? _ref2 : rest.minVal
|
|
49
|
+
})),
|
|
50
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
51
|
+
currentLabel = _useState2[0],
|
|
52
|
+
setCurrentLabel = _useState2[1];
|
|
40
53
|
const onChange = s => {
|
|
41
54
|
setCurrentLabel((0, _react2.jsx)(Label, {
|
|
42
55
|
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 get() {
|
|
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 get() {
|
|
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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -8,8 +8,19 @@ 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
|
-
|
|
11
|
+
const _excluded = ["children", "onChange", "columns", "data", "hasHeader"];
|
|
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; }
|
|
13
24
|
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 */");
|
|
14
25
|
const TOGGLE = 'toggle';
|
|
15
26
|
function reducer(model, action) {
|
|
@@ -24,15 +35,17 @@ function reducer(model, action) {
|
|
|
24
35
|
}
|
|
25
36
|
|
|
26
37
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
27
|
-
const DataTable =
|
|
28
|
-
children,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
38
|
+
const DataTable = _ref => {
|
|
39
|
+
let children = _ref.children,
|
|
40
|
+
onChange = _ref.onChange,
|
|
41
|
+
columns = _ref.columns,
|
|
42
|
+
data = _ref.data,
|
|
43
|
+
hasHeader = _ref.hasHeader,
|
|
44
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
45
|
+
const _useReducer = (0, _react.useReducer)(reducer, data),
|
|
46
|
+
_useReducer2 = _slicedToArray(_useReducer, 2),
|
|
47
|
+
model = _useReducer2[0],
|
|
48
|
+
dispatch = _useReducer2[1];
|
|
36
49
|
const dataKeys = Object.keys(model[0]);
|
|
37
50
|
const displayColumns = columns ? columns : dataKeys;
|
|
38
51
|
_react.default.useEffect(() => {
|
|
@@ -52,11 +65,10 @@ const DataTable = ({
|
|
|
52
65
|
key: i
|
|
53
66
|
}, dataKeys.map((key, y) => {
|
|
54
67
|
if (key === 'field') {
|
|
55
|
-
const
|
|
56
|
-
name,
|
|
57
|
-
value,
|
|
58
|
-
label
|
|
59
|
-
} = valueObj.field;
|
|
68
|
+
const _valueObj$field = valueObj.field,
|
|
69
|
+
name = _valueObj$field.name,
|
|
70
|
+
value = _valueObj$field.value,
|
|
71
|
+
label = _valueObj$field.label;
|
|
60
72
|
return (0, _react2.jsx)("td", {
|
|
61
73
|
key: y
|
|
62
74
|
}, (0, _react2.jsx)(_checkbox.Checkbox, {
|
package/cjs/data-table/index.js
CHANGED
|
@@ -11,37 +11,56 @@ 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 _useMedia2 = _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
|
|
19
|
+
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); }
|
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
21
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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
|
|
22
30
|
// Do a wrapper to support styled components: https://github.com/airbnb/react-dates/issues/1030#issuecomment-388227454
|
|
23
31
|
const DateRangePicker = props => {
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
const
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
32
|
+
const _useState = (0, _react.useState)(toMoment(props.startDates.initial)),
|
|
33
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
34
|
+
startDate = _useState2[0],
|
|
35
|
+
setStartDate = _useState2[1];
|
|
36
|
+
const _useState3 = (0, _react.useState)(toMoment(props.endDates.initial)),
|
|
37
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
38
|
+
endDate = _useState4[0],
|
|
39
|
+
setEndDate = _useState4[1];
|
|
40
|
+
const _useState5 = (0, _react.useState)(false),
|
|
41
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
42
|
+
showCalendar = _useState6[0],
|
|
43
|
+
setShowCalendar = _useState6[1];
|
|
44
|
+
const _useState7 = (0, _react.useState)('startDate'),
|
|
45
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
46
|
+
focusedInput = _useState8[0],
|
|
47
|
+
setFocusedInput = _useState8[1];
|
|
48
|
+
const _useMedia = (0, _useMedia2.default)(['(max-width: 64em)', '(min-width: 78.063em)'], [{
|
|
49
|
+
numberOfMonths: props.numberOfMobileMonths || 12,
|
|
50
|
+
mobileState: true,
|
|
51
|
+
size: 40
|
|
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;
|
|
45
64
|
_moment.default.locale(props.locale);
|
|
46
65
|
(0, _moment.default)().weekday(0);
|
|
47
66
|
(0, _react.useEffect)(() => {
|
|
@@ -76,7 +95,7 @@ const DateRangePicker = props => {
|
|
|
76
95
|
className: "dateRangePickerInfo__info"
|
|
77
96
|
}, props.infoLabel)) : '';
|
|
78
97
|
const disabledDates = (0, _miniMoize.miniMoize)((focusedInput, start, startDisabledDates, endDisabledDates) => buildMap(focusedInput !== 'endDate' ? startDisabledDates : (startDisabledDates || []).filter(d => d < start).concat(endDisabledDates)));
|
|
79
|
-
const
|
|
98
|
+
const _isDayBlocked = date => {
|
|
80
99
|
const startDateStr = getKeyStr(startDate);
|
|
81
100
|
const disabled = disabledDates(focusedInput, startDateStr, props.startDates.disabledDates, props.endDates.disabledDates);
|
|
82
101
|
const dateN = getKeyStr(date);
|
|
@@ -125,7 +144,7 @@ const DateRangePicker = props => {
|
|
|
125
144
|
transitionDuration: 100,
|
|
126
145
|
numberOfMonths,
|
|
127
146
|
onOutsideClick,
|
|
128
|
-
isDayBlocked: d =>
|
|
147
|
+
isDayBlocked: d => _isDayBlocked(d),
|
|
129
148
|
isDayHighlighted: d => isOfferValid(d),
|
|
130
149
|
initialVisibleMonth: initialMonth,
|
|
131
150
|
renderCalendarInfo
|
|
@@ -254,8 +273,17 @@ function buildMap(dates) {
|
|
|
254
273
|
if (!dates) {
|
|
255
274
|
return map;
|
|
256
275
|
}
|
|
257
|
-
|
|
258
|
-
|
|
276
|
+
var _iterator = _createForOfIteratorHelper(dates),
|
|
277
|
+
_step;
|
|
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();
|
|
259
287
|
}
|
|
260
288
|
return map;
|
|
261
289
|
}
|
|
@@ -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 get() {
|
|
9
9
|
return _DateRangePicker.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
var _DateRangePicker = _interopRequireDefault(require("./DateRangePicker"));
|
|
13
|
-
function _interopRequireDefault(
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
package/cjs/divider/Divider.js
CHANGED
|
@@ -8,11 +8,12 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _react2 = require("@emotion/react");
|
|
10
10
|
var _theme = require("@dfds-ui/theme");
|
|
11
|
-
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
} =
|
|
11
|
+
const _excluded = ["light", "indent", "margins"];
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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; }
|
|
16
|
+
const colors = _theme.theme.colors;
|
|
16
17
|
|
|
17
18
|
// Can be used to create a simple divider with a css border and still adhere to the colors defined for dividers.
|
|
18
19
|
const dividerBorder = (light, placement) => {
|
|
@@ -26,12 +27,11 @@ const StyledDivider = /*#__PURE__*/(0, _base.default)("hr", process.env.NODE_ENV
|
|
|
26
27
|
target: "e1rrvlkn0",
|
|
27
28
|
label: "StyledDivider"
|
|
28
29
|
})("border:none;background-color:", p => p.light ? colors.divider.light : colors.divider.dark, ";max-width:100%;height:1px;margin:0 ", p => p.margins ? _theme.theme.spacing.m : 0, " 0 ", p => p.margins || p.indent ? _theme.theme.spacing.m : 0, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kaXZpZGVyL0RpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDeUYiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2RpdmlkZXIvRGl2aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgRGl2aWRlclByb3BzID0ge1xuICAvL3RvZG86IGNvbnZlcnQgdG8gc3VyZmFjZSBjb25jZXB0IGFuZCByZW1vdmUgbGlnaHRcbiAgLyoqXG4gICAqIERpc3BsYXkgdGhlIERpdmlkZXIgaW4gXCJsaWdodFwiIG1vZGUuXG4gICAqL1xuICBsaWdodD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIERpc3BsYXkgdGhlIERpdmlkZXIgaW4gXCJpbmRlbnRcIiBzdHlsZVxuICAgKi9cbiAgaW5kZW50PzogYm9vbGVhblxuICAvKipcbiAgICogIERpc3BsYXkgdGhlIERpdmlkZXIgaW4gXCJtYXJnaW5cIiBzdHlsZVxuICAgKi9cbiAgbWFyZ2lucz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIENsYXNzIG5hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IHsgY29sb3JzIH0gPSB0aGVtZVxuXG4vLyBDYW4gYmUgdXNlZCB0byBjcmVhdGUgYSBzaW1wbGUgZGl2aWRlciB3aXRoIGEgY3NzIGJvcmRlciBhbmQgc3RpbGwgYWRoZXJlIHRvIHRoZSBjb2xvcnMgZGVmaW5lZCBmb3IgZGl2aWRlcnMuXG5leHBvcnQgY29uc3QgZGl2aWRlckJvcmRlciA9IChsaWdodD86IGJvb2xlYW4sIHBsYWNlbWVudD86ICd0b3AnIHwgJ2JvdHRvbScpID0+IHtcbiAgY29uc3QgYm9yZGVyID0gYDFweCBzb2xpZCAke2xpZ2h0ID8gY29sb3JzLmRpdmlkZXIubGlnaHQgOiBjb2xvcnMuZGl2aWRlci5kYXJrfWBcbiAgcmV0dXJuIGNzc2BcbiAgICBib3JkZXItdG9wOiAke3BsYWNlbWVudCA9PT0gJ3RvcCcgJiYgYm9yZGVyfTtcbiAgICBib3JkZXItYm90dG9tOiAke3BsYWNlbWVudCA9PT0gJ2JvdHRvbScgJiYgYm9yZGVyfTtcbiAgYFxufVxuXG5jb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkLmhyPHsgbGlnaHQ/OiBib29sZWFuOyBpbmRlbnQ/OiBib29sZWFuOyBtYXJnaW5zPzogYm9vbGVhbiB9PmBcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwKSA9PiAocC5saWdodCA/IGNvbG9ycy5kaXZpZGVyLmxpZ2h0IDogY29sb3JzLmRpdmlkZXIuZGFyayl9O1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMXB4O1xuICBtYXJnaW46IDAgJHsocCkgPT4gKHAubWFyZ2lucyA/IHRoZW1lLnNwYWNpbmcubSA6IDApfSAwICR7KHApID0+IChwLm1hcmdpbnMgfHwgcC5pbmRlbnQgPyB0aGVtZS5zcGFjaW5nLm0gOiAwKX07XG5gXG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyID0gKHsgbGlnaHQsIGluZGVudCwgbWFyZ2lucywgLi4ucmVzdCB9OiBEaXZpZGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIDxTdHlsZWREaXZpZGVyIGxpZ2h0PXtsaWdodH0gaW5kZW50PXtpbmRlbnR9IG1hcmdpbnM9e21hcmdpbnN9IHJvbGU9XCJzZXBhcmF0b3JcIiB7Li4ucmVzdH0gLz5cbn1cblxuZXhwb3J0IGRlZmF1bHQgRGl2aWRlclxuIl19 */"));
|
|
29
|
-
const Divider =
|
|
30
|
-
light,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}) => {
|
|
30
|
+
const Divider = _ref => {
|
|
31
|
+
let light = _ref.light,
|
|
32
|
+
indent = _ref.indent,
|
|
33
|
+
margins = _ref.margins,
|
|
34
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
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,8 +8,11 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
9
|
var _theme = require("@dfds-ui/theme");
|
|
10
10
|
var _arrow = _interopRequireDefault(require("../common/arrow"));
|
|
11
|
-
|
|
12
|
-
function
|
|
11
|
+
const _excluded = ["className", "children", "position", "verticalPosition", "showArrow", "elevation"];
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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; }
|
|
13
16
|
const getArrowPlacement = (vertical, horizontal) => {
|
|
14
17
|
return `${vertical ? vertical : 'top'}-${horizontal ? horizontal : 'left'}`;
|
|
15
18
|
};
|
|
@@ -19,15 +22,18 @@ const drawerStyles = ({
|
|
|
19
22
|
showArrow,
|
|
20
23
|
elevation
|
|
21
24
|
}) => /*#__PURE__*/(0, _react2.css)("z-index:1;position:absolute;height:auto;min-height:50px;left:", position === 'left' && 0, ";right:", position === 'right' && 0, ";min-width:112px;border-radius:2px;box-shadow:", _theme.theme.elevation[elevation], ";background-color:", _theme.theme.colors.surface.primary, ";display:grid;cursor:default;", !showArrow ? '' : (0, _arrow.default)(10, _theme.theme.colors.surface.primary, 20, getArrowPlacement(verticalPosition, position)), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:drawerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcmF3ZXIvRHJhd2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRFMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2RyYXdlci9EcmF3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IGFycm93LCB7IEFycm93UG9zaXRpb24gfSBmcm9tICcuLi9jb21tb24vYXJyb3cnXG5cbnR5cGUgSG9yaXpvbnRhbFBvc2l0aW9uID0gJ2xlZnQnIHwgJ3JpZ2h0J1xudHlwZSBWZXJ0aWNhbFBvc2l0aW9uID0gJ3RvcCcgfCAnYm90dG9tJ1xudHlwZSBFbGV2YXRpb24gPSBrZXlvZiB0eXBlb2YgdGhlbWUuZWxldmF0aW9uXG5cbmV4cG9ydCB0eXBlIERyYXdlclByb3BzID0ge1xuICAvKipcbiAgICogSG9yaXpvbnRhbCBwb3NpdGlvbiBvZiB0aGUgZHJhd2VyXG4gICAqL1xuICBwb3NpdGlvbj86IEhvcml6b250YWxQb3NpdGlvblxuXG4gIC8qKlxuICAgKiBTaG93IGFycm93IHRvIHZpc3VhbGx5IGluZGljYXRlIHRoZSByZWxhdGlvbiB0byBhIGNvbm5lY3RlZCBjb21wb25lbnRcbiAgICovXG4gIHNob3dBcnJvdz86IGJvb2xlYW5cbiAgLyoqXG4gICAqICBTZXQgdGhlIGBlbGV2YXRpb25gIGZvciB0aGUgRHJhd2VyLlxuICAgKi9cbiAgZWxldmF0aW9uPzogRWxldmF0aW9uXG5cbiAgLyoqXG4gICAqIFZlcnRpY2FsIHBvc2l0aW9uIG9mIHRoZSBkcmF3ZXIgaW4gcmVsYXRpb24gdG8gYSBjb25uZWN0ZWQgY29tcG9uZW50LlxuICAgKiBXaWxsIG9ubHkgYmUgdXNlZCBmb3IgcGxhY2luZyB0aGUgYXJyb3cgb24gZWl0aGVyIHRoZSBgdG9wYCBvciBgYm90dG9tYFxuICAgKi9cbiAgdmVydGljYWxQb3NpdGlvbj86IFZlcnRpY2FsUG9zaXRpb25cblxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgZ2V0QXJyb3dQbGFjZW1lbnQgPSAodmVydGljYWw6IFZlcnRpY2FsUG9zaXRpb24sIGhvcml6b250YWw6IEhvcml6b250YWxQb3NpdGlvbik6IEFycm93UG9zaXRpb24gPT4ge1xuICByZXR1cm4gYCR7dmVydGljYWwgPyB2ZXJ0aWNhbCA6ICd0b3AnfS0ke2hvcml6b250YWwgPyBob3Jpem9udGFsIDogJ2xlZnQnfWAgYXMgQXJyb3dQb3NpdGlvblxufVxuXG5jb25zdCBkcmF3ZXJTdHlsZXMgPSAoe1xuICBwb3NpdGlvbixcbiAgdmVydGljYWxQb3NpdGlvbixcbiAgc2hvd0Fycm93LFxuICBlbGV2YXRpb24sXG59OiB7XG4gIHBvc2l0aW9uOiBIb3Jpem9udGFsUG9zaXRpb25cbiAgdmVydGljYWxQb3NpdGlvbjogVmVydGljYWxQb3NpdGlvblxuICBzaG93QXJyb3c6IGJvb2xlYW5cbiAgZWxldmF0aW9uOiBFbGV2YXRpb25cbn0pID0+IGNzc2BcbiAgei1pbmRleDogMTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBoZWlnaHQ6IGF1dG87XG4gIG1pbi1oZWlnaHQ6IDUwcHg7XG4gIGxlZnQ6ICR7cG9zaXRpb24gPT09ICdsZWZ0JyAmJiAwfTtcbiAgcmlnaHQ6ICR7cG9zaXRpb24gPT09ICdyaWdodCcgJiYgMH07XG4gIG1pbi13aWR0aDogMTEycHg7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bZWxldmF0aW9uXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgJHshc2hvd0Fycm93ID8gJycgOiBhcnJvdygxMCwgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeSwgMjAsIGdldEFycm93UGxhY2VtZW50KHZlcnRpY2FsUG9zaXRpb24sIHBvc2l0aW9uKSl9XG5gXG5cbmV4cG9ydCBjb25zdCBEcmF3ZXIgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBEcmF3ZXJQcm9wcz4oXG4gIChcbiAgICB7IGNsYXNzTmFtZSwgY2hpbGRyZW4sIHBvc2l0aW9uID0gJ2xlZnQnLCB2ZXJ0aWNhbFBvc2l0aW9uID0gJ2JvdHRvbScsIHNob3dBcnJvdyA9IHRydWUsIGVsZXZhdGlvbiA9ICc0JywgLi4ucmVzdCB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtkcmF3ZXJTdHlsZXMoeyBwb3NpdGlvbiwgdmVydGljYWxQb3NpdGlvbiwgc2hvd0Fycm93LCBlbGV2YXRpb24gfSl9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgID5cbiAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgRHJhd2VyXG4iXX0= */");
|
|
22
|
-
const Drawer = /*#__PURE__*/_react.default.forwardRef(({
|
|
23
|
-
className,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
25
|
+
const Drawer = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
|
|
26
|
+
let className = _ref.className,
|
|
27
|
+
children = _ref.children,
|
|
28
|
+
_ref$position = _ref.position,
|
|
29
|
+
position = _ref$position === void 0 ? 'left' : _ref$position,
|
|
30
|
+
_ref$verticalPosition = _ref.verticalPosition,
|
|
31
|
+
verticalPosition = _ref$verticalPosition === void 0 ? 'bottom' : _ref$verticalPosition,
|
|
32
|
+
_ref$showArrow = _ref.showArrow,
|
|
33
|
+
showArrow = _ref$showArrow === void 0 ? true : _ref$showArrow,
|
|
34
|
+
_ref$elevation = _ref.elevation,
|
|
35
|
+
elevation = _ref$elevation === void 0 ? '4' : _ref$elevation,
|
|
36
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
31
37
|
return (0, _react2.jsx)("div", _extends({
|
|
32
38
|
className: className,
|
|
33
39
|
css: drawerStyles({
|
package/cjs/drawer/index.js
CHANGED