@dfds-ui/react-components 2.2.0-alpha.8d87a90d → 2.2.0-alpha.b94ad8b5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/Accordion.js +4 -5
- package/accordion/AccordionContent.d.ts +1 -0
- package/accordion/AccordionContent.js +4 -4
- package/accordion/AccordionSmall.d.ts +1 -0
- package/accordion/AccordionSmall.js +7 -8
- package/app-bar/AppBar.js +10 -12
- package/app-bar/AppBarContext.js +4 -4
- package/app-bar/AppBarDrawer.js +3 -3
- package/app-bar/AppBarIconButton.js +3 -3
- package/app-bar/AppBarItem.d.ts +1 -1
- package/app-bar/AppBarItem.js +35 -42
- package/app-bar/AppBarListItem.d.ts +0 -1
- package/assertions/banner/Banner.js +10 -12
- package/assertions/banner/BannerAction.js +3 -3
- package/assertions/banner/BannerTypography.d.ts +2 -0
- package/assertions/banner/BannerTypography.js +3 -5
- package/assertions/toast/Toast.d.ts +1 -0
- package/assertions/toast/Toast.js +9 -10
- package/assertions/toast/Toaster.js +19 -12
- package/badge/Badge.d.ts +1 -1
- package/badge/Badge.js +4 -5
- package/button/BadgeIcon.d.ts +2 -2
- package/button/BaseButton.d.ts +1 -1
- package/button/Button.js +4 -5
- package/button/IconButton.d.ts +1 -1
- package/button/IconButton.js +4 -5
- package/button/LinkButton.d.ts +1 -1
- package/button/LinkButton.js +1 -1
- package/button/button-style.d.ts +7 -7
- package/button/button-style.js +1 -2
- package/button-stack/ButtonStack.d.ts +1 -0
- package/button-stack/ButtonStack.js +7 -7
- package/card/Card.d.ts +1 -0
- package/card/Card.js +15 -15
- package/card/CardActions.js +3 -3
- package/card/CardContent.d.ts +2 -1
- package/card/CardContent.js +4 -4
- package/card/CardMedia.d.ts +2 -1
- package/card/CardMedia.js +4 -5
- package/card/CardPriceTag.d.ts +2 -2
- package/card/CardPriceTag.js +8 -14
- package/card/CardTitle.d.ts +2 -1
- package/card/CardTitle.js +5 -5
- package/chip/Chip.d.ts +2 -2
- package/chip/Chip.js +9 -11
- package/cjs/accordion/Accordion.d.ts +101 -0
- package/cjs/accordion/Accordion.js +23 -28
- package/cjs/accordion/AccordionContent.d.ts +14 -0
- package/cjs/accordion/AccordionContent.js +9 -11
- package/cjs/accordion/AccordionSmall.d.ts +56 -0
- package/cjs/accordion/AccordionSmall.js +17 -21
- package/cjs/accordion/index.d.ts +3 -0
- package/cjs/accordion/index.js +3 -3
- package/cjs/app-bar/AppBar.d.ts +13 -0
- package/cjs/app-bar/AppBar.js +46 -70
- package/cjs/app-bar/AppBarContext.d.ts +12 -0
- package/cjs/app-bar/AppBarContext.js +3 -16
- package/cjs/app-bar/AppBarDrawer.d.ts +5 -0
- package/cjs/app-bar/AppBarDrawer.js +11 -13
- package/cjs/app-bar/AppBarIconButton.d.ts +10 -0
- package/cjs/app-bar/AppBarIconButton.js +8 -11
- package/cjs/app-bar/AppBarItem.d.ts +23 -0
- package/cjs/app-bar/AppBarItem.js +30 -52
- package/cjs/app-bar/AppBarListItem.d.ts +15 -0
- package/cjs/app-bar/AppBarListItem.js +1 -1
- package/cjs/app-bar/index.d.ts +7 -0
- package/cjs/app-bar/index.js +9 -9
- package/cjs/assertions/banner/Banner.d.ts +74 -0
- package/cjs/assertions/banner/Banner.js +26 -49
- package/cjs/assertions/banner/BannerAction.d.ts +19 -0
- package/cjs/assertions/banner/BannerAction.js +9 -11
- package/cjs/assertions/banner/BannerTypography.d.ts +9 -0
- package/cjs/assertions/banner/BannerTypography.js +4 -6
- package/cjs/assertions/banner/index.d.ts +3 -0
- package/cjs/assertions/banner/index.js +3 -3
- package/cjs/assertions/index.d.ts +2 -0
- package/cjs/assertions/index.js +2 -2
- package/cjs/assertions/toast/Toast.d.ts +13 -0
- package/cjs/assertions/toast/Toast.js +17 -22
- package/cjs/assertions/toast/Toaster.d.ts +19 -0
- package/cjs/assertions/toast/Toaster.js +23 -44
- package/cjs/assertions/toast/index.d.ts +2 -0
- package/cjs/assertions/toast/index.js +5 -6
- package/cjs/badge/Badge.d.ts +26 -0
- package/cjs/badge/Badge.js +12 -18
- package/cjs/badge/index.d.ts +2 -0
- package/cjs/badge/index.js +3 -4
- package/cjs/button/BadgeIcon.d.ts +7 -0
- package/cjs/button/BadgeIcon.js +1 -1
- package/cjs/button/BaseButton.d.ts +14 -0
- package/cjs/button/BaseButton.js +1 -1
- package/cjs/button/Button.d.ts +19 -0
- package/cjs/button/Button.js +16 -24
- package/cjs/button/IconButton.d.ts +75 -0
- package/cjs/button/IconButton.js +21 -31
- package/cjs/button/LinkButton.d.ts +8 -0
- package/cjs/button/LinkButton.js +3 -4
- package/cjs/button/button-style.d.ts +7 -0
- package/cjs/button/button-style.js +1 -2
- package/cjs/button/index.d.ts +7 -0
- package/cjs/button/index.js +8 -9
- package/cjs/button-stack/ButtonStack.d.ts +12 -0
- package/cjs/button-stack/ButtonStack.js +13 -17
- package/cjs/button-stack/index.d.ts +1 -0
- package/cjs/button-stack/index.js +2 -2
- package/cjs/card/Card.d.ts +19 -0
- package/cjs/card/Card.js +27 -44
- package/cjs/card/CardActions.d.ts +4 -0
- package/cjs/card/CardActions.js +8 -12
- package/cjs/card/CardContent.d.ts +14 -0
- package/cjs/card/CardContent.js +13 -17
- package/cjs/card/CardMedia.d.ts +19 -0
- package/cjs/card/CardMedia.js +9 -13
- package/cjs/card/CardPriceTag.d.ts +25 -0
- package/cjs/card/CardPriceTag.js +14 -24
- package/cjs/card/CardTitle.d.ts +19 -0
- package/cjs/card/CardTitle.js +13 -15
- package/cjs/card/index.d.ts +6 -0
- package/cjs/card/index.js +7 -7
- package/cjs/chip/Chip.d.ts +19 -0
- package/cjs/chip/Chip.js +17 -35
- package/cjs/chip/index.d.ts +2 -0
- package/cjs/chip/index.js +3 -4
- package/cjs/common/LockBodyScroll.d.ts +25 -0
- package/cjs/common/LockBodyScroll.js +7 -10
- package/cjs/common/arrow.d.ts +6 -0
- package/cjs/common/arrow.js +2 -4
- package/cjs/common/emotionCloneElement.d.ts +2 -0
- package/cjs/common/emotionCloneElement.js +5 -8
- package/cjs/common/intent.d.ts +3 -0
- package/cjs/common/miniMoize.d.ts +1 -0
- package/cjs/common/polymorphic.d.ts +25 -0
- package/cjs/common/polymorphic.js +5 -5
- package/cjs/common/use-media.d.ts +1 -0
- package/cjs/common/use-media.js +1 -10
- package/cjs/common/useOnClickOutside.d.ts +3 -0
- package/cjs/common/utils.d.ts +3 -0
- package/cjs/counter/Counter.d.ts +26 -0
- package/cjs/counter/Counter.js +10 -26
- package/cjs/counter/PluralCounter.d.ts +13 -0
- package/cjs/counter/PluralCounter.js +13 -27
- package/cjs/counter/index.d.ts +2 -0
- package/cjs/counter/index.js +3 -3
- package/cjs/data-table/DataTable.d.ts +11 -0
- package/cjs/data-table/DataTable.js +17 -29
- package/cjs/data-table/index.d.ts +1 -0
- 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 +1 -2
- package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +2 -0
- package/cjs/date-range-picker/DateRangePicker.d.ts +33 -0
- package/cjs/date-range-picker/DateRangePicker.js +29 -57
- package/cjs/date-range-picker/index.d.ts +1 -0
- package/cjs/date-range-picker/index.js +2 -2
- package/cjs/divider/Divider.d.ts +26 -0
- package/cjs/divider/Divider.js +11 -11
- package/cjs/divider/index.d.ts +1 -0
- package/cjs/divider/index.js +1 -1
- package/cjs/drawer/Drawer.d.ts +31 -0
- package/cjs/drawer/Drawer.js +11 -17
- package/cjs/drawer/index.d.ts +1 -0
- package/cjs/drawer/index.js +1 -1
- package/cjs/dropdown-menu/Dropdown.d.ts +46 -0
- package/cjs/dropdown-menu/Dropdown.js +21 -36
- package/cjs/dropdown-menu/DropdownContext.d.ts +13 -0
- package/cjs/dropdown-menu/DropdownContext.js +1 -2
- package/cjs/dropdown-menu/MenuCheckbox.d.ts +34 -0
- package/cjs/dropdown-menu/MenuCheckbox.js +5 -4
- package/cjs/dropdown-menu/MenuItem.d.ts +45 -0
- package/cjs/dropdown-menu/MenuItem.js +25 -42
- package/cjs/dropdown-menu/MenuTitle.d.ts +14 -0
- package/cjs/dropdown-menu/MenuTitle.js +5 -5
- package/cjs/dropdown-menu/index.d.ts +5 -0
- package/cjs/dropdown-menu/index.js +7 -8
- package/cjs/elevation/index.d.ts +3 -0
- package/cjs/elevation/index.js +3 -6
- package/cjs/flexbox/FlexBox.d.ts +100 -0
- package/cjs/flexbox/FlexBox.js +6 -14
- package/cjs/flexbox/index.d.ts +1 -0
- package/cjs/flexbox/index.js +1 -1
- package/cjs/footer/Footer.d.ts +7 -0
- package/cjs/footer/Footer.js +1 -1
- package/cjs/footer/index.d.ts +1 -0
- package/cjs/footer/index.js +2 -2
- package/cjs/forms/assistive-text/AssistiveText.d.ts +7 -0
- package/cjs/forms/assistive-text/AssistiveText.js +1 -1
- package/cjs/forms/asterisk/Asterisk.d.ts +3 -0
- package/cjs/forms/asterisk/Asterisk.js +1 -1
- package/cjs/forms/checkbox/Checkbox.d.ts +39 -0
- package/cjs/forms/checkbox/Checkbox.js +17 -23
- package/cjs/forms/checkbox/ExampleControlComponent.d.ts +11 -0
- package/cjs/forms/checkbox/ExampleControlComponent.js +8 -19
- package/cjs/forms/checkbox/index.d.ts +1 -0
- package/cjs/forms/checkbox/index.js +2 -2
- package/cjs/forms/email-field/EmailField.d.ts +6 -0
- package/cjs/forms/email-field/EmailField.js +3 -3
- package/cjs/forms/error-text/ErrorText.d.ts +7 -0
- package/cjs/forms/error-text/ErrorText.js +3 -5
- package/cjs/forms/field/Field.d.ts +11 -0
- package/cjs/forms/field/Field.js +4 -7
- package/cjs/forms/index.d.ts +21 -0
- package/cjs/forms/index.js +19 -19
- package/cjs/forms/input/Input.d.ts +19 -0
- package/cjs/forms/input/Input.js +23 -33
- package/cjs/forms/input/InputComposition.d.ts +43 -0
- package/cjs/forms/input/InputComposition.js +26 -32
- package/cjs/forms/label/Label.d.ts +11 -0
- package/cjs/forms/label/Label.js +10 -14
- package/cjs/forms/number-field/NumberField.d.ts +6 -0
- package/cjs/forms/number-field/NumberField.js +4 -5
- package/cjs/forms/password-field/PasswordField.d.ts +4 -0
- package/cjs/forms/password-field/PasswordField.js +5 -16
- package/cjs/forms/radio/Radio.d.ts +35 -0
- package/cjs/forms/radio/Radio.js +30 -36
- package/cjs/forms/reactselect/ReactSelect.d.ts +25 -0
- package/cjs/forms/reactselect/ReactSelect.js +43 -53
- package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +6 -0
- package/cjs/forms/searchable-select/AsyncSearchableSelect.js +30 -34
- package/cjs/forms/select/Select.d.ts +16 -0
- package/cjs/forms/select/Select.js +17 -24
- package/cjs/forms/select-field/SelectField.d.ts +17 -0
- package/cjs/forms/select-field/SelectField.js +20 -25
- package/cjs/forms/switch/Switch.d.ts +13 -0
- package/cjs/forms/switch/Switch.js +16 -23
- package/cjs/forms/tel-field/TelField.d.ts +6 -0
- package/cjs/forms/tel-field/TelField.js +3 -3
- package/cjs/forms/text-field/TextField.d.ts +26 -0
- package/cjs/forms/text-field/TextField.js +23 -28
- package/cjs/global-styles/GlobalStyles.d.ts +3 -0
- package/cjs/global-styles/GlobalStyles.js +1 -1
- package/cjs/global-styles/ResetStyles.d.ts +9 -0
- package/cjs/global-styles/ResetStyles.js +2 -3
- package/cjs/global-styles/sanitize.d.ts +1 -0
- package/cjs/global-styles/sanitize.js +1 -2
- package/cjs/grid/Column.d.ts +10 -0
- package/cjs/grid/Column.js +10 -12
- package/cjs/grid/Container.d.ts +15 -0
- package/cjs/grid/Container.js +11 -13
- package/cjs/grid/index.d.ts +2 -0
- package/cjs/grid/index.js +3 -3
- package/cjs/hero/Hero.d.ts +10 -0
- package/cjs/hero/Hero.js +5 -9
- package/cjs/hero/index.d.ts +1 -0
- package/cjs/hero/index.js +2 -2
- package/cjs/hero/stripes.d.ts +6 -0
- package/cjs/hero/stripes.js +1 -1
- package/cjs/ie-banner/IEBanner.d.ts +12 -0
- package/cjs/ie-banner/IEBanner.js +4 -20
- package/cjs/ie-banner/index.d.ts +1 -0
- package/cjs/ie-banner/index.js +2 -2
- package/cjs/index.d.ts +44 -0
- package/cjs/index.js +46 -46
- package/cjs/layout/LayoutLegacy.d.ts +2 -0
- package/cjs/layout/LayoutLegacy.js +1 -1
- package/cjs/lists/FeatureList.d.ts +22 -0
- package/cjs/lists/FeatureList.js +9 -12
- package/cjs/lists/ListAddon.d.ts +11 -0
- package/cjs/lists/ListAddon.js +8 -11
- package/cjs/lists/ListDivider.d.ts +5 -0
- package/cjs/lists/ListDivider.js +8 -11
- package/cjs/lists/ListIcon.d.ts +18 -0
- package/cjs/lists/ListIcon.js +14 -17
- package/cjs/lists/ListItem.d.ts +46 -0
- package/cjs/lists/ListItem.js +17 -26
- package/cjs/lists/ListText.d.ts +39 -0
- package/cjs/lists/ListText.js +10 -13
- package/cjs/lists/ListTextGroup.d.ts +15 -0
- package/cjs/lists/ListTextGroup.js +11 -15
- package/cjs/lists/ListTitle.d.ts +4 -0
- package/cjs/lists/ListTitle.js +7 -11
- package/cjs/lists/index.d.ts +8 -0
- package/cjs/lists/index.js +9 -9
- package/cjs/loader/DfdsLoader.d.ts +9 -0
- package/cjs/loader/DfdsLoader.js +4 -5
- package/cjs/loader/Loader.d.ts +6 -0
- package/cjs/loader/Loader.js +2 -3
- package/cjs/loader/index.d.ts +2 -0
- package/cjs/loader/index.js +3 -3
- package/cjs/localization/LocaleFlag.d.ts +13 -0
- package/cjs/localization/LocaleFlag.js +10 -15
- package/cjs/localization/index.d.ts +2 -0
- package/cjs/localization/index.js +2 -2
- package/cjs/localization/locales.d.ts +35 -0
- package/cjs/logo/Logo.d.ts +11 -0
- package/cjs/logo/Logo.js +7 -10
- package/cjs/logo/index.d.ts +1 -0
- package/cjs/logo/index.js +1 -1
- package/cjs/media/index.d.ts +2 -0
- package/cjs/menu/Menu.d.ts +7 -0
- package/cjs/menu/Menu.js +25 -27
- package/cjs/menu/index.d.ts +2 -0
- package/cjs/menu/index.js +3 -4
- package/cjs/mobile-stepper/MobileStepper.d.ts +25 -0
- package/cjs/mobile-stepper/MobileStepper.js +12 -18
- package/cjs/mobile-stepper/index.d.ts +1 -0
- package/cjs/mobile-stepper/index.js +2 -2
- package/cjs/nav-bar/NavBar.d.ts +37 -0
- package/cjs/nav-bar/NavBar.js +34 -52
- package/cjs/nav-bar/index.d.ts +2 -0
- package/cjs/nav-bar/index.js +3 -4
- package/cjs/nav-menu/NavMenuItem.d.ts +10 -0
- package/cjs/nav-menu/NavMenuItem.js +2 -3
- package/cjs/nav-menu/index.d.ts +1 -0
- package/cjs/nav-menu/index.js +2 -2
- package/cjs/pagination/Pagination.d.ts +44 -0
- package/cjs/pagination/Pagination.js +11 -12
- package/cjs/pagination/Pagination.styles.d.ts +6 -0
- package/cjs/pagination/Pagination.styles.js +1 -2
- package/cjs/pagination/index.d.ts +1 -0
- package/cjs/pagination/index.js +1 -1
- package/cjs/popper/Popper.d.ts +29 -0
- package/cjs/popper/Popper.js +24 -29
- package/cjs/popper/index.d.ts +1 -0
- package/cjs/popper/index.js +2 -2
- package/cjs/progress-bar/ProgressBar.d.ts +8 -0
- package/cjs/progress-bar/ProgressBar.js +3 -5
- package/cjs/progress-bar/index.d.ts +2 -0
- package/cjs/progress-bar/index.js +3 -4
- package/cjs/schedule/ScheduleItem.d.ts +19 -0
- package/cjs/schedule/ScheduleItem.js +1 -1
- package/cjs/schedule/ScheduleList.d.ts +11 -0
- package/cjs/schedule/ScheduleList.js +6 -8
- package/cjs/schedule/index.d.ts +2 -0
- package/cjs/schedule/index.js +3 -3
- package/cjs/side-sheet/SideSheet.d.ts +57 -0
- package/cjs/side-sheet/SideSheet.js +36 -58
- package/cjs/side-sheet/SideSheetCloseButton.d.ts +13 -0
- package/cjs/side-sheet/SideSheetCloseButton.js +10 -15
- package/cjs/side-sheet/SideSheetContent.d.ts +7 -0
- package/cjs/side-sheet/SideSheetContent.js +7 -10
- package/cjs/side-sheet/SideSheetFooter.d.ts +7 -0
- package/cjs/side-sheet/SideSheetFooter.js +7 -10
- package/cjs/side-sheet/SideSheetHeader.d.ts +9 -0
- package/cjs/side-sheet/SideSheetHeader.js +10 -14
- package/cjs/side-sheet/SideSheetHeadline.d.ts +7 -0
- package/cjs/side-sheet/SideSheetHeadline.js +1 -1
- package/cjs/side-sheet/index.d.ts +4 -0
- package/cjs/side-sheet/index.js +6 -7
- package/cjs/site-layout/SiteLayout.d.ts +40 -0
- package/cjs/site-layout/SiteLayout.js +31 -35
- package/cjs/site-layout/index.d.ts +2 -0
- package/cjs/site-layout/index.js +3 -4
- package/cjs/skeleton/Skeleton.d.ts +8 -0
- package/cjs/skeleton/Skeleton.js +12 -16
- package/cjs/skeleton/index.d.ts +1 -0
- package/cjs/skeleton/index.js +1 -1
- package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +24 -0
- package/cjs/social-media-link-list/SocialMediaLinkList.js +15 -17
- package/cjs/social-media-link-list/index.d.ts +1 -0
- package/cjs/social-media-link-list/index.js +1 -1
- package/cjs/spinner/Spinner.d.ts +58 -0
- package/cjs/spinner/Spinner.js +11 -16
- package/cjs/spinner/index.d.ts +1 -0
- package/cjs/spinner/index.js +1 -1
- package/cjs/step/Step.d.ts +45 -0
- package/cjs/step/Step.js +23 -32
- package/cjs/step/Step.styles.d.ts +4 -0
- package/cjs/step/Step.styles.js +1 -2
- package/cjs/step/StepButton.d.ts +4 -0
- package/cjs/step/StepButton.js +18 -18
- package/cjs/step/StepContent.d.ts +6 -0
- package/cjs/step/StepContent.js +6 -7
- package/cjs/step/StepContext.d.ts +12 -0
- package/cjs/step/StepContext.js +1 -1
- package/cjs/step/StepLabel.d.ts +7 -0
- package/cjs/step/StepLabel.js +6 -6
- package/cjs/step/index.d.ts +1 -0
- package/cjs/step/index.js +2 -2
- package/cjs/stepper/Stepper.d.ts +25 -0
- package/cjs/stepper/Stepper.js +17 -29
- package/cjs/stepper/StepperContext.d.ts +9 -0
- package/cjs/stepper/StepperContext.js +1 -1
- package/cjs/stepper/index.d.ts +1 -0
- package/cjs/stepper/index.js +2 -2
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.d.ts +5 -0
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +2 -3
- package/cjs/stepper-feedback-message/index.d.ts +1 -0
- package/cjs/stepper-feedback-message/index.js +2 -2
- package/cjs/styles/index.d.ts +3 -0
- package/cjs/styles/index.js +6 -7
- package/cjs/styles/media.d.ts +21 -0
- package/cjs/styles/rem.d.ts +1 -0
- package/cjs/styles/style-helpers.d.ts +1 -0
- package/cjs/styles/style-helpers.js +1 -2
- package/cjs/styles/theme.d.ts +39 -0
- package/cjs/surface/Surface.d.ts +32 -0
- package/cjs/surface/Surface.js +14 -21
- package/cjs/surface/index.d.ts +1 -0
- package/cjs/surface/index.js +1 -1
- package/cjs/tab/Tab.d.ts +12 -0
- package/cjs/tab/Tab.js +16 -18
- package/cjs/tab/TabPanel.d.ts +7 -0
- package/cjs/tab/TabPanel.js +4 -3
- package/cjs/tab/Tabs.d.ts +11 -0
- package/cjs/tab/Tabs.js +24 -42
- package/cjs/tab/TabsContext.d.ts +16 -0
- package/cjs/tab/TabsContext.js +1 -2
- package/cjs/tab/index.d.ts +4 -0
- package/cjs/tab/index.js +5 -5
- package/cjs/table/Table.d.ts +22 -0
- package/cjs/table/Table.js +8 -13
- package/cjs/table/TableBody.d.ts +9 -0
- package/cjs/table/TableBody.js +6 -9
- package/cjs/table/TableDataCell.d.ts +14 -0
- package/cjs/table/TableDataCell.js +7 -11
- package/cjs/table/TableHead.d.ts +14 -0
- package/cjs/table/TableHead.js +11 -13
- package/cjs/table/TableHeaderCell.d.ts +15 -0
- package/cjs/table/TableHeaderCell.js +7 -11
- package/cjs/table/TableRow.d.ts +17 -0
- package/cjs/table/TableRow.js +12 -15
- package/cjs/table/index.d.ts +6 -0
- package/cjs/table/index.js +6 -6
- package/cjs/test/Test.d.ts +8 -0
- package/cjs/test/Test.js +1 -1
- package/cjs/tooltip/Tooltip.d.ts +26 -0
- package/cjs/tooltip/Tooltip.js +14 -17
- package/cjs/tooltip/index.d.ts +2 -0
- package/cjs/tooltip/index.js +3 -4
- package/cjs/typography/Headlines.d.ts +71 -0
- package/cjs/typography/Headlines.js +21 -26
- package/cjs/typography/Text.d.ts +4 -0
- package/cjs/typography/Text.js +2 -3
- package/cjs/typography/index.d.ts +2 -0
- package/cjs/typography/index.js +2 -2
- package/common/LockBodyScroll.js +3 -3
- package/common/arrow.d.ts +1 -1
- package/common/arrow.js +2 -4
- package/common/emotionCloneElement.d.ts +0 -1
- package/common/emotionCloneElement.js +1 -1
- package/common/polymorphic.d.ts +2 -2
- package/common/polymorphic.js +2 -2
- package/common/use-media.js +4 -4
- package/common/useOnClickOutside.d.ts +0 -1
- package/common/utils.d.ts +3 -3
- package/common/utils.js +1 -1
- package/counter/Counter.js +9 -14
- package/counter/PluralCounter.js +8 -9
- package/data-table/DataTable.d.ts +2 -1
- package/data-table/DataTable.js +11 -11
- package/date-range-picker/DatePickerDefaultStyles.d.ts +1 -1
- package/date-range-picker/DatePickerDefaultStyles.js +1 -2
- package/date-range-picker/DatePickerDfdsStyles.d.ts +1 -1
- package/date-range-picker/DateRangePicker.js +8 -8
- package/divider/Divider.d.ts +2 -2
- package/divider/Divider.js +3 -3
- package/drawer/Drawer.js +3 -3
- package/dropdown-menu/Dropdown.d.ts +1 -1
- package/dropdown-menu/Dropdown.js +8 -9
- package/dropdown-menu/MenuCheckbox.d.ts +1 -1
- package/dropdown-menu/MenuCheckbox.js +1 -1
- package/dropdown-menu/MenuItem.d.ts +3 -3
- package/dropdown-menu/MenuItem.js +12 -17
- package/dropdown-menu/MenuTitle.d.ts +1 -1
- package/dropdown-menu/MenuTitle.js +1 -2
- package/elevation/index.d.ts +1 -1
- package/elevation/index.js +3 -6
- package/flexbox/FlexBox.d.ts +3 -3
- package/flexbox/FlexBox.js +7 -7
- package/forms/assistive-text/AssistiveText.d.ts +1 -2
- package/forms/asterisk/Asterisk.d.ts +2 -2
- package/forms/checkbox/Checkbox.d.ts +1 -1
- package/forms/checkbox/Checkbox.js +4 -5
- package/forms/checkbox/ExampleControlComponent.d.ts +1 -0
- package/forms/checkbox/ExampleControlComponent.js +7 -7
- package/forms/email-field/EmailField.d.ts +1 -1
- package/forms/email-field/EmailField.js +2 -2
- package/forms/error-text/ErrorText.d.ts +1 -2
- package/forms/error-text/ErrorText.js +2 -4
- package/forms/field/Field.d.ts +1 -0
- package/forms/field/Field.js +3 -6
- package/forms/input/Input.d.ts +1 -1
- package/forms/input/Input.js +11 -19
- package/forms/input/InputComposition.d.ts +3 -3
- package/forms/input/InputComposition.js +4 -5
- package/forms/label/Label.d.ts +1 -0
- package/forms/label/Label.js +7 -9
- package/forms/number-field/NumberField.d.ts +1 -1
- package/forms/number-field/NumberField.js +3 -4
- package/forms/password-field/PasswordField.d.ts +1 -1
- package/forms/password-field/PasswordField.js +6 -7
- package/forms/radio/Radio.d.ts +1 -1
- package/forms/radio/Radio.js +4 -5
- package/forms/reactselect/ReactSelect.d.ts +5 -5
- package/forms/reactselect/ReactSelect.js +5 -6
- package/forms/searchable-select/AsyncSearchableSelect.js +3 -3
- package/forms/select/Select.d.ts +1 -1
- package/forms/select/Select.js +8 -13
- package/forms/select-field/SelectField.d.ts +1 -1
- package/forms/select-field/SelectField.js +8 -12
- package/forms/switch/Switch.js +6 -9
- package/forms/tel-field/TelField.d.ts +1 -1
- package/forms/tel-field/TelField.js +2 -2
- package/forms/text-field/TextField.d.ts +1 -1
- package/forms/text-field/TextField.js +8 -12
- package/global-styles/GlobalStyles.d.ts +3 -3
- package/global-styles/ResetStyles.d.ts +2 -2
- package/global-styles/ResetStyles.js +1 -2
- package/global-styles/sanitize.d.ts +1 -1
- package/global-styles/sanitize.js +1 -2
- package/grid/Column.js +3 -3
- package/grid/Container.js +4 -4
- package/hero/Hero.js +5 -9
- package/ie-banner/IEBanner.d.ts +1 -0
- package/ie-banner/IEBanner.js +4 -4
- package/layout/LayoutLegacy.d.ts +2 -2
- package/lists/FeatureList.d.ts +2 -4
- package/lists/FeatureList.js +3 -3
- package/lists/ListAddon.d.ts +1 -1
- package/lists/ListAddon.js +3 -3
- package/lists/ListDivider.d.ts +2 -2
- package/lists/ListDivider.js +3 -3
- package/lists/ListIcon.d.ts +1 -1
- package/lists/ListIcon.js +3 -3
- package/lists/ListItem.d.ts +2 -2
- package/lists/ListItem.js +3 -3
- package/lists/ListText.d.ts +1 -1
- package/lists/ListText.js +3 -3
- package/lists/ListTextGroup.d.ts +1 -1
- package/lists/ListTextGroup.js +3 -3
- package/lists/ListTitle.d.ts +2 -2
- package/lists/ListTitle.js +4 -5
- package/loader/DfdsLoader.js +2 -3
- package/loader/Loader.d.ts +2 -2
- package/loader/Loader.js +2 -3
- package/localization/LocaleFlag.d.ts +2 -2
- package/localization/LocaleFlag.js +3 -3
- package/logo/Logo.d.ts +2 -2
- package/logo/Logo.js +3 -3
- package/menu/Menu.js +8 -8
- package/mobile-stepper/MobileStepper.d.ts +2 -2
- package/mobile-stepper/MobileStepper.js +10 -12
- package/nav-bar/NavBar.d.ts +4 -2
- package/nav-bar/NavBar.js +19 -22
- package/nav-menu/NavMenuItem.js +1 -2
- package/package.json +19 -19
- package/pagination/Pagination.d.ts +1 -1
- package/pagination/Pagination.js +4 -6
- package/pagination/Pagination.styles.d.ts +6 -6
- package/pagination/Pagination.styles.js +2 -3
- package/popper/Popper.d.ts +2 -2
- package/popper/Popper.js +4 -5
- package/progress-bar/ProgressBar.d.ts +2 -2
- package/progress-bar/ProgressBar.js +2 -4
- package/schedule/ScheduleItem.d.ts +2 -4
- package/schedule/ScheduleList.js +3 -3
- package/side-sheet/SideSheet.d.ts +1 -1
- package/side-sheet/SideSheet.js +13 -18
- package/side-sheet/SideSheetCloseButton.d.ts +1 -1
- package/side-sheet/SideSheetCloseButton.js +3 -3
- package/side-sheet/SideSheetContent.d.ts +2 -2
- package/side-sheet/SideSheetContent.js +3 -3
- package/side-sheet/SideSheetFooter.d.ts +2 -2
- package/side-sheet/SideSheetFooter.js +3 -3
- package/side-sheet/SideSheetHeader.d.ts +2 -2
- package/side-sheet/SideSheetHeader.js +3 -3
- package/side-sheet/SideSheetHeadline.d.ts +2 -2
- package/site-layout/SiteLayout.d.ts +6 -2
- package/site-layout/SiteLayout.js +8 -9
- package/skeleton/Skeleton.d.ts +2 -2
- package/skeleton/Skeleton.js +4 -4
- package/social-media-link-list/SocialMediaLinkList.d.ts +2 -4
- package/social-media-link-list/SocialMediaLinkList.js +3 -3
- package/spinner/Spinner.d.ts +2 -2
- package/spinner/Spinner.js +5 -6
- package/step/Step.d.ts +1 -1
- package/step/Step.js +3 -3
- package/step/Step.styles.d.ts +4 -4
- package/step/Step.styles.js +1 -2
- package/step/StepButton.js +4 -6
- package/step/StepContent.d.ts +2 -2
- package/step/StepContent.js +2 -4
- package/step/StepLabel.js +1 -2
- package/stepper/Stepper.d.ts +1 -1
- package/stepper/Stepper.js +6 -8
- package/stepper-feedback-message/StepperFeedbackMessage.d.ts +2 -2
- package/stepper-feedback-message/StepperFeedbackMessage.js +1 -2
- package/styles/style-helpers.d.ts +1 -1
- package/styles/style-helpers.js +1 -2
- package/surface/Surface.d.ts +1 -1
- package/surface/Surface.js +4 -4
- package/tab/Tab.js +4 -5
- package/tab/Tabs.js +8 -9
- package/table/Table.d.ts +1 -1
- package/table/Table.js +3 -3
- package/table/TableBody.d.ts +1 -1
- package/table/TableBody.js +3 -3
- package/table/TableDataCell.d.ts +1 -1
- package/table/TableDataCell.js +3 -3
- package/table/TableHead.d.ts +2 -2
- package/table/TableHead.js +4 -4
- package/table/TableHeaderCell.d.ts +2 -2
- package/table/TableHeaderCell.js +3 -3
- package/table/TableRow.d.ts +1 -1
- package/table/TableRow.js +4 -4
- package/tooltip/Tooltip.d.ts +1 -1
- package/tooltip/Tooltip.js +4 -5
- package/typography/Headlines.d.ts +29 -28
- package/typography/Headlines.js +14 -16
- package/typography/Text.d.ts +1 -2
- package/typography/Text.js +1 -2
package/cjs/tab/TabPanel.js
CHANGED
|
@@ -8,7 +8,7 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _TabsContext = _interopRequireDefault(require("./TabsContext"));
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
|
-
function _interopRequireDefault(
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
const StyledTabPanel = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
|
|
13
13
|
target: "eqh3xez0"
|
|
14
14
|
} : {
|
|
@@ -19,8 +19,9 @@ const TabPanel = ({
|
|
|
19
19
|
index,
|
|
20
20
|
children
|
|
21
21
|
}) => {
|
|
22
|
-
const
|
|
23
|
-
activeTab
|
|
22
|
+
const {
|
|
23
|
+
activeTab
|
|
24
|
+
} = (0, _TabsContext.default)();
|
|
24
25
|
return (0, _react2.jsx)(StyledTabPanel, {
|
|
25
26
|
active: index === activeTab
|
|
26
27
|
}, children);
|
package/cjs/tab/Tabs.js
CHANGED
|
@@ -12,19 +12,9 @@ var _button = require("../button");
|
|
|
12
12
|
var _TabsContext = _interopRequireDefault(require("./TabsContext"));
|
|
13
13
|
var _theme = require("@dfds-ui/theme");
|
|
14
14
|
var _system = require("@dfds-ui/icons/system");
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
function
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
20
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
21
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
22
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
23
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
24
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
25
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
26
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
27
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
15
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
+
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); }
|
|
28
18
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
29
19
|
const CHEVRON_SCROLL_STEP = 300;
|
|
30
20
|
const StyledTabs = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
|
|
@@ -44,38 +34,30 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
44
34
|
styles: "position:relative"
|
|
45
35
|
} : {
|
|
46
36
|
name: "1tk52mw-Tabs",
|
|
47
|
-
styles: "position:relative;label:Tabs;",
|
|
48
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWIvVGFicy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkhjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90YWIvVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICdAZGZkcy11aS9ob29rcydcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi9idXR0b24nXG5pbXBvcnQgdXNlVGFic0NvbnRleHQgZnJvbSAnLi9UYWJzQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBDaGV2cm9uTGVmdCwgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuXG5jb25zdCBDSEVWUk9OX1NDUk9MTF9TVEVQID0gMzAwXG5cbnR5cGUgVGFic0xhYmVscyA9IHtcbiAgc2Nyb2xsTGVmdDogc3RyaW5nXG4gIHNjcm9sbFJpZ2h0OiBzdHJpbmdcbn1cblxudHlwZSBUYWJzUHJvcHMgPSB7XG4gIHRhYnNMYWJlbHM/OiBUYWJzTGFiZWxzXG4gIGNoaWxkcmVuPzogYW55XG59XG5cbmNvbnN0IFN0eWxlZFRhYnMgPSBzdHlsZWQuZGl2PHsgdHJhbnNwYXJlbnQ6IGJvb2xlYW4gfCB1bmRlZmluZWQgfT5gXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubH0gJHt0aGVtZS5yYWRpaS5sfSAwIDA7XG4gIGJhY2tncm91bmQ6ICR7KHApID0+IChwLnRyYW5zcGFyZW50ID8gJ3RyYW5zcGFyZW50JyA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnkpfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gXG5cbmNvbnN0IENoZXZyb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbik8e1xuICBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfCB1bmRlZmluZWRcbiAgdmlzaWJsZTogYm9vbGVhblxuICBzaXplOiAncycgfCAnbScgfCB1bmRlZmluZWRcbn0+YFxuICBoZWlnaHQ6ICR7KHApID0+IChwLnNpemUgPT09ICdzJyA/ICcyLjc1cmVtJyA6ICczLjI1cmVtJyl9O1xuICB3aWR0aDogMS4yNXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnNlY29uZGFyeX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgZGlzcGxheTogJHsocCkgPT4gKHAudmlzaWJsZSA/ICdmbGV4JyA6ICdub25lJyl9O1xuXG4gIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgIGJvcmRlcjogMDtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgfVxuICAkeyhwKSA9PlxuICAgIHAuZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgICAgICAgYFxuICAgICAgOiBjc3NgXG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMCAke3RoZW1lLnJhZGlpLm19IDAgMDtcbiAgICAgICAgYH1cbiAgei1pbmRleDogMTtcbmBcblxuY29uc3QgVGFiczogUmVhY3QuRkM8VGFic1Byb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICB0YWJzTGFiZWxzID0geyBzY3JvbGxMZWZ0OiAnU2Nyb2xsIHRhYnMgbGVmdCcsIHNjcm9sbFJpZ2h0OiAnU2Nyb2xsIHRhYnMgcmlnaHQnIH0sXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBbaXNTY3JvbGxTdGFydCwgc2V0SXNTY3JvbGxTdGFydF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW2lzU2Nyb2xsRW5kLCBzZXRJc1Njcm9sbEVuZF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW3Nob3dDaGV2cm9ucywgc2V0U2hvd0NoZXZyb25zXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IHsgdHJhbnNwYXJlbnQsIHNpemUgfSA9IHVzZVRhYnNDb250ZXh0KClcblxuICBjb25zdCB7IHdpZHRoIH0gPSB1c2VSZXNpemVPYnNlcnZlcih7IHJlZiB9KVxuXG4gIGNvbnN0IHVwZGF0ZVNjcm9sbENvbnRyb2xzID0gKHtcbiAgICBzY3JvbGxXaWR0aCxcbiAgICBjbGllbnRXaWR0aCxcbiAgICBzY3JvbGxMZWZ0LFxuICB9OiB7XG4gICAgc2Nyb2xsV2lkdGg6IG51bWJlclxuICAgIGNsaWVudFdpZHRoOiBudW1iZXJcbiAgICBzY3JvbGxMZWZ0OiBudW1iZXJcbiAgfSkgPT4ge1xuICAgIHNldElzU2Nyb2xsU3RhcnQoc2Nyb2xsTGVmdCA9PT0gMClcbiAgICBzZXRJc1Njcm9sbEVuZChzY3JvbGxXaWR0aCA9PT0gY2xpZW50V2lkdGggKyBzY3JvbGxMZWZ0KVxuICAgIHNldFNob3dDaGV2cm9ucyhzY3JvbGxXaWR0aCAhPT0gY2xpZW50V2lkdGgpXG4gIH1cblxuICBjb25zdCBzY3JvbGxCeSA9IChkaXN0YW5jZTogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHJlZi5jdXJyZW50KSB7XG4gICAgICBpZiAocmVmLmN1cnJlbnQuc2Nyb2xsQnkgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICByZWYuY3VycmVudC5zY3JvbGxMZWZ0ICs9IGRpc3RhbmNlXG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZWYuY3VycmVudC5zY3JvbGxCeSh7XG4gICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgIGxlZnQ6IGRpc3RhbmNlLFxuICAgICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgLy8gVE9ETzogQ29uc2lkZXIgcmV3cml0ZSB1c2luZyByZWYgY2FsbGJhY2tcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocmVmICE9PSBudWxsICYmIHJlZi5jdXJyZW50ICE9PSBudWxsKSB7XG4gICAgICBjb25zdCBub2RlID0gcmVmLmN1cnJlbnRcbiAgICAgIHVwZGF0ZVNjcm9sbENvbnRyb2xzKG5vZGUpXG5cbiAgICAgIGNvbnN0IGhhbmRsZXIgPSAoKSA9PiB7XG4gICAgICAgIHVwZGF0ZVNjcm9sbENvbnRyb2xzKG5vZGUpXG4gICAgICB9XG5cbiAgICAgIHJlZi5jdXJyZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGhhbmRsZXIpXG4gICAgICByZXR1cm4gKCkgPT4gbm9kZS5yZW1vdmVFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBoYW5kbGVyKVxuICAgIH1cbiAgICByZXR1cm5cbiAgfSwgW3JlZiwgaXNTY3JvbGxTdGFydCwgaXNTY3JvbGxFbmQsIHNob3dDaGV2cm9ucywgd2lkdGhdKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge3Nob3dDaGV2cm9ucyAmJiAoXG4gICAgICAgIDxDaGV2cm9uQnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICBpY29uPXtDaGV2cm9uTGVmdH1cbiAgICAgICAgICBkaXJlY3Rpb249XCJsZWZ0XCJcbiAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgIHZpc2libGU9eyFpc1Njcm9sbFN0YXJ0fVxuICAgICAgICAgIGFyaWFMYWJlbD17dGFic0xhYmVscy5zY3JvbGxMZWZ0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNjcm9sbEJ5KC1DSEVWUk9OX1NDUk9MTF9TVEVQKX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICB7c2hvd0NoZXZyb25zICYmIChcbiAgICAgICAgPENoZXZyb25CdXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIGljb249e0NoZXZyb25SaWdodH1cbiAgICAgICAgICBkaXJlY3Rpb249XCJyaWdodFwiXG4gICAgICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgICAgICB2aXNpYmxlPXshaXNTY3JvbGxFbmR9XG4gICAgICAgICAgYXJpYUxhYmVsPXt0YWJzTGFiZWxzLnNjcm9sbFJpZ2h0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNjcm9sbEJ5KENIRVZST05fU0NST0xMX1NURVApfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxTdHlsZWRUYWJzIHJlZj17cmVmfSB7Li4ucmVzdH0gdHJhbnNwYXJlbnQ9e3RyYW5zcGFyZW50fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRUYWJzPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRhYnNcbiJdfQ== */",
|
|
37
|
+
styles: "position:relative;label:Tabs;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWIvVGFicy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkhjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90YWIvVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICdAZGZkcy11aS9ob29rcydcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi9idXR0b24nXG5pbXBvcnQgdXNlVGFic0NvbnRleHQgZnJvbSAnLi9UYWJzQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBDaGV2cm9uTGVmdCwgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuXG5jb25zdCBDSEVWUk9OX1NDUk9MTF9TVEVQID0gMzAwXG5cbnR5cGUgVGFic0xhYmVscyA9IHtcbiAgc2Nyb2xsTGVmdDogc3RyaW5nXG4gIHNjcm9sbFJpZ2h0OiBzdHJpbmdcbn1cblxudHlwZSBUYWJzUHJvcHMgPSB7XG4gIHRhYnNMYWJlbHM/OiBUYWJzTGFiZWxzXG4gIGNoaWxkcmVuPzogYW55XG59XG5cbmNvbnN0IFN0eWxlZFRhYnMgPSBzdHlsZWQuZGl2PHsgdHJhbnNwYXJlbnQ6IGJvb2xlYW4gfCB1bmRlZmluZWQgfT5gXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubH0gJHt0aGVtZS5yYWRpaS5sfSAwIDA7XG4gIGJhY2tncm91bmQ6ICR7KHApID0+IChwLnRyYW5zcGFyZW50ID8gJ3RyYW5zcGFyZW50JyA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnkpfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gXG5cbmNvbnN0IENoZXZyb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbik8e1xuICBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfCB1bmRlZmluZWRcbiAgdmlzaWJsZTogYm9vbGVhblxuICBzaXplOiAncycgfCAnbScgfCB1bmRlZmluZWRcbn0+YFxuICBoZWlnaHQ6ICR7KHApID0+IChwLnNpemUgPT09ICdzJyA/ICcyLjc1cmVtJyA6ICczLjI1cmVtJyl9O1xuICB3aWR0aDogMS4yNXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnNlY29uZGFyeX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgZGlzcGxheTogJHsocCkgPT4gKHAudmlzaWJsZSA/ICdmbGV4JyA6ICdub25lJyl9O1xuXG4gIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgIGJvcmRlcjogMDtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgfVxuICAkeyhwKSA9PlxuICAgIHAuZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgICAgICAgYFxuICAgICAgOiBjc3NgXG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMCAke3RoZW1lLnJhZGlpLm19IDAgMDtcbiAgICAgICAgYH1cbiAgei1pbmRleDogMTtcbmBcblxuY29uc3QgVGFiczogUmVhY3QuRkM8VGFic1Byb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICB0YWJzTGFiZWxzID0geyBzY3JvbGxMZWZ0OiAnU2Nyb2xsIHRhYnMgbGVmdCcsIHNjcm9sbFJpZ2h0OiAnU2Nyb2xsIHRhYnMgcmlnaHQnIH0sXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBbaXNTY3JvbGxTdGFydCwgc2V0SXNTY3JvbGxTdGFydF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW2lzU2Nyb2xsRW5kLCBzZXRJc1Njcm9sbEVuZF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW3Nob3dDaGV2cm9ucywgc2V0U2hvd0NoZXZyb25zXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IHsgdHJhbnNwYXJlbnQsIHNpemUgfSA9IHVzZVRhYnNDb250ZXh0KClcblxuICBjb25zdCB7IHdpZHRoIH0gPSB1c2VSZXNpemVPYnNlcnZlcih7IHJlZiB9KVxuXG4gIGNvbnN0IHVwZGF0ZVNjcm9sbENvbnRyb2xzID0gKHtcbiAgICBzY3JvbGxXaWR0aCxcbiAgICBjbGllbnRXaWR0aCxcbiAgICBzY3JvbGxMZWZ0LFxuICB9OiB7XG4gICAgc2Nyb2xsV2lkdGg6IG51bWJlclxuICAgIGNsaWVudFdpZHRoOiBudW1iZXJcbiAgICBzY3JvbGxMZWZ0OiBudW1iZXJcbiAgfSkgPT4ge1xuICAgIHNldElzU2Nyb2xsU3RhcnQoc2Nyb2xsTGVmdCA9PT0gMClcbiAgICBzZXRJc1Njcm9sbEVuZChzY3JvbGxXaWR0aCA9PT0gY2xpZW50V2lkdGggKyBzY3JvbGxMZWZ0KVxuICAgIHNldFNob3dDaGV2cm9ucyhzY3JvbGxXaWR0aCAhPT0gY2xpZW50V2lkdGgpXG4gIH1cblxuICBjb25zdCBzY3JvbGxCeSA9IChkaXN0YW5jZTogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHJlZi5jdXJyZW50KSB7XG4gICAgICBpZiAocmVmLmN1cnJlbnQuc2Nyb2xsQnkgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICByZWYuY3VycmVudC5zY3JvbGxMZWZ0ICs9IGRpc3RhbmNlXG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZWYuY3VycmVudC5zY3JvbGxCeSh7XG4gICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgIGxlZnQ6IGRpc3RhbmNlLFxuICAgICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgLy8gVE9ETzogQ29uc2lkZXIgcmV3cml0ZSB1c2luZyByZWYgY2FsbGJhY2tcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocmVmICE9PSBudWxsICYmIHJlZi5jdXJyZW50ICE9PSBudWxsKSB7XG4gICAgICBjb25zdCBub2RlID0gcmVmLmN1cnJlbnRcbiAgICAgIHVwZGF0ZVNjcm9sbENvbnRyb2xzKG5vZGUpXG5cbiAgICAgIGNvbnN0IGhhbmRsZXIgPSAoKSA9PiB7XG4gICAgICAgIHVwZGF0ZVNjcm9sbENvbnRyb2xzKG5vZGUpXG4gICAgICB9XG5cbiAgICAgIHJlZi5jdXJyZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGhhbmRsZXIpXG4gICAgICByZXR1cm4gKCkgPT4gbm9kZS5yZW1vdmVFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBoYW5kbGVyKVxuICAgIH1cbiAgICByZXR1cm5cbiAgfSwgW3JlZiwgaXNTY3JvbGxTdGFydCwgaXNTY3JvbGxFbmQsIHNob3dDaGV2cm9ucywgd2lkdGhdKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge3Nob3dDaGV2cm9ucyAmJiAoXG4gICAgICAgIDxDaGV2cm9uQnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICBpY29uPXtDaGV2cm9uTGVmdH1cbiAgICAgICAgICBkaXJlY3Rpb249XCJsZWZ0XCJcbiAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgIHZpc2libGU9eyFpc1Njcm9sbFN0YXJ0fVxuICAgICAgICAgIGFyaWFMYWJlbD17dGFic0xhYmVscy5zY3JvbGxMZWZ0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNjcm9sbEJ5KC1DSEVWUk9OX1NDUk9MTF9TVEVQKX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICB7c2hvd0NoZXZyb25zICYmIChcbiAgICAgICAgPENoZXZyb25CdXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIGljb249e0NoZXZyb25SaWdodH1cbiAgICAgICAgICBkaXJlY3Rpb249XCJyaWdodFwiXG4gICAgICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgICAgICB2aXNpYmxlPXshaXNTY3JvbGxFbmR9XG4gICAgICAgICAgYXJpYUxhYmVsPXt0YWJzTGFiZWxzLnNjcm9sbFJpZ2h0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNjcm9sbEJ5KENIRVZST05fU0NST0xMX1NURVApfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxTdHlsZWRUYWJzIHJlZj17cmVmfSB7Li4ucmVzdH0gdHJhbnNwYXJlbnQ9e3RyYW5zcGFyZW50fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRUYWJzPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRhYnNcbiJdfQ== */",
|
|
49
38
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
50
39
|
};
|
|
51
|
-
const Tabs =
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
40
|
+
const Tabs = ({
|
|
41
|
+
children,
|
|
42
|
+
tabsLabels = {
|
|
43
|
+
scrollLeft: 'Scroll tabs left',
|
|
44
|
+
scrollRight: 'Scroll tabs right'
|
|
45
|
+
},
|
|
46
|
+
...rest
|
|
47
|
+
}) => {
|
|
59
48
|
const ref = (0, _react.useRef)(null);
|
|
60
|
-
const
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
const _useTabsContext = (0, _TabsContext.default)(),
|
|
73
|
-
transparent = _useTabsContext.transparent,
|
|
74
|
-
size = _useTabsContext.size;
|
|
75
|
-
const _useResizeObserver = (0, _hooks.useResizeObserver)({
|
|
76
|
-
ref
|
|
77
|
-
}),
|
|
78
|
-
width = _useResizeObserver.width;
|
|
49
|
+
const [isScrollStart, setIsScrollStart] = (0, _react.useState)(false);
|
|
50
|
+
const [isScrollEnd, setIsScrollEnd] = (0, _react.useState)(false);
|
|
51
|
+
const [showChevrons, setShowChevrons] = (0, _react.useState)(false);
|
|
52
|
+
const {
|
|
53
|
+
transparent,
|
|
54
|
+
size
|
|
55
|
+
} = (0, _TabsContext.default)();
|
|
56
|
+
const {
|
|
57
|
+
width
|
|
58
|
+
} = (0, _hooks.useResizeObserver)({
|
|
59
|
+
ref
|
|
60
|
+
});
|
|
79
61
|
const updateScrollControls = ({
|
|
80
62
|
scrollWidth,
|
|
81
63
|
clientWidth,
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { Index } from './Tab';
|
|
3
|
+
export declare type TabsContextProps = {
|
|
4
|
+
transparent?: boolean;
|
|
5
|
+
onChange?: (index: any) => void;
|
|
6
|
+
size?: 's' | 'm';
|
|
7
|
+
activeTab?: Index | undefined;
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
};
|
|
10
|
+
export declare const TabsContext: React.Context<TabsContextProps>;
|
|
11
|
+
export declare const TabsContextProvider: React.FC<{
|
|
12
|
+
value: TabsContextProps;
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
}>;
|
|
15
|
+
export declare const useTabsContext: () => TabsContextProps;
|
|
16
|
+
export default useTabsContext;
|
package/cjs/tab/TabsContext.js
CHANGED
|
@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.useTabsContext = exports.default = exports.TabsContextProvider = exports.TabsContext = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
|
-
function
|
|
10
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
9
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
10
|
const TabsContext = /*#__PURE__*/(0, _react.createContext)({
|
|
12
11
|
transparent: false,
|
|
13
12
|
activeTab: undefined,
|
package/cjs/tab/index.js
CHANGED
|
@@ -10,19 +10,19 @@ var _exportNames = {
|
|
|
10
10
|
};
|
|
11
11
|
Object.defineProperty(exports, "Tab", {
|
|
12
12
|
enumerable: true,
|
|
13
|
-
get: function
|
|
13
|
+
get: function () {
|
|
14
14
|
return _Tab.default;
|
|
15
15
|
}
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "TabPanel", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: function
|
|
19
|
+
get: function () {
|
|
20
20
|
return _TabPanel.default;
|
|
21
21
|
}
|
|
22
22
|
});
|
|
23
23
|
Object.defineProperty(exports, "Tabs", {
|
|
24
24
|
enumerable: true,
|
|
25
|
-
get: function
|
|
25
|
+
get: function () {
|
|
26
26
|
return _Tabs.default;
|
|
27
27
|
}
|
|
28
28
|
});
|
|
@@ -33,7 +33,7 @@ Object.keys(_TabsContext).forEach(function (key) {
|
|
|
33
33
|
if (key in exports && exports[key] === _TabsContext[key]) return;
|
|
34
34
|
Object.defineProperty(exports, key, {
|
|
35
35
|
enumerable: true,
|
|
36
|
-
get: function
|
|
36
|
+
get: function () {
|
|
37
37
|
return _TabsContext[key];
|
|
38
38
|
}
|
|
39
39
|
});
|
|
@@ -41,4 +41,4 @@ Object.keys(_TabsContext).forEach(function (key) {
|
|
|
41
41
|
var _Tabs = _interopRequireDefault(require("./Tabs"));
|
|
42
42
|
var _Tab = _interopRequireDefault(require("./Tab"));
|
|
43
43
|
var _TabPanel = _interopRequireDefault(require("./TabPanel"));
|
|
44
|
-
function _interopRequireDefault(
|
|
44
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React, { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
+
export declare type TableProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Table content
|
|
5
|
+
*/
|
|
6
|
+
children?: ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* Enables interaction effect on table rows
|
|
9
|
+
*/
|
|
10
|
+
isInteractive?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Makes table header sticky when scrolling (no IE 11 support)
|
|
13
|
+
*/
|
|
14
|
+
isHeaderSticky?: boolean;
|
|
15
|
+
} & ComponentPropsWithRef<'table'>;
|
|
16
|
+
export declare type TableContextProps = {
|
|
17
|
+
isInteractive: boolean;
|
|
18
|
+
isHeaderSticky: boolean;
|
|
19
|
+
};
|
|
20
|
+
export declare const useTable: () => TableContextProps;
|
|
21
|
+
export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
|
|
22
|
+
export default Table;
|
package/cjs/table/Table.js
CHANGED
|
@@ -7,12 +7,8 @@ exports.useTable = exports.default = exports.Table = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
9
|
var _theme = require("@dfds-ui/theme");
|
|
10
|
-
|
|
11
|
-
function
|
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
10
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
|
+
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); }
|
|
16
12
|
const TableContext = /*#__PURE__*/(0, _react.createContext)({
|
|
17
13
|
isInteractive: false,
|
|
18
14
|
isHeaderSticky: false
|
|
@@ -26,13 +22,12 @@ const useTable = () => {
|
|
|
26
22
|
};
|
|
27
23
|
exports.useTable = useTable;
|
|
28
24
|
const tableStyle = /*#__PURE__*/(0, _react2.css)("background:", _theme.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFibGUvVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzV2l0aFJlZiwgY3JlYXRlQ29udGV4dCwgZm9yd2FyZFJlZiwgUmVhY3ROb2RlLCB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFRhYmxlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBFbmFibGVzIGludGVyYWN0aW9uIGVmZmVjdCBvbiB0YWJsZSByb3dzXG4gICAqL1xuICBpc0ludGVyYWN0aXZlPzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBNYWtlcyB0YWJsZSBoZWFkZXIgc3RpY2t5IHdoZW4gc2Nyb2xsaW5nIChubyBJRSAxMSBzdXBwb3J0KVxuICAgKi9cbiAgaXNIZWFkZXJTdGlja3k/OiBib29sZWFuXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0YWJsZSc+XG5cbmV4cG9ydCB0eXBlIFRhYmxlQ29udGV4dFByb3BzID0ge1xuICBpc0ludGVyYWN0aXZlOiBib29sZWFuXG4gIGlzSGVhZGVyU3RpY2t5OiBib29sZWFuXG59XG5cbmNvbnN0IFRhYmxlQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8VGFibGVDb250ZXh0UHJvcHM+KHtcbiAgaXNJbnRlcmFjdGl2ZTogZmFsc2UsXG4gIGlzSGVhZGVyU3RpY2t5OiBmYWxzZSxcbn0pXG5cbmV4cG9ydCBjb25zdCB1c2VUYWJsZSA9ICgpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVDb250ZXh0KVxuXG4gIGlmIChjb250ZXh0ID09PSB1bmRlZmluZWQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ1RhYmxlQ29udGV4dCBtdXN0IGJlIHVzZWQgaW5zaWRlIG9mIGEgVGFibGVDb250ZXh0IHByb3ZpZGVyJylcbiAgfVxuXG4gIHJldHVybiBjb250ZXh0XG59XG5cbmNvbnN0IHRhYmxlU3R5bGUgPSBjc3NgXG4gIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlID0gZm9yd2FyZFJlZjxIVE1MVGFibGVFbGVtZW50LCBUYWJsZVByb3BzPihcbiAgKHsgY2hpbGRyZW4sIGlzSGVhZGVyU3RpY2t5ID0gZmFsc2UsIGlzSW50ZXJhY3RpdmUgPSBmYWxzZSwgLi4ucmVzdCB9OiBUYWJsZVByb3BzLCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPHRhYmxlIGNzcz17dGFibGVTdHlsZX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAgPFRhYmxlQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17eyBpc0ludGVyYWN0aXZlLCBpc0hlYWRlclN0aWNreSB9fT57Y2hpbGRyZW59PC9UYWJsZUNvbnRleHQuUHJvdmlkZXI+XG4gICAgICA8L3RhYmxlPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZVxuIl19 */");
|
|
29
|
-
const Table = /*#__PURE__*/(0, _react.forwardRef)((
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
+
const Table = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
26
|
+
children,
|
|
27
|
+
isHeaderSticky = false,
|
|
28
|
+
isInteractive = false,
|
|
29
|
+
...rest
|
|
30
|
+
}, ref) => {
|
|
36
31
|
return (0, _react2.jsx)("table", _extends({
|
|
37
32
|
css: tableStyle
|
|
38
33
|
}, rest, {
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
+
export declare type TableBodyProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Table body content
|
|
5
|
+
*/
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
} & ComponentPropsWithRef<'tbody'>;
|
|
8
|
+
export declare const TableBody: React.ForwardRefExoticComponent<Omit<TableBodyProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
9
|
+
export default TableBody;
|
package/cjs/table/TableBody.js
CHANGED
|
@@ -6,15 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = exports.TableBody = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
|
-
const
|
|
10
|
-
function
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
const TableBody = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
16
|
-
let children = _ref.children,
|
|
17
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
9
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
10
|
+
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
|
+
const TableBody = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
12
|
+
children,
|
|
13
|
+
...rest
|
|
14
|
+
}, ref) => {
|
|
18
15
|
return (0, _react2.jsx)("tbody", _extends({}, rest, {
|
|
19
16
|
ref: ref
|
|
20
17
|
}), children);
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React, { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
+
import { Alignment } from './TableHeaderCell';
|
|
3
|
+
export declare type TableDataCellProps = {
|
|
4
|
+
/**
|
|
5
|
+
* Sets alignment for the content in the tag
|
|
6
|
+
*/
|
|
7
|
+
align?: Alignment;
|
|
8
|
+
/**
|
|
9
|
+
* Table cell content
|
|
10
|
+
*/
|
|
11
|
+
children: ReactNode;
|
|
12
|
+
} & ComponentPropsWithRef<'td'>;
|
|
13
|
+
export declare const TableDataCell: React.ForwardRefExoticComponent<Omit<TableDataCellProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
|
|
14
|
+
export default TableDataCell;
|
|
@@ -9,18 +9,14 @@ var _react2 = require("@emotion/react");
|
|
|
9
9
|
var _typography = require("@dfds-ui/typography");
|
|
10
10
|
var _theme = require("@dfds-ui/theme");
|
|
11
11
|
var _TableHeaderCell = require("./TableHeaderCell");
|
|
12
|
-
|
|
13
|
-
function
|
|
14
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
16
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
17
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
18
14
|
const tableDataCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)((0, _TableHeaderCell.getTableCellStyle)(align), " color:", _theme.theme.colors.text.dark.primary, ";", _typography.typography.body, ";text-align:", align, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableDataCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjZEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZURhdGFDZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wc1dpdGhSZWYsIGZvcndhcmRSZWYsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBBbGlnbm1lbnQsIGdldFRhYmxlQ2VsbFN0eWxlIH0gZnJvbSAnLi9UYWJsZUhlYWRlckNlbGwnXG5cbmV4cG9ydCB0eXBlIFRhYmxlRGF0YUNlbGxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldHMgYWxpZ25tZW50IGZvciB0aGUgY29udGVudCBpbiB0aGUgdGFnXG4gICAqL1xuICBhbGlnbj86IEFsaWdubWVudFxuXG4gIC8qKlxuICAgKiBUYWJsZSBjZWxsIGNvbnRlbnRcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBDb21wb25lbnRQcm9wc1dpdGhSZWY8J3RkJz5cblxuY29uc3QgdGFibGVEYXRhQ2VsbFN0eWxlID0gKGFsaWduOiBBbGlnbm1lbnQgPSAnbGVmdCcpID0+IGNzc2BcbiAgJHtnZXRUYWJsZUNlbGxTdHlsZShhbGlnbil9XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICR7dHlwb2dyYXBoeS5ib2R5fTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZURhdGFDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVEYXRhQ2VsbFByb3BzPihcbiAgKHsgYWxpZ24gPSAnbGVmdCcsIGNoaWxkcmVuLCAuLi5yZXN0IH06IFRhYmxlRGF0YUNlbGxQcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDx0ZCBhbGlnbj17YWxpZ259IGNzcz17dGFibGVEYXRhQ2VsbFN0eWxlKGFsaWduKX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90ZD5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVEYXRhQ2VsbFxuIl19 */");
|
|
19
|
-
const TableDataCell = /*#__PURE__*/(0, _react.forwardRef)((
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
15
|
+
const TableDataCell = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
16
|
+
align = 'left',
|
|
17
|
+
children,
|
|
18
|
+
...rest
|
|
19
|
+
}, ref) => {
|
|
24
20
|
return (0, _react2.jsx)("td", _extends({
|
|
25
21
|
align: align,
|
|
26
22
|
css: tableDataCellStyle(align)
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React, { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
+
export declare type TableHeadProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Table header content
|
|
5
|
+
*/
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* Classes applied on the thead tag
|
|
9
|
+
*/
|
|
10
|
+
className?: string;
|
|
11
|
+
} & ComponentPropsWithRef<'thead'>;
|
|
12
|
+
export declare const tableHeadStyle: import("@emotion/react").SerializedStyles;
|
|
13
|
+
export declare const TableHead: React.ForwardRefExoticComponent<Omit<TableHeadProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
14
|
+
export default TableHead;
|
package/cjs/table/TableHead.js
CHANGED
|
@@ -8,24 +8,22 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
9
|
var _Table = require("./Table");
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
|
-
|
|
12
|
-
function
|
|
13
|
-
function
|
|
14
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
16
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
17
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
18
14
|
const ClassName = {
|
|
19
15
|
IS_STICKY: 'is-sticky'
|
|
20
16
|
};
|
|
21
17
|
const tableHeadStyle = /*#__PURE__*/(0, _react2.css)("&.", ClassName.IS_STICKY, " th{position:sticky;top:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQgeyB1c2VUYWJsZSB9IGZyb20gJy4vVGFibGUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSBoZWFkZXIgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBDbGFzc2VzIGFwcGxpZWQgb24gdGhlIHRoZWFkIHRhZ1xuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aGVhZCc+XG5cbmNvbnN0IENsYXNzTmFtZSA9IHtcbiAgSVNfU1RJQ0tZOiAnaXMtc3RpY2t5Jyxcbn1cblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZFN0eWxlID0gY3NzYFxuICAmLiR7Q2xhc3NOYW1lLklTX1NUSUNLWX0gdGgge1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgdG9wOiAwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWQgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZVNlY3Rpb25FbGVtZW50LCBUYWJsZUhlYWRQcm9wcz4oXG4gICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIC4uLnJlc3QgfTogVGFibGVIZWFkUHJvcHMsIHJlZikgPT4ge1xuICAgIGNvbnN0IHsgaXNIZWFkZXJTdGlja3kgfSA9IHVzZVRhYmxlKClcblxuICAgIHJldHVybiAoXG4gICAgICA8dGhlYWRcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzTmFtZSwge1xuICAgICAgICAgIFtDbGFzc05hbWUuSVNfU1RJQ0tZXTogaXNIZWFkZXJTdGlja3ksXG4gICAgICAgIH0pfVxuICAgICAgICBjc3M9e3RhYmxlSGVhZFN0eWxlfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvdGhlYWQ+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlSGVhZFxuIl19 */");
|
|
22
18
|
exports.tableHeadStyle = tableHeadStyle;
|
|
23
|
-
const TableHead = /*#__PURE__*/(0, _react.forwardRef)((
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
19
|
+
const TableHead = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
20
|
+
children,
|
|
21
|
+
className,
|
|
22
|
+
...rest
|
|
23
|
+
}, ref) => {
|
|
24
|
+
const {
|
|
25
|
+
isHeaderSticky
|
|
26
|
+
} = (0, _Table.useTable)();
|
|
29
27
|
return (0, _react2.jsx)("thead", _extends({
|
|
30
28
|
className: (0, _classnames.default)(className, {
|
|
31
29
|
[ClassName.IS_STICKY]: isHeaderSticky
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
+
export declare type Alignment = 'left' | 'center' | 'right' | 'justify' | 'char';
|
|
3
|
+
export declare type TableHeaderCellProps = {
|
|
4
|
+
/**
|
|
5
|
+
* Sets alignment for the content in the tag
|
|
6
|
+
*/
|
|
7
|
+
align?: Alignment;
|
|
8
|
+
/**
|
|
9
|
+
* Table cell content
|
|
10
|
+
*/
|
|
11
|
+
children: ReactNode;
|
|
12
|
+
} & ComponentPropsWithRef<'th'>;
|
|
13
|
+
export declare const getTableCellStyle: (align?: Alignment) => import("@emotion/react").SerializedStyles;
|
|
14
|
+
export declare const TableHeaderCell: React.ForwardRefExoticComponent<Omit<TableHeaderCellProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
|
|
15
|
+
export default TableHeaderCell;
|
|
@@ -8,20 +8,16 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
9
|
var _typography = require("@dfds-ui/typography");
|
|
10
10
|
var _theme = require("@dfds-ui/theme");
|
|
11
|
-
|
|
12
|
-
function
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
16
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
12
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
17
13
|
const getTableCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)("border-bottom:1px solid ", _theme.theme.colors.surface.secondary, ";min-width:11rem;padding:0 0.75rem;text-align:", align, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getTableCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CbUUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnanVzdGlmeScgfCAnY2hhcidcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXRzIGFsaWdubWVudCBmb3IgdGhlIGNvbnRlbnQgaW4gdGhlIHRhZ1xuICAgKi9cbiAgYWxpZ24/OiBBbGlnbm1lbnRcblxuICAvKipcbiAgICogVGFibGUgY2VsbCBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aCc+XG5cbmV4cG9ydCBjb25zdCBnZXRUYWJsZUNlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIG1pbi13aWR0aDogMTFyZW07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gICR7Z2V0VGFibGVDZWxsU3R5bGUoYWxpZ24pfVxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICB0aC5pcy1zdGlja3kgJiB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkZXJDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVIZWFkZXJDZWxsUHJvcHM+KFxuICAoeyBhbGlnbiA9ICdsZWZ0JywgY2hpbGRyZW4sIC4uLnJlc3QgfTogVGFibGVIZWFkZXJDZWxsUHJvcHMsIHJlZikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8dGggYWxpZ249e2FsaWdufSBjc3M9e3RhYmxlSGVhZENlbGxTdHlsZShhbGlnbil9IHsuLi5yZXN0fSByZWY9e3JlZn0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvdGg+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlSGVhZGVyQ2VsbFxuIl19 */");
|
|
18
14
|
exports.getTableCellStyle = getTableCellStyle;
|
|
19
15
|
const tableHeadCellStyle = (align = 'left') => /*#__PURE__*/(0, _react2.css)(getTableCellStyle(align), " color:", _theme.theme.colors.primary.main, ";", _typography.typography.actionBold, ";text-align:", align, ";th.is-sticky &{position:sticky;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZUhlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCNkQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3RhYmxlL1RhYmxlSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBBbGlnbm1lbnQgPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnanVzdGlmeScgfCAnY2hhcidcblxuZXhwb3J0IHR5cGUgVGFibGVIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXRzIGFsaWdubWVudCBmb3IgdGhlIGNvbnRlbnQgaW4gdGhlIHRhZ1xuICAgKi9cbiAgYWxpZ24/OiBBbGlnbm1lbnRcblxuICAvKipcbiAgICogVGFibGUgY2VsbCBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0aCc+XG5cbmV4cG9ydCBjb25zdCBnZXRUYWJsZUNlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIG1pbi13aWR0aDogMTFyZW07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZSA9IChhbGlnbjogQWxpZ25tZW50ID0gJ2xlZnQnKSA9PiBjc3NgXG4gICR7Z2V0VGFibGVDZWxsU3R5bGUoYWxpZ24pfVxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbkJvbGR9O1xuICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICB0aC5pcy1zdGlja3kgJiB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkZXJDZWxsID0gZm9yd2FyZFJlZjxIVE1MVGFibGVDZWxsRWxlbWVudCwgVGFibGVIZWFkZXJDZWxsUHJvcHM+KFxuICAoeyBhbGlnbiA9ICdsZWZ0JywgY2hpbGRyZW4sIC4uLnJlc3QgfTogVGFibGVIZWFkZXJDZWxsUHJvcHMsIHJlZikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8dGggYWxpZ249e2FsaWdufSBjc3M9e3RhYmxlSGVhZENlbGxTdHlsZShhbGlnbil9IHsuLi5yZXN0fSByZWY9e3JlZn0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvdGg+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlSGVhZGVyQ2VsbFxuIl19 */");
|
|
20
|
-
const TableHeaderCell = /*#__PURE__*/(0, _react.forwardRef)((
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
16
|
+
const TableHeaderCell = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
17
|
+
align = 'left',
|
|
18
|
+
children,
|
|
19
|
+
...rest
|
|
20
|
+
}, ref) => {
|
|
25
21
|
return (0, _react2.jsx)("th", _extends({
|
|
26
22
|
align: align,
|
|
27
23
|
css: tableHeadCellStyle(align)
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
+
export declare type TableRowProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Table row content
|
|
5
|
+
*/
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* Classes applied on the tr tag
|
|
9
|
+
*/
|
|
10
|
+
className?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Applies Selected state styling to the row
|
|
13
|
+
*/
|
|
14
|
+
isSelected?: boolean;
|
|
15
|
+
} & ComponentPropsWithRef<'tr'>;
|
|
16
|
+
export declare const TableRow: React.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
|
|
17
|
+
export default TableRow;
|
package/cjs/table/TableRow.js
CHANGED
|
@@ -8,26 +8,23 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
9
|
var _react2 = require("@emotion/react");
|
|
10
10
|
var _Table = require("./Table");
|
|
11
|
-
|
|
12
|
-
function
|
|
13
|
-
function
|
|
14
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
16
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
17
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
18
14
|
const ClassName = {
|
|
19
15
|
IS_INTERACTIVE: 'is-interactive',
|
|
20
16
|
IS_SELECTED: 'is-selected'
|
|
21
17
|
};
|
|
22
18
|
const tableRowStyle = /*#__PURE__*/(0, _react2.css)("height:2.75rem;&.", ClassName.IS_INTERACTIVE, "{&:hover td{background:rgba(73, 162, 223, 0.08);cursor:pointer;}&:active td{background:rgba(73, 162, 223, 0.16);}&:focus td{background:rgba(73, 162, 223, 0.16);outline:none;}&.", ClassName.IS_SELECTED, " td{background:rgba(73, 162, 223, 0.12);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableRowStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZVJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ5QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFibGUvVGFibGVSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIENvbXBvbmVudFByb3BzV2l0aFJlZiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB1c2VUYWJsZSB9IGZyb20gJy4vVGFibGUnXG5cbmV4cG9ydCB0eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSByb3cgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBDbGFzc2VzIGFwcGxpZWQgb24gdGhlIHRyIHRhZ1xuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIEFwcGxpZXMgU2VsZWN0ZWQgc3RhdGUgc3R5bGluZyB0byB0aGUgcm93XG4gICAqL1xuICBpc1NlbGVjdGVkPzogYm9vbGVhblxufSAmIENvbXBvbmVudFByb3BzV2l0aFJlZjwndHInPlxuXG5jb25zdCBDbGFzc05hbWUgPSB7XG4gIElTX0lOVEVSQUNUSVZFOiAnaXMtaW50ZXJhY3RpdmUnLFxuICBJU19TRUxFQ1RFRDogJ2lzLXNlbGVjdGVkJyxcbn1cblxuY29uc3QgdGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuXG4gICYuJHtDbGFzc05hbWUuSVNfSU5URVJBQ1RJVkV9IHtcbiAgICAmOmhvdmVyIHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjA4KTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICYuJHtDbGFzc05hbWUuSVNfU0VMRUNURUR9IHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlUm93ID0gZm9yd2FyZFJlZjxIVE1MVGFibGVSb3dFbGVtZW50LCBUYWJsZVJvd1Byb3BzPihcbiAgKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgaXNTZWxlY3RlZCA9IGZhbHNlLCAuLi5yZXN0IH06IFRhYmxlUm93UHJvcHMsIHJlZikgPT4ge1xuICAgIGNvbnN0IHsgaXNJbnRlcmFjdGl2ZSB9ID0gdXNlVGFibGUoKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDx0clxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoY2xhc3NOYW1lLCB7XG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19TRUxFQ1RFRF06IGlzU2VsZWN0ZWQsXG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19JTlRFUkFDVElWRV06IGlzSW50ZXJhY3RpdmUsXG4gICAgICAgIH0pfVxuICAgICAgICBjc3M9e3RhYmxlUm93U3R5bGV9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90cj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVSb3dcbiJdfQ== */");
|
|
23
|
-
const TableRow = /*#__PURE__*/(0, _react.forwardRef)((
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
const
|
|
30
|
-
isInteractive
|
|
19
|
+
const TableRow = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
20
|
+
children,
|
|
21
|
+
className,
|
|
22
|
+
isSelected = false,
|
|
23
|
+
...rest
|
|
24
|
+
}, ref) => {
|
|
25
|
+
const {
|
|
26
|
+
isInteractive
|
|
27
|
+
} = (0, _Table.useTable)();
|
|
31
28
|
return (0, _react2.jsx)("tr", _extends({
|
|
32
29
|
className: (0, _classnames.default)(className, {
|
|
33
30
|
[ClassName.IS_SELECTED]: isSelected,
|