@dfds-ui/react-components 2.2.0-alpha.c2f773c5 → 2.2.0-alpha.c79adffa
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 +47 -65
- package/accordion/AccordionContent.d.ts +1 -2
- package/accordion/AccordionContent.js +5 -12
- package/accordion/AccordionSmall.d.ts +2 -3
- package/accordion/AccordionSmall.js +36 -49
- package/app-bar/AppBar.d.ts +3 -3
- package/app-bar/AppBar.js +38 -50
- package/app-bar/AppBarContext.d.ts +3 -3
- package/app-bar/AppBarContext.js +4 -5
- package/app-bar/AppBarDrawer.d.ts +2 -2
- package/app-bar/AppBarDrawer.js +5 -12
- package/app-bar/AppBarIconButton.d.ts +2 -2
- package/app-bar/AppBarIconButton.js +4 -9
- package/app-bar/AppBarItem.d.ts +4 -4
- package/app-bar/AppBarItem.js +59 -67
- package/app-bar/AppBarListItem.d.ts +12 -11
- package/assertions/banner/Banner.d.ts +3 -3
- package/assertions/banner/Banner.js +50 -62
- package/assertions/banner/BannerAction.d.ts +1 -1
- package/assertions/banner/BannerAction.js +3 -8
- package/assertions/banner/BannerTypography.d.ts +0 -2
- package/assertions/banner/BannerTypography.js +8 -11
- package/assertions/toast/Toast.d.ts +1 -2
- package/assertions/toast/Toast.js +22 -32
- package/assertions/toast/Toaster.d.ts +2 -2
- package/assertions/toast/Toaster.js +28 -33
- package/badge/Badge.d.ts +2 -2
- package/badge/Badge.js +9 -16
- package/button/BadgeIcon.d.ts +3 -3
- package/button/BadgeIcon.js +16 -18
- package/button/BaseButton.d.ts +6 -6
- package/button/BaseButton.js +1 -1
- package/button/Button.d.ts +4 -4
- package/button/Button.js +29 -36
- package/button/IconButton.d.ts +2 -2
- package/button/IconButton.js +13 -19
- package/button/LinkButton.d.ts +2 -2
- package/button/LinkButton.js +4 -9
- package/button/button-style.js +2 -1
- package/button-stack/ButtonStack.d.ts +3 -4
- package/button-stack/ButtonStack.js +20 -28
- package/card/Card.d.ts +2 -3
- package/card/Card.js +30 -44
- package/card/CardActions.js +4 -11
- package/card/CardContent.d.ts +2 -3
- package/card/CardContent.js +9 -19
- package/card/CardMedia.d.ts +3 -4
- package/card/CardMedia.js +7 -15
- package/card/CardPriceTag.d.ts +3 -3
- package/card/CardPriceTag.js +14 -26
- package/card/CardTitle.d.ts +2 -3
- package/card/CardTitle.js +13 -23
- package/chip/Chip.d.ts +5 -5
- package/chip/Chip.js +13 -20
- package/cjs/accordion/Accordion.d.ts +2 -2
- package/cjs/accordion/Accordion.js +71 -80
- package/cjs/accordion/AccordionContent.d.ts +1 -2
- package/cjs/accordion/AccordionContent.js +12 -12
- package/cjs/accordion/AccordionSmall.d.ts +2 -3
- package/cjs/accordion/AccordionSmall.js +49 -54
- package/cjs/accordion/index.js +3 -3
- package/cjs/app-bar/AppBar.d.ts +3 -3
- package/cjs/app-bar/AppBar.js +104 -92
- package/cjs/app-bar/AppBarContext.d.ts +3 -3
- package/cjs/app-bar/AppBarContext.js +19 -8
- package/cjs/app-bar/AppBarDrawer.d.ts +2 -2
- package/cjs/app-bar/AppBarDrawer.js +16 -16
- package/cjs/app-bar/AppBarIconButton.d.ts +2 -2
- package/cjs/app-bar/AppBarIconButton.js +14 -12
- package/cjs/app-bar/AppBarItem.d.ts +4 -4
- package/cjs/app-bar/AppBarItem.js +88 -78
- package/cjs/app-bar/AppBarListItem.d.ts +12 -11
- package/cjs/app-bar/index.js +8 -8
- package/cjs/assertions/banner/Banner.d.ts +3 -3
- package/cjs/assertions/banner/Banner.js +92 -79
- package/cjs/assertions/banner/BannerAction.d.ts +1 -1
- package/cjs/assertions/banner/BannerAction.js +13 -12
- package/cjs/assertions/banner/BannerTypography.d.ts +0 -2
- package/cjs/assertions/banner/BannerTypography.js +11 -11
- package/cjs/assertions/banner/index.js +3 -3
- package/cjs/assertions/index.js +2 -2
- package/cjs/assertions/toast/Toast.d.ts +1 -2
- package/cjs/assertions/toast/Toast.js +35 -36
- package/cjs/assertions/toast/Toaster.d.ts +2 -2
- package/cjs/assertions/toast/Toaster.js +66 -55
- package/cjs/assertions/toast/index.js +4 -4
- package/cjs/badge/Badge.d.ts +2 -2
- package/cjs/badge/Badge.js +23 -21
- package/cjs/badge/index.js +3 -3
- package/cjs/button/BadgeIcon.d.ts +3 -3
- package/cjs/button/BadgeIcon.js +15 -18
- package/cjs/button/BaseButton.d.ts +6 -6
- package/cjs/button/BaseButton.js +1 -1
- package/cjs/button/Button.d.ts +4 -4
- package/cjs/button/Button.js +48 -43
- package/cjs/button/IconButton.d.ts +2 -2
- package/cjs/button/IconButton.js +41 -34
- package/cjs/button/LinkButton.d.ts +2 -2
- package/cjs/button/LinkButton.js +5 -6
- package/cjs/button/button-style.js +2 -1
- package/cjs/button/index.js +8 -8
- package/cjs/button-stack/ButtonStack.d.ts +3 -4
- package/cjs/button-stack/ButtonStack.js +30 -29
- package/cjs/button-stack/index.js +1 -1
- package/cjs/card/Card.d.ts +2 -3
- package/cjs/card/Card.js +65 -61
- package/cjs/card/CardActions.js +12 -9
- package/cjs/card/CardContent.d.ts +2 -3
- package/cjs/card/CardContent.js +17 -18
- package/cjs/card/CardMedia.d.ts +3 -4
- package/cjs/card/CardMedia.js +16 -16
- package/cjs/card/CardPriceTag.d.ts +3 -3
- package/cjs/card/CardPriceTag.js +24 -27
- package/cjs/card/CardTitle.d.ts +2 -3
- package/cjs/card/CardTitle.js +21 -24
- package/cjs/card/index.js +6 -6
- package/cjs/chip/Chip.d.ts +5 -5
- package/cjs/chip/Chip.js +45 -32
- package/cjs/chip/index.js +3 -3
- package/cjs/common/LockBodyScroll.d.ts +2 -2
- package/cjs/common/LockBodyScroll.js +15 -18
- package/cjs/common/arrow.d.ts +1 -1
- package/cjs/common/arrow.js +4 -2
- package/cjs/common/emotionCloneElement.d.ts +1 -0
- package/cjs/common/emotionCloneElement.js +8 -5
- package/cjs/common/intent.d.ts +1 -1
- package/cjs/common/polymorphic.d.ts +5 -5
- package/cjs/common/polymorphic.js +8 -12
- package/cjs/common/use-media.js +10 -1
- package/cjs/common/useOnClickOutside.d.ts +2 -1
- package/cjs/counter/Counter.d.ts +1 -1
- package/cjs/counter/Counter.js +62 -56
- package/cjs/counter/PluralCounter.d.ts +1 -1
- package/cjs/counter/PluralCounter.js +32 -22
- package/cjs/counter/index.js +2 -2
- package/cjs/data-table/DataTable.d.ts +2 -3
- package/cjs/data-table/DataTable.js +57 -55
- package/cjs/data-table/index.js +1 -1
- package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +2 -0
- package/cjs/date-range-picker/DatePickerDefaultStyles.js +19 -0
- package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +2 -0
- package/cjs/date-range-picker/DatePickerDfdsStyles.js +10 -0
- package/cjs/date-range-picker/DateRangePicker.d.ts +5 -5
- package/cjs/date-range-picker/DateRangePicker.js +252 -295
- package/cjs/date-range-picker/index.js +1 -1
- package/cjs/divider/Divider.d.ts +3 -3
- package/cjs/divider/Divider.js +13 -14
- package/cjs/divider/index.js +1 -1
- package/cjs/drawer/Drawer.d.ts +4 -4
- package/cjs/drawer/Drawer.js +20 -18
- package/cjs/drawer/index.js +1 -1
- package/cjs/dropdown-menu/Dropdown.d.ts +3 -3
- package/cjs/dropdown-menu/Dropdown.js +59 -50
- package/cjs/dropdown-menu/DropdownContext.d.ts +4 -4
- package/cjs/dropdown-menu/DropdownContext.js +5 -6
- package/cjs/dropdown-menu/MenuCheckbox.d.ts +1 -1
- package/cjs/dropdown-menu/MenuCheckbox.js +23 -26
- package/cjs/dropdown-menu/MenuItem.d.ts +1 -1
- package/cjs/dropdown-menu/MenuItem.js +66 -52
- package/cjs/dropdown-menu/MenuTitle.d.ts +1 -1
- package/cjs/dropdown-menu/MenuTitle.js +14 -18
- package/cjs/dropdown-menu/index.js +6 -6
- package/cjs/elevation/index.d.ts +1 -1
- package/cjs/elevation/index.js +6 -3
- package/cjs/flexbox/FlexBox.d.ts +5 -5
- package/cjs/flexbox/FlexBox.js +13 -5
- package/cjs/flexbox/index.js +1 -1
- package/cjs/footer/Footer.d.ts +2 -2
- package/cjs/footer/Footer.js +7 -12
- package/cjs/footer/index.js +1 -1
- package/cjs/forms/assistive-text/AssistiveText.d.ts +4 -3
- package/cjs/forms/asterisk/Asterisk.d.ts +2 -2
- package/cjs/forms/asterisk/Asterisk.js +2 -4
- package/cjs/forms/checkbox/Checkbox.d.ts +5 -5
- package/cjs/forms/checkbox/Checkbox.js +54 -54
- package/cjs/forms/checkbox/ExampleControlComponent.d.ts +1 -2
- package/cjs/forms/checkbox/ExampleControlComponent.js +22 -12
- package/cjs/forms/checkbox/index.js +1 -1
- package/cjs/forms/email-field/EmailField.d.ts +2 -2
- package/cjs/forms/email-field/EmailField.js +5 -6
- package/cjs/forms/error-text/ErrorText.d.ts +4 -3
- package/cjs/forms/error-text/ErrorText.js +4 -2
- package/cjs/forms/field/Field.d.ts +1 -2
- package/cjs/forms/field/Field.js +10 -12
- package/cjs/forms/index.d.ts +3 -3
- package/cjs/forms/index.js +18 -18
- package/cjs/forms/input/Input.d.ts +3 -3
- package/cjs/forms/input/Input.js +50 -43
- package/cjs/forms/input/InputComposition.d.ts +12 -12
- package/cjs/forms/input/InputComposition.js +54 -58
- package/cjs/forms/label/Label.d.ts +1 -2
- package/cjs/forms/label/Label.js +14 -14
- package/cjs/forms/number-field/NumberField.d.ts +2 -2
- package/cjs/forms/number-field/NumberField.js +6 -6
- package/cjs/forms/password-field/PasswordField.d.ts +1 -1
- package/cjs/forms/password-field/PasswordField.js +22 -13
- package/cjs/forms/radio/Radio.d.ts +4 -4
- package/cjs/forms/radio/Radio.js +30 -27
- package/cjs/forms/reactselect/ReactSelect.d.ts +15 -15
- package/cjs/forms/reactselect/ReactSelect.js +97 -100
- package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +2 -2
- package/cjs/forms/searchable-select/AsyncSearchableSelect.js +66 -72
- package/cjs/forms/select/Select.d.ts +4 -4
- package/cjs/forms/select/Select.js +45 -42
- package/cjs/forms/select-field/SelectField.d.ts +3 -3
- package/cjs/forms/select-field/SelectField.js +48 -48
- package/cjs/forms/switch/Switch.d.ts +2 -2
- package/cjs/forms/switch/Switch.js +51 -51
- package/cjs/forms/tel-field/TelField.d.ts +2 -2
- package/cjs/forms/tel-field/TelField.js +5 -6
- package/cjs/forms/text-field/TextField.d.ts +4 -4
- package/cjs/forms/text-field/TextField.js +58 -57
- package/cjs/global-styles/GlobalStyles.d.ts +3 -3
- package/cjs/global-styles/GlobalStyles.js +2 -3
- package/cjs/global-styles/ResetStyles.d.ts +2 -2
- package/cjs/global-styles/ResetStyles.js +3 -3
- package/cjs/global-styles/sanitize.js +2 -1
- package/cjs/grid/Column.d.ts +1 -1
- package/cjs/grid/Column.js +15 -14
- package/cjs/grid/Container.d.ts +2 -2
- package/cjs/grid/Container.js +38 -42
- package/cjs/grid/index.js +2 -2
- package/cjs/hero/Hero.d.ts +2 -2
- package/cjs/hero/Hero.js +24 -41
- package/cjs/hero/index.js +1 -1
- package/cjs/hero/stripes.d.ts +2 -2
- package/cjs/hero/stripes.js +160 -176
- package/cjs/ie-banner/IEBanner.d.ts +1 -2
- package/cjs/ie-banner/IEBanner.js +25 -16
- package/cjs/ie-banner/index.js +1 -1
- package/cjs/index.js +45 -45
- package/cjs/layout/LayoutLegacy.d.ts +2 -2
- package/cjs/layout/LayoutLegacy.js +1 -2
- package/cjs/lists/FeatureList.d.ts +9 -7
- package/cjs/lists/FeatureList.js +19 -21
- package/cjs/lists/ListAddon.d.ts +2 -2
- package/cjs/lists/ListAddon.js +14 -15
- package/cjs/lists/ListDivider.d.ts +3 -3
- package/cjs/lists/ListDivider.js +13 -11
- package/cjs/lists/ListIcon.d.ts +3 -3
- package/cjs/lists/ListIcon.js +19 -17
- package/cjs/lists/ListItem.d.ts +2 -2
- package/cjs/lists/ListItem.js +28 -21
- package/cjs/lists/ListText.d.ts +4 -4
- package/cjs/lists/ListText.js +15 -13
- package/cjs/lists/ListTextGroup.d.ts +2 -2
- package/cjs/lists/ListTextGroup.js +17 -14
- package/cjs/lists/ListTitle.d.ts +2 -2
- package/cjs/lists/ListTitle.js +13 -10
- package/cjs/lists/index.js +8 -8
- package/cjs/loader/DfdsLoader.d.ts +1 -1
- package/cjs/loader/DfdsLoader.js +22 -28
- package/cjs/loader/Loader.d.ts +3 -3
- package/cjs/loader/Loader.js +3 -9
- package/cjs/loader/index.js +2 -2
- package/cjs/localization/LocaleFlag.d.ts +3 -3
- package/cjs/localization/LocaleFlag.js +16 -13
- package/cjs/localization/index.js +2 -2
- package/cjs/localization/locales.d.ts +2 -2
- package/cjs/logo/Logo.d.ts +3 -3
- package/cjs/logo/Logo.js +14 -16
- package/cjs/logo/index.js +1 -1
- package/cjs/menu/Menu.d.ts +1 -1
- package/cjs/menu/Menu.js +38 -44
- package/cjs/menu/index.js +3 -3
- package/cjs/mobile-stepper/MobileStepper.d.ts +3 -3
- package/cjs/mobile-stepper/MobileStepper.js +29 -26
- package/cjs/mobile-stepper/index.js +1 -1
- package/cjs/nav-bar/NavBar.d.ts +9 -11
- package/cjs/nav-bar/NavBar.js +67 -63
- package/cjs/nav-bar/index.js +3 -3
- package/cjs/nav-menu/NavMenuItem.d.ts +1 -1
- package/cjs/nav-menu/NavMenuItem.js +11 -13
- package/cjs/nav-menu/index.js +1 -1
- package/cjs/pagination/Pagination.d.ts +3 -3
- package/cjs/pagination/Pagination.js +46 -58
- package/cjs/pagination/Pagination.styles.js +2 -1
- package/cjs/pagination/index.js +1 -1
- package/cjs/popper/Popper.d.ts +4 -4
- package/cjs/popper/Popper.js +40 -40
- package/cjs/popper/index.js +1 -1
- package/cjs/progress-bar/ProgressBar.d.ts +3 -3
- package/cjs/progress-bar/ProgressBar.js +5 -4
- package/cjs/progress-bar/index.js +3 -3
- package/cjs/schedule/ScheduleItem.d.ts +10 -8
- package/cjs/schedule/ScheduleItem.js +4 -9
- package/cjs/schedule/ScheduleList.d.ts +3 -3
- package/cjs/schedule/ScheduleList.js +15 -13
- package/cjs/schedule/index.js +2 -2
- package/cjs/side-sheet/SideSheet.d.ts +5 -5
- package/cjs/side-sheet/SideSheet.js +86 -74
- package/cjs/side-sheet/SideSheetCloseButton.d.ts +2 -2
- package/cjs/side-sheet/SideSheetCloseButton.js +17 -13
- package/cjs/side-sheet/SideSheetContent.d.ts +3 -3
- package/cjs/side-sheet/SideSheetContent.js +13 -15
- package/cjs/side-sheet/SideSheetFooter.d.ts +3 -3
- package/cjs/side-sheet/SideSheetFooter.js +13 -15
- package/cjs/side-sheet/SideSheetHeader.d.ts +3 -3
- package/cjs/side-sheet/SideSheetHeader.js +16 -17
- package/cjs/side-sheet/SideSheetHeadline.d.ts +3 -3
- package/cjs/side-sheet/SideSheetHeadline.js +3 -5
- package/cjs/side-sheet/index.js +5 -5
- package/cjs/site-layout/SiteLayout.d.ts +11 -15
- package/cjs/site-layout/SiteLayout.js +47 -56
- package/cjs/site-layout/index.js +3 -3
- package/cjs/skeleton/Skeleton.d.ts +3 -3
- package/cjs/skeleton/Skeleton.js +15 -12
- package/cjs/skeleton/index.js +1 -1
- package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +9 -7
- package/cjs/social-media-link-list/SocialMediaLinkList.js +69 -75
- package/cjs/social-media-link-list/index.js +1 -1
- package/cjs/spinner/Spinner.d.ts +9 -9
- package/cjs/spinner/Spinner.js +23 -20
- package/cjs/spinner/index.js +1 -1
- package/cjs/step/Step.d.ts +2 -2
- package/cjs/step/Step.js +47 -49
- package/cjs/step/Step.styles.js +2 -1
- package/cjs/step/StepButton.d.ts +2 -2
- package/cjs/step/StepButton.js +39 -43
- package/cjs/step/StepContent.d.ts +3 -3
- package/cjs/step/StepContent.js +14 -16
- package/cjs/step/StepContext.d.ts +1 -1
- package/cjs/step/StepLabel.d.ts +1 -1
- package/cjs/step/StepLabel.js +10 -13
- package/cjs/step/index.js +1 -1
- package/cjs/stepper/Stepper.d.ts +2 -2
- package/cjs/stepper/Stepper.js +34 -26
- package/cjs/stepper/StepperContext.d.ts +1 -1
- package/cjs/stepper/index.js +1 -1
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.d.ts +2 -2
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +7 -10
- package/cjs/stepper-feedback-message/index.js +1 -1
- package/cjs/styles/index.js +5 -5
- package/cjs/styles/media.d.ts +1 -1
- package/cjs/styles/style-helpers.js +2 -1
- package/cjs/styles/theme.d.ts +1 -1
- package/cjs/surface/Surface.d.ts +7 -7
- package/cjs/surface/Surface.js +31 -32
- package/cjs/surface/index.js +1 -1
- package/cjs/tab/Tab.d.ts +3 -3
- package/cjs/tab/Tab.js +21 -21
- package/cjs/tab/TabPanel.d.ts +2 -2
- package/cjs/tab/TabPanel.js +7 -9
- package/cjs/tab/Tabs.d.ts +3 -3
- package/cjs/tab/Tabs.js +67 -52
- package/cjs/tab/TabsContext.d.ts +3 -3
- package/cjs/tab/TabsContext.js +5 -6
- package/cjs/tab/index.js +4 -4
- package/cjs/table/Table.d.ts +3 -3
- package/cjs/table/Table.js +22 -20
- package/cjs/table/TableBody.d.ts +2 -2
- package/cjs/table/TableBody.js +12 -11
- package/cjs/table/TableDataCell.d.ts +2 -2
- package/cjs/table/TableDataCell.js +15 -13
- package/cjs/table/TableHead.d.ts +2 -2
- package/cjs/table/TableHead.js +16 -16
- package/cjs/table/TableHeaderCell.d.ts +3 -3
- package/cjs/table/TableHeaderCell.js +15 -13
- package/cjs/table/TableRow.d.ts +2 -2
- package/cjs/table/TableRow.js +18 -17
- package/cjs/table/index.js +6 -6
- package/cjs/test/Test.js +2 -4
- package/cjs/tooltip/Tooltip.d.ts +4 -4
- package/cjs/tooltip/Tooltip.js +35 -40
- package/cjs/tooltip/index.js +3 -3
- package/cjs/typography/Headlines.d.ts +40 -41
- package/cjs/typography/Headlines.js +28 -25
- package/cjs/typography/Text.d.ts +3 -2
- package/cjs/typography/Text.js +2 -1
- package/cjs/typography/index.js +2 -2
- package/common/LockBodyScroll.d.ts +2 -2
- package/common/LockBodyScroll.js +8 -18
- package/common/arrow.d.ts +1 -1
- package/common/arrow.js +4 -2
- package/common/emotionCloneElement.d.ts +1 -0
- package/common/intent.d.ts +1 -1
- package/common/polymorphic.d.ts +5 -5
- package/common/polymorphic.js +2 -8
- package/common/useOnClickOutside.d.ts +2 -1
- package/counter/Counter.d.ts +1 -1
- package/counter/Counter.js +50 -53
- package/counter/PluralCounter.d.ts +1 -1
- package/counter/PluralCounter.js +9 -17
- package/data-table/DataTable.d.ts +2 -3
- package/data-table/DataTable.js +36 -49
- package/date-range-picker/DatePickerDefaultStyles.d.ts +2 -0
- package/date-range-picker/DatePickerDefaultStyles.js +13 -0
- package/date-range-picker/DatePickerDfdsStyles.d.ts +2 -0
- package/date-range-picker/DatePickerDfdsStyles.js +4 -0
- package/date-range-picker/DateRangePicker.d.ts +5 -5
- package/date-range-picker/DateRangePicker.js +236 -317
- package/divider/Divider.d.ts +3 -3
- package/divider/Divider.js +3 -8
- package/drawer/Drawer.d.ts +4 -4
- package/drawer/Drawer.js +5 -14
- package/dropdown-menu/Dropdown.d.ts +3 -3
- package/dropdown-menu/Dropdown.js +28 -38
- package/dropdown-menu/DropdownContext.d.ts +4 -4
- package/dropdown-menu/DropdownContext.js +4 -5
- package/dropdown-menu/MenuCheckbox.d.ts +1 -1
- package/dropdown-menu/MenuCheckbox.js +17 -24
- package/dropdown-menu/MenuItem.d.ts +1 -1
- package/dropdown-menu/MenuItem.js +24 -27
- package/dropdown-menu/MenuTitle.d.ts +1 -1
- package/dropdown-menu/MenuTitle.js +13 -15
- package/elevation/index.d.ts +1 -1
- package/elevation/index.js +6 -3
- package/flexbox/FlexBox.d.ts +5 -5
- package/flexbox/FlexBox.js +2 -2
- package/footer/Footer.d.ts +2 -2
- package/footer/Footer.js +7 -12
- package/forms/assistive-text/AssistiveText.d.ts +4 -3
- package/forms/asterisk/Asterisk.d.ts +2 -2
- package/forms/asterisk/Asterisk.js +2 -4
- package/forms/checkbox/Checkbox.d.ts +5 -5
- package/forms/checkbox/Checkbox.js +38 -47
- package/forms/checkbox/ExampleControlComponent.d.ts +1 -2
- package/forms/checkbox/ExampleControlComponent.js +4 -11
- package/forms/email-field/EmailField.d.ts +2 -2
- package/forms/email-field/EmailField.js +4 -9
- package/forms/error-text/ErrorText.d.ts +4 -3
- package/forms/error-text/ErrorText.js +4 -2
- package/forms/field/Field.d.ts +1 -2
- package/forms/field/Field.js +10 -12
- package/forms/index.d.ts +3 -3
- package/forms/input/Input.d.ts +3 -3
- package/forms/input/Input.js +36 -35
- package/forms/input/InputComposition.d.ts +12 -12
- package/forms/input/InputComposition.js +27 -38
- package/forms/label/Label.d.ts +1 -2
- package/forms/label/Label.js +9 -15
- package/forms/number-field/NumberField.d.ts +2 -2
- package/forms/number-field/NumberField.js +6 -10
- package/forms/password-field/PasswordField.d.ts +1 -1
- package/forms/password-field/PasswordField.js +10 -15
- package/forms/radio/Radio.d.ts +4 -4
- package/forms/radio/Radio.js +21 -27
- package/forms/reactselect/ReactSelect.d.ts +15 -15
- package/forms/reactselect/ReactSelect.js +64 -71
- package/forms/searchable-select/AsyncSearchableSelect.d.ts +2 -2
- package/forms/searchable-select/AsyncSearchableSelect.js +37 -49
- package/forms/select/Select.d.ts +4 -4
- package/forms/select/Select.js +35 -38
- package/forms/select-field/SelectField.d.ts +3 -3
- package/forms/select-field/SelectField.js +35 -40
- package/forms/switch/Switch.d.ts +2 -2
- package/forms/switch/Switch.js +41 -50
- package/forms/tel-field/TelField.d.ts +2 -2
- package/forms/tel-field/TelField.js +4 -9
- package/forms/text-field/TextField.d.ts +4 -4
- package/forms/text-field/TextField.js +42 -47
- package/global-styles/GlobalStyles.d.ts +3 -3
- package/global-styles/GlobalStyles.js +3 -3
- package/global-styles/ResetStyles.d.ts +2 -2
- package/global-styles/ResetStyles.js +4 -3
- package/global-styles/sanitize.js +2 -1
- package/grid/Column.d.ts +1 -1
- package/grid/Column.js +5 -12
- package/grid/Container.d.ts +2 -2
- package/grid/Container.js +26 -33
- package/hero/Hero.d.ts +2 -2
- package/hero/Hero.js +24 -42
- package/hero/stripes.d.ts +2 -2
- package/hero/stripes.js +160 -176
- package/ie-banner/IEBanner.d.ts +1 -2
- package/ie-banner/IEBanner.js +6 -12
- package/layout/LayoutLegacy.d.ts +2 -2
- package/layout/LayoutLegacy.js +2 -2
- package/lists/FeatureList.d.ts +9 -7
- package/lists/FeatureList.js +9 -19
- package/lists/ListAddon.d.ts +2 -2
- package/lists/ListAddon.js +4 -11
- package/lists/ListDivider.d.ts +3 -3
- package/lists/ListDivider.js +3 -8
- package/lists/ListIcon.d.ts +3 -3
- package/lists/ListIcon.js +3 -8
- package/lists/ListItem.d.ts +2 -2
- package/lists/ListItem.js +4 -11
- package/lists/ListText.d.ts +4 -4
- package/lists/ListText.js +3 -8
- package/lists/ListTextGroup.d.ts +2 -2
- package/lists/ListTextGroup.js +3 -8
- package/lists/ListTitle.d.ts +2 -2
- package/lists/ListTitle.js +5 -9
- package/loader/DfdsLoader.d.ts +1 -1
- package/loader/DfdsLoader.js +21 -26
- package/loader/Loader.d.ts +3 -3
- package/loader/Loader.js +4 -9
- package/localization/LocaleFlag.d.ts +3 -3
- package/localization/LocaleFlag.js +3 -8
- package/localization/locales.d.ts +2 -2
- package/logo/Logo.d.ts +3 -3
- package/logo/Logo.js +5 -12
- package/menu/Menu.d.ts +1 -1
- package/menu/Menu.js +15 -28
- package/mobile-stepper/MobileStepper.d.ts +3 -3
- package/mobile-stepper/MobileStepper.js +19 -25
- package/nav-bar/NavBar.d.ts +9 -11
- package/nav-bar/NavBar.js +34 -49
- package/nav-menu/NavMenuItem.d.ts +1 -1
- package/nav-menu/NavMenuItem.js +12 -13
- package/package.json +22 -20
- package/pagination/Pagination.d.ts +3 -3
- package/pagination/Pagination.js +38 -54
- package/pagination/Pagination.styles.js +2 -1
- package/popper/Popper.d.ts +4 -4
- package/popper/Popper.js +16 -25
- package/progress-bar/ProgressBar.d.ts +3 -3
- package/progress-bar/ProgressBar.js +6 -4
- package/schedule/ScheduleItem.d.ts +10 -8
- package/schedule/ScheduleItem.js +4 -9
- package/schedule/ScheduleList.d.ts +3 -3
- package/schedule/ScheduleList.js +8 -14
- package/side-sheet/SideSheet.d.ts +5 -5
- package/side-sheet/SideSheet.js +40 -48
- package/side-sheet/SideSheetCloseButton.d.ts +2 -2
- package/side-sheet/SideSheetCloseButton.js +3 -8
- package/side-sheet/SideSheetContent.d.ts +3 -3
- package/side-sheet/SideSheetContent.js +6 -15
- package/side-sheet/SideSheetFooter.d.ts +3 -3
- package/side-sheet/SideSheetFooter.js +6 -15
- package/side-sheet/SideSheetHeader.d.ts +3 -3
- package/side-sheet/SideSheetHeader.js +6 -15
- package/side-sheet/SideSheetHeadline.d.ts +3 -3
- package/side-sheet/SideSheetHeadline.js +4 -5
- package/site-layout/SiteLayout.d.ts +11 -15
- package/site-layout/SiteLayout.js +16 -34
- package/skeleton/Skeleton.d.ts +3 -3
- package/skeleton/Skeleton.js +3 -8
- package/social-media-link-list/SocialMediaLinkList.d.ts +9 -7
- package/social-media-link-list/SocialMediaLinkList.js +53 -67
- package/spinner/Spinner.d.ts +9 -9
- package/spinner/Spinner.js +10 -16
- package/step/Step.d.ts +2 -2
- package/step/Step.js +18 -32
- package/step/Step.styles.js +2 -1
- package/step/StepButton.d.ts +2 -2
- package/step/StepButton.js +20 -26
- package/step/StepContent.d.ts +3 -3
- package/step/StepContent.js +13 -13
- package/step/StepContext.d.ts +1 -1
- package/step/StepLabel.d.ts +1 -1
- package/step/StepLabel.js +8 -9
- package/stepper/Stepper.d.ts +2 -2
- package/stepper/Stepper.js +13 -13
- package/stepper/StepperContext.d.ts +1 -1
- package/stepper-feedback-message/StepperFeedbackMessage.d.ts +2 -2
- package/stepper-feedback-message/StepperFeedbackMessage.js +8 -10
- package/styles/media.d.ts +1 -1
- package/styles/style-helpers.js +2 -1
- package/styles/theme.d.ts +1 -1
- package/surface/Surface.d.ts +7 -7
- package/surface/Surface.js +12 -15
- package/tab/Tab.d.ts +3 -3
- package/tab/Tab.js +10 -16
- package/tab/TabPanel.d.ts +2 -2
- package/tab/TabPanel.js +5 -6
- package/tab/Tabs.d.ts +3 -3
- package/tab/Tabs.js +36 -42
- package/tab/TabsContext.d.ts +3 -3
- package/tab/TabsContext.js +4 -5
- package/table/Table.d.ts +3 -3
- package/table/Table.js +11 -18
- package/table/TableBody.d.ts +2 -2
- package/table/TableBody.js +5 -11
- package/table/TableDataCell.d.ts +2 -2
- package/table/TableDataCell.js +6 -12
- package/table/TableHead.d.ts +2 -2
- package/table/TableHead.js +6 -8
- package/table/TableHeaderCell.d.ts +3 -3
- package/table/TableHeaderCell.js +6 -12
- package/table/TableRow.d.ts +2 -2
- package/table/TableRow.js +6 -8
- package/test/Test.js +2 -4
- package/tooltip/Tooltip.d.ts +4 -4
- package/tooltip/Tooltip.js +22 -31
- package/typography/Headlines.d.ts +40 -41
- package/typography/Headlines.js +17 -22
- package/typography/Text.d.ts +3 -2
- package/typography/Text.js +2 -1
- package/cjs/date-range-picker/DateRangePicker.styles.d.ts +0 -6
- package/cjs/date-range-picker/DateRangePicker.styles.js +0 -14
- package/date-range-picker/DateRangePicker.styles.d.ts +0 -6
- package/date-range-picker/DateRangePicker.styles.js +0 -9
package/table/Table.js
CHANGED
|
@@ -1,16 +1,11 @@
|
|
|
1
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
1
|
var _excluded = ["children", "isHeaderSticky", "isInteractive"];
|
|
3
|
-
function
|
|
4
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
6
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
7
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
2
|
+
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); }
|
|
8
3
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
9
4
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
10
5
|
import React, { createContext, forwardRef, useContext } from 'react';
|
|
11
6
|
import { css } from '@emotion/react';
|
|
12
7
|
import { theme } from '@dfds-ui/theme';
|
|
13
|
-
import { jsx as
|
|
8
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
14
9
|
var TableContext = /*#__PURE__*/createContext({
|
|
15
10
|
isInteractive: false,
|
|
16
11
|
isHeaderSticky: false
|
|
@@ -30,17 +25,15 @@ export var Table = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
30
25
|
_ref$isInteractive = _ref.isInteractive,
|
|
31
26
|
isInteractive = _ref$isInteractive === void 0 ? false : _ref$isInteractive,
|
|
32
27
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
33
|
-
return
|
|
28
|
+
return ___EmotionJSX("table", _extends({
|
|
34
29
|
css: tableStyle
|
|
35
|
-
}, rest
|
|
36
|
-
ref: ref
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
})
|
|
44
|
-
}));
|
|
30
|
+
}, rest, {
|
|
31
|
+
ref: ref
|
|
32
|
+
}), ___EmotionJSX(TableContext.Provider, {
|
|
33
|
+
value: {
|
|
34
|
+
isInteractive: isInteractive,
|
|
35
|
+
isHeaderSticky: isHeaderSticky
|
|
36
|
+
}
|
|
37
|
+
}, children));
|
|
45
38
|
});
|
|
46
39
|
export default Table;
|
package/table/TableBody.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React, { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
-
export type TableBodyProps = {
|
|
2
|
+
export declare type TableBodyProps = {
|
|
3
3
|
/**
|
|
4
4
|
* Table body content
|
|
5
5
|
*/
|
|
6
6
|
children: ReactNode;
|
|
7
7
|
} & ComponentPropsWithRef<'tbody'>;
|
|
8
|
-
export declare const TableBody: React.ForwardRefExoticComponent<
|
|
8
|
+
export declare const TableBody: React.ForwardRefExoticComponent<Pick<TableBodyProps, "key" | "css" | keyof React.HTMLAttributes<HTMLTableSectionElement>> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
9
9
|
export default TableBody;
|
package/table/TableBody.js
CHANGED
|
@@ -1,20 +1,14 @@
|
|
|
1
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
1
|
var _excluded = ["children"];
|
|
3
|
-
function
|
|
4
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
6
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
7
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
2
|
+
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); }
|
|
8
3
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
9
4
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
10
5
|
import React, { forwardRef } from 'react';
|
|
11
|
-
import { jsx as
|
|
6
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
12
7
|
export var TableBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
13
8
|
var children = _ref.children,
|
|
14
9
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
15
|
-
return
|
|
16
|
-
ref: ref
|
|
17
|
-
|
|
18
|
-
}));
|
|
10
|
+
return ___EmotionJSX("tbody", _extends({}, rest, {
|
|
11
|
+
ref: ref
|
|
12
|
+
}), children);
|
|
19
13
|
});
|
|
20
14
|
export default TableBody;
|
package/table/TableDataCell.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
2
|
import { Alignment } from './TableHeaderCell';
|
|
3
|
-
export type TableDataCellProps = {
|
|
3
|
+
export declare type TableDataCellProps = {
|
|
4
4
|
/**
|
|
5
5
|
* Sets alignment for the content in the tag
|
|
6
6
|
*/
|
|
@@ -10,5 +10,5 @@ export type TableDataCellProps = {
|
|
|
10
10
|
*/
|
|
11
11
|
children: ReactNode;
|
|
12
12
|
} & ComponentPropsWithRef<'td'>;
|
|
13
|
-
export declare const TableDataCell: React.ForwardRefExoticComponent<
|
|
13
|
+
export declare const TableDataCell: React.ForwardRefExoticComponent<Pick<TableDataCellProps, "key" | "css" | keyof React.TdHTMLAttributes<HTMLTableDataCellElement>> & React.RefAttributes<HTMLTableCellElement>>;
|
|
14
14
|
export default TableDataCell;
|
package/table/TableDataCell.js
CHANGED
|
@@ -1,10 +1,5 @@
|
|
|
1
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
1
|
var _excluded = ["align", "children"];
|
|
3
|
-
function
|
|
4
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
6
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
7
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
2
|
+
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); }
|
|
8
3
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
9
4
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
10
5
|
import React, { forwardRef } from 'react';
|
|
@@ -12,7 +7,7 @@ import { css } from '@emotion/react';
|
|
|
12
7
|
import { typography } from '@dfds-ui/typography';
|
|
13
8
|
import { theme } from '@dfds-ui/theme';
|
|
14
9
|
import { getTableCellStyle } from './TableHeaderCell';
|
|
15
|
-
import { jsx as
|
|
10
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
16
11
|
var tableDataCellStyle = function tableDataCellStyle() {
|
|
17
12
|
var align = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'left';
|
|
18
13
|
return /*#__PURE__*/css(getTableCellStyle(align), " color:", theme.colors.text.dark.primary, ";", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjZEIiwiZmlsZSI6Ii4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wc1dpdGhSZWYsIGZvcndhcmRSZWYsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBBbGlnbm1lbnQsIGdldFRhYmxlQ2VsbFN0eWxlIH0gZnJvbSAnLi9UYWJsZUhlYWRlckNlbGwnXG5cbmV4cG9ydCB0eXBlIFRhYmxlRGF0YUNlbGxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldHMgYWxpZ25tZW50IGZvciB0aGUgY29udGVudCBpbiB0aGUgdGFnXG4gICAqL1xuICBhbGlnbj86IEFsaWdubWVudFxuXG4gIC8qKlxuICAgKiBUYWJsZSBjZWxsIGNvbnRlbnRcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBDb21wb25lbnRQcm9wc1dpdGhSZWY8J3RkJz5cblxuY29uc3QgdGFibGVEYXRhQ2VsbFN0eWxlID0gKGFsaWduOiBBbGlnbm1lbnQgPSAnbGVmdCcpID0+IGNzc2BcbiAgJHtnZXRUYWJsZUNlbGxTdHlsZShhbGlnbil9XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICR7dHlwb2dyYXBoeS5ib2R5fTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZURhdGFDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVEYXRhQ2VsbFByb3BzPihcbiAgKHsgYWxpZ24gPSAnbGVmdCcsIGNoaWxkcmVuLCAuLi5yZXN0IH06IFRhYmxlRGF0YUNlbGxQcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDx0ZCBhbGlnbj17YWxpZ259IGNzcz17dGFibGVEYXRhQ2VsbFN0eWxlKGFsaWduKX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90ZD5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVEYXRhQ2VsbFxuIl19 */");
|
|
@@ -22,12 +17,11 @@ export var TableDataCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
22
17
|
align = _ref$align === void 0 ? 'left' : _ref$align,
|
|
23
18
|
children = _ref.children,
|
|
24
19
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
-
return
|
|
20
|
+
return ___EmotionJSX("td", _extends({
|
|
26
21
|
align: align,
|
|
27
22
|
css: tableDataCellStyle(align)
|
|
28
|
-
}, rest
|
|
29
|
-
ref: ref
|
|
30
|
-
|
|
31
|
-
}));
|
|
23
|
+
}, rest, {
|
|
24
|
+
ref: ref
|
|
25
|
+
}), children);
|
|
32
26
|
});
|
|
33
27
|
export default TableDataCell;
|
package/table/TableHead.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
-
export type TableHeadProps = {
|
|
2
|
+
export declare type TableHeadProps = {
|
|
3
3
|
/**
|
|
4
4
|
* Table header content
|
|
5
5
|
*/
|
|
@@ -10,5 +10,5 @@ export type TableHeadProps = {
|
|
|
10
10
|
className?: string;
|
|
11
11
|
} & ComponentPropsWithRef<'thead'>;
|
|
12
12
|
export declare const tableHeadStyle: import("@emotion/utils").SerializedStyles;
|
|
13
|
-
export declare const TableHead: React.ForwardRefExoticComponent<
|
|
13
|
+
export declare const TableHead: React.ForwardRefExoticComponent<Pick<TableHeadProps, "key" | "css" | keyof React.HTMLAttributes<HTMLTableSectionElement>> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
14
14
|
export default TableHead;
|
package/table/TableHead.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
2
|
var _excluded = ["children", "className"];
|
|
3
|
-
function
|
|
4
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3
|
+
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); }
|
|
5
4
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
6
5
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
7
6
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
@@ -11,7 +10,7 @@ import React, { forwardRef } from 'react';
|
|
|
11
10
|
import classNames from 'classnames';
|
|
12
11
|
import { useTable } from './Table';
|
|
13
12
|
import { css } from '@emotion/react';
|
|
14
|
-
import { jsx as
|
|
13
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
15
14
|
var ClassName = {
|
|
16
15
|
IS_STICKY: 'is-sticky'
|
|
17
16
|
};
|
|
@@ -22,12 +21,11 @@ export var TableHead = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
22
21
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
23
22
|
var _useTable = useTable(),
|
|
24
23
|
isHeaderSticky = _useTable.isHeaderSticky;
|
|
25
|
-
return
|
|
24
|
+
return ___EmotionJSX("thead", _extends({
|
|
26
25
|
className: classNames(className, _defineProperty({}, ClassName.IS_STICKY, isHeaderSticky)),
|
|
27
26
|
css: tableHeadStyle
|
|
28
|
-
}, rest
|
|
29
|
-
ref: ref
|
|
30
|
-
|
|
31
|
-
}));
|
|
27
|
+
}, rest, {
|
|
28
|
+
ref: ref
|
|
29
|
+
}), children);
|
|
32
30
|
});
|
|
33
31
|
export default TableHead;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
-
export type Alignment = 'left' | 'center' | 'right' | 'justify' | 'char';
|
|
3
|
-
export type TableHeaderCellProps = {
|
|
2
|
+
export declare type Alignment = 'left' | 'center' | 'right' | 'justify' | 'char';
|
|
3
|
+
export declare type TableHeaderCellProps = {
|
|
4
4
|
/**
|
|
5
5
|
* Sets alignment for the content in the tag
|
|
6
6
|
*/
|
|
@@ -11,5 +11,5 @@ export type TableHeaderCellProps = {
|
|
|
11
11
|
children: ReactNode;
|
|
12
12
|
} & ComponentPropsWithRef<'th'>;
|
|
13
13
|
export declare const getTableCellStyle: (align?: Alignment) => import("@emotion/utils").SerializedStyles;
|
|
14
|
-
export declare const TableHeaderCell: React.ForwardRefExoticComponent<
|
|
14
|
+
export declare const TableHeaderCell: React.ForwardRefExoticComponent<Pick<TableHeaderCellProps, "key" | "css" | keyof React.ThHTMLAttributes<HTMLTableHeaderCellElement>> & React.RefAttributes<HTMLTableCellElement>>;
|
|
15
15
|
export default TableHeaderCell;
|
package/table/TableHeaderCell.js
CHANGED
|
@@ -1,17 +1,12 @@
|
|
|
1
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
1
|
var _excluded = ["align", "children"];
|
|
3
|
-
function
|
|
4
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
6
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
7
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
2
|
+
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); }
|
|
8
3
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
9
4
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
10
5
|
import React, { forwardRef } from 'react';
|
|
11
6
|
import { css } from '@emotion/react';
|
|
12
7
|
import { typography } from '@dfds-ui/typography';
|
|
13
8
|
import { theme } from '@dfds-ui/theme';
|
|
14
|
-
import { jsx as
|
|
9
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
15
10
|
export var getTableCellStyle = function getTableCellStyle() {
|
|
16
11
|
var align = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'left';
|
|
17
12
|
return /*#__PURE__*/css("border-bottom:1px solid ", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CbUUiLCJmaWxlIjoiLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnanVzdGlmeScgfCAnY2hhcidcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXRzIGFsaWdubWVudCBmb3IgdGhlIGNvbnRlbnQgaW4gdGhlIHRhZ1xuICAgKi9cbiAgYWxpZ24/OiBBbGlnbm1lbnRcblxuICAvKipcbiAgICogVGFibGUgY2VsbCBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aCc+XG5cbmV4cG9ydCBjb25zdCBnZXRUYWJsZUNlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIG1pbi13aWR0aDogMTFyZW07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gICR7Z2V0VGFibGVDZWxsU3R5bGUoYWxpZ24pfVxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICB0aC5pcy1zdGlja3kgJiB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkZXJDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVIZWFkZXJDZWxsUHJvcHM+KFxuICAoeyBhbGlnbiA9ICdsZWZ0JywgY2hpbGRyZW4sIC4uLnJlc3QgfTogVGFibGVIZWFkZXJDZWxsUHJvcHMsIHJlZikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8dGggYWxpZ249e2FsaWdufSBjc3M9e3RhYmxlSGVhZENlbGxTdHlsZShhbGlnbil9IHsuLi5yZXN0fSByZWY9e3JlZn0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvdGg+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlSGVhZGVyQ2VsbFxuIl19 */");
|
|
@@ -25,12 +20,11 @@ export var TableHeaderCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
25
20
|
align = _ref$align === void 0 ? 'left' : _ref$align,
|
|
26
21
|
children = _ref.children,
|
|
27
22
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
28
|
-
return
|
|
23
|
+
return ___EmotionJSX("th", _extends({
|
|
29
24
|
align: align,
|
|
30
25
|
css: tableHeadCellStyle(align)
|
|
31
|
-
}, rest
|
|
32
|
-
ref: ref
|
|
33
|
-
|
|
34
|
-
}));
|
|
26
|
+
}, rest, {
|
|
27
|
+
ref: ref
|
|
28
|
+
}), children);
|
|
35
29
|
});
|
|
36
30
|
export default TableHeaderCell;
|
package/table/TableRow.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
-
export type TableRowProps = {
|
|
2
|
+
export declare type TableRowProps = {
|
|
3
3
|
/**
|
|
4
4
|
* Table row content
|
|
5
5
|
*/
|
|
@@ -13,5 +13,5 @@ export type TableRowProps = {
|
|
|
13
13
|
*/
|
|
14
14
|
isSelected?: boolean;
|
|
15
15
|
} & ComponentPropsWithRef<'tr'>;
|
|
16
|
-
export declare const TableRow: React.ForwardRefExoticComponent<
|
|
16
|
+
export declare const TableRow: React.ForwardRefExoticComponent<Pick<TableRowProps, "key" | "css" | keyof React.HTMLAttributes<HTMLTableRowElement> | "isSelected"> & React.RefAttributes<HTMLTableRowElement>>;
|
|
17
17
|
export default TableRow;
|
package/table/TableRow.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
2
|
var _excluded = ["children", "className", "isSelected"];
|
|
3
|
-
function
|
|
4
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3
|
+
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); }
|
|
5
4
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
6
5
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
7
6
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
@@ -11,7 +10,7 @@ import React, { forwardRef } from 'react';
|
|
|
11
10
|
import classNames from 'classnames';
|
|
12
11
|
import { css } from '@emotion/react';
|
|
13
12
|
import { useTable } from './Table';
|
|
14
|
-
import { jsx as
|
|
13
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
15
14
|
var ClassName = {
|
|
16
15
|
IS_INTERACTIVE: 'is-interactive',
|
|
17
16
|
IS_SELECTED: 'is-selected'
|
|
@@ -25,12 +24,11 @@ export var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
25
24
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
26
25
|
var _useTable = useTable(),
|
|
27
26
|
isInteractive = _useTable.isInteractive;
|
|
28
|
-
return
|
|
27
|
+
return ___EmotionJSX("tr", _extends({
|
|
29
28
|
className: classNames(className, _defineProperty(_defineProperty({}, ClassName.IS_SELECTED, isSelected), ClassName.IS_INTERACTIVE, isInteractive)),
|
|
30
29
|
css: tableRowStyle
|
|
31
|
-
}, rest
|
|
32
|
-
ref: ref
|
|
33
|
-
|
|
34
|
-
}));
|
|
30
|
+
}, rest, {
|
|
31
|
+
ref: ref
|
|
32
|
+
}), children);
|
|
35
33
|
});
|
|
36
34
|
export default TableRow;
|
package/test/Test.js
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
3
3
|
export var Test = function Test(props) {
|
|
4
|
-
return
|
|
5
|
-
children: props.name
|
|
6
|
-
});
|
|
4
|
+
return ___EmotionJSX("div", null, props.name);
|
|
7
5
|
};
|
|
8
6
|
export default Test;
|
package/tooltip/Tooltip.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TippyProps } from '@tippyjs/react';
|
|
3
|
-
type Placement = 'top' | 'right' | 'bottom' | 'left';
|
|
4
|
-
type TooltipProps = {
|
|
3
|
+
declare type Placement = 'top' | 'right' | 'bottom' | 'left';
|
|
4
|
+
declare type TooltipProps = {
|
|
5
5
|
content: string | React.ReactNode;
|
|
6
6
|
name?: string;
|
|
7
7
|
placement?: Placement;
|
|
@@ -13,7 +13,7 @@ type TooltipProps = {
|
|
|
13
13
|
onClickOutside?: () => void;
|
|
14
14
|
children?: React.ReactNode;
|
|
15
15
|
};
|
|
16
|
-
declare const Tooltip:
|
|
16
|
+
declare const Tooltip: React.FC<TooltipProps>;
|
|
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.
|
|
@@ -22,5 +22,5 @@ declare const Tooltip: ({ name, content, children, delay, placement, containerPr
|
|
|
22
22
|
*/
|
|
23
23
|
export declare const UnstableWithTooltip: ({ delay, ...rest }: {
|
|
24
24
|
className?: string;
|
|
25
|
-
} & TippyProps) =>
|
|
25
|
+
} & TippyProps) => JSX.Element;
|
|
26
26
|
export default Tooltip;
|
package/tooltip/Tooltip.js
CHANGED
|
@@ -1,13 +1,8 @@
|
|
|
1
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
1
|
import _styled from "@emotion/styled/base";
|
|
3
2
|
var _excluded = ["delay"];
|
|
4
3
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
5
4
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
6
|
-
function
|
|
7
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
8
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
9
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
10
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
5
|
+
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); }
|
|
11
6
|
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)."; }
|
|
12
7
|
import React, { useEffect, useRef } from 'react';
|
|
13
8
|
import { css } from '@emotion/react';
|
|
@@ -15,7 +10,7 @@ import Tippy from '@tippyjs/react';
|
|
|
15
10
|
import { theme } from '@dfds-ui/theme';
|
|
16
11
|
import { typography } from '@dfds-ui/typography';
|
|
17
12
|
import { FlexBox } from './../flexbox';
|
|
18
|
-
import { jsx as
|
|
13
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
19
14
|
var colors = theme.colors,
|
|
20
15
|
spacing = theme.spacing,
|
|
21
16
|
radii = theme.radii,
|
|
@@ -33,13 +28,14 @@ var StyledTippy = /*#__PURE__*/_styled(Tippy, process.env.NODE_ENV === "producti
|
|
|
33
28
|
,
|
|
34
29
|
target: "errz9h30",
|
|
35
30
|
label: "StyledTippy"
|
|
36
|
-
})("background:", colors.primary.main, ";color:", colors.text.light.primary, ";padding:", spacing.xxs, " ", spacing.xs, ";", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCRSIsImZpbGUiOiIuLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBUaXBweSwgeyBUaXBweVByb3BzIH0gZnJvbSAnQHRpcHB5anMvcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFBsYWNlbWVudCA9ICd0b3AnIHwgJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ2xlZnQnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmcgfCBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG4gIHZpc2libGU/
|
|
31
|
+
})("background:", colors.primary.main, ";color:", colors.text.light.primary, ";padding:", spacing.xxs, " ", spacing.xs, ";", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCRSIsImZpbGUiOiIuLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBUaXBweSwgeyBUaXBweVByb3BzIH0gZnJvbSAnQHRpcHB5anMvcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFBsYWNlbWVudCA9ICd0b3AnIHwgJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ2xlZnQnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmcgfCBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG4gIHZpc2libGU/OiBib29sZWFuXG4gIG9uQ2xpY2tPdXRzaWRlPzogKCkgPT4gdm9pZFxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCB7IGNvbG9ycywgc3BhY2luZywgcmFkaWksIGVsZXZhdGlvbiB9ID0gdGhlbWVcblxuY29uc3QgU3R5bGVkVGlwcHkgPSBzdHlsZWQoVGlwcHksIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnY3NzJywgLy8gdGhpcyB3aWxsIHByZXZlbnQgd2FybmluZ3MgZW1pdHRlZCBmcm9tIHRpcHB5XG59KWBcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHN9ICR7c3BhY2luZy54c307XG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlU21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke3JhZGlpLm19O1xuICBib3gtc2hhZG93OiAke2VsZXZhdGlvblsnNCddfTtcblxuICAmW2RhdGEtc3RhdGU9J3Zpc2libGUnXSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICZbZGF0YS1zdGF0ZT0naGlkZGVuJ10ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcblxuY29uc3QgVG9vbHRpcDogUmVhY3QuRkM8VG9vbHRpcFByb3BzPiA9ICh7XG4gIG5hbWUsXG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBkZWxheSA9IFswLCAxNTAwXSxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIHZpc2libGUsXG4gIG9uQ2xpY2tPdXRzaWRlLFxufSkgPT4ge1xuICBjb25zdCByZWYgPSB1c2VSZWYoKSBhcyBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PlxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlID0gKGU6IGFueSkgPT5cbiAgICAgIHJlZi5jdXJyZW50ICYmICFyZWYuY3VycmVudC5jb250YWlucyhlLnRhcmdldCkgJiYgb25DbGlja091dHNpZGUgJiYgb25DbGlja091dHNpZGUoKVxuXG4gICAgdmlzaWJsZSAhPT0gdW5kZWZpbmVkXG4gICAgICA/IGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICAgIDogZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgfVxuICB9LCBbXSlcblxuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICBpZD17bmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGB9XG4gICAgICByZWY9e3JlZn1cbiAgICA+XG4gICAgICA8U3R5bGVkVGlwcHkgY29udGVudD17Y29udGVudH0gcGxhY2VtZW50PXtwbGFjZW1lbnR9IHZpc2libGU9e3Zpc2libGV9IHsuLi4oZGVsYXkgIT09IGZhbHNlICYmIHsgZGVsYXkgfSl9PlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGlubGluZVxuICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgfHwge30pfVxuICAgICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgJiZcbiAgICAgICAgICAgIGNvbnRhaW5lclByb3BzLmNzcyAmJiB7XG4gICAgICAgICAgICAgIGNzczogY3NzYFxuICAgICAgICAgICAgICAgICR7Y29udGFpbmVyUHJvcHMuY3NzfVxuICAgICAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9TdHlsZWRUaXBweT5cbiAgICA8L3NwYW4+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgYFVuc3RhYmxlV2l0aFRvb2x0aXBgIGNvbXBvbmVudCBjYW4gYmUgdXNlZCB0byB3cmFwIGFuIGVsZW1lbnQgd2l0aCBhIHRvb2x0aXAgYnV0IHVubGlrZSB0aGUgYFRvb2x0aXBgIGNvbXBvbmVudFxuICogbm8gZXh0cmEgaHRtbCBtYXJrdXAgd2lsbCB3cmFwcGVkIGFyb3VuZCB0aGUgdGFyZ2V0ZWQgZWxlbWVudC5cbiAqXG4gKiBOT1RFOiBJdCBpcyBpbXBvcnRhbnQgdGhhdCB0aGUgY29tcG9uZW50IGJlaW5nIHdyYXBwZWQgZm9yd2FyZHMgYSByZWYgdG8gdGhlIERPTSBub2RlLlxuICovXG5leHBvcnQgY29uc3QgVW5zdGFibGVXaXRoVG9vbHRpcCA9ICh7IGRlbGF5ID0gWzAsIDE1MDBdLCAuLi5yZXN0IH06IHsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBUaXBweVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRpcHB5XG4gICAgICAvLyBwb3BwZXJPcHRpb25zPXt7XG4gICAgICAvLyAgIG1vZGlmaWVyczoge1xuICAgICAgLy8gICAgIGZsaXA6IHsgYmVoYXZpb3I6IFsnYm90dG9tJ119LCAvLyBmb3JjZSB0byBhbHdheXMgZGlzcGxheSB1bmRlclxuICAgICAgLy8gICB9LFxuICAgICAgLy8gfX1cbiAgICAgIGRlbGF5PXtkZWxheX1cbiAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2x0aXBcbiJdfQ== */"));
|
|
37
32
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
38
33
|
name: "1d3w5wq",
|
|
39
34
|
styles: "width:100%"
|
|
40
35
|
} : {
|
|
41
36
|
name: "1xdwume-Tooltip",
|
|
42
|
-
styles: "width:100%;label:Tooltip
|
|
37
|
+
styles: "width:100%;label:Tooltip;",
|
|
38
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFYyIsImZpbGUiOiIuLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBUaXBweSwgeyBUaXBweVByb3BzIH0gZnJvbSAnQHRpcHB5anMvcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFBsYWNlbWVudCA9ICd0b3AnIHwgJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ2xlZnQnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmcgfCBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG4gIHZpc2libGU/OiBib29sZWFuXG4gIG9uQ2xpY2tPdXRzaWRlPzogKCkgPT4gdm9pZFxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCB7IGNvbG9ycywgc3BhY2luZywgcmFkaWksIGVsZXZhdGlvbiB9ID0gdGhlbWVcblxuY29uc3QgU3R5bGVkVGlwcHkgPSBzdHlsZWQoVGlwcHksIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnY3NzJywgLy8gdGhpcyB3aWxsIHByZXZlbnQgd2FybmluZ3MgZW1pdHRlZCBmcm9tIHRpcHB5XG59KWBcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHN9ICR7c3BhY2luZy54c307XG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlU21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke3JhZGlpLm19O1xuICBib3gtc2hhZG93OiAke2VsZXZhdGlvblsnNCddfTtcblxuICAmW2RhdGEtc3RhdGU9J3Zpc2libGUnXSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICZbZGF0YS1zdGF0ZT0naGlkZGVuJ10ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcblxuY29uc3QgVG9vbHRpcDogUmVhY3QuRkM8VG9vbHRpcFByb3BzPiA9ICh7XG4gIG5hbWUsXG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBkZWxheSA9IFswLCAxNTAwXSxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIHZpc2libGUsXG4gIG9uQ2xpY2tPdXRzaWRlLFxufSkgPT4ge1xuICBjb25zdCByZWYgPSB1c2VSZWYoKSBhcyBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PlxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlID0gKGU6IGFueSkgPT5cbiAgICAgIHJlZi5jdXJyZW50ICYmICFyZWYuY3VycmVudC5jb250YWlucyhlLnRhcmdldCkgJiYgb25DbGlja091dHNpZGUgJiYgb25DbGlja091dHNpZGUoKVxuXG4gICAgdmlzaWJsZSAhPT0gdW5kZWZpbmVkXG4gICAgICA/IGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICAgIDogZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgfVxuICB9LCBbXSlcblxuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICBpZD17bmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGB9XG4gICAgICByZWY9e3JlZn1cbiAgICA+XG4gICAgICA8U3R5bGVkVGlwcHkgY29udGVudD17Y29udGVudH0gcGxhY2VtZW50PXtwbGFjZW1lbnR9IHZpc2libGU9e3Zpc2libGV9IHsuLi4oZGVsYXkgIT09IGZhbHNlICYmIHsgZGVsYXkgfSl9PlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGlubGluZVxuICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgfHwge30pfVxuICAgICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgJiZcbiAgICAgICAgICAgIGNvbnRhaW5lclByb3BzLmNzcyAmJiB7XG4gICAgICAgICAgICAgIGNzczogY3NzYFxuICAgICAgICAgICAgICAgICR7Y29udGFpbmVyUHJvcHMuY3NzfVxuICAgICAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9TdHlsZWRUaXBweT5cbiAgICA8L3NwYW4+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgYFVuc3RhYmxlV2l0aFRvb2x0aXBgIGNvbXBvbmVudCBjYW4gYmUgdXNlZCB0byB3cmFwIGFuIGVsZW1lbnQgd2l0aCBhIHRvb2x0aXAgYnV0IHVubGlrZSB0aGUgYFRvb2x0aXBgIGNvbXBvbmVudFxuICogbm8gZXh0cmEgaHRtbCBtYXJrdXAgd2lsbCB3cmFwcGVkIGFyb3VuZCB0aGUgdGFyZ2V0ZWQgZWxlbWVudC5cbiAqXG4gKiBOT1RFOiBJdCBpcyBpbXBvcnRhbnQgdGhhdCB0aGUgY29tcG9uZW50IGJlaW5nIHdyYXBwZWQgZm9yd2FyZHMgYSByZWYgdG8gdGhlIERPTSBub2RlLlxuICovXG5leHBvcnQgY29uc3QgVW5zdGFibGVXaXRoVG9vbHRpcCA9ICh7IGRlbGF5ID0gWzAsIDE1MDBdLCAuLi5yZXN0IH06IHsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBUaXBweVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRpcHB5XG4gICAgICAvLyBwb3BwZXJPcHRpb25zPXt7XG4gICAgICAvLyAgIG1vZGlmaWVyczoge1xuICAgICAgLy8gICAgIGZsaXA6IHsgYmVoYXZpb3I6IFsnYm90dG9tJ119LCAvLyBmb3JjZSB0byBhbHdheXMgZGlzcGxheSB1bmRlclxuICAgICAgLy8gICB9LFxuICAgICAgLy8gfX1cbiAgICAgIGRlbGF5PXtkZWxheX1cbiAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2x0aXBcbiJdfQ== */",
|
|
43
39
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
44
40
|
};
|
|
45
41
|
var Tooltip = function Tooltip(_ref2) {
|
|
@@ -65,28 +61,23 @@ var Tooltip = function Tooltip(_ref2) {
|
|
|
65
61
|
document.removeEventListener('mousedown', handleClickOutside);
|
|
66
62
|
};
|
|
67
63
|
}, []);
|
|
68
|
-
return
|
|
64
|
+
return ___EmotionJSX("span", {
|
|
69
65
|
id: name,
|
|
70
66
|
css: _ref,
|
|
71
|
-
ref: ref
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
}), {}, {
|
|
86
|
-
children: children
|
|
87
|
-
}))
|
|
88
|
-
}))
|
|
89
|
-
});
|
|
67
|
+
ref: ref
|
|
68
|
+
}, ___EmotionJSX(StyledTippy, _extends({
|
|
69
|
+
content: content,
|
|
70
|
+
placement: placement,
|
|
71
|
+
visible: visible
|
|
72
|
+
}, delay !== false && {
|
|
73
|
+
delay: delay
|
|
74
|
+
}), ___EmotionJSX(FlexBox, _extends({
|
|
75
|
+
inline: true,
|
|
76
|
+
as: "span",
|
|
77
|
+
tabIndex: tabIndex
|
|
78
|
+
}, containerProps || {}, containerProps && containerProps.css && {
|
|
79
|
+
css: /*#__PURE__*/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFGc0IiLCJmaWxlIjoiLi4vLi4vc3JjL3Rvb2x0aXAvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgVGlwcHksIHsgVGlwcHlQcm9wcyB9IGZyb20gJ0B0aXBweWpzL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4vLi4vZmxleGJveCdcblxudHlwZSBQbGFjZW1lbnQgPSAndG9wJyB8ICdyaWdodCcgfCAnYm90dG9tJyB8ICdsZWZ0J1xuXG50eXBlIFRvb2x0aXBQcm9wcyA9IHtcbiAgY29udGVudDogc3RyaW5nIHwgUmVhY3QuUmVhY3ROb2RlXG4gIG5hbWU/OiBzdHJpbmdcbiAgcGxhY2VtZW50PzogUGxhY2VtZW50XG4gIG9mZnNldD86IG51bWJlclxuICBkZWxheT86IFtudW1iZXIsIG51bWJlcl0gfCBmYWxzZVxuICBjb250YWluZXJQcm9wcz86IGFueVxuICB0YWJJbmRleD86IG51bWJlclxuICB2aXNpYmxlPzogYm9vbGVhblxuICBvbkNsaWNrT3V0c2lkZT86ICgpID0+IHZvaWRcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgeyBjb2xvcnMsIHNwYWNpbmcsIHJhZGlpLCBlbGV2YXRpb24gfSA9IHRoZW1lXG5cbmNvbnN0IFN0eWxlZFRpcHB5ID0gc3R5bGVkKFRpcHB5LCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gcHJvcCAhPT0gJ2NzcycsIC8vIHRoaXMgd2lsbCBwcmV2ZW50IHdhcm5pbmdzIGVtaXR0ZWQgZnJvbSB0aXBweVxufSlgXG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnByaW1hcnkubWFpbn07XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcueHhzfSAke3NwYWNpbmcueHN9O1xuICAke3R5cG9ncmFwaHkuYm9keUludGVyZmFjZVNtYWxsfTtcbiAgYm9yZGVyLXJhZGl1czogJHtyYWRpaS5tfTtcbiAgYm94LXNoYWRvdzogJHtlbGV2YXRpb25bJzQnXX07XG5cbiAgJltkYXRhLXN0YXRlPSd2aXNpYmxlJ10ge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAmW2RhdGEtc3RhdGU9J2hpZGRlbiddIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5gXG5cbmNvbnN0IFRvb2x0aXA6IFJlYWN0LkZDPFRvb2x0aXBQcm9wcz4gPSAoe1xuICBuYW1lLFxuICBjb250ZW50LFxuICBjaGlsZHJlbixcbiAgZGVsYXkgPSBbMCwgMTUwMF0sXG4gIHBsYWNlbWVudCA9ICdib3R0b20nLFxuICBjb250YWluZXJQcm9wcyxcbiAgdGFiSW5kZXggPSAwLFxuICB2aXNpYmxlLFxuICBvbkNsaWNrT3V0c2lkZSxcbn0pID0+IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmKCkgYXMgUmVhY3QuTXV0YWJsZVJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD5cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZSA9IChlOiBhbnkpID0+XG4gICAgICByZWYuY3VycmVudCAmJiAhcmVmLmN1cnJlbnQuY29udGFpbnMoZS50YXJnZXQpICYmIG9uQ2xpY2tPdXRzaWRlICYmIG9uQ2xpY2tPdXRzaWRlKClcblxuICAgIHZpc2libGUgIT09IHVuZGVmaW5lZFxuICAgICAgPyBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgICA6IGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIH1cbiAgfSwgW10pXG5cbiAgcmV0dXJuIChcbiAgICA8c3BhblxuICAgICAgaWQ9e25hbWV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBgfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAgPFN0eWxlZFRpcHB5IGNvbnRlbnQ9e2NvbnRlbnR9IHBsYWNlbWVudD17cGxhY2VtZW50fSB2aXNpYmxlPXt2aXNpYmxlfSB7Li4uKGRlbGF5ICE9PSBmYWxzZSAmJiB7IGRlbGF5IH0pfT5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBpbmxpbmVcbiAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgICB7Li4uKGNvbnRhaW5lclByb3BzIHx8IHt9KX1cbiAgICAgICAgICB7Li4uKGNvbnRhaW5lclByb3BzICYmXG4gICAgICAgICAgICBjb250YWluZXJQcm9wcy5jc3MgJiYge1xuICAgICAgICAgICAgICBjc3M6IGNzc2BcbiAgICAgICAgICAgICAgICAke2NvbnRhaW5lclByb3BzLmNzc31cbiAgICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICBgLFxuICAgICAgICAgICAgfSl9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvU3R5bGVkVGlwcHk+XG4gICAgPC9zcGFuPlxuICApXG59XG5cbi8qKlxuICogVGhlIGBVbnN0YWJsZVdpdGhUb29sdGlwYCBjb21wb25lbnQgY2FuIGJlIHVzZWQgdG8gd3JhcCBhbiBlbGVtZW50IHdpdGggYSB0b29sdGlwIGJ1dCB1bmxpa2UgdGhlIGBUb29sdGlwYCBjb21wb25lbnRcbiAqIG5vIGV4dHJhIGh0bWwgbWFya3VwIHdpbGwgd3JhcHBlZCBhcm91bmQgdGhlIHRhcmdldGVkIGVsZW1lbnQuXG4gKlxuICogTk9URTogSXQgaXMgaW1wb3J0YW50IHRoYXQgdGhlIGNvbXBvbmVudCBiZWluZyB3cmFwcGVkIGZvcndhcmRzIGEgcmVmIHRvIHRoZSBET00gbm9kZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFVuc3RhYmxlV2l0aFRvb2x0aXAgPSAoeyBkZWxheSA9IFswLCAxNTAwXSwgLi4ucmVzdCB9OiB7IGNsYXNzTmFtZT86IHN0cmluZyB9ICYgVGlwcHlQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUaXBweVxuICAgICAgLy8gcG9wcGVyT3B0aW9ucz17e1xuICAgICAgLy8gICBtb2RpZmllcnM6IHtcbiAgICAgIC8vICAgICBmbGlwOiB7IGJlaGF2aW9yOiBbJ2JvdHRvbSddfSwgLy8gZm9yY2UgdG8gYWx3YXlzIGRpc3BsYXkgdW5kZXJcbiAgICAgIC8vICAgfSxcbiAgICAgIC8vIH19XG4gICAgICBkZWxheT17ZGVsYXl9XG4gICAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwXG4iXX0= */")
|
|
80
|
+
}), children)));
|
|
90
81
|
};
|
|
91
82
|
|
|
92
83
|
/**
|
|
@@ -99,13 +90,13 @@ export var UnstableWithTooltip = function UnstableWithTooltip(_ref3) {
|
|
|
99
90
|
var _ref3$delay = _ref3.delay,
|
|
100
91
|
delay = _ref3$delay === void 0 ? [0, 1500] : _ref3$delay,
|
|
101
92
|
rest = _objectWithoutProperties(_ref3, _excluded);
|
|
102
|
-
return
|
|
93
|
+
return ___EmotionJSX(StyledTippy
|
|
103
94
|
// popperOptions={{
|
|
104
95
|
// modifiers: {
|
|
105
96
|
// flip: { behavior: ['bottom']}, // force to always display under
|
|
106
97
|
// },
|
|
107
98
|
// }}
|
|
108
|
-
,
|
|
99
|
+
, _extends({
|
|
109
100
|
delay: delay,
|
|
110
101
|
placement: "bottom"
|
|
111
102
|
}, rest));
|