@strapi/design-system 1.2.7 → 1.3.0-beta.1
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/.eslintignore +3 -0
- package/.eslintrc.js +38 -0
- package/.prettierrc.js +7 -0
- package/.storybook/components/Theme.js +28 -0
- package/.storybook/main.js +13 -0
- package/.storybook/manager.js +12 -0
- package/.storybook/preview.js +42 -0
- package/.storybook/utils/createCustomTheme.js +26 -0
- package/LICENSE +20 -0
- package/__mocks__/fileMock.js +1 -0
- package/__mocks__/styleMock.js +1 -0
- package/babel.config.js +5 -0
- package/createIndexFiles.js +34 -0
- package/global-setup.js +4 -0
- package/jest.config.js +17 -0
- package/package.json +3 -3
- package/playwright.config.js +39 -0
- package/src/Accordion/Accordion.js +148 -0
- package/src/Accordion/Accordion.stories.mdx +327 -0
- package/src/Accordion/AccordionContent.js +26 -0
- package/src/Accordion/AccordionContext.js +5 -0
- package/src/Accordion/AccordionGroup.js +114 -0
- package/src/Accordion/AccordionToggle.js +192 -0
- package/src/Accordion/__tests__/Accordion.e2e.js +32 -0
- package/src/Accordion/__tests__/AccordionKeyboard.e2e.js +73 -0
- package/src/Accordion/index.js +4 -0
- package/src/Accordion/utils.js +15 -0
- package/src/Alert/Alert.js +144 -0
- package/src/Alert/Alert.stories.mdx +135 -0
- package/src/Alert/__tests__/Alert.e2e.js +39 -0
- package/src/Alert/index.js +1 -0
- package/src/Alert/utils.js +35 -0
- package/src/Avatar/Avatar.js +110 -0
- package/src/Avatar/Avatar.stories.mdx +67 -0
- package/src/Avatar/AvatarGroup.js +9 -0
- package/src/Avatar/__tests__/Avatar.e2e.js +23 -0
- package/src/Avatar/__tests__/Avatar.spec.js +153 -0
- package/src/Avatar/constants.js +2 -0
- package/src/Avatar/index.js +2 -0
- package/src/Badge/Badge.js +41 -0
- package/src/Badge/Badge.stories.mdx +57 -0
- package/src/Badge/__tests__/Badge.e2e.js +23 -0
- package/src/Badge/index.js +1 -0
- package/src/BaseButton/BaseButton.js +46 -0
- package/src/BaseButton/BaseButton.stories.mdx +32 -0
- package/src/BaseButton/__tests__/BaseButton.e2e.js +23 -0
- package/src/BaseButton/index.js +1 -0
- package/src/BaseCheckbox/BaseCheckbox.js +133 -0
- package/src/BaseCheckbox/BaseCheckbox.stories.mdx +107 -0
- package/src/BaseCheckbox/__tests__/BaseCheckbox.e2e.js +94 -0
- package/src/BaseCheckbox/assets/checkmark-black.svg +6 -0
- package/src/BaseCheckbox/assets/checkmark.svg +6 -0
- package/src/BaseCheckbox/index.js +1 -0
- package/src/BaseCheckbox/utils.js +7 -0
- package/src/BaseLink/BaseLink.js +38 -0
- package/src/BaseLink/BaseLink.stories.mdx +34 -0
- package/src/BaseLink/__tests__/BaseLink.e2e.js +23 -0
- package/src/BaseLink/__tests__/BaseLink.spec.js +26 -0
- package/src/BaseLink/index.js +1 -0
- package/src/BaseRadio/BaseRadio.js +69 -0
- package/src/BaseRadio/BaseRadio.stories.mdx +110 -0
- package/src/BaseRadio/RadioGroup.js +36 -0
- package/src/BaseRadio/__tests__/BaseRadio.e2e.js +90 -0
- package/src/BaseRadio/context.js +3 -0
- package/src/BaseRadio/index.js +2 -0
- package/src/BaseRadio/utils.js +30 -0
- package/src/Box/Box.js +104 -0
- package/src/Box/Box.stories.mdx +57 -0
- package/src/Box/BoxProps.js +99 -0
- package/src/Box/__tests__/Box.e2e.js +23 -0
- package/src/Box/__tests__/Box.spec.js +36 -0
- package/src/Box/index.js +1 -0
- package/src/Breadcrumbs/Breadcrumbs.js +58 -0
- package/src/Breadcrumbs/Breadcrumbs.stories.mdx +47 -0
- package/src/Breadcrumbs/__tests__/Breadcrumbs.e2e.js +23 -0
- package/src/Breadcrumbs/index.js +1 -0
- package/src/Button/Button.js +138 -0
- package/src/Button/Button.stories.mdx +216 -0
- package/src/Button/__tests__/Button.e2e.js +89 -0
- package/src/Button/__tests__/utils.spec.js +19 -0
- package/src/Button/constants.js +12 -0
- package/src/Button/index.js +1 -0
- package/src/Button/utils.js +170 -0
- package/src/Card/Card.js +35 -0
- package/src/Card/Card.stories.mdx +202 -0
- package/src/Card/CardAction.js +13 -0
- package/src/Card/CardAsset.js +49 -0
- package/src/Card/CardBadge.js +18 -0
- package/src/Card/CardBody.js +11 -0
- package/src/Card/CardCheckbox.js +14 -0
- package/src/Card/CardContent.js +16 -0
- package/src/Card/CardContext.js +5 -0
- package/src/Card/CardHeader.js +12 -0
- package/src/Card/CardTimer.js +23 -0
- package/src/Card/CardTitle.js +12 -0
- package/src/Card/__tests__/Card.e2e.js +164 -0
- package/src/Card/index.js +10 -0
- package/src/Card/story-assets/first.jpg +0 -0
- package/src/CarouselInput/Carousel.js +138 -0
- package/src/CarouselInput/Carousel.stories.mdx +149 -0
- package/src/CarouselInput/CarouselActions.js +6 -0
- package/src/CarouselInput/CarouselImage.js +39 -0
- package/src/CarouselInput/CarouselInput.js +80 -0
- package/src/CarouselInput/CarouselSlide.js +32 -0
- package/src/CarouselInput/__tests__/CarouselImage.e2e.js +15 -0
- package/src/CarouselInput/__tests__/CarouselInput.e2e.js +48 -0
- package/src/CarouselInput/index.js +5 -0
- package/src/CarouselInput/story-assets/first.jpg +0 -0
- package/src/Checkbox/Checkbox.js +63 -0
- package/src/Checkbox/Checkbox.stories.mdx +190 -0
- package/src/Checkbox/__tests__/Checkbox.e2e.js +96 -0
- package/src/Checkbox/index.js +1 -0
- package/src/Combobox/Combobox.js +421 -0
- package/src/Combobox/Combobox.stories.mdx +191 -0
- package/src/Combobox/ComboboxList.js +22 -0
- package/src/Combobox/ComboboxOption.js +36 -0
- package/src/Combobox/__tests__/Combobox.e2e.js +133 -0
- package/src/Combobox/__tests__/utils.spec.js +94 -0
- package/src/Combobox/components.js +69 -0
- package/src/Combobox/index.js +2 -0
- package/src/Combobox/utils.js +97 -0
- package/src/DatePicker/DatePicker.js +132 -0
- package/src/DatePicker/DatePicker.stories.mdx +172 -0
- package/src/DatePicker/DatePickerCalendar.js +134 -0
- package/src/DatePicker/DatePickerTd.js +51 -0
- package/src/DatePicker/DatePickerTh.js +39 -0
- package/src/DatePicker/__tests__/DatePicker.e2e.js +94 -0
- package/src/DatePicker/__tests__/DatePicker.spec.js +40 -0
- package/src/DatePicker/compareDates.js +9 -0
- package/src/DatePicker/components.js +45 -0
- package/src/DatePicker/index.js +1 -0
- package/src/DatePicker/utils/formatDate.js +5 -0
- package/src/DatePicker/utils/generateWeeks.js +58 -0
- package/src/DatePicker/utils/getDayOfWeek.js +24 -0
- package/src/DatePicker/utils/getMonths.js +10 -0
- package/src/DatePicker/utils/getYears.js +19 -0
- package/src/DatePicker/utils/index.js +5 -0
- package/src/DatePicker/utils/tests/generateWeeks.spec.js +136 -0
- package/src/DatePicker/utils/tests/getMonths.spec.js +21 -0
- package/src/DatePicker/utils/tests/getYears.spec.js +21 -0
- package/src/DateTimePicker/DateTimePicker.js +151 -0
- package/src/DateTimePicker/DateTimePicker.stories.mdx +114 -0
- package/src/DateTimePicker/DateTimePickerProps.js +85 -0
- package/src/DateTimePicker/__tests__/DateTimePicker.e2e.js +103 -0
- package/src/DateTimePicker/__tests__/DateTimePicker.spec.js +89 -0
- package/src/DateTimePicker/__tests__/__snapshots__/DateTimePicker.spec.js.snap +448 -0
- package/src/DateTimePicker/__tests__/parseDate.test.js +10 -0
- package/src/DateTimePicker/index.js +1 -0
- package/src/DateTimePicker/parseDate.js +11 -0
- package/src/Dialog/Dialog.js +86 -0
- package/src/Dialog/Dialog.stories.mdx +78 -0
- package/src/Dialog/DialogBody.js +36 -0
- package/src/Dialog/DialogFooter.js +38 -0
- package/src/Dialog/__tests__/Dialog.e2e.js +20 -0
- package/src/Dialog/__tests__/Dialog.spec.js +28 -0
- package/src/Dialog/index.js +3 -0
- package/src/DismissibleLayer/DismissibleLayer.js +87 -0
- package/src/DismissibleLayer/DismissibleLayer.stories.mdx +50 -0
- package/src/DismissibleLayer/__test__/DimissibleLayer.spec.js +44 -0
- package/src/DismissibleLayer/index.js +1 -0
- package/src/Divider/Divider.js +26 -0
- package/src/Divider/Divider.stories.mdx +55 -0
- package/src/Divider/__tests__/Divider.e2e.js +23 -0
- package/src/Divider/index.js +1 -0
- package/src/EmptyStateLayout/EmptyStateLayout.js +48 -0
- package/src/EmptyStateLayout/EmptyStateLayout.stories.mdx +87 -0
- package/src/EmptyStateLayout/__tests__/EmptyStateLayout.e2e.js +31 -0
- package/src/EmptyStateLayout/index.js +1 -0
- package/src/EmptyStateLayout/story-assets/Illo.js +51 -0
- package/src/Field/Field.js +29 -0
- package/src/Field/Field.stories.mdx +237 -0
- package/src/Field/FieldAction.js +25 -0
- package/src/Field/FieldContext.js +4 -0
- package/src/Field/FieldError.js +17 -0
- package/src/Field/FieldHint.js +17 -0
- package/src/Field/FieldInput.js +129 -0
- package/src/Field/FieldLabel.js +50 -0
- package/src/Field/__tests__/Field.e2e.js +61 -0
- package/src/Field/index.js +7 -0
- package/src/Flex/Flex.js +26 -0
- package/src/Flex/Flex.stories.mdx +45 -0
- package/src/Flex/FlexProps.js +41 -0
- package/src/Flex/__tests__/Flex.e2e.js +23 -0
- package/src/Flex/index.js +1 -0
- package/src/FocusTrap/ExampleComponent.js +71 -0
- package/src/FocusTrap/FocusTrap.js +83 -0
- package/src/FocusTrap/FocusTrap.stories.mdx +32 -0
- package/src/FocusTrap/__tests__/FocusTrap.e2e.js +126 -0
- package/src/FocusTrap/index.js +1 -0
- package/src/Grid/Grid.js +30 -0
- package/src/Grid/Grid.stories.mdx +112 -0
- package/src/Grid/GridContext.js +5 -0
- package/src/Grid/GridItem.js +40 -0
- package/src/Grid/__tests__/Grid.e2e.js +23 -0
- package/src/Grid/index.js +2 -0
- package/src/Icon/Icon.js +27 -0
- package/src/Icon/Icon.stories.mdx +41 -0
- package/src/Icon/__tests__/Icon.e2e.js +21 -0
- package/src/Icon/index.js +1 -0
- package/src/IconButton/IconButton.js +175 -0
- package/src/IconButton/IconButton.stories.mdx +153 -0
- package/src/IconButton/__tests__/IconButton.e2e.js +57 -0
- package/src/IconButton/index.js +1 -0
- package/src/KeyboardNavigable/KeyboardNavigable.js +96 -0
- package/src/KeyboardNavigable/index.js +1 -0
- package/src/Layout/ActionLayout.js +40 -0
- package/src/Layout/ContentLayout.js +15 -0
- package/src/Layout/GridLayout.js +12 -0
- package/src/Layout/GridLayout.stories.mdx +36 -0
- package/src/Layout/HeaderLayout.js +170 -0
- package/src/Layout/HeaderLayout.stories.mdx +175 -0
- package/src/Layout/Layout.js +31 -0
- package/src/Layout/Layout.stories.mdx +240 -0
- package/src/Layout/TwoColsLayout.js +26 -0
- package/src/Layout/TwoColsLayout.stories.mdx +46 -0
- package/src/Layout/__tests__/GridLayout.e2e.js +23 -0
- package/src/Layout/__tests__/HeaderLayout.e2e.js +83 -0
- package/src/Layout/__tests__/Layout.e2e.js +23 -0
- package/src/Layout/__tests__/TwoColsLayout.e2e.js +23 -0
- package/src/Layout/index.js +6 -0
- package/src/Link/Link.js +105 -0
- package/src/Link/Link.stories.mdx +57 -0
- package/src/Link/__tests__/Link.e2e.js +23 -0
- package/src/Link/index.js +1 -0
- package/src/LinkButton/LinkButton.js +113 -0
- package/src/LinkButton/LinkButton.stories.mdx +153 -0
- package/src/LinkButton/__tests__/LinkButton.e2e.js +89 -0
- package/src/LinkButton/index.js +1 -0
- package/src/LiveRegions/LiveRegions.js +13 -0
- package/src/LiveRegions/LiveRegions.stories.mdx +76 -0
- package/src/LiveRegions/StoryComponent.js +26 -0
- package/src/LiveRegions/__tests__/LiveRegions.spec.js +200 -0
- package/src/LiveRegions/constants.js +5 -0
- package/src/LiveRegions/index.js +1 -0
- package/src/LiveRegions/useNotifyAT.js +39 -0
- package/src/Loader/Loader.js +40 -0
- package/src/Loader/Loader.stories.mdx +48 -0
- package/src/Loader/__tests__/Loader.e2e.js +23 -0
- package/src/Loader/assets/loader.svg +3 -0
- package/src/Loader/index.js +1 -0
- package/src/Main/Main.js +24 -0
- package/src/Main/SkipToContent.js +29 -0
- package/src/Main/index.js +2 -0
- package/src/MainNav/MainNav.js +31 -0
- package/src/MainNav/MainNav.stories.mdx +197 -0
- package/src/MainNav/MainNavContext.js +5 -0
- package/src/MainNav/NavBrand.js +76 -0
- package/src/MainNav/NavCondense.js +44 -0
- package/src/MainNav/NavLink.js +143 -0
- package/src/MainNav/NavSection.js +53 -0
- package/src/MainNav/NavSections.js +20 -0
- package/src/MainNav/NavUser.js +53 -0
- package/src/MainNav/__tests__/MainNav.e2e.js +23 -0
- package/src/MainNav/index.js +7 -0
- package/src/MainNav/strapi-img.png +0 -0
- package/src/ModalLayout/ModalBody.js +12 -0
- package/src/ModalLayout/ModalContext.js +4 -0
- package/src/ModalLayout/ModalFooter.js +37 -0
- package/src/ModalLayout/ModalHeader.js +35 -0
- package/src/ModalLayout/ModalLayout.js +58 -0
- package/src/ModalLayout/ModalLayout.stories.mdx +100 -0
- package/src/ModalLayout/__tests__/ModalLayout.e2e.js +19 -0
- package/src/ModalLayout/__tests__/ModalLayout.spec.js +596 -0
- package/src/ModalLayout/index.js +4 -0
- package/src/NumberInput/NumberInput.js +253 -0
- package/src/NumberInput/NumberInput.stories.mdx +319 -0
- package/src/NumberInput/__tests__/NumberInput.e2e.js +194 -0
- package/src/NumberInput/index.js +1 -0
- package/src/Pagination/Pagination.js +37 -0
- package/src/Pagination/Pagination.stories.mdx +97 -0
- package/src/Pagination/PaginationContext.js +4 -0
- package/src/Pagination/__tests__/Pagination.e2e.js +23 -0
- package/src/Pagination/assets/next.svg +3 -0
- package/src/Pagination/assets/previous.svg +3 -0
- package/src/Pagination/components.js +147 -0
- package/src/Pagination/index.js +2 -0
- package/src/Popover/Popover.js +167 -0
- package/src/Popover/Popover.stories.mdx +167 -0
- package/src/Popover/__tests__/Popover.e2e.js +48 -0
- package/src/Popover/__tests__/Popover.spec.js +153 -0
- package/src/Popover/index.js +1 -0
- package/src/Portal/Portal.js +25 -0
- package/src/Portal/Portal.stories.mdx +33 -0
- package/src/Portal/__tests__/Portal.e2e.js +23 -0
- package/src/Portal/index.js +1 -0
- package/src/ProgressBar/ProgressBar.js +57 -0
- package/src/ProgressBar/ProgressBar.stories.mdx +47 -0
- package/src/ProgressBar/__tests__/ProgressBar.e2e.js +41 -0
- package/src/ProgressBar/index.js +1 -0
- package/src/Radio/Radio.js +25 -0
- package/src/Radio/Radio.stories.mdx +66 -0
- package/src/Radio/__tests__/Radio.e2e.js +66 -0
- package/src/Radio/__tests__/Radio.spec.js +56 -0
- package/src/Radio/index.js +2 -0
- package/src/RawTable/RawCell.js +182 -0
- package/src/RawTable/RawTable.js +123 -0
- package/src/RawTable/RawTable.stories.mdx +258 -0
- package/src/RawTable/RawTableContext.js +10 -0
- package/src/RawTable/RawTbody.js +18 -0
- package/src/RawTable/RawThead.js +15 -0
- package/src/RawTable/RawTr.js +20 -0
- package/src/RawTable/__tests__/RawTable.e2e.js +344 -0
- package/src/RawTable/focusFocusable.js +7 -0
- package/src/RawTable/index.js +5 -0
- package/src/Searchbar/SearchForm.js +3 -0
- package/src/Searchbar/Searchbar.js +103 -0
- package/src/Searchbar/Searchbar.stories.mdx +115 -0
- package/src/Searchbar/__tests__/Searchbar.e2e.js +52 -0
- package/src/Searchbar/index.js +2 -0
- package/src/Select/MultiSelectNested.js +31 -0
- package/src/Select/OptGroup.js +27 -0
- package/src/Select/Option.js +123 -0
- package/src/Select/Select.js +318 -0
- package/src/Select/Select.stories.mdx +362 -0
- package/src/Select/SelectButton.js +77 -0
- package/src/Select/SelectList.js +113 -0
- package/src/Select/SelectTags.js +50 -0
- package/src/Select/__tests__/Select.e2e.js +238 -0
- package/src/Select/__tests__/Select.spec.js +1020 -0
- package/src/Select/components.js +51 -0
- package/src/Select/constants.js +6 -0
- package/src/Select/hooks/useButtonRef.js +31 -0
- package/src/Select/hooks/useListRef.js +35 -0
- package/src/Select/index.js +5 -0
- package/src/Select/utils.js +27 -0
- package/src/SimpleMenu/SimpleMenu.js +252 -0
- package/src/SimpleMenu/SimpleMenu.stories.mdx +220 -0
- package/src/SimpleMenu/__tests__/SimpleMenu.e2e.js +98 -0
- package/src/SimpleMenu/__tests__/SimpleMenu.spec.js +48 -0
- package/src/SimpleMenu/index.js +1 -0
- package/src/SimpleMenu/utils.js +12 -0
- package/src/Stack/Stack.js +75 -0
- package/src/Stack/Stack.stories.mdx +66 -0
- package/src/Stack/__tests__/Stack.e2e.js +43 -0
- package/src/Stack/index.js +1 -0
- package/src/Status/Status.js +76 -0
- package/src/Status/Status.stories.mdx +80 -0
- package/src/Status/__tests__/Status.e2e.js +23 -0
- package/src/Status/__tests__/Status.spec.js +48 -0
- package/src/Status/index.js +1 -0
- package/src/SubNav/SubNav.js +25 -0
- package/src/SubNav/SubNav.stories.mdx +234 -0
- package/src/SubNav/SubNavHeader.js +122 -0
- package/src/SubNav/SubNavLink.js +92 -0
- package/src/SubNav/SubNavLinkSection.js +75 -0
- package/src/SubNav/SubNavSection.js +75 -0
- package/src/SubNav/SubNavSectionLabel.js +67 -0
- package/src/SubNav/SubNavSections.js +20 -0
- package/src/SubNav/__tests__/SubNav.e2e.js +23 -0
- package/src/SubNav/index.js +6 -0
- package/src/Switch/Switch.js +97 -0
- package/src/Switch/Switch.stories.mdx +76 -0
- package/src/Switch/__tests__/Switch.e2e.js +33 -0
- package/src/Switch/index.js +1 -0
- package/src/Table/Cell.js +49 -0
- package/src/Table/TFooter.js +58 -0
- package/src/Table/Table.js +96 -0
- package/src/Table/Table.stories.mdx +330 -0
- package/src/Table/Tbody.js +13 -0
- package/src/Table/Thead.js +11 -0
- package/src/Table/Tr.js +28 -0
- package/src/Table/__tests__/Table.e2e.js +41 -0
- package/src/Table/index.js +6 -0
- package/src/Tabs/TabGroup.js +46 -0
- package/src/Tabs/TabPanels.js +32 -0
- package/src/Tabs/Tabs.js +227 -0
- package/src/Tabs/Tabs.stories.mdx +211 -0
- package/src/Tabs/TabsContext.js +5 -0
- package/src/Tabs/__tests__/Tabs.e2e.js +253 -0
- package/src/Tabs/components.js +66 -0
- package/src/Tabs/index.js +3 -0
- package/src/Tabs/useTabsFocus.js +28 -0
- package/src/Tag/Tag.js +72 -0
- package/src/Tag/Tag.stories.mdx +47 -0
- package/src/Tag/__tests__/Tag.e2e.js +37 -0
- package/src/Tag/index.js +1 -0
- package/src/TextButton/TextButton.js +102 -0
- package/src/TextButton/TextButton.stories.mdx +71 -0
- package/src/TextButton/__tests__/TextButton.e2e.js +23 -0
- package/src/TextButton/index.js +1 -0
- package/src/TextInput/TextInput.js +67 -0
- package/src/TextInput/TextInput.stories.mdx +228 -0
- package/src/TextInput/__tests__/TextInput.e2e.js +73 -0
- package/src/TextInput/index.js +1 -0
- package/src/Textarea/Textarea.js +74 -0
- package/src/Textarea/Textarea.stories.mdx +105 -0
- package/src/Textarea/TextareaInput.js +77 -0
- package/src/Textarea/__tests__/Textarea.e2e.js +37 -0
- package/src/Textarea/index.js +1 -0
- package/src/ThemeProvider/ThemeProvider.js +193 -0
- package/src/ThemeProvider/hooks.js +5 -0
- package/src/ThemeProvider/index.js +2 -0
- package/src/TimePicker/TimePicker.js +128 -0
- package/src/TimePicker/TimePicker.stories.mdx +171 -0
- package/src/TimePicker/__tests__/TimePicker.e2e.js +37 -0
- package/src/TimePicker/__tests__/TimePicker.spec.js +2099 -0
- package/src/TimePicker/index.js +1 -0
- package/src/ToggleCheckbox/ToggleCheckbox.js +169 -0
- package/src/ToggleCheckbox/ToggleCheckbox.stories.mdx +96 -0
- package/src/ToggleCheckbox/__tests__/ToggleCheckbox.e2e.js +59 -0
- package/src/ToggleCheckbox/index.js +1 -0
- package/src/ToggleInput/ToggleInput.js +89 -0
- package/src/ToggleInput/ToggleInput.stories.mdx +171 -0
- package/src/ToggleInput/__tests__/ToggleInput.e2e.js +109 -0
- package/src/ToggleInput/index.js +1 -0
- package/src/Tooltip/Tooltip.js +72 -0
- package/src/Tooltip/Tooltip.stories.mdx +127 -0
- package/src/Tooltip/__tests__/Tooltip.e2e.js +33 -0
- package/src/Tooltip/__tests__/Tooltip.spec.js +306 -0
- package/src/Tooltip/hooks/useTooltipHandlers.js +39 -0
- package/src/Tooltip/hooks/useTooltipLayout.js +21 -0
- package/src/Tooltip/index.js +1 -0
- package/src/Tooltip/utils/__tests__/positionTooltip.spec.js +114 -0
- package/src/Tooltip/utils/positionTooltip.js +83 -0
- package/src/Typography/Typography.js +24 -0
- package/src/Typography/Typography.stories.mdx +86 -0
- package/src/Typography/TypographyProps.js +30 -0
- package/src/Typography/__tests__/Typography.e2e.js +25 -0
- package/src/Typography/__tests__/Typography.spec.js +32 -0
- package/src/Typography/__tests__/__snapshots__/Typography.spec.js.snap +103 -0
- package/src/Typography/constants.js +9 -0
- package/src/Typography/index.js +1 -0
- package/src/Typography/utils.js +69 -0
- package/src/VisuallyHidden/VisuallyHidden.js +12 -0
- package/src/VisuallyHidden/index.js +1 -0
- package/src/helpers/__tests__/useId.spec.js +39 -0
- package/src/helpers/escapeSelector.js +1 -0
- package/src/helpers/genId.js +2 -0
- package/src/helpers/getDefaultLocale.js +33 -0
- package/src/helpers/getFocusableNodes.js +35 -0
- package/src/helpers/handleResponsiveValues.js +34 -0
- package/src/helpers/keyboardKeys.js +17 -0
- package/src/helpers/setOpacity.js +4 -0
- package/src/helpers/setTabIndexOnFirstItem.js +7 -0
- package/src/helpers/useElementOnScreen.js +27 -0
- package/src/helpers/useId.js +8 -0
- package/src/helpers/useIntersection.js +31 -0
- package/src/helpers/useLockScroll.js +14 -0
- package/src/helpers/usePrevious.js +9 -0
- package/src/helpers/useResizeObserver.js +22 -0
- package/src/index.js +65 -0
- package/src/themes/ColorButton.js +24 -0
- package/src/themes/Theme.stories.mdx +227 -0
- package/src/themes/__tests__/extendTheme.spec.js +119 -0
- package/src/themes/colors.js +46 -0
- package/src/themes/common-theme.js +19 -0
- package/src/themes/darkTheme/dark-colors.js +49 -0
- package/src/themes/darkTheme/dark-shadows.js +10 -0
- package/src/themes/darkTheme/index.js +9 -0
- package/src/themes/extendTheme.js +60 -0
- package/src/themes/index.js +4 -0
- package/src/themes/lightTheme/index.js +9 -0
- package/src/themes/lightTheme/light-colors.js +49 -0
- package/src/themes/lightTheme/light-shadows.js +10 -0
- package/src/themes/sizes.js +10 -0
- package/src/themes/utils.js +50 -0
- package/src/v2/Breadcrumbs/Breadcrumbs.js +45 -0
- package/src/v2/Breadcrumbs/Breadcrumbs.stories.mdx +129 -0
- package/src/v2/Breadcrumbs/Crumb.js +30 -0
- package/src/v2/Breadcrumbs/CrumbLink.js +33 -0
- package/src/v2/Breadcrumbs/CrumbSimpleMenu.js +30 -0
- package/src/v2/Breadcrumbs/Divider.js +16 -0
- package/src/v2/Breadcrumbs/__tests__/Breadcrumbs.e2e.js +47 -0
- package/src/v2/Breadcrumbs/__tests__/Breadcrumbs.spec.js +47 -0
- package/src/v2/Breadcrumbs/index.js +4 -0
- package/src/v2/Link/Link.js +79 -0
- package/src/v2/Link/Link.stories.mdx +113 -0
- package/src/v2/Link/__tests__/Link.e2e.js +23 -0
- package/src/v2/Link/index.js +1 -0
- package/src/v2/LinkButton/LinkButton.js +105 -0
- package/src/v2/LinkButton/LinkButton.stories.mdx +153 -0
- package/src/v2/LinkButton/__tests__/LinkButton.e2e.js +89 -0
- package/src/v2/LinkButton/index.js +1 -0
- package/src/v2/MainNav/MainNav.js +31 -0
- package/src/v2/MainNav/MainNav.stories.mdx +197 -0
- package/src/v2/MainNav/MainNavContext.js +5 -0
- package/src/v2/MainNav/NavBrand.js +79 -0
- package/src/v2/MainNav/NavCondense.js +44 -0
- package/src/v2/MainNav/NavLink.js +143 -0
- package/src/v2/MainNav/NavSection.js +53 -0
- package/src/v2/MainNav/NavSections.js +20 -0
- package/src/v2/MainNav/NavUser.js +53 -0
- package/src/v2/MainNav/__tests__/MainNav.e2e.js +23 -0
- package/src/v2/MainNav/index.js +7 -0
- package/src/v2/MainNav/strapi-img.png +0 -0
- package/src/v2/Pagination/Pagination.js +37 -0
- package/src/v2/Pagination/Pagination.stories.mdx +97 -0
- package/src/v2/Pagination/PaginationContext.js +4 -0
- package/src/v2/Pagination/__tests__/Pagination.e2e.js +23 -0
- package/src/v2/Pagination/assets/next.svg +3 -0
- package/src/v2/Pagination/assets/previous.svg +3 -0
- package/src/v2/Pagination/components.js +136 -0
- package/src/v2/Pagination/index.js +2 -0
- package/src/v2/SimpleMenu/SimpleMenu.js +252 -0
- package/src/v2/SimpleMenu/SimpleMenu.stories.mdx +220 -0
- package/src/v2/SimpleMenu/__tests__/SimpleMenu.e2e.js +100 -0
- package/src/v2/SimpleMenu/__tests__/SimpleMenu.spec.js +48 -0
- package/src/v2/SimpleMenu/index.js +1 -0
- package/src/v2/SimpleMenu/utils.js +12 -0
- package/src/v2/SubNav/SubNav.js +25 -0
- package/src/v2/SubNav/SubNav.stories.mdx +234 -0
- package/src/v2/SubNav/SubNavHeader.js +122 -0
- package/src/v2/SubNav/SubNavLink.js +95 -0
- package/src/v2/SubNav/SubNavLinkSection.js +75 -0
- package/src/v2/SubNav/SubNavSection.js +75 -0
- package/src/v2/SubNav/SubNavSectionLabel.js +67 -0
- package/src/v2/SubNav/SubNavSections.js +20 -0
- package/src/v2/SubNav/__tests__/SubNav.e2e.js +23 -0
- package/src/v2/SubNav/index.js +6 -0
- package/src/v2/index.js +7 -0
- package/test-bundler.js +35 -0
- package/tests/check-exports.spec.js +36 -0
- package/webpack.config.js +84 -0
- package/Accordion.development.js +0 -775
- package/Accordion.js +0 -9
- package/Accordion.production.js +0 -1
- package/Alert.development.js +0 -562
- package/Alert.js +0 -9
- package/Alert.production.js +0 -1
- package/Avatar.development.js +0 -485
- package/Avatar.js +0 -9
- package/Avatar.production.js +0 -1
- package/Badge.development.js +0 -494
- package/Badge.js +0 -9
- package/Badge.production.js +0 -1
- package/BaseButton.development.js +0 -285
- package/BaseButton.js +0 -9
- package/BaseButton.production.js +0 -1
- package/BaseCheckbox.development.js +0 -309
- package/BaseCheckbox.js +0 -9
- package/BaseCheckbox.production.js +0 -1
- package/BaseLink.development.js +0 -273
- package/BaseLink.js +0 -9
- package/BaseLink.production.js +0 -1
- package/BaseRadio.development.js +0 -321
- package/BaseRadio.js +0 -9
- package/BaseRadio.production.js +0 -1
- package/Box.development.js +0 -341
- package/Box.js +0 -9
- package/Box.production.js +0 -1
- package/Breadcrumbs.development.js +0 -518
- package/Breadcrumbs.js +0 -9
- package/Breadcrumbs.production.js +0 -1
- package/Button.development.js +0 -573
- package/Button.js +0 -9
- package/Button.production.js +0 -1
- package/Card.development.js +0 -746
- package/Card.js +0 -9
- package/Card.production.js +0 -1
- package/CarouselInput.development.js +0 -898
- package/CarouselInput.js +0 -9
- package/CarouselInput.production.js +0 -1
- package/Checkbox.development.js +0 -722
- package/Checkbox.js +0 -9
- package/Checkbox.production.js +0 -1
- package/Combobox.development.js +0 -934
- package/Combobox.js +0 -9
- package/Combobox.production.js +0 -1
- package/DatePicker.development.js +0 -1323
- package/DatePicker.js +0 -9
- package/DatePicker.production.js +0 -1
- package/Dialog.development.js +0 -741
- package/Dialog.js +0 -9
- package/Dialog.production.js +0 -1
- package/DismissibleLayer.development.js +0 -218
- package/DismissibleLayer.js +0 -9
- package/DismissibleLayer.production.js +0 -1
- package/Divider.development.js +0 -398
- package/Divider.js +0 -9
- package/Divider.production.js +0 -1
- package/EmptyStateLayout.development.js +0 -425
- package/EmptyStateLayout.js +0 -9
- package/EmptyStateLayout.production.js +0 -1
- package/Field.development.js +0 -614
- package/Field.js +0 -9
- package/Field.production.js +0 -1
- package/Flex.development.js +0 -377
- package/Flex.js +0 -9
- package/Flex.production.js +0 -1
- package/FocusTrap.development.js +0 -341
- package/FocusTrap.js +0 -9
- package/FocusTrap.production.js +0 -1
- package/Grid.development.js +0 -422
- package/Grid.js +0 -9
- package/Grid.production.js +0 -1
- package/Icon.development.js +0 -376
- package/Icon.js +0 -9
- package/Icon.production.js +0 -1
- package/IconButton.development.js +0 -684
- package/IconButton.js +0 -9
- package/IconButton.production.js +0 -1
- package/KeyboardNavigable.development.js +0 -454
- package/KeyboardNavigable.js +0 -9
- package/KeyboardNavigable.production.js +0 -1
- package/Layout.development.js +0 -626
- package/Layout.js +0 -9
- package/Layout.production.js +0 -1
- package/Link.development.js +0 -492
- package/Link.js +0 -9
- package/Link.production.js +0 -1
- package/LinkButton.development.js +0 -573
- package/LinkButton.js +0 -9
- package/LinkButton.production.js +0 -1
- package/LiveRegions.development.js +0 -147
- package/LiveRegions.js +0 -9
- package/LiveRegions.production.js +0 -1
- package/Loader.development.js +0 -309
- package/Loader.js +0 -9
- package/Loader.production.js +0 -1
- package/Main.development.js +0 -410
- package/Main.js +0 -9
- package/Main.production.js +0 -1
- package/MainNav.development.js +0 -957
- package/MainNav.js +0 -9
- package/MainNav.production.js +0 -1
- package/ModalLayout.development.js +0 -895
- package/ModalLayout.js +0 -9
- package/ModalLayout.production.js +0 -1
- package/NumberInput.development.js +0 -733
- package/NumberInput.js +0 -9
- package/NumberInput.production.js +0 -1
- package/Pagination.development.js +0 -587
- package/Pagination.js +0 -9
- package/Pagination.production.js +0 -1
- package/Popover.development.js +0 -481
- package/Popover.js +0 -9
- package/Popover.production.js +0 -1
- package/Portal.development.js +0 -212
- package/Portal.js +0 -9
- package/Portal.production.js +0 -1
- package/ProgressBar.development.js +0 -273
- package/ProgressBar.js +0 -9
- package/ProgressBar.production.js +0 -1
- package/Radio.development.js +0 -518
- package/Radio.js +0 -9
- package/Radio.production.js +0 -1
- package/RawTable.development.js +0 -549
- package/RawTable.js +0 -9
- package/RawTable.production.js +0 -1
- package/Searchbar.development.js +0 -696
- package/Searchbar.js +0 -9
- package/Searchbar.production.js +0 -1
- package/Select.development.js +0 -1063
- package/Select.js +0 -9
- package/Select.production.js +0 -1
- package/SimpleMenu.development.js +0 -821
- package/SimpleMenu.js +0 -9
- package/SimpleMenu.production.js +0 -1
- package/Stack.development.js +0 -434
- package/Stack.js +0 -9
- package/Stack.production.js +0 -1
- package/Status.development.js +0 -494
- package/Status.js +0 -9
- package/Status.production.js +0 -1
- package/SubNav.development.js +0 -1123
- package/SubNav.js +0 -9
- package/SubNav.production.js +0 -1
- package/Switch.development.js +0 -434
- package/Switch.js +0 -9
- package/Switch.production.js +0 -1
- package/Table.development.js +0 -741
- package/Table.js +0 -9
- package/Table.production.js +0 -1
- package/Tabs.development.js +0 -590
- package/Tabs.js +0 -9
- package/Tabs.production.js +0 -1
- package/Tag.development.js +0 -494
- package/Tag.js +0 -9
- package/Tag.production.js +0 -1
- package/TextButton.development.js +0 -517
- package/TextButton.js +0 -9
- package/TextButton.production.js +0 -1
- package/TextInput.development.js +0 -662
- package/TextInput.js +0 -9
- package/TextInput.production.js +0 -1
- package/Textarea.development.js +0 -674
- package/Textarea.js +0 -9
- package/Textarea.production.js +0 -1
- package/ThemeProvider.development.js +0 -300
- package/ThemeProvider.js +0 -9
- package/ThemeProvider.production.js +0 -1
- package/TimePicker.development.js +0 -1098
- package/TimePicker.js +0 -9
- package/TimePicker.production.js +0 -1
- package/ToggleCheckbox.development.js +0 -542
- package/ToggleCheckbox.js +0 -9
- package/ToggleCheckbox.production.js +0 -1
- package/ToggleInput.development.js +0 -745
- package/ToggleInput.js +0 -9
- package/ToggleInput.production.js +0 -1
- package/Tooltip.development.js +0 -588
- package/Tooltip.js +0 -9
- package/Tooltip.production.js +0 -1
- package/Typography.development.js +0 -276
- package/Typography.js +0 -9
- package/Typography.production.js +0 -1
- package/VisuallyHidden.development.js +0 -146
- package/VisuallyHidden.js +0 -9
- package/VisuallyHidden.production.js +0 -1
- package/index.development.js +0 -4290
- package/index.js +0 -9
- package/index.production.js +0 -1
- package/themes.development.js +0 -254
- package/themes.js +0 -9
- package/themes.production.js +0 -1
- package/v2/Breadcrumbs.development.js +0 -906
- package/v2/Breadcrumbs.js +0 -9
- package/v2/Breadcrumbs.production.js +0 -1
- package/v2/Link.development.js +0 -505
- package/v2/Link.js +0 -9
- package/v2/Link.production.js +0 -1
- package/v2/LinkButton.development.js +0 -586
- package/v2/LinkButton.js +0 -9
- package/v2/LinkButton.production.js +0 -1
- package/v2/MainNav.development.js +0 -970
- package/v2/MainNav.js +0 -9
- package/v2/MainNav.production.js +0 -1
- package/v2/Pagination.development.js +0 -600
- package/v2/Pagination.js +0 -9
- package/v2/Pagination.production.js +0 -1
- package/v2/SimpleMenu.development.js +0 -834
- package/v2/SimpleMenu.js +0 -9
- package/v2/SimpleMenu.production.js +0 -1
- package/v2/SubNav.development.js +0 -1136
- package/v2/SubNav.js +0 -9
- package/v2/SubNav.production.js +0 -1
- package/v2/index.development.js +0 -1740
- package/v2/index.js +0 -9
- package/v2/index.production.js +0 -1
- package/v2/package.json +0 -81
package/RawTable.js
DELETED
package/RawTable.production.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("react"),require("styled-components")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components"],n):"object"==typeof exports?exports.strapiDs=n(require("react"),require("styled-components")):e.strapiDs=n(e.react,e["styled-components"])}(this,(function(e,n){return function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=49)}([function(e,n,t){e.exports=t(21)()},function(n,t){n.exports=e},function(e,t){e.exports=n},function(e,n){e.exports=function(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){var r=t(26);e.exports=function(e,n){if(null==e)return{};var t,o,a=r(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n){function t(){return e.exports=t=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},e.exports.default=e.exports,e.exports.__esModule=!0,t.apply(this,arguments)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){"use strict";t.r(n),t.d(n,"Box",(function(){return x}));var r,o=t(3),a=t.n(o),i=t(2),u=t.n(i),c=t(7),s=t(1),f=t.n(s),d=t(0),l=t.n(d),p=function(e){return f.a.createElement("div",e)},b={background:void 0,borderColor:void 0,color:void 0,hiddenS:!1,hiddenXS:!1,padding:void 0,paddingTop:void 0,paddingRight:void 0,paddingBottom:void 0,paddingLeft:void 0,hasRadius:!1,shadow:void 0,children:null,shrink:void 0,grow:void 0,basis:void 0,flex:void 0,_hover:function(){}},m={_hover:l.a.func,background:l.a.string,basis:l.a.oneOfType([l.a.string,l.a.string]),borderColor:l.a.string,children:l.a.oneOfType([l.a.node,l.a.string]),color:l.a.string,flex:l.a.oneOfType([l.a.string,l.a.string]),grow:l.a.oneOfType([l.a.string,l.a.string]),hasRadius:l.a.bool,hiddenS:l.a.bool,hiddenXS:l.a.bool,padding:l.a.oneOfType([l.a.number,l.a.arrayOf(l.a.number)]),paddingBottom:l.a.oneOfType([l.a.number,l.a.arrayOf(l.a.number)]),paddingLeft:l.a.oneOfType([l.a.number,l.a.arrayOf(l.a.number)]),paddingRight:l.a.oneOfType([l.a.number,l.a.arrayOf(l.a.number)]),paddingTop:l.a.oneOfType([l.a.number,l.a.arrayOf(l.a.number)]),shadow:l.a.string,shrink:l.a.oneOfType([l.a.string,l.a.string])};p.defaultProps=b,p.propTypes=m;var h={color:!0},x=u.a.div.withConfig({shouldForwardProp:function(e,n){return!h[e]&&n(e)}})(r||(r=a()(["\n // Font\n font-size: ",";\n\n // Colors\n background: ",";\n color: ",";\n\n // Spaces\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n\n // Responsive hiding\n ","\n ","\n \n\n // Borders\n border-radius: ",";\n border-style: ",";\n border-width: ",";\n border-color: ",";\n border: ",";\n\n // Shadows\n box-shadow: ",";\n\n // Handlers\n pointer-events: ",";\n &:hover {\n ","\n }\n\n // Display\n display: ",";\n\n // Position\n position: ",";\n left: ",";\n right: ",";\n top: ",";\n bottom: ",";\n z-index: ",";\n overflow: ",";\n cursor: ",";\n\n // Size\n width: ",";\n max-width: ",";\n min-width: ",";\n height: ",";\n max-height: ",";\n min-height: ",";\n\n // Animation\n transition: ",";\n transform: ",";\n animation: ",";\n\n //Flexbox children props\n flex-shrink: ",";\n flex-grow: ",";\n flex-basis: ",";\n flex: ",";\n\n // Text\n text-align: ",";\n text-transform: ",";\n line-height: ",";\n\n // Cursor\n cursor: ",";\n"])),(function(e){var n=e.fontSize;return e.theme.fontSizes[n]||n}),(function(e){var n=e.theme,t=e.background;return n.colors[t]}),(function(e){var n=e.theme,t=e.color;return n.colors[t]}),(function(e){var n=e.theme,t=e.padding;return Object(c.a)("padding",t,n)}),(function(e){var n=e.theme,t=e.paddingTop;return Object(c.a)("padding-top",t,n)}),(function(e){var n=e.theme,t=e.paddingRight;return Object(c.a)("padding-right",t,n)}),(function(e){var n=e.theme,t=e.paddingBottom;return Object(c.a)("padding-bottom",t,n)}),(function(e){var n=e.theme,t=e.paddingLeft;return Object(c.a)("padding-left",t,n)}),(function(e){var n=e.theme,t=e.marginLeft;return Object(c.a)("margin-left",t,n)}),(function(e){var n=e.theme,t=e.marginRight;return Object(c.a)("margin-right",t,n)}),(function(e){var n=e.theme,t=e.marginTop;return Object(c.a)("margin-top",t,n)}),(function(e){var n=e.theme,t=e.marginBottom;return Object(c.a)("margin-bottom",t,n)}),(function(e){var n=e.theme;return e.hiddenS?"".concat(n.mediaQueries.tablet," { display: none; }"):void 0}),(function(e){var n=e.theme;return e.hiddenXS?"".concat(n.mediaQueries.mobile," { display: none; }"):void 0}),(function(e){var n=e.theme,t=e.hasRadius,r=e.borderRadius;return t?n.borderRadius:r}),(function(e){return e.borderStyle}),(function(e){return e.borderWidth}),(function(e){var n=e.borderColor;return e.theme.colors[n]}),(function(e){var n=e.theme,t=e.borderColor,r=e.borderStyle,o=e.borderWidth;if(t&&!r&&!o)return"1px solid ".concat(n.colors[t])}),(function(e){var n=e.theme,t=e.shadow;return n.shadows[t]}),(function(e){return e.pointerEvents}),(function(e){var n=e._hover,t=e.theme;return n?n(t):void 0}),(function(e){return e.display}),(function(e){return e.position}),(function(e){var n=e.left;return e.theme.spaces[n]||n}),(function(e){var n=e.right;return e.theme.spaces[n]||n}),(function(e){var n=e.top;return e.theme.spaces[n]||n}),(function(e){var n=e.bottom;return e.theme.spaces[n]||n}),(function(e){return e.zIndex}),(function(e){return e.overflow}),(function(e){return e.cursor}),(function(e){var n=e.width;return e.theme.spaces[n]||n}),(function(e){var n=e.maxWidth;return e.theme.spaces[n]||n}),(function(e){var n=e.minWidth;return e.theme.spaces[n]||n}),(function(e){var n=e.height;return e.theme.spaces[n]||n}),(function(e){var n=e.maxHeight;return e.theme.spaces[n]||n}),(function(e){var n=e.minHeight;return e.theme.spaces[n]||n}),(function(e){return e.transition}),(function(e){return e.transform}),(function(e){return e.animation}),(function(e){return e.shrink}),(function(e){return e.grow}),(function(e){return e.basis}),(function(e){return e.flex}),(function(e){return e.textAlign}),(function(e){return e.textTransform}),(function(e){return e.lineHeight}),(function(e){return e.cursor}));x.defaultProps=b,x.propTypes=m},function(e,n,t){"use strict";var r=t(11),o=t.n(r),a=t(15),i=t.n(a);n.a=function(e,n,t){var r=n;if(Array.isArray(n)||"object"!==i()(n)||(r=[null==n?void 0:n.desktop,null==n?void 0:n.tablet,null==n?void 0:n.mobile]),void 0!==r){if(Array.isArray(r)){var a=r,u=o()(a,3),c=u[0],s=u[1],f=u[2],d="".concat(e,": ").concat(t.spaces[c],";");return void 0!==s&&(d+="".concat(t.mediaQueries.tablet,"{\n ").concat(e,": ").concat(t.spaces[s],";\n }")),void 0!==f&&(d+="".concat(t.mediaQueries.mobile,"{\n ").concat(e,": ").concat(t.spaces[f],";\n }")),d}var l=t.spaces[r]||r;return"".concat(e,": ").concat(l,";")}}},,,,function(e,n,t){var r=t(27),o=t(28),a=t(24),i=t(29);e.exports=function(e,n){return r(e)||o(e,n)||a(e,n)||i()},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){"use strict";t.d(n,"a",(function(){return r}));var r={DOWN:"ArrowDown",UP:"ArrowUp",RIGHT:"ArrowRight",LEFT:"ArrowLeft",ESCAPE:"Escape",ENTER:"Enter",SPACE:" ",TAB:"Tab",END:"End",HOME:"Home",DELETE:"Delete",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",BACKSPACE:"Backspace",CLEAR:"Clear"}},,,function(e,n){function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(e.exports=t=function(e){return typeof e},e.exports.default=e.exports,e.exports.__esModule=!0):(e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.default=e.exports,e.exports.__esModule=!0),t(n)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0},,,,,,function(e,n,t){"use strict";var r=t(22);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,n,t,o,a,i){if(i!==r){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}function n(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:a,resetWarningCache:o};return t.PropTypes=t,t}},function(e,n,t){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,n){e.exports=function(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){var r=t(23);e.exports=function(e,n){if(e){if("string"==typeof e)return r(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(e,n):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0},,function(e,n){e.exports=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n){e.exports=function(e){if(Array.isArray(e))return e},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n){e.exports=function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a=[],i=!0,u=!1;try{for(t=t.call(e);!(i=(r=t.next()).done)&&(a.push(r.value),!n||a.length!==n);i=!0);}catch(e){u=!0,o=e}finally{try{i||null==t.return||t.return()}finally{if(u)throw o}}return a}},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n){e.exports=function(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e},e.exports.default=e.exports,e.exports.__esModule=!0},,function(e,n,t){var r=t(45),o=t(46),a=t(24),i=t(47);e.exports=function(e){return r(e)||o(e)||a(e)||i()},e.exports.default=e.exports,e.exports.__esModule=!0},,,function(e,n,t){"use strict";t.d(n,"a",(function(){return a})),t.d(n,"b",(function(){return i}));var r=t(32),o=t.n(r),a=function(e,n){return o()(e.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')).filter((function(e){return!e.hasAttribute("disabled")&&(!!n||"-1"!==e.getAttribute("tabindex"))}))},i=function(e){return e.filter((function(e){return"INPUT"===e.tagName&&("checkbox"!==e.type&&"radio"!==e.type)}))}},,,,,,,,,,function(e,n,t){var r=t(23);e.exports=function(e){if(Array.isArray(e))return r(e)},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.default=e.exports,e.exports.__esModule=!0},,function(e,n,t){"use strict";t.r(n);var r=t(75);t.d(n,"RawTable",(function(){return r.a}));var o=t(63);t.d(n,"RawTh",(function(){return o.b})),t.d(n,"RawTd",(function(){return o.a}));var a=t(72);t.d(n,"RawThead",(function(){return a.a}));var i=t(73);t.d(n,"RawTbody",(function(){return i.a}));var u=t(74);t.d(n,"RawTr",(function(){return u.a}))},,,,,,,,,,,function(e,n,t){"use strict";t.d(n,"a",(function(){return o})),t.d(n,"b",(function(){return a}));var r=t(1),o=Object(r.createContext)({rowIndex:0,colIndex:0,setTableValues:function(){throw new Error("setTableValues must be initialized via the RawTableContext.Provider")}}),a=function(){return Object(r.useContext)(o)}},,,function(e,n,t){"use strict";t.d(n,"b",(function(){return w})),t.d(n,"a",(function(){return T}));var r,o,a=t(30),i=t.n(a),u=t(11),c=t.n(u),s=t(4),f=t.n(s),d=t(5),l=t.n(d),p=t(1),b=t.n(p),m=t(0),h=t.n(m),x=t(6),v=t(35),y=t(12),g=t(60),O=["coords","as"],w=function(e){return b.a.createElement(T,l()({},e,{as:"th"}))},T=function(e){var n=e.coords,t=e.as,r=f()(e,O),o=Object(p.useRef)(null),a=Object(g.b)(),i=a.rowIndex,u=a.colIndex,s=a.setTableValues,d=Object(p.useState)(!1),m=c()(d,2),h=m[0],w=m[1],T=i===n.row-1&&u===n.col-1;return Object(p.useLayoutEffect)((function(){var e=Object(v.a)(o.current,!0);0===e.length||1===e.length&&0!==Object(v.b)(e).length||e.length>1&&Boolean(e.find((function(e){return"BUTTON"!==e.tagName})))?(o.current.setAttribute("tabIndex",!h&&T?0:-1),e.forEach((function(e,n){e.setAttribute("tabIndex",h?0:-1),h&&0===n&&e.focus()}))):e.forEach((function(e){e.setAttribute("tabIndex",T?0:-1)}))}),[h,T]),Object(p.useLayoutEffect)((function(){var e=Object(v.a)(o.current,!0),t=function(){e.length>=1&&(0!==Object(v.b)(e).length||!Boolean(e.find((function(e){return"BUTTON"!==e.tagName}))))&&w(!0),s({rowIndex:n.row-1,colIndex:n.col-1})};return e.forEach((function(e){e.addEventListener("focus",t)})),function(){Object(v.a)(o.current,!0).forEach((function(e){e.removeEventListener("focus",t)}))}}),[]),b.a.createElement(x.Box,l()({as:t||"td",ref:o,onKeyDown:function(e){var n=Object(v.a)(o.current,!0);if(0!==n.length&&(1!==n.length||0!==Object(v.b)(n).length))if(n.length>1&&!Boolean(n.find((function(e){return"BUTTON"!==e.tagName})))){e.preventDefault();var t=n.findIndex((function(e){return e===document.activeElement}));if(e.key===y.a.RIGHT){var r=n[t+1];r&&(e.stopPropagation(),r.focus())}else if(e.key===y.a.LEFT){var a=n[t-1];a&&(e.stopPropagation(),a.focus())}}else e.key!==y.a.ENTER||h?e.key!==y.a.ESCAPE&&e.key!==y.a.ENTER||!h?h&&e.stopPropagation():(w(!1),o.current.focus()):w(!0)}},r))};w.defaultProps={coords:{}},w.propTypes=(r={},i()(r,"aria-colindex",h.a.number.isRequired),i()(r,"children",h.a.node),i()(r,"coords",h.a.shape({col:h.a.number,row:h.a.number})),r),T.defaultProps={coords:{}},T.propTypes=(o={},i()(o,"aria-colindex",h.a.number.isRequired),i()(o,"as",h.a.oneOf(["td","th"])),i()(o,"children",h.a.node),i()(o,"coords",h.a.shape({col:h.a.number,row:h.a.number})),o)},,,,,,,,,function(e,n,t){"use strict";t.d(n,"a",(function(){return f}));var r=t(4),o=t.n(r),a=t(1),i=t.n(a),u=t(0),c=t.n(u),s=["children"],f=function(e){var n=e.children,t=o()(e,s),r=a.Children.toArray(n).map((function(e){return Object(a.cloneElement)(e,{"aria-rowindex":1})}));return i.a.createElement("thead",t,r)};f.propTypes={children:c.a.node.isRequired}},function(e,n,t){"use strict";t.d(n,"a",(function(){return f}));var r=t(4),o=t.n(r),a=t(1),i=t.n(a),u=t(0),c=t.n(u),s=["children"],f=function(e){var n=e.children,t=o()(e,s),r=a.Children.toArray(n).map((function(e,n){return Object(a.cloneElement)(e,{"aria-rowindex":n+2})}));return i.a.createElement("tbody",t,r)};f.propTypes={children:c.a.node.isRequired}},function(e,n,t){"use strict";t.d(n,"a",(function(){return h}));var r,o=t(30),a=t.n(o),i=t(5),u=t.n(i),c=t(4),s=t.n(c),f=t(1),d=t.n(f),l=t(0),p=t.n(l),b=t(6),m=["children"],h=function(e){var n=e.children,t=s()(e,m),r=f.Children.toArray(n).map((function(e,n){return Object(f.cloneElement)(e,{"aria-colindex":n+1,coords:{col:n+1,row:t["aria-rowindex"]}})}));return d.a.createElement(b.Box,u()({as:"tr"},t),r)};h.propTypes=(r={},a()(r,"aria-rowindex",p.a.number.isRequired),a()(r,"children",p.a.node.isRequired),r)},function(e,n,t){"use strict";t.d(n,"a",(function(){return h}));var r=t(5),o=t.n(r),a=t(11),i=t.n(a),u=t(4),c=t.n(u),s=t(1),f=t.n(s),d=t(0),l=t.n(d),p=t(60),b=t(12),m=["colCount","rowCount","jumpStep","initialCol","initialRow"],h=function(e){var n=e.colCount,t=e.rowCount,r=e.jumpStep,a=e.initialCol,u=e.initialRow,d=c()(e,m),l=Object(s.useRef)(null),h=Object(s.useRef)(!1),x=Object(s.useState)(u),v=i()(x,2),y=v[0],g=v[1],O=Object(s.useState)(a),w=i()(O,2),T=w[0],j=w[1],E=Object(s.useCallback)((function(e){var n=e.colIndex,t=e.rowIndex;j(n),g(t)}),[]);Object(s.useEffect)((function(){var e,n;h.current&&(e=l.current,(n=e.querySelector('[tabindex="0"]'))&&n.focus()),h.current||(h.current=!0)}),[T,y]);return f.a.createElement(p.a.Provider,{value:{rowIndex:y,colIndex:T,setTableValues:E}},f.a.createElement("table",o()({ref:l,"aria-rowcount":t,"aria-colcount":n,onKeyDown:function(e){switch(e.key){case b.a.RIGHT:e.preventDefault(),j((function(e){return e<n-1?e+1:e}));break;case b.a.LEFT:e.preventDefault(),j((function(e){return e>0?e-1:e}));break;case b.a.UP:e.preventDefault(),g((function(e){return e>0?e-1:e}));break;case b.a.DOWN:e.preventDefault(),g((function(e){return e<t-1?e+1:e}));break;case b.a.HOME:e.preventDefault(),e.ctrlKey&&g(0),j(0);break;case b.a.END:e.preventDefault(),e.ctrlKey&&g(t-1),j(n-1);break;case b.a.PAGE_DOWN:e.preventDefault(),g((function(e){return e+r<t?e+r:t-1}));break;case b.a.PAGE_UP:e.preventDefault(),g((function(e){return e-r>0?e-r:0}))}}},d)))};h.defaultProps={jumpStep:3,initialCol:0,initialRow:0},h.propTypes={colCount:l.a.number.isRequired,initialCol:l.a.number,initialRow:l.a.number,jumpStep:l.a.number,rowCount:l.a.number.isRequired}}])}));
|