@dfds-ui/react-components 1.1.14-alpha.4d56eb1c → 1.1.14-alpha.5d09d611
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 +26 -34
- package/accordion/AccordionContent.js +3 -8
- package/accordion/AccordionSmall.js +14 -22
- package/app-bar/AppBar.js +40 -73
- package/app-bar/AppBarContext.js +6 -17
- package/app-bar/AppBarDrawer.js +3 -12
- package/app-bar/AppBarIconButton.js +4 -12
- package/app-bar/AppBarItem.js +17 -43
- package/app-bar/AppBarListItem.js +0 -2
- package/assertions/banner/Banner.js +36 -75
- package/assertions/banner/BannerAction.js +3 -13
- package/assertions/banner/BannerTypography.js +0 -6
- package/assertions/toast/Toast.js +6 -22
- package/assertions/toast/Toaster.js +10 -48
- package/badge/Badge.js +9 -17
- package/button/BadgeIcon.js +1 -1
- package/button/BaseButton.d.ts +1 -1
- package/button/BaseButton.js +0 -2
- package/button/Button.js +14 -38
- package/button/IconButton.js +23 -49
- package/button/LinkButton.js +0 -1
- package/button/button-style.d.ts +7 -7
- package/button/button-style.js +0 -1
- package/button/index.js +2 -1
- package/button-stack/ButtonStack.js +9 -21
- package/card/Card.js +32 -85
- package/card/CardActions.js +1 -9
- package/card/CardContent.js +2 -10
- package/card/CardMedia.js +4 -14
- package/card/CardPriceTag.js +4 -17
- package/card/CardTitle.js +5 -15
- package/chip/Chip.js +16 -40
- package/cjs/accordion/Accordion.js +19 -41
- package/cjs/accordion/AccordionContent.js +3 -15
- package/cjs/accordion/AccordionSmall.js +9 -30
- package/cjs/accordion/index.js +0 -6
- package/cjs/app-bar/AppBar.js +40 -82
- package/cjs/app-bar/AppBarContext.js +6 -25
- package/cjs/app-bar/AppBarDrawer.js +3 -21
- package/cjs/app-bar/AppBarIconButton.js +4 -17
- package/cjs/app-bar/AppBarItem.js +16 -56
- package/cjs/app-bar/AppBarListItem.js +0 -6
- package/cjs/app-bar/index.js +0 -7
- package/cjs/assertions/banner/Banner.js +28 -81
- package/cjs/assertions/banner/BannerAction.js +3 -21
- package/cjs/assertions/banner/BannerTypography.js +0 -12
- package/cjs/assertions/banner/index.js +0 -6
- package/cjs/assertions/index.js +0 -4
- package/cjs/assertions/toast/Toast.js +6 -28
- package/cjs/assertions/toast/Toaster.js +9 -50
- package/cjs/assertions/toast/index.js +0 -5
- package/cjs/badge/Badge.js +9 -24
- package/cjs/badge/index.js +0 -4
- package/cjs/button/BadgeIcon.js +0 -6
- package/cjs/button/BaseButton.d.ts +1 -1
- package/cjs/button/BaseButton.js +0 -8
- package/cjs/button/Button.js +14 -39
- package/cjs/button/IconButton.js +23 -57
- package/cjs/button/LinkButton.js +0 -10
- package/cjs/button/button-style.d.ts +7 -7
- package/cjs/button/button-style.js +0 -4
- package/cjs/button/index.js +0 -10
- package/cjs/button-stack/ButtonStack.js +7 -23
- package/cjs/button-stack/index.js +0 -2
- package/cjs/card/Card.js +34 -91
- package/cjs/card/CardActions.js +1 -15
- package/cjs/card/CardContent.js +2 -15
- package/cjs/card/CardMedia.js +4 -17
- package/cjs/card/CardPriceTag.js +4 -16
- package/cjs/card/CardTitle.js +5 -21
- package/cjs/card/index.js +0 -7
- package/cjs/chip/Chip.js +15 -47
- package/cjs/chip/index.js +0 -4
- package/cjs/common/LockBodyScroll.js +3 -21
- package/cjs/common/arrow.d.ts +1 -1
- package/cjs/common/arrow.js +2 -8
- package/cjs/common/emotionCloneElement.js +0 -6
- package/cjs/common/intent.js +0 -8
- package/cjs/common/miniMoize.js +0 -7
- package/cjs/common/polymorphic.js +2 -8
- package/cjs/common/use-media.js +16 -23
- package/cjs/common/useOnClickOutside.js +1 -10
- package/cjs/common/utils.d.ts +3 -3
- package/cjs/common/utils.js +0 -5
- package/cjs/counter/Counter.js +3 -26
- package/cjs/counter/PluralCounter.js +8 -35
- package/cjs/counter/index.js +0 -3
- package/cjs/data-table/DataTable.js +15 -42
- package/cjs/data-table/index.js +0 -2
- package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +1 -1
- package/cjs/date-range-picker/DatePickerDefaultStyles.js +0 -3
- package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +1 -1
- package/cjs/date-range-picker/DatePickerDfdsStyles.js +0 -3
- package/cjs/date-range-picker/DateRangePicker.js +34 -88
- package/cjs/date-range-picker/index.js +0 -2
- package/cjs/divider/Divider.d.ts +1 -1
- package/cjs/divider/Divider.js +5 -18
- package/cjs/divider/index.js +0 -2
- package/cjs/drawer/Drawer.js +10 -24
- package/cjs/drawer/index.js +0 -2
- package/cjs/dropdown-menu/Dropdown.js +17 -58
- package/cjs/dropdown-menu/DropdownContext.js +0 -11
- package/cjs/dropdown-menu/MenuCheckbox.js +1 -15
- package/cjs/dropdown-menu/MenuItem.d.ts +2 -2
- package/cjs/dropdown-menu/MenuItem.js +17 -51
- package/cjs/dropdown-menu/MenuTitle.js +1 -14
- package/cjs/dropdown-menu/index.js +0 -8
- package/cjs/elevation/index.d.ts +1 -1
- package/cjs/elevation/index.js +0 -10
- package/cjs/flexbox/FlexBox.d.ts +1 -1
- package/cjs/flexbox/FlexBox.js +6 -23
- package/cjs/flexbox/index.js +0 -2
- package/cjs/footer/Footer.js +0 -8
- package/cjs/footer/index.js +0 -2
- package/cjs/forms/assistive-text/AssistiveText.js +0 -5
- package/cjs/forms/asterisk/Asterisk.js +0 -8
- package/cjs/forms/checkbox/Checkbox.js +14 -34
- package/cjs/forms/checkbox/ExampleControlComponent.js +5 -23
- package/cjs/forms/checkbox/index.js +0 -2
- package/cjs/forms/email-field/EmailField.js +0 -9
- package/cjs/forms/error-text/ErrorText.js +0 -8
- package/cjs/forms/field/Field.js +0 -9
- package/cjs/forms/index.js +0 -19
- package/cjs/forms/input/Input.js +13 -35
- package/cjs/forms/input/InputComposition.d.ts +1 -1
- package/cjs/forms/input/InputComposition.js +22 -47
- package/cjs/forms/label/Label.js +3 -17
- package/cjs/forms/number-field/NumberField.js +2 -11
- package/cjs/forms/password-field/PasswordField.js +3 -25
- package/cjs/forms/radio/Radio.js +9 -26
- package/cjs/forms/reactselect/ReactSelect.js +33 -64
- package/cjs/forms/searchable-select/AsyncSearchableSelect.js +27 -45
- package/cjs/forms/select/Select.js +10 -30
- package/cjs/forms/select-field/SelectField.js +12 -32
- package/cjs/forms/switch/Switch.js +15 -33
- package/cjs/forms/tel-field/TelField.js +1 -9
- package/cjs/forms/text-field/TextField.js +15 -36
- package/cjs/global-styles/GlobalStyles.js +1 -12
- package/cjs/global-styles/ResetStyles.js +0 -7
- package/cjs/global-styles/sanitize.d.ts +1 -1
- package/cjs/global-styles/sanitize.js +0 -3
- package/cjs/grid/Column.js +5 -16
- package/cjs/grid/Container.js +3 -23
- package/cjs/grid/index.js +0 -3
- package/cjs/hero/Hero.js +0 -12
- package/cjs/hero/index.js +0 -2
- package/cjs/hero/stripes.js +0 -6
- package/cjs/ie-banner/IEBanner.js +9 -27
- package/cjs/ie-banner/index.js +0 -2
- package/cjs/index.js +0 -85
- package/cjs/layout/LayoutLegacy.js +0 -7
- package/cjs/lists/FeatureList.js +5 -18
- package/cjs/lists/ListAddon.js +4 -16
- package/cjs/lists/ListDivider.js +4 -16
- package/cjs/lists/ListIcon.js +9 -23
- package/cjs/lists/ListItem.d.ts +1 -1
- package/cjs/lists/ListItem.js +19 -35
- package/cjs/lists/ListText.js +8 -25
- package/cjs/lists/ListTextGroup.js +8 -20
- package/cjs/lists/ListTitle.js +2 -15
- package/cjs/lists/index.js +0 -9
- package/cjs/loader/DfdsLoader.js +0 -13
- package/cjs/loader/Loader.js +0 -10
- package/cjs/loader/index.js +0 -3
- package/cjs/localization/LocaleFlag.js +3 -18
- package/cjs/localization/index.js +0 -4
- package/cjs/localization/locales.js +1 -5
- package/cjs/logo/Logo.js +1 -17
- package/cjs/logo/index.js +0 -2
- package/cjs/media/index.js +0 -2
- package/cjs/menu/Menu.js +13 -34
- package/cjs/menu/index.js +0 -4
- package/cjs/mobile-stepper/MobileStepper.js +7 -23
- package/cjs/mobile-stepper/index.js +0 -2
- package/cjs/nav-bar/NavBar.js +23 -56
- package/cjs/nav-bar/index.js +0 -4
- package/cjs/nav-menu/NavMenuItem.js +0 -10
- package/cjs/nav-menu/index.js +0 -2
- package/cjs/pagination/Pagination.js +3 -22
- package/cjs/pagination/Pagination.styles.d.ts +6 -6
- package/cjs/pagination/Pagination.styles.js +0 -4
- package/cjs/pagination/index.js +0 -2
- package/cjs/popper/Popper.js +17 -35
- package/cjs/popper/index.js +0 -2
- package/cjs/progress-bar/ProgressBar.js +0 -11
- package/cjs/progress-bar/index.js +0 -4
- package/cjs/schedule/ScheduleItem.js +0 -8
- package/cjs/schedule/ScheduleList.js +1 -13
- package/cjs/schedule/index.js +0 -3
- package/cjs/side-sheet/SideSheet.js +32 -66
- package/cjs/side-sheet/SideSheetCloseButton.js +8 -21
- package/cjs/side-sheet/SideSheetContent.js +2 -14
- package/cjs/side-sheet/SideSheetFooter.js +2 -14
- package/cjs/side-sheet/SideSheetHeader.js +5 -19
- package/cjs/side-sheet/SideSheetHeadline.js +0 -7
- package/cjs/side-sheet/index.js +0 -7
- package/cjs/site-layout/SiteLayout.js +16 -39
- package/cjs/site-layout/index.js +0 -4
- package/cjs/skeleton/Skeleton.js +1 -15
- package/cjs/skeleton/index.js +0 -2
- package/cjs/social-media-link-list/SocialMediaLinkList.js +10 -24
- package/cjs/social-media-link-list/index.js +0 -2
- package/cjs/spinner/Spinner.js +9 -25
- package/cjs/spinner/index.js +0 -2
- package/cjs/step/Step.js +21 -44
- package/cjs/step/Step.styles.d.ts +4 -4
- package/cjs/step/Step.styles.js +0 -4
- package/cjs/step/StepButton.js +9 -27
- package/cjs/step/StepContent.js +1 -12
- package/cjs/step/StepContext.js +0 -4
- package/cjs/step/StepLabel.js +2 -12
- package/cjs/step/index.js +0 -2
- package/cjs/stepper/Stepper.js +8 -31
- package/cjs/stepper/StepperContext.js +0 -4
- package/cjs/stepper/index.js +0 -2
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +0 -8
- package/cjs/stepper-feedback-message/index.js +0 -2
- package/cjs/styles/index.js +0 -6
- package/cjs/styles/media.js +1 -7
- package/cjs/styles/rem.js +0 -2
- package/cjs/styles/style-helpers.d.ts +1 -1
- package/cjs/styles/style-helpers.js +0 -5
- package/cjs/styles/theme.js +0 -3
- package/cjs/surface/Surface.js +6 -36
- package/cjs/surface/index.js +0 -2
- package/cjs/tab/Tab.js +7 -25
- package/cjs/tab/TabPanel.js +1 -10
- package/cjs/tab/Tabs.js +22 -60
- package/cjs/tab/TabsContext.js +0 -11
- package/cjs/tab/index.js +0 -6
- package/cjs/table/Table.js +5 -20
- package/cjs/table/TableBody.js +1 -11
- package/cjs/table/TableDataCell.js +3 -17
- package/cjs/table/TableHead.d.ts +1 -1
- package/cjs/table/TableHead.js +3 -17
- package/cjs/table/TableHeaderCell.d.ts +1 -1
- package/cjs/table/TableHeaderCell.js +3 -18
- package/cjs/table/TableRow.js +5 -19
- package/cjs/table/index.js +0 -12
- package/cjs/test/Test.js +0 -5
- package/cjs/tooltip/Tooltip.js +8 -29
- package/cjs/tooltip/index.js +0 -3
- package/cjs/typography/Headlines.d.ts +4 -4
- package/cjs/typography/Headlines.js +8 -22
- package/cjs/typography/Text.js +0 -4
- package/cjs/typography/index.js +0 -4
- package/common/LockBodyScroll.js +9 -19
- package/common/arrow.d.ts +1 -1
- package/common/arrow.js +2 -8
- package/common/emotionCloneElement.js +2 -6
- package/common/intent.js +0 -6
- package/common/miniMoize.js +0 -6
- package/common/polymorphic.js +5 -6
- package/common/use-media.js +17 -22
- package/common/useOnClickOutside.js +0 -7
- package/common/utils.d.ts +3 -3
- package/common/utils.js +0 -5
- package/counter/Counter.js +3 -24
- package/counter/PluralCounter.js +8 -27
- package/data-table/DataTable.js +15 -37
- package/date-range-picker/DatePickerDefaultStyles.d.ts +1 -1
- package/date-range-picker/DatePickerDefaultStyles.js +2 -3
- package/date-range-picker/DatePickerDfdsStyles.d.ts +1 -1
- package/date-range-picker/DateRangePicker.js +37 -78
- package/divider/Divider.d.ts +1 -1
- package/divider/Divider.js +5 -11
- package/drawer/Drawer.js +13 -21
- package/dropdown-menu/Dropdown.js +17 -46
- package/dropdown-menu/DropdownContext.js +1 -5
- package/dropdown-menu/MenuCheckbox.js +10 -16
- package/dropdown-menu/MenuItem.d.ts +2 -2
- package/dropdown-menu/MenuItem.js +17 -41
- package/dropdown-menu/MenuTitle.js +4 -11
- package/elevation/index.d.ts +1 -1
- package/elevation/index.js +2 -9
- package/flexbox/FlexBox.d.ts +1 -1
- package/flexbox/FlexBox.js +6 -18
- package/footer/Footer.js +2 -7
- package/forms/assistive-text/AssistiveText.js +0 -2
- package/forms/asterisk/Asterisk.js +0 -3
- package/forms/checkbox/Checkbox.js +14 -27
- package/forms/checkbox/ExampleControlComponent.js +5 -19
- package/forms/email-field/EmailField.js +2 -5
- package/forms/error-text/ErrorText.js +0 -6
- package/forms/field/Field.js +3 -10
- package/forms/input/Input.js +13 -31
- package/forms/input/InputComposition.d.ts +1 -1
- package/forms/input/InputComposition.js +24 -43
- package/forms/label/Label.js +3 -11
- package/forms/number-field/NumberField.js +2 -5
- package/forms/password-field/PasswordField.js +3 -17
- package/forms/radio/Radio.js +9 -19
- package/forms/reactselect/ReactSelect.js +33 -51
- package/forms/searchable-select/AsyncSearchableSelect.js +27 -36
- package/forms/select/Select.js +10 -24
- package/forms/select-field/SelectField.js +12 -21
- package/forms/switch/Switch.js +15 -30
- package/forms/tel-field/TelField.js +2 -5
- package/forms/text-field/TextField.js +15 -23
- package/global-styles/GlobalStyles.js +11 -12
- package/global-styles/ResetStyles.js +1 -4
- package/global-styles/sanitize.d.ts +1 -1
- package/global-styles/sanitize.js +0 -1
- package/grid/Column.js +5 -12
- package/grid/Container.js +5 -16
- package/hero/Hero.js +0 -16
- package/hero/stripes.js +0 -2
- package/ie-banner/IEBanner.js +12 -26
- package/layout/LayoutLegacy.js +8 -10
- package/lists/FeatureList.js +5 -12
- package/lists/ListAddon.js +4 -11
- package/lists/ListDivider.js +4 -11
- package/lists/ListIcon.js +10 -19
- package/lists/ListItem.d.ts +1 -1
- package/lists/ListItem.js +24 -31
- package/lists/ListText.js +10 -23
- package/lists/ListTextGroup.js +8 -15
- package/lists/ListTitle.js +2 -11
- package/loader/DfdsLoader.js +3 -9
- package/loader/Loader.js +0 -10
- package/localization/LocaleFlag.js +3 -8
- package/localization/locales.js +1 -4
- package/logo/Logo.js +1 -9
- package/menu/Menu.js +13 -26
- package/mobile-stepper/MobileStepper.js +7 -24
- package/nav-bar/NavBar.js +23 -46
- package/nav-menu/NavMenuItem.js +6 -12
- package/package.json +13 -13
- package/pagination/Pagination.js +14 -26
- package/pagination/Pagination.styles.d.ts +6 -6
- package/pagination/Pagination.styles.js +0 -3
- package/popper/Popper.js +17 -28
- package/progress-bar/ProgressBar.js +6 -13
- package/schedule/ScheduleItem.js +2 -4
- package/schedule/ScheduleList.js +1 -8
- package/side-sheet/SideSheet.js +38 -62
- package/side-sheet/SideSheetCloseButton.js +8 -13
- package/side-sheet/SideSheetContent.js +2 -7
- package/side-sheet/SideSheetFooter.js +2 -7
- package/side-sheet/SideSheetHeader.js +5 -10
- package/side-sheet/SideSheetHeadline.js +1 -1
- package/site-layout/SiteLayout.js +16 -31
- package/skeleton/Skeleton.js +1 -12
- package/social-media-link-list/SocialMediaLinkList.js +10 -15
- package/spinner/Spinner.js +9 -22
- package/step/Step.js +21 -29
- package/step/Step.styles.d.ts +4 -4
- package/step/Step.styles.js +2 -2
- package/step/StepButton.js +11 -22
- package/step/StepContent.js +1 -8
- package/step/StepLabel.js +3 -9
- package/stepper/Stepper.js +8 -19
- package/stepper-feedback-message/StepperFeedbackMessage.js +0 -4
- package/styles/media.js +1 -5
- package/styles/style-helpers.d.ts +1 -1
- package/styles/style-helpers.js +2 -3
- package/surface/Surface.js +7 -21
- package/tab/Tab.js +7 -18
- package/tab/TabPanel.js +2 -7
- package/tab/Tabs.js +24 -52
- package/tab/TabsContext.js +1 -3
- package/table/Table.js +5 -12
- package/table/TableBody.js +1 -6
- package/table/TableDataCell.js +3 -10
- package/table/TableHead.d.ts +1 -1
- package/table/TableHead.js +3 -10
- package/table/TableHeaderCell.d.ts +1 -1
- package/table/TableHeaderCell.js +3 -10
- package/table/TableRow.js +5 -13
- package/tooltip/Tooltip.js +19 -29
- package/typography/Headlines.d.ts +4 -4
- package/typography/Headlines.js +8 -13
- package/typography/Text.js +0 -2
|
@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.SubHeadline = exports.SmallHeadline = exports.SectionHeadline = exports.HeroHeadline = exports.Headline = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
|
|
7
|
-
|
|
8
7
|
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _react2 = require("@emotion/react");
|
|
13
|
-
|
|
14
10
|
var _styles = require("./../styles");
|
|
15
|
-
|
|
16
11
|
var _theme = require("@dfds-ui/theme");
|
|
17
|
-
|
|
18
12
|
const _excluded = ["as", "styledAs", "className", "noMargin", "children"];
|
|
19
|
-
|
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
22
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
|
-
|
|
24
15
|
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; }
|
|
25
|
-
|
|
26
16
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
27
|
-
|
|
28
17
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
29
|
-
|
|
30
18
|
const marginStyles = process.env.NODE_ENV === "production" ? {
|
|
31
19
|
name: "1woa6zv",
|
|
32
20
|
styles: "margin:0 0 16px 0"
|
|
@@ -87,25 +75,23 @@ const H4 = /*#__PURE__*/(0, _base.default)("h4", process.env.NODE_ENV === "produ
|
|
|
87
75
|
noMargin
|
|
88
76
|
}) => noMargin && noMarginStyles, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUUwQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdHlwb2dyYXBoeS9IZWFkbGluZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGxlZ2FjeU1lZGlhIGFzIG1lZGlhIH0gZnJvbSAnLi8uLi9zdHlsZXMnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIEhlYWRsaW5lUHJvcHMgPSBSZWFjdC5Qcm9wc1dpdGhvdXRSZWY8SlNYLkludHJpbnNpY0VsZW1lbnRzWydoMSddPiAmIHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBub01hcmdpbj86IGJvb2xlYW5cbn1cblxuY29uc3QgbWFyZ2luU3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDAgMCAxNnB4IDA7XG5gXG5cbmNvbnN0IG5vTWFyZ2luU3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IGhlYWRsaW5lU3R5bGVzID0ge1xuICBoMTogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICBmb250LXNpemU6IDUwcHg7XG4gICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgICBsaW5lLWhlaWdodDogMS4yO1xuICAgICR7bWVkaWEubHQoJ3NtJyl9IHtcbiAgICAgIGZvbnQtc2l6ZTogMzBweDtcbiAgICB9XG4gIGAsXG4gIGgyOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGZvbnQtc2l6ZTogMjhweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBsaW5lLWhlaWdodDogMS4yO1xuICBgLFxuICBoMzogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBmb250LXNpemU6IDI2cHg7XG4gICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgICBsaW5lLWhlaWdodDogMS4xNTtcbiAgYCxcbiAgaDQ6IGNzc2BcbiAgICAke21hcmdpblN0eWxlc307XG4gICAgZm9udC1zaXplOiAyMHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjQ7XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBIMSA9IHN0eWxlZC5oMTxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oMX1cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEgyID0gc3R5bGVkLmgyPEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmgyfVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGxpbmVQcm9wcz5gXG4gICR7aGVhZGxpbmVTdHlsZXMuaDN9XG4gICR7KHsgbm9NYXJnaW4gfSkgPT4gbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXN9XG5gXG5cbmV4cG9ydCBjb25zdCBINCA9IHN0eWxlZC5oNDxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oNH1cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEhlYWRsaW5lOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7XG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgc3R5bGVkQXM/OiBrZXlvZiB0eXBlb2YgaGVhZGxpbmVTdHlsZXNcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIG5vTWFyZ2luPzogYm9vbGVhblxufT4gPSAoeyBhcyA9ICdoMScsIHN0eWxlZEFzLCBjbGFzc05hbWUsIG5vTWFyZ2luLCBjaGlsZHJlbiwgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IEggPSBhc1xuICBjb25zdCBzdHlsZSA9IHN0eWxlZEFzXG4gICAgPyBzdHlsZWRBc1xuICAgIDogdHlwZW9mIGFzID09PSAnc3RyaW5nJyAmJiBhcyBpbiBoZWFkbGluZVN0eWxlc1xuICAgID8gKGFzIGFzIGtleW9mIHR5cGVvZiBoZWFkbGluZVN0eWxlcylcbiAgICA6ICdoMSdcblxuICByZXR1cm4gKFxuICAgIDxIIGNzcz17W2hlYWRsaW5lU3R5bGVzW3N0eWxlXSwgbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXNdfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSD5cbiAgKVxufVxuXG4vLyBBbGlhc2VzXG5leHBvcnQgY29uc3QgSGVyb0hlYWRsaW5lID0gSDFcbmV4cG9ydCBjb25zdCBTZWN0aW9uSGVhZGxpbmUgPSBIMlxuZXhwb3J0IGNvbnN0IFN1YkhlYWRsaW5lID0gSDNcbmV4cG9ydCBjb25zdCBTbWFsbEhlYWRsaW5lID0gSDRcbiJdfQ== */"));
|
|
89
77
|
exports.H4 = H4;
|
|
90
|
-
|
|
91
78
|
const Headline = _ref => {
|
|
92
79
|
let _ref$as = _ref.as,
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
80
|
+
as = _ref$as === void 0 ? 'h1' : _ref$as,
|
|
81
|
+
styledAs = _ref.styledAs,
|
|
82
|
+
className = _ref.className,
|
|
83
|
+
noMargin = _ref.noMargin,
|
|
84
|
+
children = _ref.children,
|
|
85
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
100
86
|
const H = as;
|
|
101
87
|
const style = styledAs ? styledAs : typeof as === 'string' && as in headlineStyles ? as : 'h1';
|
|
102
88
|
return (0, _react2.jsx)(H, _extends({
|
|
103
89
|
css: [headlineStyles[style], noMargin && noMarginStyles, process.env.NODE_ENV === "production" ? "" : ";label:Headline;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0ZPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgbGVnYWN5TWVkaWEgYXMgbWVkaWEgfSBmcm9tICcuLy4uL3N0eWxlcydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgSGVhZGxpbmVQcm9wcyA9IFJlYWN0LlByb3BzV2l0aG91dFJlZjxKU1guSW50cmluc2ljRWxlbWVudHNbJ2gxJ10+ICYge1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIG5vTWFyZ2luPzogYm9vbGVhblxufVxuXG5jb25zdCBtYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMCAwIDE2cHggMDtcbmBcblxuY29uc3Qgbm9NYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgaGVhZGxpbmVTdHlsZXMgPSB7XG4gIGgxOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgIGZvbnQtc2l6ZTogNTBweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gICAgJHttZWRpYS5sdCgnc20nKX0ge1xuICAgICAgZm9udC1zaXplOiAzMHB4O1xuICAgIH1cbiAgYCxcbiAgaDI6IGNzc2BcbiAgICAke21hcmdpblN0eWxlc307XG4gICAgZm9udC1zaXplOiAyOHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gIGAsXG4gIGgzOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGZvbnQtc2l6ZTogMjZweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjE1O1xuICBgLFxuICBoNDogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBmb250LXNpemU6IDIwcHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmgxfVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGxpbmVQcm9wcz5gXG4gICR7aGVhZGxpbmVTdHlsZXMuaDJ9XG4gICR7KHsgbm9NYXJnaW4gfSkgPT4gbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXN9XG5gXG5cbmV4cG9ydCBjb25zdCBIMyA9IHN0eWxlZC5oMzxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oM31cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEg0ID0gc3R5bGVkLmg0PEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmg0fVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSGVhZGxpbmU6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBzdHlsZWRBcz86IGtleW9mIHR5cGVvZiBoZWFkbGluZVN0eWxlc1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgbm9NYXJnaW4/OiBib29sZWFuXG59PiA9ICh7IGFzID0gJ2gxJywgc3R5bGVkQXMsIGNsYXNzTmFtZSwgbm9NYXJnaW4sIGNoaWxkcmVuLCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgSCA9IGFzXG4gIGNvbnN0IHN0eWxlID0gc3R5bGVkQXNcbiAgICA/IHN0eWxlZEFzXG4gICAgOiB0eXBlb2YgYXMgPT09ICdzdHJpbmcnICYmIGFzIGluIGhlYWRsaW5lU3R5bGVzXG4gICAgPyAoYXMgYXMga2V5b2YgdHlwZW9mIGhlYWRsaW5lU3R5bGVzKVxuICAgIDogJ2gxJ1xuXG4gIHJldHVybiAoXG4gICAgPEggY3NzPXtbaGVhZGxpbmVTdHlsZXNbc3R5bGVdLCBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc119IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9IPlxuICApXG59XG5cbi8vIEFsaWFzZXNcbmV4cG9ydCBjb25zdCBIZXJvSGVhZGxpbmUgPSBIMVxuZXhwb3J0IGNvbnN0IFNlY3Rpb25IZWFkbGluZSA9IEgyXG5leHBvcnQgY29uc3QgU3ViSGVhZGxpbmUgPSBIM1xuZXhwb3J0IGNvbnN0IFNtYWxsSGVhZGxpbmUgPSBINFxuIl19 */"],
|
|
104
90
|
className: className
|
|
105
91
|
}, rest), children);
|
|
106
|
-
};
|
|
107
|
-
|
|
92
|
+
};
|
|
108
93
|
|
|
94
|
+
// Aliases
|
|
109
95
|
exports.Headline = Headline;
|
|
110
96
|
const HeroHeadline = H1;
|
|
111
97
|
exports.HeroHeadline = HeroHeadline;
|
package/cjs/typography/Text.js
CHANGED
|
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Text = void 0;
|
|
7
|
-
|
|
8
7
|
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
9
|
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)."; }
|
|
13
|
-
|
|
14
10
|
// TODO: Refine and align with specs
|
|
15
11
|
const Text = /*#__PURE__*/(0, _base.default)("p", process.env.NODE_ENV === "production" ? {
|
|
16
12
|
target: "e1gks3kq0"
|
package/cjs/typography/index.js
CHANGED
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _Headlines = require("./Headlines");
|
|
8
|
-
|
|
9
7
|
Object.keys(_Headlines).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _Headlines[key]) return;
|
|
@@ -16,9 +14,7 @@ Object.keys(_Headlines).forEach(function (key) {
|
|
|
16
14
|
}
|
|
17
15
|
});
|
|
18
16
|
});
|
|
19
|
-
|
|
20
17
|
var _Text = require("./Text");
|
|
21
|
-
|
|
22
18
|
Object.keys(_Text).forEach(function (key) {
|
|
23
19
|
if (key === "default" || key === "__esModule") return;
|
|
24
20
|
if (key in exports && exports[key] === _Text[key]) return;
|
package/common/LockBodyScroll.js
CHANGED
|
@@ -1,22 +1,18 @@
|
|
|
1
1
|
var _excluded = ["enabled", "children"];
|
|
2
|
-
|
|
3
2
|
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); }
|
|
4
|
-
|
|
5
3
|
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; }
|
|
6
|
-
|
|
7
4
|
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; }
|
|
8
|
-
|
|
9
5
|
import React from 'react';
|
|
10
6
|
import { Global, css } from '@emotion/react';
|
|
11
7
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
12
8
|
var LockBodyScrollComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
13
9
|
var _ref$bodyClassNameApp = _ref.bodyClassNameApplied,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
10
|
+
bodyClassNameApplied = _ref$bodyClassNameApp === void 0 ? 'body-scroll-locked' : _ref$bodyClassNameApp,
|
|
11
|
+
_ref$htmlClassNameApp = _ref.htmlClassNameApplied,
|
|
12
|
+
htmlClassNameApplied = _ref$htmlClassNameApp === void 0 ? 'html-scroll-locked' : _ref$htmlClassNameApp,
|
|
13
|
+
_ref$preserveScrollPo = _ref.preserveScrollPosition,
|
|
14
|
+
preserveScrollPosition = _ref$preserveScrollPo === void 0 ? true : _ref$preserveScrollPo,
|
|
15
|
+
children = _ref.children;
|
|
20
16
|
React.useImperativeHandle(ref, function () {
|
|
21
17
|
return {
|
|
22
18
|
getGap: function getGap() {
|
|
@@ -27,13 +23,10 @@ var LockBodyScrollComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref)
|
|
|
27
23
|
React.useLayoutEffect(function () {
|
|
28
24
|
if (typeof document === 'undefined') return;
|
|
29
25
|
var originalTop = window.getComputedStyle(document.body).top; //is this really needed ?
|
|
30
|
-
|
|
31
26
|
var scrollY = window.scrollY || window.pageYOffset;
|
|
32
|
-
|
|
33
27
|
if (preserveScrollPosition) {
|
|
34
28
|
document.body.style.top = "".concat(-scrollY, "px");
|
|
35
29
|
}
|
|
36
|
-
|
|
37
30
|
var bodyWidthBefore = window.getComputedStyle(document.body).width;
|
|
38
31
|
document.documentElement.classList.add(htmlClassNameApplied);
|
|
39
32
|
document.body.classList.add(bodyClassNameApplied);
|
|
@@ -47,11 +40,9 @@ var LockBodyScrollComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref)
|
|
|
47
40
|
document.body.classList.remove(bodyClassNameApplied);
|
|
48
41
|
document.body.style.paddingRight = '';
|
|
49
42
|
document.body.style.top = originalTop;
|
|
50
|
-
|
|
51
43
|
if (preserveScrollPosition) {
|
|
52
44
|
window.scrollTo(0, parseInt(scrollY || '0') * -1);
|
|
53
45
|
}
|
|
54
|
-
|
|
55
46
|
delete document.body.dataset.lockBodyScrollGap;
|
|
56
47
|
};
|
|
57
48
|
}, [bodyClassNameApplied, htmlClassNameApplied, preserveScrollPosition]);
|
|
@@ -61,10 +52,9 @@ var LockBodyScrollComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref)
|
|
|
61
52
|
});
|
|
62
53
|
export var LockBodyScroll = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
63
54
|
var _ref2$enabled = _ref2.enabled,
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
55
|
+
enabled = _ref2$enabled === void 0 ? true : _ref2$enabled,
|
|
56
|
+
children = _ref2.children,
|
|
57
|
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
68
58
|
return enabled ? ___EmotionJSX(LockBodyScrollComponent, _extends({}, rest, {
|
|
69
59
|
ref: ref
|
|
70
60
|
}), children) : ___EmotionJSX(React.Fragment, null, children);
|
package/common/arrow.d.ts
CHANGED
|
@@ -3,4 +3,4 @@ export declare type ArrowPosition = 'top-left' | 'top-right' | 'bottom-left' | '
|
|
|
3
3
|
* Create css for an arrow
|
|
4
4
|
* A <div> tag must surround {children} to work
|
|
5
5
|
*/
|
|
6
|
-
export default function arrow(size: number, color: string, offset?: number, position?: ArrowPosition): import("@emotion/
|
|
6
|
+
export default function arrow(size: number, color: string, offset?: number, position?: ArrowPosition): import("@emotion/utils").SerializedStyles;
|
package/common/arrow.js
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
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)."; }
|
|
2
|
-
|
|
3
2
|
import { css } from '@emotion/react';
|
|
4
|
-
|
|
5
3
|
function px(size) {
|
|
6
4
|
return "".concat(size, "px");
|
|
7
|
-
}
|
|
8
|
-
|
|
5
|
+
}
|
|
9
6
|
|
|
7
|
+
// currently limited positions
|
|
10
8
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
11
9
|
name: "abcix4",
|
|
12
10
|
styles: "top:0"
|
|
@@ -16,7 +14,6 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
16
14
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURXIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZnVuY3Rpb24gcHgoc2l6ZTogbnVtYmVyKSB7XG4gIHJldHVybiBgJHtzaXplfXB4YFxufVxuXG4vLyBjdXJyZW50bHkgbGltaXRlZCBwb3NpdGlvbnNcbmV4cG9ydCB0eXBlIEFycm93UG9zaXRpb24gPSAndG9wLWxlZnQnIHwgJ3RvcC1yaWdodCcgfCAnYm90dG9tLWxlZnQnIHwgJ2JvdHRvbS1yaWdodCdcblxuLyoqXG4gKiBDcmVhdGUgY3NzIGZvciBhbiBhcnJvd1xuICogQSA8ZGl2PiB0YWcgbXVzdCBzdXJyb3VuZCB7Y2hpbGRyZW59IHRvIHdvcmtcbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gYXJyb3coXG4gIHNpemU6IG51bWJlcixcbiAgY29sb3I6IHN0cmluZyxcblxuICBvZmZzZXQgPSAyMCxcbiAgcG9zaXRpb246IEFycm93UG9zaXRpb24gPSAndG9wLXJpZ2h0J1xuKSB7XG4gIGNvbnN0IGRlZ1RvUmFkID0gKHg6IG51bWJlcikgPT4ge1xuICAgIHJldHVybiAoeCAvIDE4MCkgKiBNYXRoLlBJXG4gIH1cbiAgY29uc3QgY2FsY3VsYXRlZFNpemUgPSBNYXRoLnNpbihkZWdUb1JhZCg0NSkpICogc2l6ZVxuXG4gIGNvbnN0IHNoYWRvdyA9IDhcblxuICBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgY29udGVudDogJyc7XG4gICAgd2lkdGg6IDA7XG4gICAgaGVpZ2h0OiAwO1xuICBgXG5cbiAgcmV0dXJuIGNzc2BcbiAgICA6OmJlZm9yZSB7XG4gICAgICAke2Jhc2V9XG4gICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCd0b3AnKSA/ICdib3R0b20nIDogJ3RvcCd9OiAke3B4KC1jYWxjdWxhdGVkU2l6ZSl9O1xuICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnbGVmdCcpID8gJ2xlZnQnIDogJ3JpZ2h0J306ICR7cHgob2Zmc2V0KX07XG4gICAgICBib3JkZXI6ICR7cHgoY2FsY3VsYXRlZFNpemUpfSBzb2xpZDtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn0gJHtjb2xvcn0gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgICAgYm94LXNoYWRvdzogMCAwICR7cHgoc2hhZG93KX0gMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG4gICAgfVxuXG4gICAgPiBkaXYge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgcGFkZGluZzogNXB4IDA7XG4gICAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yfTtcbiAgICAgIDo6YmVmb3JlIHtcbiAgICAgICAgJHtiYXNlfVxuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCdib3R0b20nKSAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICBgfVxuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCd0b3AnKSA/ICdib3R0b20nIDogJ3RvcCd9OiAke3B4KC1jYWxjdWxhdGVkU2l6ZSl9O1xuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCdsZWZ0JykgPyAnbGVmdCcgOiAncmlnaHQnfTogJHtweChvZmZzZXQpfTtcbiAgICAgICAgYm9yZGVyOiAke3B4KGNhbGN1bGF0ZWRTaXplKX0gc29saWQ7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn0gJHtjb2xvcn0gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC00NWRlZyk7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxufVxuIl19 */",
|
|
17
15
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
18
16
|
};
|
|
19
|
-
|
|
20
17
|
var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
21
18
|
name: "f16dz6",
|
|
22
19
|
styles: "position:absolute;display:inline-block;content:'';width:0;height:0"
|
|
@@ -26,7 +23,6 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
|
26
23
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJrQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tbW9uL2Fycm93LnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmZ1bmN0aW9uIHB4KHNpemU6IG51bWJlcikge1xuICByZXR1cm4gYCR7c2l6ZX1weGBcbn1cblxuLy8gY3VycmVudGx5IGxpbWl0ZWQgcG9zaXRpb25zXG5leHBvcnQgdHlwZSBBcnJvd1Bvc2l0aW9uID0gJ3RvcC1sZWZ0JyB8ICd0b3AtcmlnaHQnIHwgJ2JvdHRvbS1sZWZ0JyB8ICdib3R0b20tcmlnaHQnXG5cbi8qKlxuICogQ3JlYXRlIGNzcyBmb3IgYW4gYXJyb3dcbiAqIEEgPGRpdj4gdGFnIG11c3Qgc3Vycm91bmQge2NoaWxkcmVufSB0byB3b3JrXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGFycm93KFxuICBzaXplOiBudW1iZXIsXG4gIGNvbG9yOiBzdHJpbmcsXG5cbiAgb2Zmc2V0ID0gMjAsXG4gIHBvc2l0aW9uOiBBcnJvd1Bvc2l0aW9uID0gJ3RvcC1yaWdodCdcbikge1xuICBjb25zdCBkZWdUb1JhZCA9ICh4OiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gKHggLyAxODApICogTWF0aC5QSVxuICB9XG4gIGNvbnN0IGNhbGN1bGF0ZWRTaXplID0gTWF0aC5zaW4oZGVnVG9SYWQoNDUpKSAqIHNpemVcblxuICBjb25zdCBzaGFkb3cgPSA4XG5cbiAgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHdpZHRoOiAwO1xuICAgIGhlaWdodDogMDtcbiAgYFxuXG4gIHJldHVybiBjc3NgXG4gICAgOjpiZWZvcmUge1xuICAgICAgJHtiYXNlfVxuICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygndG9wJykgPyAnYm90dG9tJyA6ICd0b3AnfTogJHtweCgtY2FsY3VsYXRlZFNpemUpfTtcbiAgICAgICR7cG9zaXRpb24uaW5jbHVkZXMoJ2xlZnQnKSA/ICdsZWZ0JyA6ICdyaWdodCd9OiAke3B4KG9mZnNldCl9O1xuICAgICAgYm9yZGVyOiAke3B4KGNhbGN1bGF0ZWRTaXplKX0gc29saWQ7XG4gICAgICBib3JkZXItY29sb3I6ICR7Y29sb3J9ICR7Y29sb3J9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTQ1ZGVnKTtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAke3B4KHNoYWRvdyl9IDAgcmdiYSgwLCAwLCAwLCAwLjEyKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cblxuICAgID4gZGl2IHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHBhZGRpbmc6IDVweCAwO1xuICAgICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG4gICAgICA6OmJlZm9yZSB7XG4gICAgICAgICR7YmFzZX1cbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnYm90dG9tJykgJiZcbiAgICAgICAgY3NzYFxuICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgYH1cbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygndG9wJykgPyAnYm90dG9tJyA6ICd0b3AnfTogJHtweCgtY2FsY3VsYXRlZFNpemUpfTtcbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnbGVmdCcpID8gJ2xlZnQnIDogJ3JpZ2h0J306ICR7cHgob2Zmc2V0KX07XG4gICAgICAgIGJvcmRlcjogJHtweChjYWxjdWxhdGVkU2l6ZSl9IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Y29sb3J9ICR7Y29sb3J9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbn1cbiJdfQ== */",
|
|
27
24
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
28
25
|
};
|
|
29
|
-
|
|
30
26
|
/**
|
|
31
27
|
* Create css for an arrow
|
|
32
28
|
* A <div> tag must surround {children} to work
|
|
@@ -34,11 +30,9 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
|
34
30
|
export default function arrow(size, color) {
|
|
35
31
|
var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 20;
|
|
36
32
|
var position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'top-right';
|
|
37
|
-
|
|
38
33
|
var degToRad = function degToRad(x) {
|
|
39
34
|
return x / 180 * Math.PI;
|
|
40
35
|
};
|
|
41
|
-
|
|
42
36
|
var calculatedSize = Math.sin(degToRad(45)) * size;
|
|
43
37
|
var shadow = 8;
|
|
44
38
|
var base = _ref2;
|
|
@@ -1,20 +1,16 @@
|
|
|
1
1
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2
|
-
|
|
3
2
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
-
|
|
5
3
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
4
|
+
import { jsx } from '@emotion/react';
|
|
6
5
|
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
// https://github.com/emotion-js/emotion/issues/1404
|
|
9
7
|
var emotionCloneElement = function emotionCloneElement(element, config) {
|
|
10
8
|
for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
|
|
11
9
|
children[_key - 2] = arguments[_key];
|
|
12
10
|
}
|
|
13
|
-
|
|
14
11
|
return jsx.apply(void 0, [element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] ? element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] : element.type, _objectSpread(_objectSpread({
|
|
15
12
|
key: element.key !== null ? element.key : undefined,
|
|
16
13
|
ref: element.ref
|
|
17
14
|
}, element.props), config)].concat(children));
|
|
18
15
|
};
|
|
19
|
-
|
|
20
16
|
export default emotionCloneElement;
|
package/common/intent.js
CHANGED
|
@@ -2,20 +2,15 @@ import { theme } from '@dfds-ui/theme';
|
|
|
2
2
|
export function getIntentColor() {
|
|
3
3
|
var intent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'info';
|
|
4
4
|
var muted = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
5
|
-
|
|
6
5
|
switch (intent) {
|
|
7
6
|
case 'none':
|
|
8
7
|
return theme.colors.surface.secondary;
|
|
9
|
-
|
|
10
8
|
case 'info':
|
|
11
9
|
return muted ? theme.colors.status.infomuted : theme.colors.status.info;
|
|
12
|
-
|
|
13
10
|
case 'critical':
|
|
14
11
|
return muted ? theme.colors.status.alertmuted : theme.colors.status.alert;
|
|
15
|
-
|
|
16
12
|
case 'success':
|
|
17
13
|
return muted ? theme.colors.status.successmuted : theme.colors.status.success;
|
|
18
|
-
|
|
19
14
|
case 'warning':
|
|
20
15
|
return muted ? theme.colors.status.warningmuted : theme.colors.status.warning;
|
|
21
16
|
}
|
|
@@ -24,7 +19,6 @@ export function getIntentTextColor(intent) {
|
|
|
24
19
|
switch (intent) {
|
|
25
20
|
case 'none':
|
|
26
21
|
return theme.colors.text.dark.primary;
|
|
27
|
-
|
|
28
22
|
case 'info':
|
|
29
23
|
case 'critical':
|
|
30
24
|
case 'success':
|
package/common/miniMoize.js
CHANGED
|
@@ -2,30 +2,24 @@
|
|
|
2
2
|
export function miniMoize(fn) {
|
|
3
3
|
var cache = null;
|
|
4
4
|
var cacheArgs = null;
|
|
5
|
-
|
|
6
5
|
function wrapper() {
|
|
7
6
|
if (cacheArgs && eq(arguments)) {
|
|
8
7
|
return cache;
|
|
9
8
|
}
|
|
10
|
-
|
|
11
9
|
cache = fn.apply(void 0, arguments);
|
|
12
10
|
cacheArgs = arguments;
|
|
13
11
|
return cache;
|
|
14
12
|
}
|
|
15
|
-
|
|
16
13
|
function eq(arg) {
|
|
17
14
|
if (arg.length !== cacheArgs.length) {
|
|
18
15
|
return false;
|
|
19
16
|
}
|
|
20
|
-
|
|
21
17
|
for (var i = 0; i < arg.length; i++) {
|
|
22
18
|
if (arg[i] !== cacheArgs[i]) {
|
|
23
19
|
return false;
|
|
24
20
|
}
|
|
25
21
|
}
|
|
26
|
-
|
|
27
22
|
return true;
|
|
28
23
|
}
|
|
29
|
-
|
|
30
24
|
return wrapper;
|
|
31
25
|
}
|
package/common/polymorphic.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
|
+
function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
|
|
1
2
|
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); }
|
|
3
|
+
import React from 'react';
|
|
4
|
+
|
|
5
|
+
// TODO: Move this to future core package
|
|
2
6
|
|
|
3
|
-
import React from 'react'; // TODO: Move this to future core package
|
|
4
7
|
// TODO: Consider changing to this pattern:
|
|
5
8
|
// https://blog.andrewbran.ch/polymorphic-react-components/
|
|
6
|
-
|
|
7
9
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
8
|
-
|
|
9
10
|
/**
|
|
10
11
|
* Given a PolymorphicComponent and a desired RenderComponent this function will returns are new component where the
|
|
11
12
|
* polymorphic prop will point to the provided `RenderComponent`.
|
|
@@ -22,12 +23,10 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
|
22
23
|
*/
|
|
23
24
|
export function withRenderAs(PolymorphicComponent, RenderComponent) {
|
|
24
25
|
var Component = function Component(_ref) {
|
|
25
|
-
var props = _extends({}, _ref);
|
|
26
|
-
|
|
26
|
+
var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
27
27
|
return ___EmotionJSX(PolymorphicComponent, _extends({
|
|
28
28
|
as: RenderComponent
|
|
29
29
|
}, props));
|
|
30
30
|
};
|
|
31
|
-
|
|
32
31
|
return Component;
|
|
33
32
|
}
|
package/common/use-media.js
CHANGED
|
@@ -1,56 +1,51 @@
|
|
|
1
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
|
|
3
2
|
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."); }
|
|
4
|
-
|
|
5
3
|
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); }
|
|
6
|
-
|
|
7
4
|
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; }
|
|
8
|
-
|
|
9
5
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
10
|
-
|
|
11
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
import { useEffect, useState } from 'react';
|
|
8
|
+
// from https://github.com/gragland/usehooks
|
|
14
9
|
|
|
15
10
|
export default function useMedia(queries, values, defaultValue) {
|
|
16
11
|
// Array containing a media query list for each query
|
|
17
12
|
var mediaQueryLists = typeof window !== 'undefined' ? queries.map(function (q) {
|
|
18
13
|
return window.matchMedia(q);
|
|
19
|
-
}) : [];
|
|
14
|
+
}) : [];
|
|
20
15
|
|
|
16
|
+
// Function that gets value based on matching media query
|
|
21
17
|
var getValue = function getValue() {
|
|
22
18
|
// Get index of first media query that matches
|
|
23
19
|
var index = mediaQueryLists.findIndex(function (mql) {
|
|
24
20
|
return mql.matches;
|
|
25
|
-
});
|
|
26
|
-
|
|
21
|
+
});
|
|
22
|
+
// Return related value or defaultValue if none
|
|
27
23
|
return typeof values[index] !== 'undefined' ? values[index] : defaultValue;
|
|
28
|
-
};
|
|
29
|
-
|
|
24
|
+
};
|
|
30
25
|
|
|
26
|
+
// State and setter for matched value
|
|
31
27
|
var _useState = useState(getValue),
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
28
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
29
|
+
value = _useState2[0],
|
|
30
|
+
setValue = _useState2[1];
|
|
36
31
|
useEffect(function () {
|
|
37
32
|
// Event listener callback
|
|
38
33
|
// Note: By defining getValue outside of useEffect we ensure that it has ...
|
|
39
34
|
// ... current values of hook args (as this hook only runs on mount/dismount).
|
|
40
35
|
var handler = function handler() {
|
|
41
36
|
return setValue(getValue);
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
|
|
37
|
+
};
|
|
38
|
+
// Set a listener for each media query with above handler as callback.
|
|
45
39
|
mediaQueryLists.forEach(function (mql) {
|
|
46
40
|
return mql.addListener(handler);
|
|
47
|
-
});
|
|
48
|
-
|
|
41
|
+
});
|
|
42
|
+
// Remove listeners on cleanup
|
|
49
43
|
return function () {
|
|
50
44
|
return mediaQueryLists.forEach(function (mql) {
|
|
51
45
|
return mql.removeListener(handler);
|
|
52
46
|
});
|
|
53
|
-
};
|
|
47
|
+
};
|
|
48
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
54
49
|
}, []); // Empty array ensures effect is only run on mount and unmount
|
|
55
50
|
|
|
56
51
|
return value;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/* eslint-disable react-hooks/exhaustive-deps */
|
|
2
|
-
|
|
3
2
|
/* eslint-disable react-hooks/rules-of-hooks */
|
|
4
3
|
import { useEffect, useRef } from 'react';
|
|
5
4
|
var MOUSEDOWN = 'mousedown';
|
|
@@ -7,25 +6,20 @@ var TOUCHSTART = 'touchstart';
|
|
|
7
6
|
var events = [MOUSEDOWN, TOUCHSTART];
|
|
8
7
|
export default function useOnClickOutside(ref, handler) {
|
|
9
8
|
var isBrowser = typeof document !== 'undefined';
|
|
10
|
-
|
|
11
9
|
if (!isBrowser) {
|
|
12
10
|
return;
|
|
13
11
|
}
|
|
14
|
-
|
|
15
12
|
var handlerRef = useLatest(handler);
|
|
16
13
|
useEffect(function () {
|
|
17
14
|
if (!handler) {
|
|
18
15
|
return;
|
|
19
16
|
}
|
|
20
|
-
|
|
21
17
|
var listener = function listener(event) {
|
|
22
18
|
if (!ref.current || !handlerRef.current || ref.current.contains(event.target)) {
|
|
23
19
|
return;
|
|
24
20
|
}
|
|
25
|
-
|
|
26
21
|
handlerRef.current(event);
|
|
27
22
|
};
|
|
28
|
-
|
|
29
23
|
events.forEach(function (event) {
|
|
30
24
|
document.addEventListener(event, listener);
|
|
31
25
|
});
|
|
@@ -36,7 +30,6 @@ export default function useOnClickOutside(ref, handler) {
|
|
|
36
30
|
};
|
|
37
31
|
}, [!handler]);
|
|
38
32
|
}
|
|
39
|
-
|
|
40
33
|
function useLatest(value) {
|
|
41
34
|
var ref = useRef(value);
|
|
42
35
|
useEffect(function () {
|
package/common/utils.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare function ie11MinHeightFix(minHeight?: string): import("@emotion/
|
|
2
|
-
export declare function onlyIE(strings: TemplateStringsArray, ...args: any): import("@emotion/
|
|
3
|
-
export declare function onlyChrome(strings: TemplateStringsArray, ...args: any): import("@emotion/
|
|
1
|
+
export declare function ie11MinHeightFix(minHeight?: string): import("@emotion/utils").SerializedStyles | undefined;
|
|
2
|
+
export declare function onlyIE(strings: TemplateStringsArray, ...args: any): import("@emotion/utils").SerializedStyles;
|
|
3
|
+
export declare function onlyChrome(strings: TemplateStringsArray, ...args: any): import("@emotion/utils").SerializedStyles;
|
package/common/utils.js
CHANGED
|
@@ -1,26 +1,21 @@
|
|
|
1
1
|
var _templateObject;
|
|
2
|
-
|
|
3
2
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
4
|
-
|
|
5
3
|
import { css } from '@emotion/react';
|
|
6
4
|
export function ie11MinHeightFix(minHeight) {
|
|
7
5
|
if (typeof minHeight === 'undefined') {
|
|
8
6
|
return undefined;
|
|
9
7
|
}
|
|
10
|
-
|
|
11
8
|
return /*#__PURE__*/css(onlyIE(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n &:before {\n content: '';\n height: ", ";\n }"])), minHeight), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ie11MinHeightFix;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTVkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbW1vbi91dGlscy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgZnVuY3Rpb24gaWUxMU1pbkhlaWdodEZpeChtaW5IZWlnaHQ/OiBzdHJpbmcpIHtcbiAgaWYgKHR5cGVvZiBtaW5IZWlnaHQgPT09ICd1bmRlZmluZWQnKSB7XG4gICAgcmV0dXJuIHVuZGVmaW5lZFxuICB9XG4gIHJldHVybiBjc3NgXG4gICAgLyogRml4IElFMTEgbWluLWhlaWdodCBhbGlnbi1pdGVtcyBmbGV4Ym94IGJ1ZyAqL1xuICAgICR7b25seUlFYFxuICAgICAgJjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgaGVpZ2h0OiAke21pbkhlaWdodH07XG4gICAgICB9YH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUlFKHN0cmluZ3M6IFRlbXBsYXRlU3RyaW5nc0FycmF5LCAuLi5hcmdzOiBhbnkpIHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAbWVkaWEgYWxsIGFuZCAoLW1zLWhpZ2gtY29udHJhc3Q6IG5vbmUpLCAoLW1zLWhpZ2gtY29udHJhc3Q6IGFjdGl2ZSkge1xuICAgICAgJHtjc3Moc3RyaW5ncywgLi4uYXJncyl9XG4gICAgfVxuICBgXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBvbmx5Q2hyb21lKHN0cmluZ3M6IFRlbXBsYXRlU3RyaW5nc0FycmF5LCAuLi5hcmdzOiBhbnkpIHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAc3VwcG9ydHMgKC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZSkgYW5kIChub3QgKG92ZXJmbG93OiAtd2Via2l0LW1hcnF1ZWUpKSBhbmQgKG5vdCAoLW1zLWltZS1hbGlnbjogYXV0bykpIGFuZFxuICAgICAgKG5vdCAoLW1vei1hcHBlYXJhbmNlOiBub25lKSkge1xuICAgICAgJHtjc3Moc3RyaW5ncywgLi4uYXJncyl9XG4gICAgfVxuICBgXG59XG4iXX0= */");
|
|
12
9
|
}
|
|
13
10
|
export function onlyIE(strings) {
|
|
14
11
|
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
15
12
|
args[_key - 1] = arguments[_key];
|
|
16
13
|
}
|
|
17
|
-
|
|
18
14
|
return /*#__PURE__*/css("@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){", /*#__PURE__*/css.apply(void 0, [strings].concat(args)), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:onlyIE;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJZIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGZ1bmN0aW9uIGllMTFNaW5IZWlnaHRGaXgobWluSGVpZ2h0Pzogc3RyaW5nKSB7XG4gIGlmICh0eXBlb2YgbWluSGVpZ2h0ID09PSAndW5kZWZpbmVkJykge1xuICAgIHJldHVybiB1bmRlZmluZWRcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIC8qIEZpeCBJRTExIG1pbi1oZWlnaHQgYWxpZ24taXRlbXMgZmxleGJveCBidWcgKi9cbiAgICAke29ubHlJRWBcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIGhlaWdodDogJHttaW5IZWlnaHR9O1xuICAgICAgfWB9XG4gIGBcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIG9ubHlJRShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQG1lZGlhIGFsbCBhbmQgKC1tcy1oaWdoLWNvbnRyYXN0OiBub25lKSwgKC1tcy1oaWdoLWNvbnRyYXN0OiBhY3RpdmUpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUNocm9tZShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQHN1cHBvcnRzICgtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmUpIGFuZCAobm90IChvdmVyZmxvdzogLXdlYmtpdC1tYXJxdWVlKSkgYW5kIChub3QgKC1tcy1pbWUtYWxpZ246IGF1dG8pKSBhbmRcbiAgICAgIChub3QgKC1tb3otYXBwZWFyYW5jZTogbm9uZSkpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuIl19 */");
|
|
19
15
|
}
|
|
20
16
|
export function onlyChrome(strings) {
|
|
21
17
|
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
|
22
18
|
args[_key2 - 1] = arguments[_key2];
|
|
23
19
|
}
|
|
24
|
-
|
|
25
20
|
return /*#__PURE__*/css("@supports (-webkit-appearance: none) and (not (overflow: -webkit-marquee)) and (not (-ms-ime-align: auto)) and (not (-moz-appearance: none)){", /*#__PURE__*/css.apply(void 0, [strings].concat(args)), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:onlyChrome;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJZIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGZ1bmN0aW9uIGllMTFNaW5IZWlnaHRGaXgobWluSGVpZ2h0Pzogc3RyaW5nKSB7XG4gIGlmICh0eXBlb2YgbWluSGVpZ2h0ID09PSAndW5kZWZpbmVkJykge1xuICAgIHJldHVybiB1bmRlZmluZWRcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIC8qIEZpeCBJRTExIG1pbi1oZWlnaHQgYWxpZ24taXRlbXMgZmxleGJveCBidWcgKi9cbiAgICAke29ubHlJRWBcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIGhlaWdodDogJHttaW5IZWlnaHR9O1xuICAgICAgfWB9XG4gIGBcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIG9ubHlJRShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQG1lZGlhIGFsbCBhbmQgKC1tcy1oaWdoLWNvbnRyYXN0OiBub25lKSwgKC1tcy1oaWdoLWNvbnRyYXN0OiBhY3RpdmUpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUNocm9tZShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQHN1cHBvcnRzICgtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmUpIGFuZCAobm90IChvdmVyZmxvdzogLXdlYmtpdC1tYXJxdWVlKSkgYW5kIChub3QgKC1tcy1pbWUtYWxpZ246IGF1dG8pKSBhbmRcbiAgICAgIChub3QgKC1tb3otYXBwZWFyYW5jZTogbm9uZSkpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuIl19 */");
|
|
26
21
|
}
|