@okam/stack-ui 1.25.3 → 1.25.4
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/components/Accordion/components/AccordionItem.d.ts +3 -0
- package/components/Accordion/components/AriaAccordionItem.d.ts +3 -0
- package/components/Accordion/hooks/useAccordionState.d.ts +10 -0
- package/components/Accordion/index.d.ts +3 -0
- package/{src/components/Accordion/interface.ts → components/Accordion/interface.d.ts} +17 -23
- package/components/Alerts/components/AlertsCloseButton.d.ts +4 -0
- package/components/Alerts/components/AlertsItem.d.ts +3 -0
- package/components/Alerts/components/AlertsNavigationButton.d.ts +8 -0
- package/components/Alerts/components/AlertsSwiper.d.ts +3 -0
- package/components/Alerts/components/pagination/AlertsPagination.d.ts +3 -0
- package/components/Alerts/components/pagination/AlertsPaginationBullet.d.ts +3 -0
- package/components/Alerts/index.d.ts +3 -0
- package/components/Alerts/interface.d.ts +41 -0
- package/components/Box/index.d.ts +5 -0
- package/components/Box/interface.d.ts +11 -0
- package/components/Button/index.d.ts +6 -0
- package/components/Button/interface.d.ts +20 -0
- package/components/Calendar/RangeCalendar.d.ts +3 -0
- package/components/Calendar/components/CalendarCell.d.ts +3 -0
- package/components/Calendar/components/CalendarGrid.d.ts +3 -0
- package/components/Calendar/index.d.ts +3 -0
- package/components/Calendar/interface.d.ts +32 -0
- package/components/Carousel/index.d.ts +3 -0
- package/components/Carousel/interface.d.ts +24 -0
- package/components/Date/index.d.ts +3 -0
- package/components/Date/interface.d.ts +6 -0
- package/components/Dialog/index.d.ts +2 -0
- package/components/Dialog/interface.d.ts +6 -0
- package/components/DirectusImg/index.d.ts +3 -0
- package/components/DirectusImg/interface.d.ts +17 -0
- package/components/Icon/index.d.ts +3 -0
- package/components/Icon/interface.d.ts +7 -0
- package/components/Img/index.d.ts +3 -0
- package/components/Img/interface.d.ts +6 -0
- package/components/Lightbox/index.d.ts +3 -0
- package/components/Lightbox/interface.d.ts +25 -0
- package/components/Menu/Menu.d.ts +3 -0
- package/components/Menu/MenuSidePanel.d.ts +3 -0
- package/components/Menu/components/InnerContent.d.ts +3 -0
- package/components/Menu/components/MenuItems.d.ts +3 -0
- package/components/Menu/components/TabContainer.d.ts +3 -0
- package/components/Menu/interface.d.ts +31 -0
- package/components/Modal/components/ModalDialog.d.ts +3 -0
- package/components/Modal/components/ModalOverlay.d.ts +3 -0
- package/components/Modal/index.d.ts +3 -0
- package/{src/components/Modal/interface.ts → components/Modal/interface.d.ts} +11 -14
- package/components/Popover/index.d.ts +3 -0
- package/components/Popover/interface.d.ts +21 -0
- package/components/ShareButton/index.d.ts +4 -0
- package/components/ShareButton/interface.d.ts +26 -0
- package/components/ShareButton/utils/generateUtmTags.d.ts +2 -0
- package/components/ShareButton/utils/useFacebookShareUrl.d.ts +2 -0
- package/components/ShareButton/utils/useMailToShareUrl.d.ts +2 -0
- package/components/ShareButton/utils/useTwitterShareUrl.d.ts +2 -0
- package/components/ShareButton/utils/useWindow.d.ts +5 -0
- package/components/SidePanel/index.d.ts +4 -0
- package/components/SidePanel/interface.d.ts +12 -0
- package/components/TabList/components/TabPanel/TabPanel.d.ts +4 -0
- package/components/TabList/interface.d.ts +18 -0
- package/components/Typography/index.d.ts +5 -0
- package/components/Typography/interface.d.ts +10 -0
- package/components/WysiwygBlock/index.d.ts +3 -0
- package/components/WysiwygBlock/interface.d.ts +5 -0
- package/components/fields/Checkbox/Checkbox.interface.d.ts +18 -0
- package/components/fields/Checkbox/index.d.ts +3 -0
- package/components/fields/CheckboxGroup/components/CheckboxGroupItem/index.d.ts +3 -0
- package/components/fields/CheckboxGroup/index.d.ts +3 -0
- package/components/fields/CheckboxGroup/interface.d.ts +13 -0
- package/components/fields/DatePicker/DateRangePicker.d.ts +3 -0
- package/components/fields/DatePicker/components/CalendarPopover.d.ts +2 -0
- package/components/fields/DatePicker/components/DateField.d.ts +4 -0
- package/components/fields/DatePicker/index.d.ts +3 -0
- package/components/fields/DatePicker/interface.d.ts +37 -0
- package/components/fields/Radio/Radio.interface.d.ts +26 -0
- package/components/fields/Radio/index.d.ts +4 -0
- package/components/fields/RadioGroup/index.d.ts +3 -0
- package/components/fields/RadioGroup/interface.d.ts +9 -0
- package/components/fields/SearchField/index.d.ts +3 -0
- package/components/fields/SearchField/interface.d.ts +9 -0
- package/components/fields/Select/Select.d.ts +4 -0
- package/components/fields/Select/Select.interface.d.ts +26 -0
- package/components/fields/Select/components/Listbox.d.ts +4 -0
- package/{src/components/fields/Select/components/Listbox.interface.ts → components/fields/Select/components/Listbox.interface.d.ts} +8 -11
- package/components/fields/Select/components/Popover.d.ts +3 -0
- package/components/fields/Select/components/Popover.interface.d.ts +13 -0
- package/components/fields/SelectItem/SelectItem.d.ts +3 -0
- package/{src/components/fields/SelectItem/SelectItem.interface.ts → components/fields/SelectItem/SelectItem.interface.d.ts} +3 -4
- package/components/fields/TextArea/index.d.ts +4 -0
- package/components/fields/TextInputField/index.d.ts +4 -0
- package/components/fields/TextInputField/interface.d.ts +24 -0
- package/components/icons/ArrowDown.d.ts +3 -0
- package/components/icons/ArrowLeft.d.ts +3 -0
- package/components/icons/ArrowRight.d.ts +3 -0
- package/components/icons/Check.d.ts +3 -0
- package/components/icons/ChevronLeft.d.ts +3 -0
- package/components/icons/ChevronRight.d.ts +3 -0
- package/components/icons/CloseBtn.d.ts +3 -0
- package/components/icons/Facebook.d.ts +3 -0
- package/components/icons/FacebookColored.d.ts +3 -0
- package/components/icons/FacebookRounded.d.ts +3 -0
- package/components/icons/Globe.d.ts +3 -0
- package/components/icons/IconFallback.d.ts +3 -0
- package/components/icons/Instagram.d.ts +3 -0
- package/components/icons/InstagramColored.d.ts +3 -0
- package/components/icons/Link.d.ts +3 -0
- package/components/icons/LinkedIn.d.ts +3 -0
- package/components/icons/Mail.d.ts +3 -0
- package/components/icons/Plus.d.ts +3 -0
- package/components/icons/Search.d.ts +3 -0
- package/components/icons/Share.d.ts +3 -0
- package/components/icons/Twitter.d.ts +3 -0
- package/components/icons/TwitterColored.d.ts +3 -0
- package/components/icons/Upload.d.ts +3 -0
- package/components/icons/X.d.ts +3 -0
- package/components/icons/YouTube.d.ts +3 -0
- package/components/icons/YouTubeColored.d.ts +3 -0
- package/components/icons/index.d.ts +24 -0
- package/{src/index.ts → index.d.ts} +57 -72
- package/index.js +110 -0
- package/index.mjs +12755 -0
- package/package.json +1 -1
- package/providers/Accordion/index.d.ts +4 -0
- package/providers/Accordion/interface.d.ts +12 -0
- package/providers/Alerts/index.d.ts +4 -0
- package/providers/Alerts/interface.d.ts +9 -0
- package/providers/CheckboxGroup/index.d.ts +5 -0
- package/{src/providers/CheckboxGroup/interface.ts → providers/CheckboxGroup/interface.d.ts} +4 -5
- package/providers/Client/index.d.ts +4 -0
- package/providers/Client/interface.d.ts +10 -0
- package/providers/Menu/index.d.ts +4 -0
- package/providers/Menu/interface.d.ts +28 -0
- package/providers/RadioGroup/RadioGroup.d.ts +5 -0
- package/providers/RadioGroup/RadioGroup.interface.d.ts +7 -0
- package/providers/SidePanel/index.d.ts +4 -0
- package/providers/SidePanel/interface.d.ts +23 -0
- package/providers/Theme/hooks.d.ts +3 -0
- package/providers/Theme/index.d.ts +10 -0
- package/providers/Theme/interface.d.ts +24 -0
- package/providers/Theme/utils.d.ts +2 -0
- package/providers/UserSearchQuery/index.d.ts +4 -0
- package/providers/UserSearchQuery/interface.d.ts +10 -0
- package/style.css +1 -0
- package/theme/Accordion/index.d.ts +274 -0
- package/theme/Alerts/index.d.ts +1167 -0
- package/theme/Box/index.d.ts +214 -0
- package/theme/Button/index.d.ts +121 -0
- package/theme/Calendar/index.d.ts +366 -0
- package/theme/Carousel/index.d.ts +9 -0
- package/theme/Checkbox/index.d.ts +159 -0
- package/theme/CheckboxGroup/index.d.ts +30 -0
- package/theme/DatePicker/index.d.ts +43 -0
- package/theme/Image/index.d.ts +3 -0
- package/theme/LightBox/index.d.ts +455 -0
- package/theme/Radio/index.d.ts +108 -0
- package/theme/RadioGroup/index.d.ts +30 -0
- package/theme/Search/index.d.ts +30 -0
- package/theme/ShareButton/index.d.ts +174 -0
- package/theme/SidePanel/index.d.ts +3 -0
- package/theme/TextArea/index.d.ts +29 -0
- package/theme/Typography/index.d.ts +233 -0
- package/theme/index.d.ts +5 -0
- package/transitions/AccordionTransition.d.ts +4 -0
- package/transitions/ModalTransition.d.ts +7 -0
- package/transitions/RenderWithOpacity.d.ts +4 -0
- package/transitions/RenderWithSlide.d.ts +7 -0
- package/transitions/SidePanelTransition.d.ts +7 -0
- package/types/components.d.ts +28 -0
- package/.eslintrc.js +0 -32
- package/.storybook/.eslintrc.js +0 -29
- package/.storybook/main.ts +0 -33
- package/.storybook/preview.js +0 -56
- package/.storybook/tsconfig.json +0 -17
- package/CHANGELOG.md +0 -574
- package/README.md +0 -8
- package/postcss.config.js +0 -15
- package/project.json +0 -77
- package/src/_stories/icons/code-brackets.svg +0 -1
- package/src/_stories/icons/colors.svg +0 -1
- package/src/_stories/icons/comments.svg +0 -1
- package/src/_stories/icons/direction.svg +0 -1
- package/src/_stories/icons/flow.svg +0 -1
- package/src/_stories/icons/plugin.svg +0 -1
- package/src/_stories/icons/repo.svg +0 -1
- package/src/_stories/icons/stackalt.svg +0 -1
- package/src/components/Accordion/accordion.stories.mdx +0 -240
- package/src/components/Accordion/components/AccordionItem.tsx +0 -53
- package/src/components/Accordion/components/AriaAccordionItem.tsx +0 -76
- package/src/components/Accordion/hooks/useAccordionState.ts +0 -46
- package/src/components/Accordion/index.tsx +0 -38
- package/src/components/Alerts/alerts.stories.mdx +0 -282
- package/src/components/Alerts/components/AlertsCloseButton.tsx +0 -20
- package/src/components/Alerts/components/AlertsItem.tsx +0 -39
- package/src/components/Alerts/components/AlertsNavigationButton.tsx +0 -71
- package/src/components/Alerts/components/AlertsSwiper.tsx +0 -125
- package/src/components/Alerts/components/pagination/AlertsPagination.tsx +0 -32
- package/src/components/Alerts/components/pagination/AlertsPaginationBullet.tsx +0 -61
- package/src/components/Alerts/index.tsx +0 -54
- package/src/components/Alerts/interface.ts +0 -51
- package/src/components/Box/box.stories.mdx +0 -27
- package/src/components/Box/index.tsx +0 -36
- package/src/components/Box/interface.ts +0 -10
- package/src/components/Button/button.stories.mdx +0 -99
- package/src/components/Button/index.tsx +0 -92
- package/src/components/Button/interface.ts +0 -22
- package/src/components/Calendar/RangeCalendar.tsx +0 -61
- package/src/components/Calendar/calendar.stories.mdx +0 -28
- package/src/components/Calendar/components/CalendarCell.tsx +0 -60
- package/src/components/Calendar/components/CalendarGrid.tsx +0 -44
- package/src/components/Calendar/index.tsx +0 -63
- package/src/components/Calendar/interface.ts +0 -37
- package/src/components/Carousel/carousel.stories.mdx +0 -182
- package/src/components/Carousel/index.tsx +0 -99
- package/src/components/Carousel/interface.ts +0 -26
- package/src/components/Date/date.stories.mdx +0 -122
- package/src/components/Date/index.tsx +0 -35
- package/src/components/Date/interface.ts +0 -7
- package/src/components/Dialog/index.tsx +0 -14
- package/src/components/Dialog/interface.ts +0 -6
- package/src/components/DirectusImg/index.tsx +0 -59
- package/src/components/DirectusImg/interface.ts +0 -19
- package/src/components/Icon/index.tsx +0 -40
- package/src/components/Icon/interface.ts +0 -8
- package/src/components/Img/img.stories.mdx +0 -28
- package/src/components/Img/index.tsx +0 -30
- package/src/components/Img/interface.ts +0 -9
- package/src/components/Lightbox/hooks/overlay/index.tsx +0 -36
- package/src/components/Lightbox/index.tsx +0 -82
- package/src/components/Lightbox/interface.ts +0 -28
- package/src/components/Lightbox/lightbox.stories.mdx +0 -79
- package/src/components/Menu/Menu.tsx +0 -43
- package/src/components/Menu/MenuSidePanel.tsx +0 -41
- package/src/components/Menu/components/InnerContent.tsx +0 -26
- package/src/components/Menu/components/MenuItems.tsx +0 -133
- package/src/components/Menu/components/TabContainer.tsx +0 -13
- package/src/components/Menu/interface.ts +0 -41
- package/src/components/Menu/menu.stories.mdx +0 -23
- package/src/components/Modal/components/ModalDialog.tsx +0 -31
- package/src/components/Modal/components/ModalOverlay.tsx +0 -21
- package/src/components/Modal/index.tsx +0 -32
- package/src/components/Popover/index.tsx +0 -138
- package/src/components/Popover/interface.ts +0 -25
- package/src/components/Popover/popover.stories.mdx +0 -66
- package/src/components/ShareButton/index.tsx +0 -172
- package/src/components/ShareButton/interface.ts +0 -29
- package/src/components/ShareButton/share-button.stories.mdx +0 -48
- package/src/components/ShareButton/utils/generateUtmTags.ts +0 -4
- package/src/components/ShareButton/utils/useFacebookShareUrl.ts +0 -15
- package/src/components/ShareButton/utils/useMailToShareUrl.ts +0 -15
- package/src/components/ShareButton/utils/useTwitterShareUrl.ts +0 -15
- package/src/components/ShareButton/utils/useWindow.ts +0 -17
- package/src/components/SidePanel/index.tsx +0 -43
- package/src/components/SidePanel/interface.ts +0 -16
- package/src/components/SidePanel/side-panel.stories.mdx +0 -44
- package/src/components/TabList/components/Tab/Tab.tsx +0 -19
- package/src/components/TabList/components/TabPanel/TabPanel.tsx +0 -27
- package/src/components/TabList/index.tsx +0 -44
- package/src/components/TabList/interface.ts +0 -23
- package/src/components/Typography/index.tsx +0 -35
- package/src/components/Typography/interface.ts +0 -9
- package/src/components/Typography/typo.stories.mdx +0 -157
- package/src/components/WysiwygBlock/index.tsx +0 -20
- package/src/components/WysiwygBlock/interface.ts +0 -7
- package/src/components/WysiwygBlock/wysiwyg.stories.mdx +0 -53
- package/src/components/fields/Checkbox/Checkbox.interface.ts +0 -21
- package/src/components/fields/Checkbox/Checkbox.stories.mdx +0 -127
- package/src/components/fields/Checkbox/index.tsx +0 -62
- package/src/components/fields/CheckboxGroup/checkbox-group.stories.mdx +0 -59
- package/src/components/fields/CheckboxGroup/components/CheckboxGroupItem/index.tsx +0 -66
- package/src/components/fields/CheckboxGroup/index.tsx +0 -49
- package/src/components/fields/CheckboxGroup/interface.ts +0 -17
- package/src/components/fields/DatePicker/DateRangePicker.tsx +0 -73
- package/src/components/fields/DatePicker/components/CalendarPopover.tsx +0 -31
- package/src/components/fields/DatePicker/components/DateField.tsx +0 -61
- package/src/components/fields/DatePicker/date-picker.stories.mdx +0 -55
- package/src/components/fields/DatePicker/index.tsx +0 -71
- package/src/components/fields/DatePicker/interface.ts +0 -69
- package/src/components/fields/Radio/Radio.interface.ts +0 -30
- package/src/components/fields/Radio/index.tsx +0 -63
- package/src/components/fields/RadioGroup/index.tsx +0 -33
- package/src/components/fields/RadioGroup/interface.ts +0 -10
- package/src/components/fields/RadioGroup/radio-group.stories.mdx +0 -56
- package/src/components/fields/SearchField/index.tsx +0 -59
- package/src/components/fields/SearchField/interface.ts +0 -10
- package/src/components/fields/SearchField/search.stories.mdx +0 -91
- package/src/components/fields/Select/Select.interface.ts +0 -24
- package/src/components/fields/Select/Select.stories.mdx +0 -53
- package/src/components/fields/Select/Select.tsx +0 -108
- package/src/components/fields/Select/components/Listbox.tsx +0 -40
- package/src/components/fields/Select/components/Popover.interface.ts +0 -14
- package/src/components/fields/Select/components/Popover.tsx +0 -32
- package/src/components/fields/SelectItem/SelectItem.tsx +0 -10
- package/src/components/fields/TextArea/index.tsx +0 -105
- package/src/components/fields/TextArea/textArea.stories.mdx +0 -60
- package/src/components/fields/TextInputField/index.tsx +0 -107
- package/src/components/fields/TextInputField/interface.ts +0 -30
- package/src/components/fields/TextInputField/text-input-field.stories.mdx +0 -64
- package/src/components/icons/ArrowDown.tsx +0 -11
- package/src/components/icons/ArrowLeft.tsx +0 -18
- package/src/components/icons/ArrowRight.tsx +0 -18
- package/src/components/icons/Check.tsx +0 -11
- package/src/components/icons/ChevronLeft.tsx +0 -11
- package/src/components/icons/ChevronRight.tsx +0 -11
- package/src/components/icons/CloseBtn.tsx +0 -11
- package/src/components/icons/Facebook.tsx +0 -14
- package/src/components/icons/FacebookColored.tsx +0 -16
- package/src/components/icons/FacebookRounded.tsx +0 -16
- package/src/components/icons/Globe.tsx +0 -38
- package/src/components/icons/IconFallback.tsx +0 -8
- package/src/components/icons/Instagram.tsx +0 -14
- package/src/components/icons/InstagramColored.tsx +0 -59
- package/src/components/icons/Link.tsx +0 -14
- package/src/components/icons/LinkedIn.tsx +0 -16
- package/src/components/icons/Mail.tsx +0 -16
- package/src/components/icons/Plus.tsx +0 -18
- package/src/components/icons/Search.tsx +0 -19
- package/src/components/icons/Share.tsx +0 -16
- package/src/components/icons/Twitter.tsx +0 -16
- package/src/components/icons/TwitterColored.tsx +0 -16
- package/src/components/icons/Upload.tsx +0 -14
- package/src/components/icons/X.tsx +0 -14
- package/src/components/icons/YouTube.tsx +0 -16
- package/src/components/icons/YouTubeColored.tsx +0 -17
- package/src/components/icons/index.ts +0 -24
- package/src/examples/PageLayout/index.tsx +0 -61
- package/src/examples/PageLayout/layout.stories.mdx +0 -35
- package/src/message.tsx +0 -8
- package/src/providers/Accordion/index.tsx +0 -15
- package/src/providers/Accordion/interface.ts +0 -14
- package/src/providers/Alerts/index.tsx +0 -15
- package/src/providers/Alerts/interface.ts +0 -11
- package/src/providers/CheckboxGroup/index.tsx +0 -22
- package/src/providers/Client/index.tsx +0 -21
- package/src/providers/Client/interface.ts +0 -13
- package/src/providers/Menu/index.tsx +0 -43
- package/src/providers/Menu/interface.ts +0 -32
- package/src/providers/RadioGroup/RadioGroup.interface.ts +0 -8
- package/src/providers/RadioGroup/RadioGroup.tsx +0 -25
- package/src/providers/SidePanel/index.tsx +0 -55
- package/src/providers/SidePanel/interface.ts +0 -26
- package/src/providers/Theme/hooks.ts +0 -25
- package/src/providers/Theme/index.tsx +0 -40
- package/src/providers/Theme/interface.ts +0 -28
- package/src/providers/Theme/utils.ts +0 -3
- package/src/providers/UserSearchQuery/index.tsx +0 -20
- package/src/providers/UserSearchQuery/interface.ts +0 -12
- package/src/storybook/Lightbox/LightboxControlledState.tsx +0 -28
- package/src/storybook/Menu/Menu.tsx +0 -177
- package/src/storybook/Menu/NestedMenu.tsx +0 -24
- package/src/storybook/Menu/mock.tsx +0 -84
- package/src/storybook/SelectField/index.tsx +0 -57
- package/src/storybook/ShareButtonExample/index.tsx +0 -66
- package/src/tailwind.css +0 -3
- package/src/theme/Accordion/index.tsx +0 -101
- package/src/theme/Alerts/index.ts +0 -97
- package/src/theme/Box/index.ts +0 -45
- package/src/theme/Button/index.tsx +0 -72
- package/src/theme/Calendar/index.tsx +0 -167
- package/src/theme/Carousel/index.ts +0 -36
- package/src/theme/Checkbox/index.ts +0 -49
- package/src/theme/CheckboxGroup/index.ts +0 -14
- package/src/theme/DatePicker/index.tsx +0 -42
- package/src/theme/Image/index.ts +0 -8
- package/src/theme/LightBox/index.ts +0 -56
- package/src/theme/Radio/index.ts +0 -31
- package/src/theme/RadioGroup/index.ts +0 -14
- package/src/theme/Search/index.ts +0 -20
- package/src/theme/ShareButton/index.tsx +0 -76
- package/src/theme/SidePanel/index.ts +0 -9
- package/src/theme/TextArea/index.ts +0 -25
- package/src/theme/Typography/index.tsx +0 -44
- package/src/theme/index.tsx +0 -178
- package/src/transitions/AccordionTransition.tsx +0 -26
- package/src/transitions/ModalTransition.tsx +0 -38
- package/src/transitions/RenderWithOpacity.tsx +0 -25
- package/src/transitions/RenderWithSlide.tsx +0 -21
- package/src/transitions/SidePanelTransition.tsx +0 -30
- package/src/types/components.ts +0 -34
- package/static/images/image.png +0 -0
- package/tailwind.config.js +0 -14
- package/tsconfig.json +0 -20
- package/tsconfig.lib.json +0 -25
- package/vite.config.ts +0 -58
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { AccordionProps } from '../interface';
|
|
2
|
+
/**
|
|
3
|
+
* Wraps react stately's `useTreeState` hook while automatically setting expanded keys props
|
|
4
|
+
* to selected keys props for convenience.
|
|
5
|
+
*
|
|
6
|
+
* Also sets `defaultSelectedKeys` and `defaultExpandedKeys` based on the children's props
|
|
7
|
+
*
|
|
8
|
+
* If the expanded keys props are set, they will act like the regular `useTreeState` hook
|
|
9
|
+
*/
|
|
10
|
+
export default function useAccordionState(params: AccordionProps): import("react-stately").TreeState<import("../interface").TAccordionItemProps>;
|
|
@@ -1,30 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
import type {
|
|
3
|
-
import type {
|
|
4
|
-
import type {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
type TAccordionDefaultComponent = Omit<TDefaultComponent, 'children'>
|
|
8
|
-
|
|
1
|
+
import type { AccordionItemAriaProps } from '@react-aria/accordion';
|
|
2
|
+
import type { ComponentType, ReactElement } from 'react';
|
|
3
|
+
import type { ItemProps, TreeProps } from 'react-stately';
|
|
4
|
+
import type { TDefaultComponent, TTransition } from '../../types/components';
|
|
5
|
+
type TAccordionDefaultComponent = Omit<TDefaultComponent, 'children'>;
|
|
9
6
|
export interface AccordionProps extends TreeProps<TAccordionItemProps> {
|
|
10
|
-
|
|
7
|
+
children: ReactElement<TAccordionItemProps> | ReactElement<TAccordionItemProps>[];
|
|
11
8
|
}
|
|
12
|
-
|
|
13
9
|
export interface TAccordionProps extends TAccordionDefaultComponent, AccordionProps {
|
|
14
|
-
|
|
15
|
-
|
|
10
|
+
id: string;
|
|
11
|
+
TransitionAnimation?: ComponentType<TTransition>;
|
|
16
12
|
}
|
|
17
|
-
|
|
18
13
|
export interface TAccordionItemProps extends ItemProps<TAccordionItemProps>, TAccordionDefaultComponent {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
icon?: React.ReactNode;
|
|
15
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
16
|
+
defaultOpen?: boolean;
|
|
17
|
+
isOpen?: boolean;
|
|
23
18
|
}
|
|
24
|
-
|
|
25
|
-
export type TAriaAccordionItemProps = TAccordionDefaultComponent &
|
|
26
|
-
Omit<AccordionItemAriaProps<TAccordionItemProps>, 'item'> & {
|
|
19
|
+
export type TAriaAccordionItemProps = TAccordionDefaultComponent & Omit<AccordionItemAriaProps<TAccordionItemProps>, 'item'> & {
|
|
27
20
|
item: Omit<AccordionItemAriaProps<TAccordionItemProps>['item'], 'props'> & {
|
|
28
|
-
|
|
29
|
-
}
|
|
30
|
-
|
|
21
|
+
props?: TAccordionItemProps;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { TButtonProps } from '../../Button/interface';
|
|
3
|
+
declare const AlertsCloseButton: import("react").ForwardRefExoticComponent<TButtonProps & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
|
|
4
|
+
export default AlertsCloseButton;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { TButtonProps } from '../../Button/interface';
|
|
3
|
+
declare const AlertsNavigationButton: import("react").ForwardRefExoticComponent<TButtonProps & {
|
|
4
|
+
onSubmit?: (() => void) | undefined;
|
|
5
|
+
} & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
|
|
6
|
+
export declare const AlertsNextNavigationButton: import("react").ForwardRefExoticComponent<TButtonProps & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
|
|
7
|
+
export declare const AlertsPrevNavigationButton: import("react").ForwardRefExoticComponent<TButtonProps & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
|
|
8
|
+
export default AlertsNavigationButton;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import type * as SwiperModules from 'swiper/modules';
|
|
3
|
+
import type { SwiperProps } from 'swiper/react';
|
|
4
|
+
import type { A11yOptions } from 'swiper/types';
|
|
5
|
+
import type { TDefaultComponent } from '../../types/components';
|
|
6
|
+
import type { TButtonProps } from '../Button/interface';
|
|
7
|
+
import type { LightboxProps } from '../Lightbox/interface';
|
|
8
|
+
type TAlertsNavigationProps = React.ForwardRefExoticComponent<TButtonProps & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
|
|
9
|
+
export interface TAlertsItem {
|
|
10
|
+
id: string;
|
|
11
|
+
icon?: React.ReactNode;
|
|
12
|
+
title?: string;
|
|
13
|
+
ariaLabel?: string;
|
|
14
|
+
content?: React.ReactNode;
|
|
15
|
+
button?: TButtonProps;
|
|
16
|
+
}
|
|
17
|
+
export interface TAlertsPaginationProps extends TDefaultComponent {
|
|
18
|
+
activeIndex: number;
|
|
19
|
+
alerts: TAlertsItem[];
|
|
20
|
+
paginationGroupLabel?: string;
|
|
21
|
+
}
|
|
22
|
+
export interface TAlertsPaginationBulletProps extends TDefaultComponent {
|
|
23
|
+
activeIndex: number;
|
|
24
|
+
alerts: TAlertsItem[];
|
|
25
|
+
index: number;
|
|
26
|
+
}
|
|
27
|
+
interface TCustomA11yOptions extends A11yOptions {
|
|
28
|
+
paginationGroupLabel?: string;
|
|
29
|
+
}
|
|
30
|
+
export interface TAlertsComponentProps extends Omit<TDefaultComponent, 'children'>, Omit<SwiperProps, 'children' | 'modules' | 'a11y'> {
|
|
31
|
+
a11y?: TCustomA11yOptions;
|
|
32
|
+
alerts: TAlertsItem[];
|
|
33
|
+
children?: (props: TAlertsItemProps) => React.ReactNode;
|
|
34
|
+
modules?: (keyof typeof SwiperModules)[];
|
|
35
|
+
}
|
|
36
|
+
export type TAlertsItemProps = TAlertsItem & TDefaultComponent;
|
|
37
|
+
export interface TAlertsProps extends Omit<LightboxProps, 'children'>, TAlertsComponentProps {
|
|
38
|
+
prevButton?: TAlertsNavigationProps;
|
|
39
|
+
nextButton?: TAlertsNavigationProps;
|
|
40
|
+
}
|
|
41
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { TBoxProps } from './interface';
|
|
3
|
+
declare const Box: ({ as: Component, themeName, tokens, customTheme, children, className, ...rest }: TBoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare const BoxWithForwardRef: React.ForwardRefExoticComponent<TBoxProps<import("../..").TToken> & React.RefAttributes<HTMLElement>>;
|
|
5
|
+
export default Box;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="trusted-types" />
|
|
2
|
+
import type React from 'react';
|
|
3
|
+
import type { TToken } from '../../providers/Theme/interface';
|
|
4
|
+
import type { TDefaultComponent } from '../../types/components';
|
|
5
|
+
export interface TBoxProps<T = TToken> extends TDefaultComponent<T> {
|
|
6
|
+
className?: string;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
dangerouslySetInnerHTML?: {
|
|
9
|
+
__html: string | TrustedHTML;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { TAnchorPropsProps, TButtonProps } from './interface';
|
|
3
|
+
export declare const Anchor: React.ForwardRefExoticComponent<TAnchorPropsProps & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
|
|
4
|
+
export declare const ButtonWithForwardRef: React.ForwardRefExoticComponent<TButtonProps & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
|
|
5
|
+
declare const _default: React.MemoExoticComponent<(props: TButtonProps) => import("react/jsx-runtime").JSX.Element>;
|
|
6
|
+
export default _default;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { PressEvent } from '@react-types/shared';
|
|
2
|
+
import type { LinkProps } from 'next/link';
|
|
3
|
+
import type React from 'react';
|
|
4
|
+
import type { TDefaultComponent } from '../../types/components';
|
|
5
|
+
export interface TButtonProps extends TDefaultComponent {
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
id?: string;
|
|
8
|
+
href?: string;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
download?: boolean;
|
|
11
|
+
target?: string;
|
|
12
|
+
rel?: string;
|
|
13
|
+
handlePress?: ((e: PressEvent) => void) | undefined;
|
|
14
|
+
tabIndex?: number;
|
|
15
|
+
role?: string;
|
|
16
|
+
isDisabled?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export interface TAnchorPropsProps extends TButtonProps {
|
|
19
|
+
nextLinkProps?: LinkProps;
|
|
20
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { CalendarDate, DateValue } from '@internationalized/date';
|
|
2
|
+
import type { CalendarProps, RangeCalendarProps } from '@react-aria/calendar';
|
|
3
|
+
import type { CalendarState, RangeCalendarState } from '@react-stately/calendar';
|
|
4
|
+
import type { AriaCalendarGridProps } from 'react-aria';
|
|
5
|
+
import type { TDefaultComponent } from '../../types/components';
|
|
6
|
+
export interface TCalendarProps extends CalendarProps<DateValue>, TDefaultComponent {
|
|
7
|
+
buttons?: {
|
|
8
|
+
buttonPrev?: {
|
|
9
|
+
icon?: string;
|
|
10
|
+
};
|
|
11
|
+
buttonNext?: {
|
|
12
|
+
icon?: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
export interface TRangeCalendarProps extends RangeCalendarProps<DateValue>, TDefaultComponent {
|
|
17
|
+
buttons?: {
|
|
18
|
+
buttonPrev?: {
|
|
19
|
+
icon?: string;
|
|
20
|
+
};
|
|
21
|
+
buttonNext?: {
|
|
22
|
+
icon?: string;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
export interface TCalendarGridProps extends AriaCalendarGridProps, TDefaultComponent {
|
|
27
|
+
state: RangeCalendarState | CalendarState;
|
|
28
|
+
}
|
|
29
|
+
export interface TCalendarCellProps extends TDefaultComponent {
|
|
30
|
+
state: RangeCalendarState | CalendarState;
|
|
31
|
+
date: CalendarDate;
|
|
32
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import type Swiper from 'swiper';
|
|
3
|
+
import type { SwiperOptions } from 'swiper/types/swiper-options';
|
|
4
|
+
import type { TDefaultComponent } from '../../types/components';
|
|
5
|
+
export type TSlide = {
|
|
6
|
+
id?: string;
|
|
7
|
+
child?: React.ReactNode;
|
|
8
|
+
};
|
|
9
|
+
export interface TCarouselProps extends TDefaultComponent, SwiperOptions {
|
|
10
|
+
id?: React.Key;
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
slides?: TSlide[];
|
|
13
|
+
navigationButtons?: {
|
|
14
|
+
leftButton: React.ReactElement;
|
|
15
|
+
rightButton: React.ReactElement;
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
export interface TCarouselButtonProps extends TDefaultComponent {
|
|
19
|
+
navigationButton?: React.ReactElement;
|
|
20
|
+
icon: string;
|
|
21
|
+
id: string;
|
|
22
|
+
swiperFn: () => void;
|
|
23
|
+
swiper: Swiper | undefined;
|
|
24
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Nullable } from '../../types/components';
|
|
2
|
+
import type TImgProps from '../Img/interface';
|
|
3
|
+
type TDirectusImageProps = Omit<TImgProps, 'src' | 'id' | 'width' | 'height' | 'alt'> & {
|
|
4
|
+
description?: Nullable<string>;
|
|
5
|
+
fit?: 'cover' | 'contain' | 'inside' | 'outside';
|
|
6
|
+
caption?: Nullable<string>;
|
|
7
|
+
thumbhash?: Nullable<string>;
|
|
8
|
+
width: Nullable<number>;
|
|
9
|
+
height: Nullable<number>;
|
|
10
|
+
id: Nullable<string>;
|
|
11
|
+
filenameDownload: Nullable<string>;
|
|
12
|
+
/**
|
|
13
|
+
* @default NEXT_PUBLIC_IMG_DOMAIN
|
|
14
|
+
*/
|
|
15
|
+
imgDomain?: string;
|
|
16
|
+
};
|
|
17
|
+
export default TDirectusImageProps;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import type { SVGProps } from 'react';
|
|
3
|
+
import type { TDefaultComponent } from '../../types/components';
|
|
4
|
+
export interface TIconProps extends TDefaultComponent, SVGProps<SVGSVGElement> {
|
|
5
|
+
icon?: string | React.ReactNode;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { DOMAttributes } from '@react-types/shared';
|
|
2
|
+
import type React from 'react';
|
|
3
|
+
import type { Dispatch, FunctionComponent, SetStateAction } from 'react';
|
|
4
|
+
import type { OverlayTriggerProps as AriaOverlayTriggerProps } from 'react-aria';
|
|
5
|
+
import type { OverlayTriggerProps } from 'react-stately';
|
|
6
|
+
import type { TDefaultComponent, TTransition } from '../../types/components';
|
|
7
|
+
import type { TButtonProps } from '../Button/interface';
|
|
8
|
+
type TCloseButtonProps = React.ForwardRefExoticComponent<TButtonProps & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>> | FunctionComponent<TButtonProps>;
|
|
9
|
+
export interface LightboxProps extends TDefaultComponent, OverlayTriggerProps, Omit<AriaOverlayTriggerProps, 'type'> {
|
|
10
|
+
closeButtonAriaLabel?: string;
|
|
11
|
+
setOpen?: Dispatch<SetStateAction<boolean>>;
|
|
12
|
+
closeButton?: TCloseButtonProps;
|
|
13
|
+
transitionComponent?: FunctionComponent<TTransition>;
|
|
14
|
+
}
|
|
15
|
+
export interface TLightboxProps extends LightboxProps {
|
|
16
|
+
label: string;
|
|
17
|
+
thumbnailContent: React.ReactNode;
|
|
18
|
+
}
|
|
19
|
+
export interface LightboxAria {
|
|
20
|
+
overlayProps: DOMAttributes & {
|
|
21
|
+
label?: string;
|
|
22
|
+
};
|
|
23
|
+
labelProps: DOMAttributes;
|
|
24
|
+
}
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import type { AriaTabListProps } from '@react-types/tabs';
|
|
2
|
+
import type { LinkProps } from 'next/link';
|
|
3
|
+
import type React from 'react';
|
|
4
|
+
import type { Maybe, TDefaultComponent } from '../../types/components';
|
|
5
|
+
export type MenuProps = {
|
|
6
|
+
id: string;
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
beforeTabContent?: React.ReactNode;
|
|
9
|
+
afterTabContent?: React.ReactNode;
|
|
10
|
+
PanelTransition?: (props: unknown) => JSX.Element;
|
|
11
|
+
};
|
|
12
|
+
export type TMenuProps = AriaTabListProps<MenuProps> & MenuProps & TDefaultComponent;
|
|
13
|
+
export type TMenuSidePanelProps = TMenuProps & {
|
|
14
|
+
TransitionAnimation?: (props: unknown) => JSX.Element;
|
|
15
|
+
};
|
|
16
|
+
export type PartialHtmlBaseElement = Omit<Partial<HTMLBaseElement>, 'id' | 'onClick' | 'target' | 'role' | 'children'>;
|
|
17
|
+
export interface IMenuItemProp {
|
|
18
|
+
childItems?: Maybe<TMenuItemProps[] | null>;
|
|
19
|
+
id?: string;
|
|
20
|
+
target?: string | null;
|
|
21
|
+
path?: string;
|
|
22
|
+
label?: string;
|
|
23
|
+
nextLinkProps?: LinkProps;
|
|
24
|
+
onClick?: () => void;
|
|
25
|
+
}
|
|
26
|
+
export type TMenuItemProps = IMenuItemProp & TDefaultComponent & PartialHtmlBaseElement;
|
|
27
|
+
export interface TMenuItemsProps extends TDefaultComponent {
|
|
28
|
+
menuItems?: TMenuItemProps[] | null;
|
|
29
|
+
children?: React.ReactNode;
|
|
30
|
+
}
|
|
31
|
+
export default TMenuProps;
|
|
@@ -1,20 +1,17 @@
|
|
|
1
|
-
import type { OverlayTriggerState } from '@react-stately/overlays'
|
|
2
|
-
import type React from 'react'
|
|
3
|
-
import type { FunctionComponent } from 'react'
|
|
4
|
-
import type { AriaDialogProps, AriaModalOverlayProps } from 'react-aria'
|
|
5
|
-
import type { TDefaultComponent, TTransition } from '../../types/components'
|
|
6
|
-
|
|
1
|
+
import type { OverlayTriggerState } from '@react-stately/overlays';
|
|
2
|
+
import type React from 'react';
|
|
3
|
+
import type { FunctionComponent } from 'react';
|
|
4
|
+
import type { AriaDialogProps, AriaModalOverlayProps } from 'react-aria';
|
|
5
|
+
import type { TDefaultComponent, TTransition } from '../../types/components';
|
|
7
6
|
export interface TModalProps extends AriaModalOverlayProps, TDefaultComponent {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
state: OverlayTriggerState;
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
transitionComponent?: FunctionComponent<TTransition>;
|
|
11
10
|
}
|
|
12
|
-
|
|
13
11
|
export interface TModalOverlayProps extends AriaModalOverlayProps, TDefaultComponent {
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
state: OverlayTriggerState;
|
|
16
14
|
}
|
|
17
|
-
|
|
18
15
|
export interface TModalDialogProps extends AriaDialogProps, TDefaultComponent {
|
|
19
|
-
|
|
16
|
+
children: React.ReactNode;
|
|
20
17
|
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { DOMAttributes } from '@react-types/shared';
|
|
2
|
+
import type React from 'react';
|
|
3
|
+
import type { Placement } from 'react-aria';
|
|
4
|
+
import type { TDefaultComponent } from '../../types/components';
|
|
5
|
+
import type { TButtonProps } from '../Button/interface';
|
|
6
|
+
export interface IPopoverProps extends TDefaultComponent {
|
|
7
|
+
isOpen?: boolean;
|
|
8
|
+
onClose?: () => void;
|
|
9
|
+
children: React.ReactElement | React.ReactElement[];
|
|
10
|
+
positionProps?: DOMAttributes;
|
|
11
|
+
isDismissable?: boolean;
|
|
12
|
+
shouldCloseOnBlur?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export interface TPopoverButtonProps extends TDefaultComponent, IPopoverProps {
|
|
15
|
+
offset?: number;
|
|
16
|
+
buttonProps: TButtonProps;
|
|
17
|
+
placement?: Placement;
|
|
18
|
+
children: React.ReactElement | React.ReactElement[];
|
|
19
|
+
}
|
|
20
|
+
export type TPopoverProps = DOMAttributes & IPopoverProps;
|
|
21
|
+
export type PopoverOrientation = 'left' | 'right';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { TIconsContainerProps, TShareButtonProps } from './interface';
|
|
2
|
+
export declare const IconsContainer: (props: TIconsContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const ShareButton: (props: TShareButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default ShareButton;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import type { TToken } from '../../providers/Theme/interface';
|
|
3
|
+
import type { TDefaultComponent } from '../../types/components';
|
|
4
|
+
export interface TShareButtonProps extends TDefaultComponent<TShareButtonTokens> {
|
|
5
|
+
id: string;
|
|
6
|
+
icon?: React.ReactNode;
|
|
7
|
+
ariaLabel: string;
|
|
8
|
+
sharingLinksList: TShareButtonLink[];
|
|
9
|
+
onShare?: (sharingMedium: string) => void;
|
|
10
|
+
offset?: number;
|
|
11
|
+
}
|
|
12
|
+
interface TShareButtonTokens extends TToken {
|
|
13
|
+
listDirection: 'row' | 'column';
|
|
14
|
+
}
|
|
15
|
+
export interface TIconsContainerProps extends Omit<TShareButtonProps, 'ariaLabel' | 'icon'> {
|
|
16
|
+
isOpen: boolean;
|
|
17
|
+
setIsOpen: (isOpen: boolean) => void;
|
|
18
|
+
}
|
|
19
|
+
export interface TShareButtonLink {
|
|
20
|
+
ariaLabel: string;
|
|
21
|
+
icon?: React.ReactNode;
|
|
22
|
+
key: string;
|
|
23
|
+
onClick?: (linkKey: string) => void;
|
|
24
|
+
href?: string;
|
|
25
|
+
}
|
|
26
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
|
2
|
+
import type React from 'react';
|
|
3
|
+
import type { TDefaultComponent } from '../../types/components';
|
|
4
|
+
export interface ISidePanelProps extends HTMLAttributes<HTMLElement> {
|
|
5
|
+
id: string;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
closeBtnRender?: () => React.ReactNode;
|
|
8
|
+
TransitionAnimation?: (props: unknown) => JSX.Element;
|
|
9
|
+
PanelTransition?: (props: unknown) => JSX.Element;
|
|
10
|
+
onCloseCallBack?: () => void;
|
|
11
|
+
}
|
|
12
|
+
export type TSidePanelProps = ISidePanelProps & TDefaultComponent;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { TDefaultComponent } from '../../../../types/components';
|
|
2
|
+
import type { TTabPanel } from '../../interface';
|
|
3
|
+
declare function TabPanel({ state, customTheme, themeName, tokens, ...props }: TTabPanel & TDefaultComponent): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default TabPanel;
|