@dfds-ui/react-components 2.2.0-alpha.eae7bbcd → 2.2.0-alpha.efaebd54
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 +15 -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/table/Table.js
CHANGED
|
@@ -1,11 +1,16 @@
|
|
|
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); }
|
|
1
2
|
var _excluded = ["children", "isHeaderSticky", "isInteractive"];
|
|
2
|
-
function
|
|
3
|
-
function
|
|
4
|
-
function
|
|
5
|
-
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
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); }
|
|
8
|
+
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
|
+
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
|
+
import React, { createContext, useContext } from 'react';
|
|
6
11
|
import { css } from '@emotion/react';
|
|
7
12
|
import { theme } from '@dfds-ui/theme';
|
|
8
|
-
import { jsx as
|
|
13
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
9
14
|
var TableContext = /*#__PURE__*/createContext({
|
|
10
15
|
isInteractive: false,
|
|
11
16
|
isHeaderSticky: false
|
|
@@ -17,23 +22,24 @@ export var useTable = function useTable() {
|
|
|
17
22
|
}
|
|
18
23
|
return context;
|
|
19
24
|
};
|
|
20
|
-
var tableStyle = /*#__PURE__*/css("background:", theme.colors.surface.primary, ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:tableStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
-
export var Table =
|
|
25
|
+
var tableStyle = /*#__PURE__*/css("background:", theme.colors.surface.primary, ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:tableStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNzQiIsImZpbGUiOiIuLi8uLi9zcmMvdGFibGUvVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzV2l0aFJlZiwgY3JlYXRlQ29udGV4dCwgUmVhY3ROb2RlLCB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFRhYmxlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBFbmFibGVzIGludGVyYWN0aW9uIGVmZmVjdCBvbiB0YWJsZSByb3dzXG4gICAqL1xuICBpc0ludGVyYWN0aXZlPzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBNYWtlcyB0YWJsZSBoZWFkZXIgc3RpY2t5IHdoZW4gc2Nyb2xsaW5nIChubyBJRSAxMSBzdXBwb3J0KVxuICAgKi9cbiAgaXNIZWFkZXJTdGlja3k/OiBib29sZWFuXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0YWJsZSc+XG5cbmV4cG9ydCB0eXBlIFRhYmxlQ29udGV4dFByb3BzID0ge1xuICBpc0ludGVyYWN0aXZlOiBib29sZWFuXG4gIGlzSGVhZGVyU3RpY2t5OiBib29sZWFuXG59XG5cbmNvbnN0IFRhYmxlQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8VGFibGVDb250ZXh0UHJvcHM+KHtcbiAgaXNJbnRlcmFjdGl2ZTogZmFsc2UsXG4gIGlzSGVhZGVyU3RpY2t5OiBmYWxzZSxcbn0pXG5cbmV4cG9ydCBjb25zdCB1c2VUYWJsZSA9ICgpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVDb250ZXh0KVxuXG4gIGlmIChjb250ZXh0ID09PSB1bmRlZmluZWQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ1RhYmxlQ29udGV4dCBtdXN0IGJlIHVzZWQgaW5zaWRlIG9mIGEgVGFibGVDb250ZXh0IHByb3ZpZGVyJylcbiAgfVxuXG4gIHJldHVybiBjb250ZXh0XG59XG5cbmNvbnN0IHRhYmxlU3R5bGUgPSBjc3NgXG4gIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlID0gKHsgY2hpbGRyZW4sIGlzSGVhZGVyU3RpY2t5ID0gZmFsc2UsIGlzSW50ZXJhY3RpdmUgPSBmYWxzZSwgLi4ucmVzdCB9OiBUYWJsZVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHRhYmxlIGNzcz17dGFibGVTdHlsZX0gey4uLnJlc3R9PlxuICAgICAgPFRhYmxlQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17eyBpc0ludGVyYWN0aXZlLCBpc0hlYWRlclN0aWNreSB9fT57Y2hpbGRyZW59PC9UYWJsZUNvbnRleHQuUHJvdmlkZXI+XG4gICAgPC90YWJsZT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZVxuIl19 */");
|
|
26
|
+
export var Table = function Table(_ref) {
|
|
22
27
|
var children = _ref.children,
|
|
23
28
|
_ref$isHeaderSticky = _ref.isHeaderSticky,
|
|
24
29
|
isHeaderSticky = _ref$isHeaderSticky === void 0 ? false : _ref$isHeaderSticky,
|
|
25
30
|
_ref$isInteractive = _ref.isInteractive,
|
|
26
31
|
isInteractive = _ref$isInteractive === void 0 ? false : _ref$isInteractive,
|
|
27
32
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
28
|
-
return
|
|
33
|
+
return _jsx("table", _objectSpread(_objectSpread({
|
|
29
34
|
css: tableStyle
|
|
30
|
-
}, rest, {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
});
|
|
35
|
+
}, rest), {}, {
|
|
36
|
+
children: _jsx(TableContext.Provider, {
|
|
37
|
+
value: {
|
|
38
|
+
isInteractive: isInteractive,
|
|
39
|
+
isHeaderSticky: isHeaderSticky
|
|
40
|
+
},
|
|
41
|
+
children: children
|
|
42
|
+
})
|
|
43
|
+
}));
|
|
44
|
+
};
|
|
39
45
|
export default Table;
|
package/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/table/TableBody.js
CHANGED
|
@@ -1,14 +1,19 @@
|
|
|
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); }
|
|
1
2
|
var _excluded = ["children"];
|
|
2
|
-
function
|
|
3
|
-
function
|
|
4
|
-
function
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
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); }
|
|
8
|
+
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
|
+
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
|
+
import React from 'react';
|
|
11
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
12
|
+
export var TableBody = function TableBody(_ref) {
|
|
8
13
|
var children = _ref.children,
|
|
9
14
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
10
|
-
return
|
|
11
|
-
|
|
12
|
-
})
|
|
13
|
-
}
|
|
15
|
+
return _jsx("tbody", _objectSpread(_objectSpread({}, rest), {}, {
|
|
16
|
+
children: children
|
|
17
|
+
}));
|
|
18
|
+
};
|
|
14
19
|
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
|
|
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;
|
package/table/TableDataCell.js
CHANGED
|
@@ -1,27 +1,32 @@
|
|
|
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); }
|
|
1
2
|
var _excluded = ["align", "children"];
|
|
2
|
-
function
|
|
3
|
-
function
|
|
4
|
-
function
|
|
5
|
-
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
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); }
|
|
8
|
+
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
|
+
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
|
+
import React from 'react';
|
|
6
11
|
import { css } from '@emotion/react';
|
|
7
12
|
import { typography } from '@dfds-ui/typography';
|
|
8
13
|
import { theme } from '@dfds-ui/theme';
|
|
9
14
|
import { getTableCellStyle } from './TableHeaderCell';
|
|
10
|
-
import { jsx as
|
|
15
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
11
16
|
var tableDataCellStyle = function tableDataCellStyle() {
|
|
12
17
|
var align = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'left';
|
|
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,
|
|
18
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjZEIiwiZmlsZSI6Ii4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wc1dpdGhSZWYsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBBbGlnbm1lbnQsIGdldFRhYmxlQ2VsbFN0eWxlIH0gZnJvbSAnLi9UYWJsZUhlYWRlckNlbGwnXG5cbmV4cG9ydCB0eXBlIFRhYmxlRGF0YUNlbGxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldHMgYWxpZ25tZW50IGZvciB0aGUgY29udGVudCBpbiB0aGUgdGFnXG4gICAqL1xuICBhbGlnbj86IEFsaWdubWVudFxuXG4gIC8qKlxuICAgKiBUYWJsZSBjZWxsIGNvbnRlbnRcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBDb21wb25lbnRQcm9wc1dpdGhSZWY8J3RkJz5cblxuY29uc3QgdGFibGVEYXRhQ2VsbFN0eWxlID0gKGFsaWduOiBBbGlnbm1lbnQgPSAnbGVmdCcpID0+IGNzc2BcbiAgJHtnZXRUYWJsZUNlbGxTdHlsZShhbGlnbil9XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICR7dHlwb2dyYXBoeS5ib2R5fTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZURhdGFDZWxsID0gKHsgYWxpZ24gPSAnbGVmdCcsIGNoaWxkcmVuLCAuLi5yZXN0IH06IFRhYmxlRGF0YUNlbGxQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDx0ZCBhbGlnbj17YWxpZ259IGNzcz17dGFibGVEYXRhQ2VsbFN0eWxlKGFsaWduKX0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvdGQ+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVGFibGVEYXRhQ2VsbFxuIl19 */");
|
|
14
19
|
};
|
|
15
|
-
export var TableDataCell =
|
|
20
|
+
export var TableDataCell = function TableDataCell(_ref) {
|
|
16
21
|
var _ref$align = _ref.align,
|
|
17
22
|
align = _ref$align === void 0 ? 'left' : _ref$align,
|
|
18
23
|
children = _ref.children,
|
|
19
24
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
20
|
-
return
|
|
25
|
+
return _jsx("td", _objectSpread(_objectSpread({
|
|
21
26
|
align: align,
|
|
22
27
|
css: tableDataCellStyle(align)
|
|
23
|
-
}, rest, {
|
|
24
|
-
|
|
25
|
-
})
|
|
26
|
-
}
|
|
28
|
+
}, rest), {}, {
|
|
29
|
+
children: children
|
|
30
|
+
}));
|
|
31
|
+
};
|
|
27
32
|
export default TableDataCell;
|
package/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/table/TableHead.js
CHANGED
|
@@ -1,31 +1,32 @@
|
|
|
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
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
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; }
|
|
4
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; }
|
|
5
6
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
6
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); }
|
|
7
|
-
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++)
|
|
8
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r)
|
|
9
|
-
import React
|
|
8
|
+
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
|
+
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
|
+
import React from 'react';
|
|
10
11
|
import classNames from 'classnames';
|
|
11
12
|
import { useTable } from './Table';
|
|
12
13
|
import { css } from '@emotion/react';
|
|
13
|
-
import { jsx as
|
|
14
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
14
15
|
var ClassName = {
|
|
15
16
|
IS_STICKY: 'is-sticky'
|
|
16
17
|
};
|
|
17
|
-
export var tableHeadStyle = /*#__PURE__*/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
|
-
export var TableHead =
|
|
18
|
+
export var tableHeadStyle = /*#__PURE__*/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCaUMiLCJmaWxlIjoiLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQgeyB1c2VUYWJsZSB9IGZyb20gJy4vVGFibGUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSBoZWFkZXIgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBDbGFzc2VzIGFwcGxpZWQgb24gdGhlIHRoZWFkIHRhZ1xuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aGVhZCc+XG5cbmNvbnN0IENsYXNzTmFtZSA9IHtcbiAgSVNfU1RJQ0tZOiAnaXMtc3RpY2t5Jyxcbn1cblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZFN0eWxlID0gY3NzYFxuICAmLiR7Q2xhc3NOYW1lLklTX1NUSUNLWX0gdGgge1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgdG9wOiAwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWQgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCAuLi5yZXN0IH06IFRhYmxlSGVhZFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgaXNIZWFkZXJTdGlja3kgfSA9IHVzZVRhYmxlKClcblxuICByZXR1cm4gKFxuICAgIDx0aGVhZFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzTmFtZSwge1xuICAgICAgICBbQ2xhc3NOYW1lLklTX1NUSUNLWV06IGlzSGVhZGVyU3RpY2t5LFxuICAgICAgfSl9XG4gICAgICBjc3M9e3RhYmxlSGVhZFN0eWxlfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvdGhlYWQ+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVGFibGVIZWFkXG4iXX0= */");
|
|
19
|
+
export var TableHead = function TableHead(_ref) {
|
|
19
20
|
var children = _ref.children,
|
|
20
21
|
className = _ref.className,
|
|
21
22
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
22
23
|
var _useTable = useTable(),
|
|
23
24
|
isHeaderSticky = _useTable.isHeaderSticky;
|
|
24
|
-
return
|
|
25
|
+
return _jsx("thead", _objectSpread(_objectSpread({
|
|
25
26
|
className: classNames(className, _defineProperty({}, ClassName.IS_STICKY, isHeaderSticky)),
|
|
26
27
|
css: tableHeadStyle
|
|
27
|
-
}, rest, {
|
|
28
|
-
|
|
29
|
-
})
|
|
30
|
-
}
|
|
28
|
+
}, rest), {}, {
|
|
29
|
+
children: children
|
|
30
|
+
}));
|
|
31
|
+
};
|
|
31
32
|
export 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;
|
package/table/TableHeaderCell.js
CHANGED
|
@@ -1,30 +1,35 @@
|
|
|
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); }
|
|
1
2
|
var _excluded = ["align", "children"];
|
|
2
|
-
function
|
|
3
|
-
function
|
|
4
|
-
function
|
|
5
|
-
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
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); }
|
|
8
|
+
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
|
+
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
|
+
import React from 'react';
|
|
6
11
|
import { css } from '@emotion/react';
|
|
7
12
|
import { typography } from '@dfds-ui/typography';
|
|
8
13
|
import { theme } from '@dfds-ui/theme';
|
|
9
|
-
import { jsx as
|
|
14
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
10
15
|
export var getTableCellStyle = function getTableCellStyle() {
|
|
11
16
|
var align = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'left';
|
|
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,
|
|
17
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CbUUiLCJmaWxlIjoiLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnanVzdGlmeScgfCAnY2hhcidcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXRzIGFsaWdubWVudCBmb3IgdGhlIGNvbnRlbnQgaW4gdGhlIHRhZ1xuICAgKi9cbiAgYWxpZ24/OiBBbGlnbm1lbnRcblxuICAvKipcbiAgICogVGFibGUgY2VsbCBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aCc+XG5cbmV4cG9ydCBjb25zdCBnZXRUYWJsZUNlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIG1pbi13aWR0aDogMTFyZW07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gICR7Z2V0VGFibGVDZWxsU3R5bGUoYWxpZ24pfVxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICB0aC5pcy1zdGlja3kgJiB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkZXJDZWxsID0gKHsgYWxpZ24gPSAnbGVmdCcsIGNoaWxkcmVuLCAuLi5yZXN0IH06IFRhYmxlSGVhZGVyQ2VsbFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHRoIGFsaWduPXthbGlnbn0gY3NzPXt0YWJsZUhlYWRDZWxsU3R5bGUoYWxpZ24pfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC90aD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZUhlYWRlckNlbGxcbiJdfQ== */");
|
|
13
18
|
};
|
|
14
19
|
var tableHeadCellStyle = function tableHeadCellStyle() {
|
|
15
20
|
var align = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'left';
|
|
16
|
-
return /*#__PURE__*/css(getTableCellStyle(align), " color:", theme.colors.primary.main, ";", 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,
|
|
21
|
+
return /*#__PURE__*/css(getTableCellStyle(align), " color:", theme.colors.primary.main, ";", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCNkQiLCJmaWxlIjoiLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnanVzdGlmeScgfCAnY2hhcidcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXRzIGFsaWdubWVudCBmb3IgdGhlIGNvbnRlbnQgaW4gdGhlIHRhZ1xuICAgKi9cbiAgYWxpZ24/OiBBbGlnbm1lbnRcblxuICAvKipcbiAgICogVGFibGUgY2VsbCBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aCc+XG5cbmV4cG9ydCBjb25zdCBnZXRUYWJsZUNlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIG1pbi13aWR0aDogMTFyZW07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gICR7Z2V0VGFibGVDZWxsU3R5bGUoYWxpZ24pfVxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICB0aC5pcy1zdGlja3kgJiB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkZXJDZWxsID0gKHsgYWxpZ24gPSAnbGVmdCcsIGNoaWxkcmVuLCAuLi5yZXN0IH06IFRhYmxlSGVhZGVyQ2VsbFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHRoIGFsaWduPXthbGlnbn0gY3NzPXt0YWJsZUhlYWRDZWxsU3R5bGUoYWxpZ24pfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC90aD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZUhlYWRlckNlbGxcbiJdfQ== */");
|
|
17
22
|
};
|
|
18
|
-
export var TableHeaderCell =
|
|
23
|
+
export var TableHeaderCell = function TableHeaderCell(_ref) {
|
|
19
24
|
var _ref$align = _ref.align,
|
|
20
25
|
align = _ref$align === void 0 ? 'left' : _ref$align,
|
|
21
26
|
children = _ref.children,
|
|
22
27
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
23
|
-
return
|
|
28
|
+
return _jsx("th", _objectSpread(_objectSpread({
|
|
24
29
|
align: align,
|
|
25
30
|
css: tableHeadCellStyle(align)
|
|
26
|
-
}, rest, {
|
|
27
|
-
|
|
28
|
-
})
|
|
29
|
-
}
|
|
31
|
+
}, rest), {}, {
|
|
32
|
+
children: children
|
|
33
|
+
}));
|
|
34
|
+
};
|
|
30
35
|
export default TableHeaderCell;
|
package/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/table/TableRow.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
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
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
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; }
|
|
4
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; }
|
|
5
6
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
6
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); }
|
|
7
|
-
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++)
|
|
8
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r)
|
|
9
|
-
import React
|
|
8
|
+
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
|
+
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
|
+
import React from 'react';
|
|
10
11
|
import classNames from 'classnames';
|
|
11
12
|
import { css } from '@emotion/react';
|
|
12
13
|
import { useTable } from './Table';
|
|
13
|
-
import { jsx as
|
|
14
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
14
15
|
var ClassName = {
|
|
15
16
|
IS_INTERACTIVE: 'is-interactive',
|
|
16
17
|
IS_SELECTED: 'is-selected'
|
|
17
18
|
};
|
|
18
|
-
var tableRowStyle = /*#__PURE__*/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
|
-
export var TableRow =
|
|
20
|
-
var _classNames;
|
|
19
|
+
var tableRowStyle = /*#__PURE__*/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZVJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ5QiIsImZpbGUiOiIuLi8uLi9zcmMvdGFibGUvVGFibGVSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzV2l0aFJlZiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB1c2VUYWJsZSB9IGZyb20gJy4vVGFibGUnXG5cbmV4cG9ydCB0eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSByb3cgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBDbGFzc2VzIGFwcGxpZWQgb24gdGhlIHRyIHRhZ1xuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIEFwcGxpZXMgU2VsZWN0ZWQgc3RhdGUgc3R5bGluZyB0byB0aGUgcm93XG4gICAqL1xuICBpc1NlbGVjdGVkPzogYm9vbGVhblxufSAmIENvbXBvbmVudFByb3BzV2l0aFJlZjwndHInPlxuXG5jb25zdCBDbGFzc05hbWUgPSB7XG4gIElTX0lOVEVSQUNUSVZFOiAnaXMtaW50ZXJhY3RpdmUnLFxuICBJU19TRUxFQ1RFRDogJ2lzLXNlbGVjdGVkJyxcbn1cblxuY29uc3QgdGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuXG4gICYuJHtDbGFzc05hbWUuSVNfSU5URVJBQ1RJVkV9IHtcbiAgICAmOmhvdmVyIHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjA4KTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICYuJHtDbGFzc05hbWUuSVNfU0VMRUNURUR9IHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlUm93ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgaXNTZWxlY3RlZCA9IGZhbHNlLCAuLi5yZXN0IH06IFRhYmxlUm93UHJvcHMpID0+IHtcbiAgY29uc3QgeyBpc0ludGVyYWN0aXZlIH0gPSB1c2VUYWJsZSgpXG5cbiAgcmV0dXJuIChcbiAgICA8dHJcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc05hbWUsIHtcbiAgICAgICAgW0NsYXNzTmFtZS5JU19TRUxFQ1RFRF06IGlzU2VsZWN0ZWQsXG4gICAgICAgIFtDbGFzc05hbWUuSVNfSU5URVJBQ1RJVkVdOiBpc0ludGVyYWN0aXZlLFxuICAgICAgfSl9XG4gICAgICBjc3M9e3RhYmxlUm93U3R5bGV9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC90cj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZVJvd1xuIl19 */");
|
|
20
|
+
export var TableRow = function TableRow(_ref) {
|
|
21
21
|
var children = _ref.children,
|
|
22
22
|
className = _ref.className,
|
|
23
23
|
_ref$isSelected = _ref.isSelected,
|
|
@@ -25,11 +25,11 @@ export var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
25
25
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
26
26
|
var _useTable = useTable(),
|
|
27
27
|
isInteractive = _useTable.isInteractive;
|
|
28
|
-
return
|
|
29
|
-
className: classNames(className, (
|
|
28
|
+
return _jsx("tr", _objectSpread(_objectSpread({
|
|
29
|
+
className: classNames(className, _defineProperty(_defineProperty({}, ClassName.IS_SELECTED, isSelected), ClassName.IS_INTERACTIVE, isInteractive)),
|
|
30
30
|
css: tableRowStyle
|
|
31
|
-
}, rest, {
|
|
32
|
-
|
|
33
|
-
})
|
|
34
|
-
}
|
|
31
|
+
}, rest), {}, {
|
|
32
|
+
children: children
|
|
33
|
+
}));
|
|
34
|
+
};
|
|
35
35
|
export default TableRow;
|
package/test/Test.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
3
3
|
export var Test = function Test(props) {
|
|
4
|
-
return
|
|
4
|
+
return _jsx("div", {
|
|
5
|
+
children: props.name
|
|
6
|
+
});
|
|
5
7
|
};
|
|
6
8
|
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
|
-
|
|
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.
|