@dfds-ui/react-components 2.2.0-alpha.762c8caf → 2.2.0-alpha.7bc14dd5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/Accordion.d.ts +2 -2
- package/accordion/Accordion.js +70 -51
- package/accordion/AccordionContent.d.ts +1 -1
- package/accordion/AccordionContent.js +13 -6
- package/accordion/AccordionSmall.d.ts +2 -2
- package/accordion/AccordionSmall.js +52 -38
- package/app-bar/AppBar.d.ts +3 -3
- package/app-bar/AppBar.js +54 -40
- package/app-bar/AppBarContext.d.ts +3 -3
- package/app-bar/AppBarContext.js +7 -6
- package/app-bar/AppBarDrawer.d.ts +2 -2
- package/app-bar/AppBarDrawer.js +14 -7
- package/app-bar/AppBarIconButton.d.ts +2 -2
- package/app-bar/AppBarIconButton.js +11 -6
- package/app-bar/AppBarItem.d.ts +3 -3
- package/app-bar/AppBarItem.js +76 -60
- package/app-bar/AppBarListItem.d.ts +11 -11
- package/assertions/banner/Banner.d.ts +3 -3
- package/assertions/banner/Banner.js +71 -57
- package/assertions/banner/BannerAction.d.ts +1 -1
- package/assertions/banner/BannerAction.js +10 -5
- package/assertions/banner/BannerTypography.js +9 -4
- package/assertions/toast/Toast.d.ts +1 -1
- package/assertions/toast/Toast.js +28 -17
- package/assertions/toast/Toaster.d.ts +2 -2
- package/assertions/toast/Toaster.js +52 -56
- package/badge/Badge.d.ts +1 -1
- package/badge/Badge.js +17 -9
- package/button/BadgeIcon.d.ts +1 -1
- package/button/BadgeIcon.js +18 -16
- package/button/BaseButton.d.ts +6 -6
- package/button/BaseButton.js +1 -1
- package/button/Button.d.ts +4 -4
- package/button/Button.js +38 -30
- package/button/IconButton.d.ts +2 -2
- package/button/IconButton.js +24 -18
- package/button/LinkButton.d.ts +1 -1
- package/button/LinkButton.js +9 -4
- package/button/button-style.d.ts +7 -7
- package/button-stack/ButtonStack.d.ts +3 -3
- package/button-stack/ButtonStack.js +30 -22
- package/card/Card.d.ts +2 -2
- package/card/Card.js +49 -35
- package/card/CardActions.js +13 -6
- package/card/CardContent.d.ts +1 -1
- package/card/CardContent.js +19 -9
- package/card/CardMedia.d.ts +2 -2
- package/card/CardMedia.js +15 -6
- package/card/CardPriceTag.d.ts +1 -1
- package/card/CardPriceTag.js +22 -4
- package/card/CardTitle.d.ts +1 -1
- package/card/CardTitle.js +25 -15
- package/chip/Chip.d.ts +4 -4
- package/chip/Chip.js +22 -13
- package/cjs/accordion/Accordion.d.ts +2 -2
- package/cjs/accordion/Accordion.js +63 -50
- package/cjs/accordion/AccordionContent.d.ts +1 -1
- package/cjs/accordion/AccordionContent.js +7 -6
- package/cjs/accordion/AccordionSmall.d.ts +2 -2
- package/cjs/accordion/AccordionSmall.js +45 -37
- package/cjs/app-bar/AppBar.d.ts +3 -3
- package/cjs/app-bar/AppBar.js +51 -41
- package/cjs/app-bar/AppBarContext.d.ts +3 -3
- package/cjs/app-bar/AppBarContext.js +5 -4
- package/cjs/app-bar/AppBarDrawer.d.ts +2 -2
- package/cjs/app-bar/AppBarDrawer.js +8 -8
- package/cjs/app-bar/AppBarIconButton.d.ts +2 -2
- package/cjs/app-bar/AppBarIconButton.js +7 -7
- package/cjs/app-bar/AppBarItem.d.ts +3 -3
- package/cjs/app-bar/AppBarItem.js +69 -60
- package/cjs/app-bar/AppBarListItem.d.ts +11 -11
- package/cjs/app-bar/AppBarListItem.js +1 -2
- package/cjs/assertions/banner/Banner.d.ts +3 -3
- package/cjs/assertions/banner/Banner.js +62 -55
- package/cjs/assertions/banner/BannerAction.d.ts +1 -1
- package/cjs/assertions/banner/BannerAction.js +5 -4
- package/cjs/assertions/banner/BannerTypography.js +9 -7
- package/cjs/assertions/toast/Toast.d.ts +1 -1
- package/cjs/assertions/toast/Toast.js +22 -17
- package/cjs/assertions/toast/Toaster.d.ts +2 -2
- package/cjs/assertions/toast/Toaster.js +36 -28
- package/cjs/badge/Badge.d.ts +1 -1
- package/cjs/badge/Badge.js +11 -7
- package/cjs/button/BadgeIcon.d.ts +1 -1
- package/cjs/button/BadgeIcon.js +19 -17
- package/cjs/button/BaseButton.d.ts +6 -6
- package/cjs/button/BaseButton.js +3 -5
- package/cjs/button/Button.d.ts +4 -4
- package/cjs/button/Button.js +31 -29
- package/cjs/button/IconButton.d.ts +2 -2
- package/cjs/button/IconButton.js +20 -20
- package/cjs/button/LinkButton.d.ts +1 -1
- package/cjs/button/LinkButton.js +6 -6
- package/cjs/button/button-style.d.ts +7 -7
- package/cjs/button/button-style.js +8 -15
- package/cjs/button-stack/ButtonStack.d.ts +3 -3
- package/cjs/button-stack/ButtonStack.js +22 -20
- package/cjs/card/Card.d.ts +2 -2
- package/cjs/card/Card.js +39 -29
- package/cjs/card/CardActions.js +7 -7
- package/cjs/card/CardContent.d.ts +1 -1
- package/cjs/card/CardContent.js +13 -9
- package/cjs/card/CardMedia.d.ts +2 -2
- package/cjs/card/CardMedia.js +9 -6
- package/cjs/card/CardPriceTag.d.ts +1 -1
- package/cjs/card/CardPriceTag.js +16 -4
- package/cjs/card/CardTitle.d.ts +1 -1
- package/cjs/card/CardTitle.js +16 -12
- package/cjs/chip/Chip.d.ts +4 -4
- package/cjs/chip/Chip.js +18 -15
- package/cjs/common/LockBodyScroll.d.ts +4 -3
- package/cjs/common/LockBodyScroll.js +23 -16
- package/cjs/common/arrow.d.ts +2 -2
- package/cjs/common/emotionCloneElement.js +1 -3
- package/cjs/common/intent.d.ts +1 -1
- package/cjs/common/polymorphic.d.ts +3 -3
- package/cjs/common/polymorphic.js +9 -5
- package/cjs/common/use-media.js +1 -1
- package/cjs/common/useOnClickOutside.d.ts +2 -2
- package/cjs/common/useOnClickOutside.js +2 -2
- package/cjs/common/utils.d.ts +3 -3
- package/cjs/counter/Counter.d.ts +3 -2
- package/cjs/counter/Counter.js +57 -49
- package/cjs/counter/PluralCounter.d.ts +4 -3
- package/cjs/counter/PluralCounter.js +15 -14
- package/cjs/data-table/DataTable.d.ts +1 -1
- package/cjs/data-table/DataTable.js +47 -39
- package/cjs/divider/Divider.d.ts +2 -2
- package/cjs/divider/Divider.js +6 -6
- package/cjs/drawer/Drawer.d.ts +6 -5
- package/cjs/drawer/Drawer.js +12 -10
- package/cjs/dropdown-menu/Dropdown.d.ts +3 -3
- package/cjs/dropdown-menu/Dropdown.js +39 -35
- package/cjs/dropdown-menu/DropdownContext.d.ts +4 -4
- package/cjs/dropdown-menu/DropdownContext.js +7 -8
- package/cjs/dropdown-menu/MenuCheckbox.js +24 -23
- package/cjs/dropdown-menu/MenuItem.d.ts +2 -2
- package/cjs/dropdown-menu/MenuItem.js +30 -28
- package/cjs/dropdown-menu/MenuTitle.js +15 -12
- package/cjs/elevation/index.d.ts +2 -2
- package/cjs/elevation/index.js +1 -2
- package/cjs/flexbox/FlexBox.d.ts +5 -5
- package/cjs/flexbox/FlexBox.js +2 -4
- package/cjs/footer/Footer.d.ts +2 -2
- package/cjs/footer/Footer.js +13 -9
- package/cjs/forms/assistive-text/AssistiveText.d.ts +3 -3
- package/cjs/forms/assistive-text/AssistiveText.js +1 -2
- package/cjs/forms/asterisk/Asterisk.js +5 -4
- package/cjs/forms/checkbox/Checkbox.d.ts +6 -6
- package/cjs/forms/checkbox/Checkbox.js +41 -37
- package/cjs/forms/checkbox/ExampleControlComponent.d.ts +1 -1
- package/cjs/forms/checkbox/ExampleControlComponent.js +7 -7
- package/cjs/forms/email-field/EmailField.d.ts +19 -3
- package/cjs/forms/email-field/EmailField.js +12 -8
- package/cjs/forms/error-text/ErrorText.d.ts +3 -3
- package/cjs/forms/error-text/ErrorText.js +1 -2
- package/cjs/forms/field/Field.d.ts +1 -1
- package/cjs/forms/field/Field.js +10 -6
- package/cjs/forms/index.d.ts +3 -3
- package/cjs/forms/input/Input.d.ts +4 -4
- package/cjs/forms/input/Input.js +34 -33
- package/cjs/forms/input/InputComposition.d.ts +12 -12
- package/cjs/forms/input/InputComposition.js +40 -35
- package/cjs/forms/label/Label.d.ts +1 -1
- package/cjs/forms/label/Label.js +6 -3
- package/cjs/forms/number-field/NumberField.d.ts +19 -3
- package/cjs/forms/number-field/NumberField.js +12 -8
- package/cjs/forms/password-field/PasswordField.d.ts +2 -2
- package/cjs/forms/password-field/PasswordField.js +13 -14
- package/cjs/forms/radio/Radio.d.ts +4 -4
- package/cjs/forms/radio/Radio.js +25 -23
- package/cjs/forms/reactselect/ReactSelect.d.ts +14 -14
- package/cjs/forms/reactselect/ReactSelect.js +76 -68
- package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +3 -3
- package/cjs/forms/searchable-select/AsyncSearchableSelect.js +47 -38
- package/cjs/forms/select/Select.d.ts +5 -5
- package/cjs/forms/select/Select.js +33 -31
- package/cjs/forms/select-field/SelectField.d.ts +13 -5
- package/cjs/forms/select-field/SelectField.js +37 -34
- package/cjs/forms/switch/Switch.d.ts +2 -2
- package/cjs/forms/switch/Switch.js +41 -35
- package/cjs/forms/tel-field/TelField.d.ts +19 -3
- package/cjs/forms/tel-field/TelField.js +12 -8
- package/cjs/forms/text-field/TextField.d.ts +22 -5
- package/cjs/forms/text-field/TextField.js +42 -40
- package/cjs/global-styles/GlobalStyles.js +3 -2
- package/cjs/global-styles/ResetStyles.js +2 -1
- package/cjs/global-styles/sanitize.d.ts +1 -1
- package/cjs/global-styles/sanitize.js +2 -3
- package/cjs/grid/Column.d.ts +1 -1
- package/cjs/grid/Column.js +7 -7
- package/cjs/grid/Container.d.ts +2 -2
- package/cjs/grid/Container.js +34 -29
- package/cjs/hero/Hero.d.ts +2 -2
- package/cjs/hero/Hero.js +42 -22
- package/cjs/hero/stripes.d.ts +2 -2
- package/cjs/hero/stripes.js +177 -162
- package/cjs/ie-banner/IEBanner.d.ts +1 -1
- package/cjs/ie-banner/IEBanner.js +13 -8
- package/cjs/index.d.ts +0 -1
- package/cjs/index.js +0 -12
- package/cjs/layout/LayoutLegacy.js +2 -1
- package/cjs/lists/FeatureList.d.ts +7 -7
- package/cjs/lists/FeatureList.js +16 -13
- package/cjs/lists/ListAddon.d.ts +1 -1
- package/cjs/lists/ListAddon.js +10 -7
- package/cjs/lists/ListDivider.d.ts +1 -1
- package/cjs/lists/ListDivider.js +6 -6
- package/cjs/lists/ListIcon.d.ts +2 -2
- package/cjs/lists/ListIcon.js +6 -6
- package/cjs/lists/ListItem.d.ts +2 -2
- package/cjs/lists/ListItem.js +7 -6
- package/cjs/lists/ListText.d.ts +3 -3
- package/cjs/lists/ListText.js +6 -6
- package/cjs/lists/ListTextGroup.d.ts +1 -1
- package/cjs/lists/ListTextGroup.js +6 -6
- package/cjs/lists/ListTitle.js +6 -6
- package/cjs/loader/DfdsLoader.d.ts +1 -1
- package/cjs/loader/DfdsLoader.js +29 -23
- package/cjs/loader/Loader.d.ts +1 -1
- package/cjs/loader/Loader.js +9 -3
- package/cjs/localization/LocaleFlag.d.ts +1 -1
- package/cjs/localization/LocaleFlag.js +5 -4
- package/cjs/localization/locales.d.ts +2 -2
- package/cjs/localization/locales.js +3 -6
- package/cjs/logo/Logo.d.ts +1 -1
- package/cjs/logo/Logo.js +12 -9
- package/cjs/media/index.js +1 -2
- package/cjs/menu/Menu.d.ts +1 -1
- package/cjs/menu/Menu.js +29 -23
- package/cjs/mobile-stepper/MobileStepper.d.ts +1 -1
- package/cjs/mobile-stepper/MobileStepper.js +17 -15
- package/cjs/nav-bar/NavBar.d.ts +9 -9
- package/cjs/nav-bar/NavBar.js +34 -24
- package/cjs/nav-menu/NavMenuItem.d.ts +1 -1
- package/cjs/nav-menu/NavMenuItem.js +13 -11
- package/cjs/pagination/Pagination.d.ts +2 -2
- package/cjs/pagination/Pagination.js +50 -38
- package/cjs/pagination/Pagination.styles.d.ts +6 -6
- package/cjs/pagination/Pagination.styles.js +6 -12
- package/cjs/popper/Popper.d.ts +3 -3
- package/cjs/popper/Popper.js +21 -17
- package/cjs/progress-bar/ProgressBar.d.ts +1 -1
- package/cjs/progress-bar/ProgressBar.js +3 -3
- package/cjs/schedule/ScheduleItem.d.ts +8 -8
- package/cjs/schedule/ScheduleItem.js +11 -8
- package/cjs/schedule/ScheduleList.d.ts +3 -3
- package/cjs/schedule/ScheduleList.js +10 -11
- package/cjs/side-sheet/SideSheet.d.ts +4 -4
- package/cjs/side-sheet/SideSheet.js +41 -33
- package/cjs/side-sheet/SideSheetCloseButton.d.ts +1 -1
- package/cjs/side-sheet/SideSheetCloseButton.js +6 -6
- package/cjs/side-sheet/SideSheetContent.d.ts +1 -1
- package/cjs/side-sheet/SideSheetContent.js +10 -7
- package/cjs/side-sheet/SideSheetFooter.d.ts +1 -1
- package/cjs/side-sheet/SideSheetFooter.js +10 -7
- package/cjs/side-sheet/SideSheetHeader.d.ts +1 -1
- package/cjs/side-sheet/SideSheetHeader.js +10 -7
- package/cjs/side-sheet/SideSheetHeadline.d.ts +1 -1
- package/cjs/side-sheet/SideSheetHeadline.js +6 -5
- package/cjs/site-layout/SiteLayout.d.ts +11 -11
- package/cjs/site-layout/SiteLayout.js +30 -19
- package/cjs/skeleton/Skeleton.d.ts +1 -1
- package/cjs/skeleton/Skeleton.js +6 -6
- package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +7 -7
- package/cjs/social-media-link-list/SocialMediaLinkList.js +64 -58
- package/cjs/spinner/Spinner.d.ts +7 -7
- package/cjs/spinner/Spinner.js +13 -13
- package/cjs/step/Step.d.ts +1 -1
- package/cjs/step/Step.js +29 -20
- package/cjs/step/Step.styles.d.ts +4 -4
- package/cjs/step/Step.styles.js +4 -8
- package/cjs/step/StepButton.d.ts +2 -2
- package/cjs/step/StepButton.js +30 -27
- package/cjs/step/StepContent.d.ts +1 -1
- package/cjs/step/StepContent.js +12 -10
- package/cjs/step/StepContext.d.ts +1 -1
- package/cjs/step/StepContext.js +1 -2
- package/cjs/step/StepLabel.d.ts +1 -1
- package/cjs/step/StepLabel.js +9 -7
- package/cjs/stepper/Stepper.d.ts +1 -1
- package/cjs/stepper/Stepper.js +12 -10
- package/cjs/stepper/StepperContext.d.ts +1 -1
- package/cjs/stepper/StepperContext.js +1 -2
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +10 -7
- package/cjs/styles/media.d.ts +1 -1
- package/cjs/styles/media.js +2 -4
- package/cjs/styles/style-helpers.d.ts +1 -1
- package/cjs/styles/theme.d.ts +1 -1
- package/cjs/styles/theme.js +2 -4
- package/cjs/surface/Surface.d.ts +6 -6
- package/cjs/surface/Surface.js +20 -14
- package/cjs/tab/Tab.d.ts +3 -3
- package/cjs/tab/Tab.js +9 -8
- package/cjs/tab/TabPanel.d.ts +2 -2
- package/cjs/tab/TabPanel.js +7 -7
- package/cjs/tab/Tabs.d.ts +3 -3
- package/cjs/tab/Tabs.js +32 -31
- package/cjs/tab/TabsContext.d.ts +3 -3
- package/cjs/tab/TabsContext.js +7 -8
- package/cjs/table/Table.d.ts +3 -3
- package/cjs/table/Table.js +17 -17
- package/cjs/table/TableBody.d.ts +2 -2
- package/cjs/table/TableBody.js +11 -12
- package/cjs/table/TableDataCell.d.ts +2 -2
- package/cjs/table/TableDataCell.js +13 -14
- package/cjs/table/TableHead.d.ts +3 -3
- package/cjs/table/TableHead.js +12 -15
- package/cjs/table/TableHeaderCell.d.ts +4 -4
- package/cjs/table/TableHeaderCell.js +14 -15
- package/cjs/table/TableRow.d.ts +2 -2
- package/cjs/table/TableRow.js +12 -14
- package/cjs/test/Test.js +5 -4
- package/cjs/tooltip/Tooltip.d.ts +3 -3
- package/cjs/tooltip/Tooltip.js +31 -25
- package/cjs/typography/Headlines.d.ts +36 -36
- package/cjs/typography/Headlines.js +25 -31
- package/cjs/typography/Text.d.ts +2 -2
- package/cjs/typography/Text.js +2 -3
- package/common/LockBodyScroll.d.ts +4 -3
- package/common/LockBodyScroll.js +28 -16
- package/common/arrow.d.ts +2 -2
- package/common/emotionCloneElement.js +1 -2
- package/common/intent.d.ts +1 -1
- package/common/polymorphic.d.ts +3 -3
- package/common/polymorphic.js +9 -3
- package/common/use-media.js +3 -3
- package/common/useOnClickOutside.d.ts +2 -2
- package/common/useOnClickOutside.js +2 -2
- package/common/utils.d.ts +3 -3
- package/counter/Counter.d.ts +3 -2
- package/counter/Counter.js +59 -51
- package/counter/PluralCounter.d.ts +4 -3
- package/counter/PluralCounter.js +24 -17
- package/data-table/DataTable.d.ts +1 -1
- package/data-table/DataTable.js +54 -41
- package/divider/Divider.d.ts +2 -2
- package/divider/Divider.js +10 -5
- package/drawer/Drawer.d.ts +6 -5
- package/drawer/Drawer.js +19 -11
- package/dropdown-menu/Dropdown.d.ts +3 -3
- package/dropdown-menu/Dropdown.js +47 -38
- package/dropdown-menu/DropdownContext.d.ts +4 -4
- package/dropdown-menu/DropdownContext.js +5 -4
- package/dropdown-menu/MenuCheckbox.js +24 -17
- package/dropdown-menu/MenuItem.d.ts +2 -2
- package/dropdown-menu/MenuItem.js +26 -18
- package/dropdown-menu/MenuTitle.js +14 -11
- package/elevation/index.d.ts +2 -2
- package/flexbox/FlexBox.d.ts +5 -5
- package/flexbox/FlexBox.js +2 -2
- package/footer/Footer.d.ts +2 -2
- package/footer/Footer.js +12 -7
- package/forms/assistive-text/AssistiveText.d.ts +3 -3
- package/forms/asterisk/Asterisk.js +4 -2
- package/forms/checkbox/Checkbox.d.ts +6 -6
- package/forms/checkbox/Checkbox.js +50 -41
- package/forms/checkbox/ExampleControlComponent.d.ts +1 -1
- package/forms/checkbox/ExampleControlComponent.js +15 -8
- package/forms/email-field/EmailField.d.ts +19 -3
- package/forms/email-field/EmailField.js +16 -6
- package/forms/error-text/ErrorText.d.ts +3 -3
- package/forms/field/Field.d.ts +1 -1
- package/forms/field/Field.js +9 -4
- package/forms/index.d.ts +3 -3
- package/forms/input/Input.d.ts +4 -4
- package/forms/input/Input.js +42 -36
- package/forms/input/InputComposition.d.ts +12 -12
- package/forms/input/InputComposition.js +41 -31
- package/forms/label/Label.d.ts +1 -1
- package/forms/label/Label.js +12 -4
- package/forms/number-field/NumberField.d.ts +19 -3
- package/forms/number-field/NumberField.js +17 -7
- package/forms/password-field/PasswordField.d.ts +2 -2
- package/forms/password-field/PasswordField.js +19 -14
- package/forms/radio/Radio.d.ts +4 -4
- package/forms/radio/Radio.js +33 -25
- package/forms/reactselect/ReactSelect.d.ts +14 -14
- package/forms/reactselect/ReactSelect.js +73 -67
- package/forms/searchable-select/AsyncSearchableSelect.d.ts +3 -3
- package/forms/searchable-select/AsyncSearchableSelect.js +51 -39
- package/forms/select/Select.d.ts +5 -5
- package/forms/select/Select.js +41 -34
- package/forms/select-field/SelectField.d.ts +13 -5
- package/forms/select-field/SelectField.js +44 -36
- package/forms/switch/Switch.d.ts +2 -2
- package/forms/switch/Switch.js +52 -40
- package/forms/tel-field/TelField.d.ts +19 -3
- package/forms/tel-field/TelField.js +16 -6
- package/forms/text-field/TextField.d.ts +22 -5
- package/forms/text-field/TextField.js +50 -42
- package/global-styles/GlobalStyles.js +3 -3
- package/global-styles/ResetStyles.js +2 -2
- package/global-styles/sanitize.d.ts +1 -1
- package/grid/Column.d.ts +1 -1
- package/grid/Column.js +14 -7
- package/grid/Container.d.ts +2 -2
- package/grid/Container.js +41 -35
- package/hero/Hero.d.ts +2 -2
- package/hero/Hero.js +42 -20
- package/hero/stripes.d.ts +2 -2
- package/hero/stripes.js +176 -160
- package/ie-banner/IEBanner.d.ts +1 -1
- package/ie-banner/IEBanner.js +14 -8
- package/index.d.ts +0 -1
- package/index.js +0 -1
- package/layout/LayoutLegacy.js +2 -2
- package/lists/FeatureList.d.ts +7 -7
- package/lists/FeatureList.js +21 -11
- package/lists/ListAddon.d.ts +1 -1
- package/lists/ListAddon.js +13 -6
- package/lists/ListDivider.d.ts +1 -1
- package/lists/ListDivider.js +10 -5
- package/lists/ListIcon.d.ts +2 -2
- package/lists/ListIcon.js +10 -5
- package/lists/ListItem.d.ts +2 -2
- package/lists/ListItem.js +13 -6
- package/lists/ListText.d.ts +3 -3
- package/lists/ListText.js +10 -5
- package/lists/ListTextGroup.d.ts +1 -1
- package/lists/ListTextGroup.js +10 -5
- package/lists/ListTitle.js +10 -5
- package/loader/DfdsLoader.d.ts +1 -1
- package/loader/DfdsLoader.js +26 -20
- package/loader/Loader.d.ts +1 -1
- package/loader/Loader.js +8 -2
- package/localization/LocaleFlag.d.ts +1 -1
- package/localization/LocaleFlag.js +10 -5
- package/localization/locales.d.ts +2 -2
- package/logo/Logo.d.ts +1 -1
- package/logo/Logo.js +14 -7
- package/menu/Menu.d.ts +1 -1
- package/menu/Menu.js +33 -21
- package/mobile-stepper/MobileStepper.d.ts +1 -1
- package/mobile-stepper/MobileStepper.js +26 -18
- package/nav-bar/NavBar.d.ts +9 -9
- package/nav-bar/NavBar.js +41 -23
- package/nav-menu/NavMenuItem.d.ts +1 -1
- package/nav-menu/NavMenuItem.js +12 -10
- package/package.json +14 -18
- package/pagination/Pagination.d.ts +2 -2
- package/pagination/Pagination.js +53 -35
- package/pagination/Pagination.styles.d.ts +6 -6
- package/popper/Popper.d.ts +3 -3
- package/popper/Popper.js +27 -17
- package/progress-bar/ProgressBar.d.ts +1 -1
- package/progress-bar/ProgressBar.js +2 -2
- package/schedule/ScheduleItem.d.ts +8 -8
- package/schedule/ScheduleItem.js +9 -4
- package/schedule/ScheduleList.d.ts +3 -3
- package/schedule/ScheduleList.js +16 -10
- package/side-sheet/SideSheet.d.ts +4 -4
- package/side-sheet/SideSheet.js +47 -34
- package/side-sheet/SideSheetCloseButton.d.ts +1 -1
- package/side-sheet/SideSheetCloseButton.js +10 -5
- package/side-sheet/SideSheetContent.d.ts +1 -1
- package/side-sheet/SideSheetContent.js +17 -8
- package/side-sheet/SideSheetFooter.d.ts +1 -1
- package/side-sheet/SideSheetFooter.js +17 -8
- package/side-sheet/SideSheetHeader.d.ts +1 -1
- package/side-sheet/SideSheetHeader.js +17 -8
- package/side-sheet/SideSheetHeadline.d.ts +1 -1
- package/side-sheet/SideSheetHeadline.js +5 -4
- package/site-layout/SiteLayout.d.ts +11 -11
- package/site-layout/SiteLayout.js +31 -12
- package/skeleton/Skeleton.d.ts +1 -1
- package/skeleton/Skeleton.js +10 -5
- package/social-media-link-list/SocialMediaLinkList.d.ts +7 -7
- package/social-media-link-list/SocialMediaLinkList.js +69 -55
- package/spinner/Spinner.d.ts +7 -7
- package/spinner/Spinner.js +17 -10
- package/step/Step.d.ts +1 -1
- package/step/Step.js +34 -20
- package/step/Step.styles.d.ts +4 -4
- package/step/StepButton.d.ts +2 -2
- package/step/StepButton.js +27 -19
- package/step/StepContent.d.ts +1 -1
- package/step/StepContent.js +11 -9
- package/step/StepContext.d.ts +1 -1
- package/step/StepLabel.d.ts +1 -1
- package/step/StepLabel.js +8 -6
- package/stepper/Stepper.d.ts +1 -1
- package/stepper/Stepper.js +13 -11
- package/stepper/StepperContext.d.ts +1 -1
- package/stepper-feedback-message/StepperFeedbackMessage.js +9 -6
- package/styles/media.d.ts +1 -1
- package/styles/style-helpers.d.ts +1 -1
- package/styles/theme.d.ts +1 -1
- package/surface/Surface.d.ts +6 -6
- package/surface/Surface.js +17 -14
- package/tab/Tab.d.ts +3 -3
- package/tab/Tab.js +18 -11
- package/tab/TabPanel.d.ts +2 -2
- package/tab/TabPanel.js +6 -5
- package/tab/Tabs.d.ts +3 -3
- package/tab/Tabs.js +46 -39
- package/tab/TabsContext.d.ts +3 -3
- package/tab/TabsContext.js +5 -4
- package/table/Table.d.ts +3 -3
- package/table/Table.js +23 -17
- package/table/TableBody.d.ts +2 -2
- package/table/TableBody.js +15 -10
- package/table/TableDataCell.d.ts +2 -2
- package/table/TableDataCell.js +17 -12
- package/table/TableHead.d.ts +3 -3
- package/table/TableHead.js +13 -12
- package/table/TableHeaderCell.d.ts +4 -4
- package/table/TableHeaderCell.js +18 -13
- package/table/TableRow.d.ts +2 -2
- package/table/TableRow.js +14 -14
- package/test/Test.js +4 -2
- package/tooltip/Tooltip.d.ts +3 -3
- package/tooltip/Tooltip.js +34 -24
- package/typography/Headlines.d.ts +36 -36
- package/typography/Headlines.js +24 -17
- package/typography/Text.d.ts +2 -2
- package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
- package/cjs/date-range-picker/DatePickerDefaultStyles.js +0 -19
- package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
- package/cjs/date-range-picker/DatePickerDfdsStyles.js +0 -11
- package/cjs/date-range-picker/DateRangePicker.d.ts +0 -33
- package/cjs/date-range-picker/DateRangePicker.js +0 -263
- package/cjs/date-range-picker/index.d.ts +0 -1
- package/cjs/date-range-picker/index.js +0 -13
- package/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
- package/date-range-picker/DatePickerDefaultStyles.js +0 -12
- package/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
- package/date-range-picker/DatePickerDfdsStyles.js +0 -4
- package/date-range-picker/DateRangePicker.d.ts +0 -33
- package/date-range-picker/DateRangePicker.js +0 -310
- package/date-range-picker/index.d.ts +0 -1
- package/date-range-picker/index.js +0 -1
package/cjs/table/TableBody.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React, { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type TableBodyProps = {
|
|
3
3
|
/**
|
|
4
4
|
* Table body content
|
|
5
5
|
*/
|
|
6
6
|
children: ReactNode;
|
|
7
7
|
} & ComponentPropsWithRef<'tbody'>;
|
|
8
|
-
export declare const TableBody:
|
|
8
|
+
export declare const TableBody: ({ children, ...rest }: TableBodyProps) => React.JSX.Element;
|
|
9
9
|
export default TableBody;
|
package/cjs/table/TableBody.js
CHANGED
|
@@ -4,18 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.TableBody = void 0;
|
|
7
|
-
var _react =
|
|
8
|
-
var
|
|
9
|
-
function
|
|
10
|
-
|
|
11
|
-
const TableBody = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
const TableBody = ({
|
|
12
11
|
children,
|
|
13
12
|
...rest
|
|
14
|
-
}
|
|
15
|
-
return (0,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
});
|
|
13
|
+
}) => {
|
|
14
|
+
return (0, _jsxRuntime.jsx)("tbody", {
|
|
15
|
+
...rest,
|
|
16
|
+
children: children
|
|
17
|
+
});
|
|
18
|
+
};
|
|
19
19
|
exports.TableBody = TableBody;
|
|
20
|
-
var _default = TableBody;
|
|
21
|
-
exports.default = _default;
|
|
20
|
+
var _default = exports.default = TableBody;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
2
|
import { Alignment } from './TableHeaderCell';
|
|
3
|
-
export
|
|
3
|
+
export type TableDataCellProps = {
|
|
4
4
|
/**
|
|
5
5
|
* Sets alignment for the content in the tag
|
|
6
6
|
*/
|
|
@@ -10,5 +10,5 @@ export declare type TableDataCellProps = {
|
|
|
10
10
|
*/
|
|
11
11
|
children: ReactNode;
|
|
12
12
|
} & ComponentPropsWithRef<'td'>;
|
|
13
|
-
export declare const TableDataCell:
|
|
13
|
+
export declare const TableDataCell: ({ align, children, ...rest }: TableDataCellProps) => React.JSX.Element;
|
|
14
14
|
export default TableDataCell;
|
|
@@ -4,26 +4,25 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.TableDataCell = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
9
|
var _typography = require("@dfds-ui/typography");
|
|
10
10
|
var _theme = require("@dfds-ui/theme");
|
|
11
11
|
var _TableHeaderCell = require("./TableHeaderCell");
|
|
12
|
-
|
|
13
|
-
function
|
|
14
|
-
const tableDataCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)((0, _TableHeaderCell.getTableCellStyle)(align), " color:", _theme.theme.colors.text.dark.primary, ";", _typography.typography.body, ";text-align:", align, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableDataCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
15
|
-
const TableDataCell =
|
|
12
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
const tableDataCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)((0, _TableHeaderCell.getTableCellStyle)(align), " color:", _theme.theme.colors.text.dark.primary, ";", _typography.typography.body, ";text-align:", align, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableDataCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjZEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wc1dpdGhSZWYsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBBbGlnbm1lbnQsIGdldFRhYmxlQ2VsbFN0eWxlIH0gZnJvbSAnLi9UYWJsZUhlYWRlckNlbGwnXG5cbmV4cG9ydCB0eXBlIFRhYmxlRGF0YUNlbGxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldHMgYWxpZ25tZW50IGZvciB0aGUgY29udGVudCBpbiB0aGUgdGFnXG4gICAqL1xuICBhbGlnbj86IEFsaWdubWVudFxuXG4gIC8qKlxuICAgKiBUYWJsZSBjZWxsIGNvbnRlbnRcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBDb21wb25lbnRQcm9wc1dpdGhSZWY8J3RkJz5cblxuY29uc3QgdGFibGVEYXRhQ2VsbFN0eWxlID0gKGFsaWduOiBBbGlnbm1lbnQgPSAnbGVmdCcpID0+IGNzc2BcbiAgJHtnZXRUYWJsZUNlbGxTdHlsZShhbGlnbil9XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICR7dHlwb2dyYXBoeS5ib2R5fTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZURhdGFDZWxsID0gKHsgYWxpZ24gPSAnbGVmdCcsIGNoaWxkcmVuLCAuLi5yZXN0IH06IFRhYmxlRGF0YUNlbGxQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDx0ZCBhbGlnbj17YWxpZ259IGNzcz17dGFibGVEYXRhQ2VsbFN0eWxlKGFsaWduKX0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvdGQ+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVGFibGVEYXRhQ2VsbFxuIl19 */");
|
|
15
|
+
const TableDataCell = ({
|
|
16
16
|
align = 'left',
|
|
17
17
|
children,
|
|
18
18
|
...rest
|
|
19
|
-
}
|
|
20
|
-
return (0,
|
|
19
|
+
}) => {
|
|
20
|
+
return (0, _jsxRuntime.jsx)("td", {
|
|
21
21
|
align: align,
|
|
22
|
-
css: tableDataCellStyle(align)
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
})
|
|
26
|
-
}
|
|
22
|
+
css: tableDataCellStyle(align),
|
|
23
|
+
...rest,
|
|
24
|
+
children: children
|
|
25
|
+
});
|
|
26
|
+
};
|
|
27
27
|
exports.TableDataCell = TableDataCell;
|
|
28
|
-
var _default = TableDataCell;
|
|
29
|
-
exports.default = _default;
|
|
28
|
+
var _default = exports.default = TableDataCell;
|
package/cjs/table/TableHead.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type TableHeadProps = {
|
|
3
3
|
/**
|
|
4
4
|
* Table header content
|
|
5
5
|
*/
|
|
@@ -9,6 +9,6 @@ export declare type TableHeadProps = {
|
|
|
9
9
|
*/
|
|
10
10
|
className?: string;
|
|
11
11
|
} & ComponentPropsWithRef<'thead'>;
|
|
12
|
-
export declare const tableHeadStyle: import("@emotion/
|
|
13
|
-
export declare const TableHead:
|
|
12
|
+
export declare const tableHeadStyle: import("@emotion/utils").SerializedStyles;
|
|
13
|
+
export declare const TableHead: ({ children, className, ...rest }: TableHeadProps) => React.JSX.Element;
|
|
14
14
|
export default TableHead;
|
package/cjs/table/TableHead.js
CHANGED
|
@@ -4,35 +4,32 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.tableHeadStyle = exports.default = exports.TableHead = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
9
|
var _Table = require("./Table");
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
11
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
13
|
const ClassName = {
|
|
15
14
|
IS_STICKY: 'is-sticky'
|
|
16
15
|
};
|
|
17
|
-
const tableHeadStyle = /*#__PURE__*/(0, _react2.css)("&.", ClassName.IS_STICKY, " th{position:sticky;top:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
18
|
-
|
|
19
|
-
const TableHead = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
16
|
+
const tableHeadStyle = exports.tableHeadStyle = /*#__PURE__*/(0, _react2.css)("&.", ClassName.IS_STICKY, " th{position:sticky;top:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQgeyB1c2VUYWJsZSB9IGZyb20gJy4vVGFibGUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSBoZWFkZXIgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBDbGFzc2VzIGFwcGxpZWQgb24gdGhlIHRoZWFkIHRhZ1xuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aGVhZCc+XG5cbmNvbnN0IENsYXNzTmFtZSA9IHtcbiAgSVNfU1RJQ0tZOiAnaXMtc3RpY2t5Jyxcbn1cblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZFN0eWxlID0gY3NzYFxuICAmLiR7Q2xhc3NOYW1lLklTX1NUSUNLWX0gdGgge1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgdG9wOiAwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWQgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCAuLi5yZXN0IH06IFRhYmxlSGVhZFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgaXNIZWFkZXJTdGlja3kgfSA9IHVzZVRhYmxlKClcblxuICByZXR1cm4gKFxuICAgIDx0aGVhZFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzTmFtZSwge1xuICAgICAgICBbQ2xhc3NOYW1lLklTX1NUSUNLWV06IGlzSGVhZGVyU3RpY2t5LFxuICAgICAgfSl9XG4gICAgICBjc3M9e3RhYmxlSGVhZFN0eWxlfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvdGhlYWQ+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVGFibGVIZWFkXG4iXX0= */");
|
|
17
|
+
const TableHead = ({
|
|
20
18
|
children,
|
|
21
19
|
className,
|
|
22
20
|
...rest
|
|
23
|
-
}
|
|
21
|
+
}) => {
|
|
24
22
|
const {
|
|
25
23
|
isHeaderSticky
|
|
26
24
|
} = (0, _Table.useTable)();
|
|
27
|
-
return (0,
|
|
25
|
+
return (0, _jsxRuntime.jsx)("thead", {
|
|
28
26
|
className: (0, _classnames.default)(className, {
|
|
29
27
|
[ClassName.IS_STICKY]: isHeaderSticky
|
|
30
28
|
}),
|
|
31
|
-
css: tableHeadStyle
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
})
|
|
35
|
-
}
|
|
29
|
+
css: tableHeadStyle,
|
|
30
|
+
...rest,
|
|
31
|
+
children: children
|
|
32
|
+
});
|
|
33
|
+
};
|
|
36
34
|
exports.TableHead = TableHead;
|
|
37
|
-
var _default = TableHead;
|
|
38
|
-
exports.default = _default;
|
|
35
|
+
var _default = exports.default = TableHead;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export type Alignment = 'left' | 'center' | 'right' | 'justify' | 'char';
|
|
3
|
+
export type TableHeaderCellProps = {
|
|
4
4
|
/**
|
|
5
5
|
* Sets alignment for the content in the tag
|
|
6
6
|
*/
|
|
@@ -10,6 +10,6 @@ export declare type TableHeaderCellProps = {
|
|
|
10
10
|
*/
|
|
11
11
|
children: ReactNode;
|
|
12
12
|
} & ComponentPropsWithRef<'th'>;
|
|
13
|
-
export declare const getTableCellStyle: (align?: Alignment) => import("@emotion/
|
|
14
|
-
export declare const TableHeaderCell:
|
|
13
|
+
export declare const getTableCellStyle: (align?: Alignment) => import("@emotion/utils").SerializedStyles;
|
|
14
|
+
export declare const TableHeaderCell: ({ align, children, ...rest }: TableHeaderCellProps) => React.JSX.Element;
|
|
15
15
|
export default TableHeaderCell;
|
|
@@ -4,27 +4,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getTableCellStyle = exports.default = exports.TableHeaderCell = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
9
|
var _typography = require("@dfds-ui/typography");
|
|
10
10
|
var _theme = require("@dfds-ui/theme");
|
|
11
|
-
|
|
12
|
-
function
|
|
13
|
-
const getTableCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)("border-bottom:1px solid ", _theme.theme.colors.surface.secondary, ";min-width:11rem;padding:0 0.75rem;text-align:", align, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getTableCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
11
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
const getTableCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)("border-bottom:1px solid ", _theme.theme.colors.surface.secondary, ";min-width:11rem;padding:0 0.75rem;text-align:", align, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getTableCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CbUUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnanVzdGlmeScgfCAnY2hhcidcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXRzIGFsaWdubWVudCBmb3IgdGhlIGNvbnRlbnQgaW4gdGhlIHRhZ1xuICAgKi9cbiAgYWxpZ24/OiBBbGlnbm1lbnRcblxuICAvKipcbiAgICogVGFibGUgY2VsbCBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aCc+XG5cbmV4cG9ydCBjb25zdCBnZXRUYWJsZUNlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIG1pbi13aWR0aDogMTFyZW07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gICR7Z2V0VGFibGVDZWxsU3R5bGUoYWxpZ24pfVxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICB0aC5pcy1zdGlja3kgJiB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkZXJDZWxsID0gKHsgYWxpZ24gPSAnbGVmdCcsIGNoaWxkcmVuLCAuLi5yZXN0IH06IFRhYmxlSGVhZGVyQ2VsbFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHRoIGFsaWduPXthbGlnbn0gY3NzPXt0YWJsZUhlYWRDZWxsU3R5bGUoYWxpZ24pfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC90aD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZUhlYWRlckNlbGxcbiJdfQ== */");
|
|
14
14
|
exports.getTableCellStyle = getTableCellStyle;
|
|
15
|
-
const tableHeadCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)(getTableCellStyle(align), " color:", _theme.theme.colors.primary.main, ";", _typography.typography.actionBold, ";text-align:", align, ";th.is-sticky &{position:sticky;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
16
|
-
const TableHeaderCell =
|
|
15
|
+
const tableHeadCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)(getTableCellStyle(align), " color:", _theme.theme.colors.primary.main, ";", _typography.typography.actionBold, ";text-align:", align, ";th.is-sticky &{position:sticky;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCNkQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnanVzdGlmeScgfCAnY2hhcidcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXRzIGFsaWdubWVudCBmb3IgdGhlIGNvbnRlbnQgaW4gdGhlIHRhZ1xuICAgKi9cbiAgYWxpZ24/OiBBbGlnbm1lbnRcblxuICAvKipcbiAgICogVGFibGUgY2VsbCBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aCc+XG5cbmV4cG9ydCBjb25zdCBnZXRUYWJsZUNlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIG1pbi13aWR0aDogMTFyZW07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gICR7Z2V0VGFibGVDZWxsU3R5bGUoYWxpZ24pfVxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICB0aC5pcy1zdGlja3kgJiB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkZXJDZWxsID0gKHsgYWxpZ24gPSAnbGVmdCcsIGNoaWxkcmVuLCAuLi5yZXN0IH06IFRhYmxlSGVhZGVyQ2VsbFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHRoIGFsaWduPXthbGlnbn0gY3NzPXt0YWJsZUhlYWRDZWxsU3R5bGUoYWxpZ24pfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC90aD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZUhlYWRlckNlbGxcbiJdfQ== */");
|
|
16
|
+
const TableHeaderCell = ({
|
|
17
17
|
align = 'left',
|
|
18
18
|
children,
|
|
19
19
|
...rest
|
|
20
|
-
}
|
|
21
|
-
return (0,
|
|
20
|
+
}) => {
|
|
21
|
+
return (0, _jsxRuntime.jsx)("th", {
|
|
22
22
|
align: align,
|
|
23
|
-
css: tableHeadCellStyle(align)
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
})
|
|
27
|
-
}
|
|
23
|
+
css: tableHeadCellStyle(align),
|
|
24
|
+
...rest,
|
|
25
|
+
children: children
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
28
|
exports.TableHeaderCell = TableHeaderCell;
|
|
29
|
-
var _default = TableHeaderCell;
|
|
30
|
-
exports.default = _default;
|
|
29
|
+
var _default = exports.default = TableHeaderCell;
|
package/cjs/table/TableRow.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type TableRowProps = {
|
|
3
3
|
/**
|
|
4
4
|
* Table row content
|
|
5
5
|
*/
|
|
@@ -13,5 +13,5 @@ export declare type TableRowProps = {
|
|
|
13
13
|
*/
|
|
14
14
|
isSelected?: boolean;
|
|
15
15
|
} & ComponentPropsWithRef<'tr'>;
|
|
16
|
-
export declare const TableRow:
|
|
16
|
+
export declare const TableRow: ({ children, className, isSelected, ...rest }: TableRowProps) => React.JSX.Element;
|
|
17
17
|
export default TableRow;
|
package/cjs/table/TableRow.js
CHANGED
|
@@ -4,37 +4,35 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.TableRow = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
9
|
var _react2 = require("@emotion/react");
|
|
10
10
|
var _Table = require("./Table");
|
|
11
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
11
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
13
|
const ClassName = {
|
|
15
14
|
IS_INTERACTIVE: 'is-interactive',
|
|
16
15
|
IS_SELECTED: 'is-selected'
|
|
17
16
|
};
|
|
18
|
-
const tableRowStyle = /*#__PURE__*/(0, _react2.css)("height:2.75rem;&.", ClassName.IS_INTERACTIVE, "{&:hover td{background:rgba(73, 162, 223, 0.08);cursor:pointer;}&:active td{background:rgba(73, 162, 223, 0.16);}&:focus td{background:rgba(73, 162, 223, 0.16);outline:none;}&.", ClassName.IS_SELECTED, " td{background:rgba(73, 162, 223, 0.12);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableRowStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
19
|
-
const TableRow =
|
|
17
|
+
const tableRowStyle = /*#__PURE__*/(0, _react2.css)("height:2.75rem;&.", ClassName.IS_INTERACTIVE, "{&:hover td{background:rgba(73, 162, 223, 0.08);cursor:pointer;}&:active td{background:rgba(73, 162, 223, 0.16);}&:focus td{background:rgba(73, 162, 223, 0.16);outline:none;}&.", ClassName.IS_SELECTED, " td{background:rgba(73, 162, 223, 0.12);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableRowStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZVJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ5QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFibGUvVGFibGVSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzV2l0aFJlZiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB1c2VUYWJsZSB9IGZyb20gJy4vVGFibGUnXG5cbmV4cG9ydCB0eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSByb3cgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBDbGFzc2VzIGFwcGxpZWQgb24gdGhlIHRyIHRhZ1xuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIEFwcGxpZXMgU2VsZWN0ZWQgc3RhdGUgc3R5bGluZyB0byB0aGUgcm93XG4gICAqL1xuICBpc1NlbGVjdGVkPzogYm9vbGVhblxufSAmIENvbXBvbmVudFByb3BzV2l0aFJlZjwndHInPlxuXG5jb25zdCBDbGFzc05hbWUgPSB7XG4gIElTX0lOVEVSQUNUSVZFOiAnaXMtaW50ZXJhY3RpdmUnLFxuICBJU19TRUxFQ1RFRDogJ2lzLXNlbGVjdGVkJyxcbn1cblxuY29uc3QgdGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuXG4gICYuJHtDbGFzc05hbWUuSVNfSU5URVJBQ1RJVkV9IHtcbiAgICAmOmhvdmVyIHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjA4KTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICYuJHtDbGFzc05hbWUuSVNfU0VMRUNURUR9IHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlUm93ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgaXNTZWxlY3RlZCA9IGZhbHNlLCAuLi5yZXN0IH06IFRhYmxlUm93UHJvcHMpID0+IHtcbiAgY29uc3QgeyBpc0ludGVyYWN0aXZlIH0gPSB1c2VUYWJsZSgpXG5cbiAgcmV0dXJuIChcbiAgICA8dHJcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc05hbWUsIHtcbiAgICAgICAgW0NsYXNzTmFtZS5JU19TRUxFQ1RFRF06IGlzU2VsZWN0ZWQsXG4gICAgICAgIFtDbGFzc05hbWUuSVNfSU5URVJBQ1RJVkVdOiBpc0ludGVyYWN0aXZlLFxuICAgICAgfSl9XG4gICAgICBjc3M9e3RhYmxlUm93U3R5bGV9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC90cj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZVJvd1xuIl19 */");
|
|
18
|
+
const TableRow = ({
|
|
20
19
|
children,
|
|
21
20
|
className,
|
|
22
21
|
isSelected = false,
|
|
23
22
|
...rest
|
|
24
|
-
}
|
|
23
|
+
}) => {
|
|
25
24
|
const {
|
|
26
25
|
isInteractive
|
|
27
26
|
} = (0, _Table.useTable)();
|
|
28
|
-
return (0,
|
|
27
|
+
return (0, _jsxRuntime.jsx)("tr", {
|
|
29
28
|
className: (0, _classnames.default)(className, {
|
|
30
29
|
[ClassName.IS_SELECTED]: isSelected,
|
|
31
30
|
[ClassName.IS_INTERACTIVE]: isInteractive
|
|
32
31
|
}),
|
|
33
|
-
css: tableRowStyle
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
})
|
|
37
|
-
}
|
|
32
|
+
css: tableRowStyle,
|
|
33
|
+
...rest,
|
|
34
|
+
children: children
|
|
35
|
+
});
|
|
36
|
+
};
|
|
38
37
|
exports.TableRow = TableRow;
|
|
39
|
-
var _default = TableRow;
|
|
40
|
-
exports.default = _default;
|
|
38
|
+
var _default = exports.default = TableRow;
|
package/cjs/test/Test.js
CHANGED
|
@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.Test = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var
|
|
8
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
9
9
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
10
|
const Test = props => {
|
|
11
|
-
return (0,
|
|
11
|
+
return (0, _jsxRuntime.jsx)("div", {
|
|
12
|
+
children: props.name
|
|
13
|
+
});
|
|
12
14
|
};
|
|
13
15
|
exports.Test = Test;
|
|
14
|
-
var _default = Test;
|
|
15
|
-
exports.default = _default;
|
|
16
|
+
var _default = exports.default = Test;
|
package/cjs/tooltip/Tooltip.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TippyProps } from '@tippyjs/react';
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
type Placement = 'top' | 'right' | 'bottom' | 'left';
|
|
4
|
+
type TooltipProps = {
|
|
5
5
|
content: string | React.ReactNode;
|
|
6
6
|
name?: string;
|
|
7
7
|
placement?: Placement;
|
|
@@ -13,7 +13,7 @@ declare type TooltipProps = {
|
|
|
13
13
|
onClickOutside?: () => void;
|
|
14
14
|
children?: React.ReactNode;
|
|
15
15
|
};
|
|
16
|
-
declare const Tooltip: React.
|
|
16
|
+
declare const Tooltip: ({ name, content, children, delay, placement, containerProps, tabIndex, visible, onClickOutside, }: TooltipProps) => React.JSX.Element;
|
|
17
17
|
/**
|
|
18
18
|
* The `UnstableWithTooltip` component can be used to wrap an element with a tooltip but unlike the `Tooltip` component
|
|
19
19
|
* no extra html markup will wrapped around the targeted element.
|
package/cjs/tooltip/Tooltip.js
CHANGED
|
@@ -11,9 +11,9 @@ var _react3 = _interopRequireDefault(require("@tippyjs/react"));
|
|
|
11
11
|
var _theme = require("@dfds-ui/theme");
|
|
12
12
|
var _typography = require("@dfds-ui/typography");
|
|
13
13
|
var _flexbox = require("./../flexbox");
|
|
14
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
14
15
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
16
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
17
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)."; }
|
|
18
18
|
const {
|
|
19
19
|
colors,
|
|
@@ -30,13 +30,13 @@ const StyledTippy = /*#__PURE__*/(0, _base.default)(_react3.default, process.env
|
|
|
30
30
|
,
|
|
31
31
|
target: "errz9h30",
|
|
32
32
|
label: "StyledTippy"
|
|
33
|
-
})("background:", colors.primary.main, ";color:", colors.text.light.primary, ";padding:", spacing.xxs, " ", spacing.xs, ";", _typography.typography.bodyInterfaceSmall, ";border-radius:", radii.m, ";box-shadow:", elevation['4'], ";&[data-state='visible']{opacity:1;}&[data-state='hidden']{opacity:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCRSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBUaXBweSwgeyBUaXBweVByb3BzIH0gZnJvbSAnQHRpcHB5anMvcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFBsYWNlbWVudCA9ICd0b3AnIHwgJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ2xlZnQnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmcgfCBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG4gIHZpc2libGU/
|
|
33
|
+
})("background:", colors.primary.main, ";color:", colors.text.light.primary, ";padding:", spacing.xxs, " ", spacing.xs, ";", _typography.typography.bodyInterfaceSmall, ";border-radius:", radii.m, ";box-shadow:", elevation['4'], ";&[data-state='visible']{opacity:1;}&[data-state='hidden']{opacity:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCRSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBUaXBweSwgeyBUaXBweVByb3BzIH0gZnJvbSAnQHRpcHB5anMvcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFBsYWNlbWVudCA9ICd0b3AnIHwgJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ2xlZnQnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmcgfCBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG4gIHZpc2libGU/OiBib29sZWFuXG4gIG9uQ2xpY2tPdXRzaWRlPzogKCkgPT4gdm9pZFxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCB7IGNvbG9ycywgc3BhY2luZywgcmFkaWksIGVsZXZhdGlvbiB9ID0gdGhlbWVcblxuY29uc3QgU3R5bGVkVGlwcHkgPSBzdHlsZWQoVGlwcHksIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnY3NzJywgLy8gdGhpcyB3aWxsIHByZXZlbnQgd2FybmluZ3MgZW1pdHRlZCBmcm9tIHRpcHB5XG59KWBcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHN9ICR7c3BhY2luZy54c307XG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlU21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke3JhZGlpLm19O1xuICBib3gtc2hhZG93OiAke2VsZXZhdGlvblsnNCddfTtcblxuICAmW2RhdGEtc3RhdGU9J3Zpc2libGUnXSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICZbZGF0YS1zdGF0ZT0naGlkZGVuJ10ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcblxuY29uc3QgVG9vbHRpcCA9ICh7XG4gIG5hbWUsXG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBkZWxheSA9IFswLCAxNTAwXSxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIHZpc2libGUsXG4gIG9uQ2xpY2tPdXRzaWRlLFxufTogVG9vbHRpcFByb3BzKSA9PiB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudCB8IG51bGw+KG51bGwpIGFzIFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGlja091dHNpZGUgPSAoZTogYW55KSA9PlxuICAgICAgcmVmLmN1cnJlbnQgJiYgIXJlZi5jdXJyZW50LmNvbnRhaW5zKGUudGFyZ2V0KSAmJiBvbkNsaWNrT3V0c2lkZSAmJiBvbkNsaWNrT3V0c2lkZSgpXG5cbiAgICB2aXNpYmxlICE9PSB1bmRlZmluZWRcbiAgICAgID8gZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgICAgOiBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9XG4gIH0sIFtdKVxuXG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIGlkPXtuYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgYH1cbiAgICAgIHJlZj17cmVmfVxuICAgID5cbiAgICAgIDxTdHlsZWRUaXBweSBjb250ZW50PXtjb250ZW50fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0gdmlzaWJsZT17dmlzaWJsZX0gey4uLihkZWxheSAhPT0gZmFsc2UgJiYgeyBkZWxheSB9KX0+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgaW5saW5lXG4gICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgey4uLihjb250YWluZXJQcm9wcyB8fCB7fSl9XG4gICAgICAgICAgey4uLihjb250YWluZXJQcm9wcyAmJlxuICAgICAgICAgICAgY29udGFpbmVyUHJvcHMuY3NzICYmIHtcbiAgICAgICAgICAgICAgY3NzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtjb250YWluZXJQcm9wcy5jc3N9XG4gICAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L1N0eWxlZFRpcHB5PlxuICAgIDwvc3Bhbj5cbiAgKVxufVxuXG4vKipcbiAqIFRoZSBgVW5zdGFibGVXaXRoVG9vbHRpcGAgY29tcG9uZW50IGNhbiBiZSB1c2VkIHRvIHdyYXAgYW4gZWxlbWVudCB3aXRoIGEgdG9vbHRpcCBidXQgdW5saWtlIHRoZSBgVG9vbHRpcGAgY29tcG9uZW50XG4gKiBubyBleHRyYSBodG1sIG1hcmt1cCB3aWxsIHdyYXBwZWQgYXJvdW5kIHRoZSB0YXJnZXRlZCBlbGVtZW50LlxuICpcbiAqIE5PVEU6IEl0IGlzIGltcG9ydGFudCB0aGF0IHRoZSBjb21wb25lbnQgYmVpbmcgd3JhcHBlZCBmb3J3YXJkcyBhIHJlZiB0byB0aGUgRE9NIG5vZGUuXG4gKi9cbmV4cG9ydCBjb25zdCBVbnN0YWJsZVdpdGhUb29sdGlwID0gKHsgZGVsYXkgPSBbMCwgMTUwMF0sIC4uLnJlc3QgfTogeyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFRpcHB5UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGlwcHlcbiAgICAgIC8vIHBvcHBlck9wdGlvbnM9e3tcbiAgICAgIC8vICAgbW9kaWZpZXJzOiB7XG4gICAgICAvLyAgICAgZmxpcDogeyBiZWhhdmlvcjogWydib3R0b20nXX0sIC8vIGZvcmNlIHRvIGFsd2F5cyBkaXNwbGF5IHVuZGVyXG4gICAgICAvLyAgIH0sXG4gICAgICAvLyB9fVxuICAgICAgZGVsYXk9e2RlbGF5fVxuICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcFxuIl19 */"));
|
|
34
34
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
35
35
|
name: "1d3w5wq",
|
|
36
36
|
styles: "width:100%"
|
|
37
37
|
} : {
|
|
38
38
|
name: "1xdwume-Tooltip",
|
|
39
|
-
styles: "width:100%;label:Tooltip;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBUaXBweSwgeyBUaXBweVByb3BzIH0gZnJvbSAnQHRpcHB5anMvcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFBsYWNlbWVudCA9ICd0b3AnIHwgJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ2xlZnQnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmcgfCBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG4gIHZpc2libGU/
|
|
39
|
+
styles: "width:100%;label:Tooltip;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBUaXBweSwgeyBUaXBweVByb3BzIH0gZnJvbSAnQHRpcHB5anMvcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFBsYWNlbWVudCA9ICd0b3AnIHwgJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ2xlZnQnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmcgfCBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG4gIHZpc2libGU/OiBib29sZWFuXG4gIG9uQ2xpY2tPdXRzaWRlPzogKCkgPT4gdm9pZFxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCB7IGNvbG9ycywgc3BhY2luZywgcmFkaWksIGVsZXZhdGlvbiB9ID0gdGhlbWVcblxuY29uc3QgU3R5bGVkVGlwcHkgPSBzdHlsZWQoVGlwcHksIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnY3NzJywgLy8gdGhpcyB3aWxsIHByZXZlbnQgd2FybmluZ3MgZW1pdHRlZCBmcm9tIHRpcHB5XG59KWBcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHN9ICR7c3BhY2luZy54c307XG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlU21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke3JhZGlpLm19O1xuICBib3gtc2hhZG93OiAke2VsZXZhdGlvblsnNCddfTtcblxuICAmW2RhdGEtc3RhdGU9J3Zpc2libGUnXSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICZbZGF0YS1zdGF0ZT0naGlkZGVuJ10ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcblxuY29uc3QgVG9vbHRpcCA9ICh7XG4gIG5hbWUsXG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBkZWxheSA9IFswLCAxNTAwXSxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIHZpc2libGUsXG4gIG9uQ2xpY2tPdXRzaWRlLFxufTogVG9vbHRpcFByb3BzKSA9PiB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudCB8IG51bGw+KG51bGwpIGFzIFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGlja091dHNpZGUgPSAoZTogYW55KSA9PlxuICAgICAgcmVmLmN1cnJlbnQgJiYgIXJlZi5jdXJyZW50LmNvbnRhaW5zKGUudGFyZ2V0KSAmJiBvbkNsaWNrT3V0c2lkZSAmJiBvbkNsaWNrT3V0c2lkZSgpXG5cbiAgICB2aXNpYmxlICE9PSB1bmRlZmluZWRcbiAgICAgID8gZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgICAgOiBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9XG4gIH0sIFtdKVxuXG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIGlkPXtuYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgYH1cbiAgICAgIHJlZj17cmVmfVxuICAgID5cbiAgICAgIDxTdHlsZWRUaXBweSBjb250ZW50PXtjb250ZW50fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0gdmlzaWJsZT17dmlzaWJsZX0gey4uLihkZWxheSAhPT0gZmFsc2UgJiYgeyBkZWxheSB9KX0+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgaW5saW5lXG4gICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgey4uLihjb250YWluZXJQcm9wcyB8fCB7fSl9XG4gICAgICAgICAgey4uLihjb250YWluZXJQcm9wcyAmJlxuICAgICAgICAgICAgY29udGFpbmVyUHJvcHMuY3NzICYmIHtcbiAgICAgICAgICAgICAgY3NzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtjb250YWluZXJQcm9wcy5jc3N9XG4gICAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L1N0eWxlZFRpcHB5PlxuICAgIDwvc3Bhbj5cbiAgKVxufVxuXG4vKipcbiAqIFRoZSBgVW5zdGFibGVXaXRoVG9vbHRpcGAgY29tcG9uZW50IGNhbiBiZSB1c2VkIHRvIHdyYXAgYW4gZWxlbWVudCB3aXRoIGEgdG9vbHRpcCBidXQgdW5saWtlIHRoZSBgVG9vbHRpcGAgY29tcG9uZW50XG4gKiBubyBleHRyYSBodG1sIG1hcmt1cCB3aWxsIHdyYXBwZWQgYXJvdW5kIHRoZSB0YXJnZXRlZCBlbGVtZW50LlxuICpcbiAqIE5PVEU6IEl0IGlzIGltcG9ydGFudCB0aGF0IHRoZSBjb21wb25lbnQgYmVpbmcgd3JhcHBlZCBmb3J3YXJkcyBhIHJlZiB0byB0aGUgRE9NIG5vZGUuXG4gKi9cbmV4cG9ydCBjb25zdCBVbnN0YWJsZVdpdGhUb29sdGlwID0gKHsgZGVsYXkgPSBbMCwgMTUwMF0sIC4uLnJlc3QgfTogeyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFRpcHB5UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGlwcHlcbiAgICAgIC8vIHBvcHBlck9wdGlvbnM9e3tcbiAgICAgIC8vICAgbW9kaWZpZXJzOiB7XG4gICAgICAvLyAgICAgZmxpcDogeyBiZWhhdmlvcjogWydib3R0b20nXX0sIC8vIGZvcmNlIHRvIGFsd2F5cyBkaXNwbGF5IHVuZGVyXG4gICAgICAvLyAgIH0sXG4gICAgICAvLyB9fVxuICAgICAgZGVsYXk9e2RlbGF5fVxuICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcFxuIl19 */",
|
|
40
40
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
41
41
|
};
|
|
42
42
|
const Tooltip = ({
|
|
@@ -50,7 +50,7 @@ const Tooltip = ({
|
|
|
50
50
|
visible,
|
|
51
51
|
onClickOutside
|
|
52
52
|
}) => {
|
|
53
|
-
const ref = (0, _react.useRef)();
|
|
53
|
+
const ref = (0, _react.useRef)(null);
|
|
54
54
|
(0, _react.useEffect)(() => {
|
|
55
55
|
const handleClickOutside = e => ref.current && !ref.current.contains(e.target) && onClickOutside && onClickOutside();
|
|
56
56
|
visible !== undefined ? document.addEventListener('mousedown', handleClickOutside) : document.removeEventListener('mousedown', handleClickOutside);
|
|
@@ -58,23 +58,29 @@ const Tooltip = ({
|
|
|
58
58
|
document.removeEventListener('mousedown', handleClickOutside);
|
|
59
59
|
};
|
|
60
60
|
}, []);
|
|
61
|
-
return (0,
|
|
61
|
+
return (0, _jsxRuntime.jsx)("span", {
|
|
62
62
|
id: name,
|
|
63
63
|
css: _ref,
|
|
64
|
-
ref: ref
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
64
|
+
ref: ref,
|
|
65
|
+
children: (0, _jsxRuntime.jsx)(StyledTippy, {
|
|
66
|
+
content: content,
|
|
67
|
+
placement: placement,
|
|
68
|
+
visible: visible,
|
|
69
|
+
...(delay !== false && {
|
|
70
|
+
delay
|
|
71
|
+
}),
|
|
72
|
+
children: (0, _jsxRuntime.jsx)(_flexbox.FlexBox, {
|
|
73
|
+
inline: true,
|
|
74
|
+
as: "span",
|
|
75
|
+
tabIndex: tabIndex,
|
|
76
|
+
...(containerProps || {}),
|
|
77
|
+
...(containerProps && containerProps.css && {
|
|
78
|
+
css: /*#__PURE__*/(0, _react2.css)(containerProps.css, " outline:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:css;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFGc0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3Rvb2x0aXAvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgVGlwcHksIHsgVGlwcHlQcm9wcyB9IGZyb20gJ0B0aXBweWpzL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4vLi4vZmxleGJveCdcblxudHlwZSBQbGFjZW1lbnQgPSAndG9wJyB8ICdyaWdodCcgfCAnYm90dG9tJyB8ICdsZWZ0J1xuXG50eXBlIFRvb2x0aXBQcm9wcyA9IHtcbiAgY29udGVudDogc3RyaW5nIHwgUmVhY3QuUmVhY3ROb2RlXG4gIG5hbWU/OiBzdHJpbmdcbiAgcGxhY2VtZW50PzogUGxhY2VtZW50XG4gIG9mZnNldD86IG51bWJlclxuICBkZWxheT86IFtudW1iZXIsIG51bWJlcl0gfCBmYWxzZVxuICBjb250YWluZXJQcm9wcz86IGFueVxuICB0YWJJbmRleD86IG51bWJlclxuICB2aXNpYmxlPzogYm9vbGVhblxuICBvbkNsaWNrT3V0c2lkZT86ICgpID0+IHZvaWRcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgeyBjb2xvcnMsIHNwYWNpbmcsIHJhZGlpLCBlbGV2YXRpb24gfSA9IHRoZW1lXG5cbmNvbnN0IFN0eWxlZFRpcHB5ID0gc3R5bGVkKFRpcHB5LCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gcHJvcCAhPT0gJ2NzcycsIC8vIHRoaXMgd2lsbCBwcmV2ZW50IHdhcm5pbmdzIGVtaXR0ZWQgZnJvbSB0aXBweVxufSlgXG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnByaW1hcnkubWFpbn07XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcueHhzfSAke3NwYWNpbmcueHN9O1xuICAke3R5cG9ncmFwaHkuYm9keUludGVyZmFjZVNtYWxsfTtcbiAgYm9yZGVyLXJhZGl1czogJHtyYWRpaS5tfTtcbiAgYm94LXNoYWRvdzogJHtlbGV2YXRpb25bJzQnXX07XG5cbiAgJltkYXRhLXN0YXRlPSd2aXNpYmxlJ10ge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAmW2RhdGEtc3RhdGU9J2hpZGRlbiddIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5gXG5cbmNvbnN0IFRvb2x0aXAgPSAoe1xuICBuYW1lLFxuICBjb250ZW50LFxuICBjaGlsZHJlbixcbiAgZGVsYXkgPSBbMCwgMTUwMF0sXG4gIHBsYWNlbWVudCA9ICdib3R0b20nLFxuICBjb250YWluZXJQcm9wcyxcbiAgdGFiSW5kZXggPSAwLFxuICB2aXNpYmxlLFxuICBvbkNsaWNrT3V0c2lkZSxcbn06IFRvb2x0aXBQcm9wcykgPT4ge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKSBhcyBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PlxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlID0gKGU6IGFueSkgPT5cbiAgICAgIHJlZi5jdXJyZW50ICYmICFyZWYuY3VycmVudC5jb250YWlucyhlLnRhcmdldCkgJiYgb25DbGlja091dHNpZGUgJiYgb25DbGlja091dHNpZGUoKVxuXG4gICAgdmlzaWJsZSAhPT0gdW5kZWZpbmVkXG4gICAgICA/IGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICAgIDogZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgfVxuICB9LCBbXSlcblxuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICBpZD17bmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGB9XG4gICAgICByZWY9e3JlZn1cbiAgICA+XG4gICAgICA8U3R5bGVkVGlwcHkgY29udGVudD17Y29udGVudH0gcGxhY2VtZW50PXtwbGFjZW1lbnR9IHZpc2libGU9e3Zpc2libGV9IHsuLi4oZGVsYXkgIT09IGZhbHNlICYmIHsgZGVsYXkgfSl9PlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGlubGluZVxuICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgfHwge30pfVxuICAgICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgJiZcbiAgICAgICAgICAgIGNvbnRhaW5lclByb3BzLmNzcyAmJiB7XG4gICAgICAgICAgICAgIGNzczogY3NzYFxuICAgICAgICAgICAgICAgICR7Y29udGFpbmVyUHJvcHMuY3NzfVxuICAgICAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9TdHlsZWRUaXBweT5cbiAgICA8L3NwYW4+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgYFVuc3RhYmxlV2l0aFRvb2x0aXBgIGNvbXBvbmVudCBjYW4gYmUgdXNlZCB0byB3cmFwIGFuIGVsZW1lbnQgd2l0aCBhIHRvb2x0aXAgYnV0IHVubGlrZSB0aGUgYFRvb2x0aXBgIGNvbXBvbmVudFxuICogbm8gZXh0cmEgaHRtbCBtYXJrdXAgd2lsbCB3cmFwcGVkIGFyb3VuZCB0aGUgdGFyZ2V0ZWQgZWxlbWVudC5cbiAqXG4gKiBOT1RFOiBJdCBpcyBpbXBvcnRhbnQgdGhhdCB0aGUgY29tcG9uZW50IGJlaW5nIHdyYXBwZWQgZm9yd2FyZHMgYSByZWYgdG8gdGhlIERPTSBub2RlLlxuICovXG5leHBvcnQgY29uc3QgVW5zdGFibGVXaXRoVG9vbHRpcCA9ICh7IGRlbGF5ID0gWzAsIDE1MDBdLCAuLi5yZXN0IH06IHsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBUaXBweVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRpcHB5XG4gICAgICAvLyBwb3BwZXJPcHRpb25zPXt7XG4gICAgICAvLyAgIG1vZGlmaWVyczoge1xuICAgICAgLy8gICAgIGZsaXA6IHsgYmVoYXZpb3I6IFsnYm90dG9tJ119LCAvLyBmb3JjZSB0byBhbHdheXMgZGlzcGxheSB1bmRlclxuICAgICAgLy8gICB9LFxuICAgICAgLy8gfX1cbiAgICAgIGRlbGF5PXtkZWxheX1cbiAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2x0aXBcbiJdfQ== */")
|
|
79
|
+
}),
|
|
80
|
+
children: children
|
|
81
|
+
})
|
|
82
|
+
})
|
|
83
|
+
});
|
|
78
84
|
};
|
|
79
85
|
|
|
80
86
|
/**
|
|
@@ -87,17 +93,17 @@ const UnstableWithTooltip = ({
|
|
|
87
93
|
delay = [0, 1500],
|
|
88
94
|
...rest
|
|
89
95
|
}) => {
|
|
90
|
-
return (0,
|
|
96
|
+
return (0, _jsxRuntime.jsx)(StyledTippy
|
|
91
97
|
// popperOptions={{
|
|
92
98
|
// modifiers: {
|
|
93
99
|
// flip: { behavior: ['bottom']}, // force to always display under
|
|
94
100
|
// },
|
|
95
101
|
// }}
|
|
96
|
-
,
|
|
102
|
+
, {
|
|
97
103
|
delay: delay,
|
|
98
|
-
placement: "bottom"
|
|
99
|
-
|
|
104
|
+
placement: "bottom",
|
|
105
|
+
...rest
|
|
106
|
+
});
|
|
100
107
|
};
|
|
101
108
|
exports.UnstableWithTooltip = UnstableWithTooltip;
|
|
102
|
-
var _default = Tooltip;
|
|
103
|
-
exports.default = _default;
|
|
109
|
+
var _default = exports.default = Tooltip;
|