@qoretechnologies/reqore 0.76.0-pr.673.g960750c → 0.76.0
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/.claude/CLAUDE.md +2 -32
- package/dist/components/Accordion/index.js +89 -53
- package/dist/components/Accordion/index.js.map +1 -1
- package/dist/components/Breadcrumbs/index.js +71 -33
- package/dist/components/Breadcrumbs/index.js.map +1 -1
- package/dist/components/Breadcrumbs/item.js +13 -8
- package/dist/components/Breadcrumbs/item.js.map +1 -1
- package/dist/components/Bubble/index.js +93 -53
- package/dist/components/Bubble/index.js.map +1 -1
- package/dist/components/Button/index.d.ts +11 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +156 -114
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Callout/index.js +84 -45
- package/dist/components/Callout/index.js.map +1 -1
- package/dist/components/Checkbox/index.js +106 -68
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Collapse/index.js +56 -19
- package/dist/components/Collapse/index.js.map +1 -1
- package/dist/components/CollapsibleContent/index.js +78 -39
- package/dist/components/CollapsibleContent/index.js.map +1 -1
- package/dist/components/Collection/index.d.ts +7 -8
- package/dist/components/Collection/index.d.ts.map +1 -1
- package/dist/components/Collection/index.js +117 -75
- package/dist/components/Collection/index.js.map +1 -1
- package/dist/components/Collection/item.js +73 -33
- package/dist/components/Collection/item.js.map +1 -1
- package/dist/components/Columns/column.js +39 -3
- package/dist/components/Columns/column.js.map +1 -1
- package/dist/components/Columns/index.js +47 -8
- package/dist/components/Columns/index.js.map +1 -1
- package/dist/components/Comment/index.js +29 -22
- package/dist/components/Comment/index.js.map +1 -1
- package/dist/components/CommentFeed/index.js +14 -7
- package/dist/components/CommentFeed/index.js.map +1 -1
- package/dist/components/Content/index.js +48 -10
- package/dist/components/Content/index.js.map +1 -1
- package/dist/components/Content/wrapper.js +13 -8
- package/dist/components/Content/wrapper.js.map +1 -1
- package/dist/components/ControlGroup/index.d.ts.map +1 -1
- package/dist/components/ControlGroup/index.js +171 -58
- package/dist/components/ControlGroup/index.js.map +1 -1
- package/dist/components/ControlGroup/item.js +18 -12
- package/dist/components/ControlGroup/item.js.map +1 -1
- package/dist/components/DataView/helpers.js +53 -37
- package/dist/components/DataView/helpers.js.map +1 -1
- package/dist/components/DataView/index.js +234 -182
- package/dist/components/DataView/index.js.map +1 -1
- package/dist/components/DatePicker/MonthYearDropdowns.js +19 -12
- package/dist/components/DatePicker/MonthYearDropdowns.js.map +1 -1
- package/dist/components/DatePicker/index.js +65 -58
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/DescriptionList/index.js +65 -26
- package/dist/components/DescriptionList/index.js.map +1 -1
- package/dist/components/Drawer/backdrop.js +23 -17
- package/dist/components/Drawer/backdrop.js.map +1 -1
- package/dist/components/Drawer/index.d.ts +89 -0
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +236 -69
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Dropdown/index.d.ts.map +1 -1
- package/dist/components/Dropdown/index.js +23 -18
- package/dist/components/Dropdown/index.js.map +1 -1
- package/dist/components/Dropdown/item.d.ts +1 -1
- package/dist/components/Dropdown/item.d.ts.map +1 -1
- package/dist/components/Dropdown/item.js +34 -11
- package/dist/components/Dropdown/item.js.map +1 -1
- package/dist/components/Dropdown/list.d.ts.map +1 -1
- package/dist/components/Dropdown/list.js +96 -74
- package/dist/components/Dropdown/list.js.map +1 -1
- package/dist/components/Effect/index.d.ts +24 -1
- package/dist/components/Effect/index.d.ts.map +1 -1
- package/dist/components/Effect/index.js +107 -65
- package/dist/components/Effect/index.js.map +1 -1
- package/dist/components/EmptyState/index.js +26 -20
- package/dist/components/EmptyState/index.js.map +1 -1
- package/dist/components/EntityRow/index.js +98 -59
- package/dist/components/EntityRow/index.js.map +1 -1
- package/dist/components/ErrorBoundary/index.js +15 -12
- package/dist/components/ErrorBoundary/index.js.map +1 -1
- package/dist/components/ExportModal/index.js +24 -17
- package/dist/components/ExportModal/index.js.map +1 -1
- package/dist/components/FadeScroller/index.js +29 -23
- package/dist/components/FadeScroller/index.js.map +1 -1
- package/dist/components/FeatureCard/index.js +84 -45
- package/dist/components/FeatureCard/index.js.map +1 -1
- package/dist/components/GlobalModalsWrapper/index.js +16 -13
- package/dist/components/GlobalModalsWrapper/index.js.map +1 -1
- package/dist/components/Header/index.js +33 -21
- package/dist/components/Header/index.js.map +1 -1
- package/dist/components/Icon/index.js +77 -41
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/IconPicker/index.js +80 -41
- package/dist/components/IconPicker/index.js.map +1 -1
- package/dist/components/Input/index.js +94 -55
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/InputClearButton/index.js +20 -14
- package/dist/components/InputClearButton/index.js.map +1 -1
- package/dist/components/InternalPopover/index.d.ts +1 -0
- package/dist/components/InternalPopover/index.d.ts.map +1 -1
- package/dist/components/InternalPopover/index.js +190 -54
- package/dist/components/InternalPopover/index.js.map +1 -1
- package/dist/components/KeyValueTable/index.js +18 -11
- package/dist/components/KeyValueTable/index.js.map +1 -1
- package/dist/components/KeyboardShortcut/index.js +28 -22
- package/dist/components/KeyboardShortcut/index.js.map +1 -1
- package/dist/components/Label/index.js +11 -5
- package/dist/components/Label/index.js.map +1 -1
- package/dist/components/Layout/content.js +10 -5
- package/dist/components/Layout/content.js.map +1 -1
- package/dist/components/Layout/index.js +46 -8
- package/dist/components/Layout/index.js.map +1 -1
- package/dist/components/Link/index.js +63 -24
- package/dist/components/Link/index.js.map +1 -1
- package/dist/components/Menu/divider.js +56 -20
- package/dist/components/Menu/divider.js.map +1 -1
- package/dist/components/Menu/index.js +67 -29
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/Menu/item.js +20 -18
- package/dist/components/Menu/item.js.map +1 -1
- package/dist/components/Menu/section.js +19 -12
- package/dist/components/Menu/section.js.map +1 -1
- package/dist/components/Message/index.js +33 -28
- package/dist/components/Message/index.js.map +1 -1
- package/dist/components/Modal/index.js +18 -15
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/MultiSelect/index.d.ts +3 -3
- package/dist/components/MultiSelect/index.d.ts.map +1 -1
- package/dist/components/MultiSelect/index.js +10 -4
- package/dist/components/MultiSelect/index.js.map +1 -1
- package/dist/components/NavRail/index.js +145 -106
- package/dist/components/NavRail/index.js.map +1 -1
- package/dist/components/Navbar/divider.js +14 -9
- package/dist/components/Navbar/divider.js.map +1 -1
- package/dist/components/Navbar/group.js +45 -9
- package/dist/components/Navbar/group.js.map +1 -1
- package/dist/components/Navbar/index.js +53 -17
- package/dist/components/Navbar/index.js.map +1 -1
- package/dist/components/Navbar/item.js +50 -15
- package/dist/components/Navbar/item.js.map +1 -1
- package/dist/components/Notifications/index.js +44 -9
- package/dist/components/Notifications/index.js.map +1 -1
- package/dist/components/Notifications/notification.js +125 -79
- package/dist/components/Notifications/notification.js.map +1 -1
- package/dist/components/Notifications/styles.js +69 -33
- package/dist/components/Notifications/styles.js.map +1 -1
- package/dist/components/Paging/index.js +63 -24
- package/dist/components/Paging/index.js.map +1 -1
- package/dist/components/Panel/LabelEditor.js +21 -15
- package/dist/components/Panel/LabelEditor.js.map +1 -1
- package/dist/components/Panel/NonResponsiveActions.js +15 -9
- package/dist/components/Panel/NonResponsiveActions.js.map +1 -1
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +228 -180
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Panel/responsive.d.ts +24 -0
- package/dist/components/Panel/responsive.d.ts.map +1 -0
- package/dist/components/Panel/responsive.js +30 -0
- package/dist/components/Panel/responsive.js.map +1 -0
- package/dist/components/Paragraph/index.d.ts +8 -0
- package/dist/components/Paragraph/index.d.ts.map +1 -1
- package/dist/components/Paragraph/index.js +19 -13
- package/dist/components/Paragraph/index.js.map +1 -1
- package/dist/components/Popover/index.d.ts +46 -0
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +240 -42
- package/dist/components/Popover/index.js.map +1 -1
- package/dist/components/Progress/index.js +78 -40
- package/dist/components/Progress/index.js.map +1 -1
- package/dist/components/RadioGroup/index.d.ts.map +1 -1
- package/dist/components/RadioGroup/index.js +23 -9
- package/dist/components/RadioGroup/index.js.map +1 -1
- package/dist/components/Rating/index.js +81 -43
- package/dist/components/Rating/index.js.map +1 -1
- package/dist/components/RichTextEditor/index.d.ts.map +1 -1
- package/dist/components/RichTextEditor/index.js +362 -114
- package/dist/components/RichTextEditor/index.js.map +1 -1
- package/dist/components/SegmentedControl/index.js +97 -59
- package/dist/components/SegmentedControl/index.js.map +1 -1
- package/dist/components/Select/index.d.ts +68 -29
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +75 -140
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/valuePreview.d.ts +11 -0
- package/dist/components/Select/valuePreview.d.ts.map +1 -0
- package/dist/components/Select/valuePreview.js +64 -0
- package/dist/components/Select/valuePreview.js.map +1 -0
- package/dist/components/SeverityRow/index.js +85 -47
- package/dist/components/SeverityRow/index.js.map +1 -1
- package/dist/components/Skeleton/index.js +46 -9
- package/dist/components/Skeleton/index.js.map +1 -1
- package/dist/components/Slider/index.js +76 -37
- package/dist/components/Slider/index.js.map +1 -1
- package/dist/components/Spacer/index.js +61 -25
- package/dist/components/Spacer/index.js.map +1 -1
- package/dist/components/Span/index.js +19 -13
- package/dist/components/Span/index.js.map +1 -1
- package/dist/components/Spinner/index.js +16 -9
- package/dist/components/Spinner/index.js.map +1 -1
- package/dist/components/StackedBar/index.js +69 -34
- package/dist/components/StackedBar/index.js.map +1 -1
- package/dist/components/Statistic/index.js +73 -35
- package/dist/components/Statistic/index.js.map +1 -1
- package/dist/components/Table/body.d.ts.map +1 -1
- package/dist/components/Table/body.js +107 -48
- package/dist/components/Table/body.js.map +1 -1
- package/dist/components/Table/cell.d.ts.map +1 -1
- package/dist/components/Table/cell.js +68 -29
- package/dist/components/Table/cell.js.map +1 -1
- package/dist/components/Table/header.js +69 -33
- package/dist/components/Table/header.js.map +1 -1
- package/dist/components/Table/headerCell.js +65 -26
- package/dist/components/Table/headerCell.js.map +1 -1
- package/dist/components/Table/helpers.d.ts +62 -28
- package/dist/components/Table/helpers.d.ts.map +1 -1
- package/dist/components/Table/helpers.js +189 -111
- package/dist/components/Table/helpers.js.map +1 -1
- package/dist/components/Table/index.d.ts +30 -2
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js +142 -95
- package/dist/components/Table/index.js.map +1 -1
- package/dist/components/Table/row.d.ts +29 -1
- package/dist/components/Table/row.d.ts.map +1 -1
- package/dist/components/Table/row.js +163 -60
- package/dist/components/Table/row.js.map +1 -1
- package/dist/components/Table/scrollbar.js +37 -31
- package/dist/components/Table/scrollbar.js.map +1 -1
- package/dist/components/Table/value.js +15 -9
- package/dist/components/Table/value.js.map +1 -1
- package/dist/components/Tabs/content.js +17 -12
- package/dist/components/Tabs/content.js.map +1 -1
- package/dist/components/Tabs/index.js +52 -14
- package/dist/components/Tabs/index.js.map +1 -1
- package/dist/components/Tabs/item.js +65 -26
- package/dist/components/Tabs/item.js.map +1 -1
- package/dist/components/Tabs/list.js +101 -60
- package/dist/components/Tabs/list.js.map +1 -1
- package/dist/components/Tag/group.js +49 -11
- package/dist/components/Tag/group.js.map +1 -1
- package/dist/components/Tag/index.d.ts +5 -2
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +147 -92
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Testimonial/index.js +82 -44
- package/dist/components/Testimonial/index.js.map +1 -1
- package/dist/components/Textarea/index.d.ts +10 -0
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +167 -63
- package/dist/components/Textarea/index.js.map +1 -1
- package/dist/components/Tier/index.js +58 -19
- package/dist/components/Tier/index.js.map +1 -1
- package/dist/components/TimeAgo/index.js +16 -9
- package/dist/components/TimeAgo/index.js.map +1 -1
- package/dist/components/Timeline/index.js +117 -78
- package/dist/components/Timeline/index.js.map +1 -1
- package/dist/components/TooltipComponent/index.js +10 -7
- package/dist/components/TooltipComponent/index.js.map +1 -1
- package/dist/components/Tree/index.d.ts +2 -1
- package/dist/components/Tree/index.d.ts.map +1 -1
- package/dist/components/Tree/index.js +99 -70
- package/dist/components/Tree/index.js.map +1 -1
- package/dist/components/Tree/modal.js +20 -13
- package/dist/components/Tree/modal.js.map +1 -1
- package/dist/constants/animations.js +5 -2
- package/dist/constants/animations.js.map +1 -1
- package/dist/constants/colors.js +5 -2
- package/dist/constants/colors.js.map +1 -1
- package/dist/constants/fonts.js +10 -6
- package/dist/constants/fonts.js.map +1 -1
- package/dist/constants/paging.js +6 -2
- package/dist/constants/paging.js.map +1 -1
- package/dist/constants/sizes.js +55 -51
- package/dist/constants/sizes.js.map +1 -1
- package/dist/constants/theme.js +22 -19
- package/dist/constants/theme.js.map +1 -1
- package/dist/containers/Paging.js +16 -13
- package/dist/containers/Paging.js.map +1 -1
- package/dist/containers/ReqoreProvider.d.ts.map +1 -1
- package/dist/containers/ReqoreProvider.js +62 -52
- package/dist/containers/ReqoreProvider.js.map +1 -1
- package/dist/containers/ThemeProvider.js +13 -8
- package/dist/containers/ThemeProvider.js.map +1 -1
- package/dist/containers/UIProvider.d.ts.map +1 -1
- package/dist/containers/UIProvider.js +63 -31
- package/dist/containers/UIProvider.js.map +1 -1
- package/dist/context/CustomThemeContext.js +5 -3
- package/dist/context/CustomThemeContext.js.map +1 -1
- package/dist/context/ReqoreContext.js +6 -4
- package/dist/context/ReqoreContext.js.map +1 -1
- package/dist/context/ThemeContext.js +5 -3
- package/dist/context/ThemeContext.js.map +1 -1
- package/dist/helpers/animations.js +5 -2
- package/dist/helpers/animations.js.map +1 -1
- package/dist/helpers/colors.js +103 -78
- package/dist/helpers/colors.js.map +1 -1
- package/dist/helpers/dates.js +17 -8
- package/dist/helpers/dates.js.map +1 -1
- package/dist/helpers/search.js +11 -5
- package/dist/helpers/search.js.map +1 -1
- package/dist/helpers/selectItem.d.ts +23 -0
- package/dist/helpers/selectItem.d.ts.map +1 -0
- package/dist/helpers/selectItem.js +147 -0
- package/dist/helpers/selectItem.js.map +1 -0
- package/dist/helpers/shortcuts.js +14 -7
- package/dist/helpers/shortcuts.js.map +1 -1
- package/dist/helpers/styled.js +5 -1
- package/dist/helpers/styled.js.map +1 -1
- package/dist/helpers/time.js +5 -1
- package/dist/helpers/time.js.map +1 -1
- package/dist/helpers/utils.js +58 -38
- package/dist/helpers/utils.js.map +1 -1
- package/dist/hooks/useAutoFocus.js +14 -10
- package/dist/hooks/useAutoFocus.js.map +1 -1
- package/dist/hooks/useCloneThroughFragments.js +45 -8
- package/dist/hooks/useCloneThroughFragments.js.map +1 -1
- package/dist/hooks/useCombinedRefs.js +11 -5
- package/dist/hooks/useCombinedRefs.js.map +1 -1
- package/dist/hooks/useComponentTooltip.js +11 -7
- package/dist/hooks/useComponentTooltip.js.map +1 -1
- package/dist/hooks/useFitTextSize.js +13 -9
- package/dist/hooks/useFitTextSize.js.map +1 -1
- package/dist/hooks/useFocusTrap.js +10 -7
- package/dist/hooks/useFocusTrap.js.map +1 -1
- package/dist/hooks/useLatestZIndex.js +8 -6
- package/dist/hooks/useLatestZIndex.js.map +1 -1
- package/dist/hooks/useMarqueeOnHover.js +34 -25
- package/dist/hooks/useMarqueeOnHover.js.map +1 -1
- package/dist/hooks/useNarrowContainer.js +12 -8
- package/dist/hooks/useNarrowContainer.js.map +1 -1
- package/dist/hooks/useOutsideClick.js +6 -4
- package/dist/hooks/useOutsideClick.js.map +1 -1
- package/dist/hooks/usePaging.js +27 -20
- package/dist/hooks/usePaging.js.map +1 -1
- package/dist/hooks/useQueryWithDelay.js +12 -8
- package/dist/hooks/useQueryWithDelay.js.map +1 -1
- package/dist/hooks/useReqore.js +11 -4
- package/dist/hooks/useReqore.js.map +1 -1
- package/dist/hooks/useReqoreContext.js +11 -4
- package/dist/hooks/useReqoreContext.js.map +1 -1
- package/dist/hooks/useReqoreEffect.js +9 -5
- package/dist/hooks/useReqoreEffect.js.map +1 -1
- package/dist/hooks/useScrollFade.js +12 -8
- package/dist/hooks/useScrollFade.js.map +1 -1
- package/dist/hooks/useTextareaAutoSize.js +5 -3
- package/dist/hooks/useTextareaAutoSize.js.map +1 -1
- package/dist/hooks/useTheme.js +22 -15
- package/dist/hooks/useTheme.js.map +1 -1
- package/dist/hooks/useWhyDidYouUpdate.js +7 -4
- package/dist/hooks/useWhyDidYouUpdate.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +284 -107
- package/dist/index.js.map +1 -1
- package/dist/styles.js +58 -22
- package/dist/styles.js.map +1 -1
- package/dist/testing/index.d.ts +3 -0
- package/dist/testing/index.d.ts.map +1 -0
- package/dist/testing/index.js +23 -0
- package/dist/testing/index.js.map +1 -0
- package/dist/testing/tableGeometry.d.ts +75 -0
- package/dist/testing/tableGeometry.d.ts.map +1 -0
- package/dist/testing/tableGeometry.js +168 -0
- package/dist/testing/tableGeometry.js.map +1 -0
- package/dist/types/global.js +2 -1
- package/dist/types/icons.js +2 -1
- package/package.json +13 -9
- package/testing/package.json +7 -0
- package/tests.json +1 -0
- package/dist/components/Accordion/index.cjs +0 -199
- package/dist/components/Accordion/index.cjs.map +0 -1
- package/dist/components/Breadcrumbs/index.cjs +0 -239
- package/dist/components/Breadcrumbs/index.cjs.map +0 -1
- package/dist/components/Breadcrumbs/item.cjs +0 -43
- package/dist/components/Breadcrumbs/item.cjs.map +0 -1
- package/dist/components/Bubble/index.cjs +0 -281
- package/dist/components/Bubble/index.cjs.map +0 -1
- package/dist/components/Button/index.cjs +0 -401
- package/dist/components/Button/index.cjs.map +0 -1
- package/dist/components/Callout/index.cjs +0 -203
- package/dist/components/Callout/index.cjs.map +0 -1
- package/dist/components/Checkbox/index.cjs +0 -222
- package/dist/components/Checkbox/index.cjs.map +0 -1
- package/dist/components/Collapse/index.cjs +0 -127
- package/dist/components/Collapse/index.cjs.map +0 -1
- package/dist/components/CollapsibleContent/index.cjs +0 -244
- package/dist/components/CollapsibleContent/index.cjs.map +0 -1
- package/dist/components/Collection/index.cjs +0 -362
- package/dist/components/Collection/index.cjs.map +0 -1
- package/dist/components/Collection/item.cjs +0 -196
- package/dist/components/Collection/item.cjs.map +0 -1
- package/dist/components/Columns/column.cjs +0 -47
- package/dist/components/Columns/column.cjs.map +0 -1
- package/dist/components/Columns/index.cjs +0 -79
- package/dist/components/Columns/index.cjs.map +0 -1
- package/dist/components/Comment/index.cjs +0 -72
- package/dist/components/Comment/index.cjs.map +0 -1
- package/dist/components/CommentFeed/index.cjs +0 -49
- package/dist/components/CommentFeed/index.cjs.map +0 -1
- package/dist/components/Content/index.cjs +0 -80
- package/dist/components/Content/index.cjs.map +0 -1
- package/dist/components/Content/wrapper.cjs +0 -43
- package/dist/components/Content/wrapper.cjs.map +0 -1
- package/dist/components/ControlGroup/index.cjs +0 -437
- package/dist/components/ControlGroup/index.cjs.map +0 -1
- package/dist/components/ControlGroup/item.cjs +0 -86
- package/dist/components/ControlGroup/item.cjs.map +0 -1
- package/dist/components/DataView/helpers.cjs +0 -350
- package/dist/components/DataView/helpers.cjs.map +0 -1
- package/dist/components/DataView/index.cjs +0 -961
- package/dist/components/DataView/index.cjs.map +0 -1
- package/dist/components/DatePicker/MonthYearDropdowns.cjs +0 -64
- package/dist/components/DatePicker/MonthYearDropdowns.cjs.map +0 -1
- package/dist/components/DatePicker/index.cjs +0 -289
- package/dist/components/DatePicker/index.cjs.map +0 -1
- package/dist/components/DescriptionList/index.cjs +0 -183
- package/dist/components/DescriptionList/index.cjs.map +0 -1
- package/dist/components/Drawer/backdrop.cjs +0 -73
- package/dist/components/Drawer/backdrop.cjs.map +0 -1
- package/dist/components/Drawer/index.cjs +0 -302
- package/dist/components/Drawer/index.cjs.map +0 -1
- package/dist/components/Dropdown/index.cjs +0 -77
- package/dist/components/Dropdown/index.cjs.map +0 -1
- package/dist/components/Dropdown/item.cjs +0 -42
- package/dist/components/Dropdown/item.cjs.map +0 -1
- package/dist/components/Dropdown/list.cjs +0 -346
- package/dist/components/Dropdown/list.cjs.map +0 -1
- package/dist/components/Effect/index.cjs +0 -331
- package/dist/components/Effect/index.cjs.map +0 -1
- package/dist/components/EmptyState/index.cjs +0 -60
- package/dist/components/EmptyState/index.cjs.map +0 -1
- package/dist/components/EntityRow/index.cjs +0 -249
- package/dist/components/EntityRow/index.cjs.map +0 -1
- package/dist/components/ErrorBoundary/index.cjs +0 -118
- package/dist/components/ErrorBoundary/index.cjs.map +0 -1
- package/dist/components/ExportModal/index.cjs +0 -91
- package/dist/components/ExportModal/index.cjs.map +0 -1
- package/dist/components/FadeScroller/index.cjs +0 -327
- package/dist/components/FadeScroller/index.cjs.map +0 -1
- package/dist/components/FeatureCard/index.cjs +0 -168
- package/dist/components/FeatureCard/index.cjs.map +0 -1
- package/dist/components/GlobalModalsWrapper/index.cjs +0 -46
- package/dist/components/GlobalModalsWrapper/index.cjs.map +0 -1
- package/dist/components/Header/index.cjs +0 -70
- package/dist/components/Header/index.cjs.map +0 -1
- package/dist/components/Icon/index.cjs +0 -195
- package/dist/components/Icon/index.cjs.map +0 -1
- package/dist/components/IconPicker/index.cjs +0 -236
- package/dist/components/IconPicker/index.cjs.map +0 -1
- package/dist/components/Input/index.cjs +0 -203
- package/dist/components/Input/index.cjs.map +0 -1
- package/dist/components/InputClearButton/index.cjs +0 -62
- package/dist/components/InputClearButton/index.cjs.map +0 -1
- package/dist/components/InternalPopover/index.cjs +0 -315
- package/dist/components/InternalPopover/index.cjs.map +0 -1
- package/dist/components/KeyValueTable/index.cjs +0 -108
- package/dist/components/KeyValueTable/index.cjs.map +0 -1
- package/dist/components/KeyboardShortcut/index.cjs +0 -69
- package/dist/components/KeyboardShortcut/index.cjs.map +0 -1
- package/dist/components/Label/index.cjs +0 -24
- package/dist/components/Label/index.cjs.map +0 -1
- package/dist/components/Layout/content.cjs +0 -41
- package/dist/components/Layout/content.cjs.map +0 -1
- package/dist/components/Layout/index.cjs +0 -79
- package/dist/components/Layout/index.cjs.map +0 -1
- package/dist/components/Link/index.cjs +0 -168
- package/dist/components/Link/index.cjs.map +0 -1
- package/dist/components/Menu/divider.cjs +0 -98
- package/dist/components/Menu/divider.cjs.map +0 -1
- package/dist/components/Menu/index.cjs +0 -135
- package/dist/components/Menu/index.cjs.map +0 -1
- package/dist/components/Menu/item.cjs +0 -99
- package/dist/components/Menu/item.cjs.map +0 -1
- package/dist/components/Menu/section.cjs +0 -59
- package/dist/components/Menu/section.cjs.map +0 -1
- package/dist/components/Message/index.cjs +0 -78
- package/dist/components/Message/index.cjs.map +0 -1
- package/dist/components/Modal/index.cjs +0 -67
- package/dist/components/Modal/index.cjs.map +0 -1
- package/dist/components/MultiSelect/index.cjs +0 -36
- package/dist/components/MultiSelect/index.cjs.map +0 -1
- package/dist/components/NavRail/index.cjs +0 -666
- package/dist/components/NavRail/index.cjs.map +0 -1
- package/dist/components/Navbar/divider.cjs +0 -47
- package/dist/components/Navbar/divider.cjs.map +0 -1
- package/dist/components/Navbar/group.cjs +0 -85
- package/dist/components/Navbar/group.cjs.map +0 -1
- package/dist/components/Navbar/index.cjs +0 -97
- package/dist/components/Navbar/index.cjs.map +0 -1
- package/dist/components/Navbar/item.cjs +0 -98
- package/dist/components/Navbar/item.cjs.map +0 -1
- package/dist/components/Notifications/index.cjs +0 -66
- package/dist/components/Notifications/index.cjs.map +0 -1
- package/dist/components/Notifications/notification.cjs +0 -343
- package/dist/components/Notifications/notification.cjs.map +0 -1
- package/dist/components/Notifications/styles.cjs +0 -131
- package/dist/components/Notifications/styles.cjs.map +0 -1
- package/dist/components/Paging/index.cjs +0 -173
- package/dist/components/Paging/index.cjs.map +0 -1
- package/dist/components/Panel/LabelEditor.cjs +0 -62
- package/dist/components/Panel/LabelEditor.cjs.map +0 -1
- package/dist/components/Panel/NonResponsiveActions.cjs +0 -47
- package/dist/components/Panel/NonResponsiveActions.cjs.map +0 -1
- package/dist/components/Panel/index.cjs +0 -1054
- package/dist/components/Panel/index.cjs.map +0 -1
- package/dist/components/Paragraph/index.cjs +0 -55
- package/dist/components/Paragraph/index.cjs.map +0 -1
- package/dist/components/Popover/index.cjs +0 -348
- package/dist/components/Popover/index.cjs.map +0 -1
- package/dist/components/Progress/index.cjs +0 -187
- package/dist/components/Progress/index.cjs.map +0 -1
- package/dist/components/RadioGroup/index.cjs +0 -42
- package/dist/components/RadioGroup/index.cjs.map +0 -1
- package/dist/components/Rating/index.cjs +0 -207
- package/dist/components/Rating/index.cjs.map +0 -1
- package/dist/components/RichTextEditor/index.cjs +0 -424
- package/dist/components/RichTextEditor/index.cjs.map +0 -1
- package/dist/components/SegmentedControl/index.cjs +0 -364
- package/dist/components/SegmentedControl/index.cjs.map +0 -1
- package/dist/components/Select/index.cjs +0 -363
- package/dist/components/Select/index.cjs.map +0 -1
- package/dist/components/SeverityRow/index.cjs +0 -207
- package/dist/components/SeverityRow/index.cjs.map +0 -1
- package/dist/components/Skeleton/index.cjs +0 -58
- package/dist/components/Skeleton/index.cjs.map +0 -1
- package/dist/components/Slider/index.cjs +0 -154
- package/dist/components/Slider/index.cjs.map +0 -1
- package/dist/components/Spacer/index.cjs +0 -138
- package/dist/components/Spacer/index.cjs.map +0 -1
- package/dist/components/Span/index.cjs +0 -61
- package/dist/components/Span/index.cjs.map +0 -1
- package/dist/components/Spinner/index.cjs +0 -44
- package/dist/components/Spinner/index.cjs.map +0 -1
- package/dist/components/StackedBar/index.cjs +0 -209
- package/dist/components/StackedBar/index.cjs.map +0 -1
- package/dist/components/Statistic/index.cjs +0 -161
- package/dist/components/Statistic/index.cjs.map +0 -1
- package/dist/components/Table/body.cjs +0 -265
- package/dist/components/Table/body.cjs.map +0 -1
- package/dist/components/Table/cell.cjs +0 -179
- package/dist/components/Table/cell.cjs.map +0 -1
- package/dist/components/Table/header.cjs +0 -170
- package/dist/components/Table/header.cjs.map +0 -1
- package/dist/components/Table/headerCell.cjs +0 -277
- package/dist/components/Table/headerCell.cjs.map +0 -1
- package/dist/components/Table/helpers.cjs +0 -386
- package/dist/components/Table/helpers.cjs.map +0 -1
- package/dist/components/Table/index.cjs +0 -682
- package/dist/components/Table/index.cjs.map +0 -1
- package/dist/components/Table/row.cjs +0 -345
- package/dist/components/Table/row.cjs.map +0 -1
- package/dist/components/Table/scrollbar.cjs +0 -201
- package/dist/components/Table/scrollbar.cjs.map +0 -1
- package/dist/components/Table/value.cjs +0 -26
- package/dist/components/Table/value.cjs.map +0 -1
- package/dist/components/Tabs/content.cjs +0 -63
- package/dist/components/Tabs/content.cjs.map +0 -1
- package/dist/components/Tabs/index.cjs +0 -109
- package/dist/components/Tabs/index.cjs.map +0 -1
- package/dist/components/Tabs/item.cjs +0 -136
- package/dist/components/Tabs/item.cjs.map +0 -1
- package/dist/components/Tabs/list.cjs +0 -322
- package/dist/components/Tabs/list.cjs.map +0 -1
- package/dist/components/Tag/group.cjs +0 -107
- package/dist/components/Tag/group.cjs.map +0 -1
- package/dist/components/Tag/index.cjs +0 -343
- package/dist/components/Tag/index.cjs.map +0 -1
- package/dist/components/Testimonial/index.cjs +0 -166
- package/dist/components/Testimonial/index.cjs.map +0 -1
- package/dist/components/Textarea/index.cjs +0 -220
- package/dist/components/Textarea/index.cjs.map +0 -1
- package/dist/components/Tier/index.cjs +0 -107
- package/dist/components/Tier/index.cjs.map +0 -1
- package/dist/components/TimeAgo/index.cjs +0 -27
- package/dist/components/TimeAgo/index.cjs.map +0 -1
- package/dist/components/Timeline/index.cjs +0 -416
- package/dist/components/Timeline/index.cjs.map +0 -1
- package/dist/components/TooltipComponent/index.cjs +0 -37
- package/dist/components/TooltipComponent/index.cjs.map +0 -1
- package/dist/components/Tree/index.cjs +0 -321
- package/dist/components/Tree/index.cjs.map +0 -1
- package/dist/components/Tree/modal.cjs +0 -38
- package/dist/components/Tree/modal.cjs.map +0 -1
- package/dist/constants/animations.cjs +0 -12
- package/dist/constants/animations.cjs.map +0 -1
- package/dist/constants/colors.cjs +0 -16
- package/dist/constants/colors.cjs.map +0 -1
- package/dist/constants/fonts.cjs +0 -28
- package/dist/constants/fonts.cjs.map +0 -1
- package/dist/constants/paging.cjs +0 -63
- package/dist/constants/paging.cjs.map +0 -1
- package/dist/constants/sizes.cjs +0 -462
- package/dist/constants/sizes.cjs.map +0 -1
- package/dist/constants/theme.cjs +0 -43
- package/dist/constants/theme.cjs.map +0 -1
- package/dist/containers/Paging.cjs +0 -52
- package/dist/containers/Paging.cjs.map +0 -1
- package/dist/containers/ReqoreProvider.cjs +0 -275
- package/dist/containers/ReqoreProvider.cjs.map +0 -1
- package/dist/containers/ThemeProvider.cjs +0 -17
- package/dist/containers/ThemeProvider.cjs.map +0 -1
- package/dist/containers/UIProvider.cjs +0 -96
- package/dist/containers/UIProvider.cjs.map +0 -1
- package/dist/context/CustomThemeContext.cjs +0 -6
- package/dist/context/CustomThemeContext.cjs.map +0 -1
- package/dist/context/ReqoreContext.cjs +0 -25
- package/dist/context/ReqoreContext.cjs.map +0 -1
- package/dist/context/ThemeContext.cjs +0 -6
- package/dist/context/ThemeContext.cjs.map +0 -1
- package/dist/helpers/animations.cjs +0 -11
- package/dist/helpers/animations.cjs.map +0 -1
- package/dist/helpers/colors.cjs +0 -273
- package/dist/helpers/colors.cjs.map +0 -1
- package/dist/helpers/dates.cjs +0 -62
- package/dist/helpers/dates.cjs.map +0 -1
- package/dist/helpers/portal.cjs +0 -32
- package/dist/helpers/portal.cjs.map +0 -1
- package/dist/helpers/portal.d.ts +0 -18
- package/dist/helpers/portal.d.ts.map +0 -1
- package/dist/helpers/portal.js +0 -27
- package/dist/helpers/portal.js.map +0 -1
- package/dist/helpers/search.cjs +0 -63
- package/dist/helpers/search.cjs.map +0 -1
- package/dist/helpers/shortcuts.cjs +0 -152
- package/dist/helpers/shortcuts.cjs.map +0 -1
- package/dist/helpers/styled.cjs +0 -46
- package/dist/helpers/styled.cjs.map +0 -1
- package/dist/helpers/time.cjs +0 -25
- package/dist/helpers/time.cjs.map +0 -1
- package/dist/helpers/utils.cjs +0 -294
- package/dist/helpers/utils.cjs.map +0 -1
- package/dist/hooks/useAutoFocus.cjs +0 -84
- package/dist/hooks/useAutoFocus.cjs.map +0 -1
- package/dist/hooks/useCloneThroughFragments.cjs +0 -63
- package/dist/hooks/useCloneThroughFragments.cjs.map +0 -1
- package/dist/hooks/useCombinedRefs.cjs +0 -44
- package/dist/hooks/useCombinedRefs.cjs.map +0 -1
- package/dist/hooks/useComponentTooltip.cjs +0 -34
- package/dist/hooks/useComponentTooltip.cjs.map +0 -1
- package/dist/hooks/useFitTextSize.cjs +0 -75
- package/dist/hooks/useFitTextSize.cjs.map +0 -1
- package/dist/hooks/useFocusTrap.cjs +0 -119
- package/dist/hooks/useFocusTrap.cjs.map +0 -1
- package/dist/hooks/useLatestZIndex.cjs +0 -12
- package/dist/hooks/useLatestZIndex.cjs.map +0 -1
- package/dist/hooks/useMarqueeOnHover.cjs +0 -292
- package/dist/hooks/useMarqueeOnHover.cjs.map +0 -1
- package/dist/hooks/useNarrowContainer.cjs +0 -68
- package/dist/hooks/useNarrowContainer.cjs.map +0 -1
- package/dist/hooks/useOutsideClick.cjs +0 -19
- package/dist/hooks/useOutsideClick.cjs.map +0 -1
- package/dist/hooks/usePaging.cjs +0 -152
- package/dist/hooks/usePaging.cjs.map +0 -1
- package/dist/hooks/useQueryWithDelay.cjs +0 -25
- package/dist/hooks/useQueryWithDelay.cjs.map +0 -1
- package/dist/hooks/useReqore.cjs +0 -17
- package/dist/hooks/useReqore.cjs.map +0 -1
- package/dist/hooks/useReqoreContext.cjs +0 -19
- package/dist/hooks/useReqoreContext.cjs.map +0 -1
- package/dist/hooks/useReqoreEffect.cjs +0 -34
- package/dist/hooks/useReqoreEffect.cjs.map +0 -1
- package/dist/hooks/useScrollFade.cjs +0 -70
- package/dist/hooks/useScrollFade.cjs.map +0 -1
- package/dist/hooks/useTextareaAutoSize.cjs +0 -22
- package/dist/hooks/useTextareaAutoSize.cjs.map +0 -1
- package/dist/hooks/useTheme.cjs +0 -49
- package/dist/hooks/useTheme.cjs.map +0 -1
- package/dist/hooks/useWhyDidYouUpdate.cjs +0 -46
- package/dist/hooks/useWhyDidYouUpdate.cjs.map +0 -1
- package/dist/index.cjs +0 -271
- package/dist/index.cjs.map +0 -1
- package/dist/package.json +0 -3
- package/dist/styles.cjs +0 -88
- package/dist/styles.cjs.map +0 -1
- package/dist/types/global.cjs +0 -3
- package/dist/types/global.cjs.map +0 -1
- package/dist/types/icons.cjs +0 -3
- package/dist/types/icons.cjs.map +0 -1
package/.claude/CLAUDE.md
CHANGED
|
@@ -40,8 +40,7 @@ itself** — rules here are about how to build and publish reqore's own componen
|
|
|
40
40
|
## Key Facts
|
|
41
41
|
|
|
42
42
|
- **Framework:** React 18 + TypeScript (strict mode)
|
|
43
|
-
- **Build:**
|
|
44
|
-
(`main`), shared `.d.ts`. See "Packaging" below before touching any of it.
|
|
43
|
+
- **Build:** TypeScript compilation to `/dist`, exports both `.js` and `.d.ts`
|
|
45
44
|
- **Styling:** styled-components with theme-driven values (no CSS modules)
|
|
46
45
|
- **State:** zustand + React Context (use-context-selector)
|
|
47
46
|
- **Testing:** Jest + React Testing Library (tests in `__tests__/`)
|
|
@@ -107,38 +106,9 @@ yarn storybook # Dev mode on http://localhost:6007
|
|
|
107
106
|
yarn docs:dev # Docusaurus dev server
|
|
108
107
|
yarn test:watch # Jest watch mode
|
|
109
108
|
yarn lint # ESLint check
|
|
110
|
-
yarn build #
|
|
111
|
-
yarn build:verify # Node requires the CJS entry; esbuild bundles the ESM tree
|
|
109
|
+
yarn build # TypeScript compilation
|
|
112
110
|
```
|
|
113
111
|
|
|
114
|
-
### Packaging (dual ESM + CommonJS)
|
|
115
|
-
`yarn build` runs tsc twice and `scripts/postbuild-dual.mjs` turns the result into one tree:
|
|
116
|
-
ESM as `dist/**/*.js` (the `module` entry — what bundlers take, and what every deep import
|
|
117
|
-
such as `dist/components/Panel` resolves to, in dev and in build alike), CommonJS as
|
|
118
|
-
`dist/**/*.cjs` (the `main` entry — what Node takes), shared `.d.ts`, and a
|
|
119
|
-
`dist/package.json` marking the `.js` files ESM. Relative specifiers get explicit extensions
|
|
120
|
-
in both trees, so a consumer never mixes them: one ThemeContext, one styled-components
|
|
121
|
-
instance. `sideEffects: false` is set and must stay true — no module may have import-time
|
|
122
|
-
side effects (no CSS imports, no top-level DOM access).
|
|
123
|
-
|
|
124
|
-
Rules that fall out of this:
|
|
125
|
-
- **No `exports` map.** It matches subpaths literally, with no extension or index probing,
|
|
126
|
-
and would break every extensionless deep import in the IDE (621 at last count).
|
|
127
|
-
- **No `"type": "module"` at the repo root.** It lives in `dist/package.json` only.
|
|
128
|
-
- **The ESM tree is for bundlers.** It keeps bare CommonJS subpaths (`lodash/size`) and
|
|
129
|
-
`import styled from 'styled-components'`, neither of which Node's native ESM loader
|
|
130
|
-
accepts. Node — and any server renderer that externalises the package — takes `main`.
|
|
131
|
-
- Keep writing `export { default as X } from '...'` in `src/index.tsx`. It compiles to a
|
|
132
|
-
getter Node's CommonJS lexer cannot read; the post-build step rewrites those getters to
|
|
133
|
-
the readable form. Do NOT hoist replacement imports to the top of `index.tsx` instead —
|
|
134
|
-
that changes module evaluation order through an existing import cycle
|
|
135
|
-
(`styles.ts` ↔ `components/Icon`) and every Storybook story fails with a TDZ error.
|
|
136
|
-
- Requiring a *leaf* module directly in Node (`require('.../dist/components/Tag/index.cjs')`)
|
|
137
|
-
fails on a circular import through the root index. It always has with the CJS dist;
|
|
138
|
-
bundlers resolve the cycle. Require the root.
|
|
139
|
-
- One dependency (`react-hotkeys-hook`) is ESM-only, so requiring the CJS entry needs Node
|
|
140
|
-
20.19+ / 22.12+ (`require(esm)`). That predates the dual build.
|
|
141
|
-
|
|
142
112
|
### Pre-commit Checks
|
|
143
113
|
- `yarn precheck` runs: lint → test → build (production).
|
|
144
114
|
- `pre-push` hook enforces the same checks before push (see `package.json`).
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
4
|
return cooked;
|
|
@@ -13,6 +14,39 @@ var __assign = (this && this.__assign) || function () {
|
|
|
13
14
|
};
|
|
14
15
|
return __assign.apply(this, arguments);
|
|
15
16
|
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
34
|
+
var ownKeys = function(o) {
|
|
35
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
36
|
+
var ar = [];
|
|
37
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
38
|
+
return ar;
|
|
39
|
+
};
|
|
40
|
+
return ownKeys(o);
|
|
41
|
+
};
|
|
42
|
+
return function (mod) {
|
|
43
|
+
if (mod && mod.__esModule) return mod;
|
|
44
|
+
var result = {};
|
|
45
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
46
|
+
__setModuleDefault(result, mod);
|
|
47
|
+
return result;
|
|
48
|
+
};
|
|
49
|
+
})();
|
|
16
50
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
17
51
|
var t = {};
|
|
18
52
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -24,101 +58,103 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
24
58
|
}
|
|
25
59
|
return t;
|
|
26
60
|
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
var
|
|
61
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
62
|
+
exports.ReqoreAccordion = void 0;
|
|
63
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
64
|
+
var polished_1 = require("polished");
|
|
65
|
+
var react_1 = require("react");
|
|
66
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
67
|
+
var sizes_1 = require("../../constants/sizes");
|
|
68
|
+
var colors_1 = require("../../helpers/colors");
|
|
69
|
+
var utils_1 = require("../../helpers/utils");
|
|
70
|
+
var useTheme_1 = require("../../hooks/useTheme");
|
|
71
|
+
var styles_1 = require("../../styles");
|
|
72
|
+
var Button_1 = require("../Button");
|
|
73
|
+
var Effect_1 = require("../Effect");
|
|
74
|
+
var Header_1 = require("../Header");
|
|
75
|
+
var Icon_1 = __importStar(require("../Icon"));
|
|
76
|
+
var Span_1 = require("../Span");
|
|
77
|
+
var TooltipComponent_1 = require("../TooltipComponent");
|
|
78
|
+
var StyledAccordionWrapper = (0, styled_components_1.default)(Effect_1.StyledEffect)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: ", ";\n border-radius: ", "px;\n overflow: hidden;\n border: ", ";\n\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n width: ", ";\n border-radius: ", "px;\n overflow: hidden;\n border: ", ";\n\n ", "\n"])), function (_a) {
|
|
43
79
|
var $fluid = _a.$fluid;
|
|
44
80
|
return ($fluid ? '100%' : undefined);
|
|
45
81
|
}, function (_a) {
|
|
46
82
|
var rounded = _a.rounded, size = _a.size;
|
|
47
|
-
return (rounded ? RADIUS_FROM_SIZE[size] : 0);
|
|
83
|
+
return (rounded ? sizes_1.RADIUS_FROM_SIZE[size] : 0);
|
|
48
84
|
}, function (_a) {
|
|
49
85
|
var flat = _a.flat, theme = _a.theme;
|
|
50
|
-
return flat ? undefined : "1px solid ".concat(changeLightness(getMainBackgroundColor(theme), 0.08));
|
|
86
|
+
return flat ? undefined : "1px solid ".concat((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.08));
|
|
51
87
|
}, function (_a) {
|
|
52
88
|
var disabled = _a.disabled;
|
|
53
|
-
return disabled && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), DisabledElement);
|
|
89
|
+
return disabled && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), styles_1.DisabledElement);
|
|
54
90
|
});
|
|
55
|
-
var StyledAccordionItem =
|
|
91
|
+
var StyledAccordionItem = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &:not(:first-child) {\n border-top: ", ";\n }\n"], ["\n &:not(:first-child) {\n border-top: ", ";\n }\n"])), function (_a) {
|
|
56
92
|
var flat = _a.flat, theme = _a.theme;
|
|
57
|
-
return flat ? undefined : "1px solid ".concat(changeLightness(getMainBackgroundColor(theme), 0.08));
|
|
93
|
+
return flat ? undefined : "1px solid ".concat((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.08));
|
|
58
94
|
});
|
|
59
|
-
var StyledAccordionHeader =
|
|
95
|
+
var StyledAccordionHeader = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", "px;\n padding: ", ";\n cursor: pointer;\n user-select: none;\n transition: background-color 0.15s ease-out;\n background-color: ", ";\n color: ", ";\n font-size: ", "px;\n\n ", " {\n transform: scale(", ");\n transition: transform 0.15s ease-out;\n }\n\n &:hover {\n background-color: ", ";\n\n ", " {\n transform: scale(", ");\n }\n }\n\n ", "\n"], ["\n display: flex;\n align-items: center;\n gap: ", "px;\n padding: ", ";\n cursor: pointer;\n user-select: none;\n transition: background-color 0.15s ease-out;\n background-color: ", ";\n color: ", ";\n font-size: ", "px;\n\n ", " {\n transform: scale(", ");\n transition: transform 0.15s ease-out;\n }\n\n &:hover {\n background-color: ", ";\n\n ", " {\n transform: scale(", ");\n }\n }\n\n ", "\n"])), function () { return sizes_1.GAP_FROM_SIZE.normal; }, function (_a) {
|
|
60
96
|
var size = _a.size;
|
|
61
|
-
return "".concat(PADDING_FROM_SIZE[size] * 1.5, "px ").concat(PADDING_FROM_SIZE[size] * 1.5, "px");
|
|
97
|
+
return "".concat(sizes_1.PADDING_FROM_SIZE[size] * 1.5, "px ").concat(sizes_1.PADDING_FROM_SIZE[size] * 1.5, "px");
|
|
62
98
|
}, function (_a) {
|
|
63
99
|
var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b, minimal = _a.minimal, intent = _a.intent;
|
|
64
100
|
if (minimal) {
|
|
65
|
-
return intent ? rgba(theme.intents[intent], 0.1) : 'transparent';
|
|
101
|
+
return intent ? (0, polished_1.rgba)(theme.intents[intent], 0.1) : 'transparent';
|
|
66
102
|
}
|
|
67
|
-
return rgba(changeLightness(getMainBackgroundColor(theme), 0.03), opacity);
|
|
103
|
+
return (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.03), opacity);
|
|
68
104
|
}, function (_a) {
|
|
69
105
|
var theme = _a.theme;
|
|
70
|
-
return getReadableColor(theme, undefined, undefined, true);
|
|
106
|
+
return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
|
|
71
107
|
}, function (_a) {
|
|
72
108
|
var size = _a.size;
|
|
73
|
-
return TEXT_FROM_SIZE[size];
|
|
74
|
-
}, StyledIconWrapper, INACTIVE_ICON_SCALE, function (_a) {
|
|
109
|
+
return sizes_1.TEXT_FROM_SIZE[size];
|
|
110
|
+
}, Icon_1.StyledIconWrapper, styles_1.INACTIVE_ICON_SCALE, function (_a) {
|
|
75
111
|
var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b, disabled = _a.disabled, minimal = _a.minimal, intent = _a.intent;
|
|
76
112
|
if (disabled)
|
|
77
113
|
return undefined;
|
|
78
114
|
if (minimal) {
|
|
79
|
-
return intent ? rgba(theme.intents[intent], 0.18) : 'transparent';
|
|
115
|
+
return intent ? (0, polished_1.rgba)(theme.intents[intent], 0.18) : 'transparent';
|
|
80
116
|
}
|
|
81
|
-
return rgba(changeLightness(getMainBackgroundColor(theme), 0.05), opacity);
|
|
82
|
-
}, StyledIconWrapper, ACTIVE_ICON_SCALE, function (_a) {
|
|
117
|
+
return (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.05), opacity);
|
|
118
|
+
}, Icon_1.StyledIconWrapper, styles_1.ACTIVE_ICON_SCALE, function (_a) {
|
|
83
119
|
var disabled = _a.disabled;
|
|
84
|
-
return disabled && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), DisabledElement);
|
|
120
|
+
return disabled && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), styles_1.DisabledElement);
|
|
85
121
|
});
|
|
86
|
-
var StyledAccordionChevron =
|
|
122
|
+
var StyledAccordionChevron = (0, styled_components_1.default)(Icon_1.StyledIconWrapper)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n transition: transform 0.2s ease-out !important;\n transform: rotate(", ") !important;\n flex-shrink: 0;\n"], ["\n transition: transform 0.2s ease-out !important;\n transform: rotate(", ") !important;\n flex-shrink: 0;\n"])), function (_a) {
|
|
87
123
|
var $isOpen = _a.$isOpen;
|
|
88
124
|
return ($isOpen ? '180deg' : '0deg');
|
|
89
125
|
});
|
|
90
|
-
var StyledAccordionContentWrapper =
|
|
126
|
+
var StyledAccordionContentWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: grid;\n grid-template-rows: ", ";\n transition: grid-template-rows 0.2s ease-in-out;\n"], ["\n display: grid;\n grid-template-rows: ", ";\n transition: grid-template-rows 0.2s ease-in-out;\n"])), function (_a) {
|
|
91
127
|
var $isOpen = _a.$isOpen;
|
|
92
128
|
return ($isOpen ? '1fr' : '0fr');
|
|
93
129
|
});
|
|
94
|
-
var StyledAccordionContentInner =
|
|
95
|
-
var StyledAccordionContentBody =
|
|
130
|
+
var StyledAccordionContentInner = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n overflow: hidden;\n"], ["\n overflow: hidden;\n"])));
|
|
131
|
+
var StyledAccordionContentBody = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n padding: ", ";\n font-size: ", "px;\n color: ", ";\n background-color: ", ";\n border-top: 1px solid ", ";\n"], ["\n padding: ", ";\n font-size: ", "px;\n color: ", ";\n background-color: ", ";\n border-top: 1px solid ", ";\n"])), function (_a) {
|
|
96
132
|
var size = _a.size;
|
|
97
|
-
return "".concat(PADDING_FROM_SIZE[size] * 3, "px ").concat(PADDING_FROM_SIZE[size] * 4.6, "px");
|
|
133
|
+
return "".concat(sizes_1.PADDING_FROM_SIZE[size] * 3, "px ").concat(sizes_1.PADDING_FROM_SIZE[size] * 4.6, "px");
|
|
98
134
|
}, function (_a) {
|
|
99
135
|
var size = _a.size;
|
|
100
|
-
return TEXT_FROM_SIZE[size];
|
|
136
|
+
return sizes_1.TEXT_FROM_SIZE[size];
|
|
101
137
|
}, function (_a) {
|
|
102
138
|
var theme = _a.theme;
|
|
103
|
-
return getReadableColor(theme, undefined, undefined, true);
|
|
139
|
+
return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
|
|
104
140
|
}, function (_a) {
|
|
105
141
|
var theme = _a.theme;
|
|
106
|
-
return rgba(changeDarkness(getMainBackgroundColor(theme), 0.03), 1);
|
|
142
|
+
return (0, polished_1.rgba)((0, colors_1.changeDarkness)((0, colors_1.getMainBackgroundColor)(theme), 0.03), 1);
|
|
107
143
|
}, function (_a) {
|
|
108
144
|
var theme = _a.theme;
|
|
109
|
-
return changeLightness(getMainBackgroundColor(theme), 0.05);
|
|
145
|
+
return (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.05);
|
|
110
146
|
});
|
|
111
|
-
var AccordionItemRenderer = memo(function (_a) {
|
|
147
|
+
var AccordionItemRenderer = (0, react_1.memo)(function (_a) {
|
|
112
148
|
var item = _a.item, index = _a.index, isOpen = _a.isOpen, theme = _a.theme, customTheme = _a.customTheme, size = _a.size, intent = _a.intent, flat = _a.flat, rounded = _a.rounded, minimal = _a.minimal, disabled = _a.disabled, effectiveOpacity = _a.effectiveOpacity, isFirst = _a.isFirst, isLast = _a.isLast, onToggle = _a.onToggle, onKeyDown = _a.onKeyDown;
|
|
113
149
|
var itemIntent = item.intent || intent;
|
|
114
|
-
var itemTheme = useReqoreTheme('main', customTheme, itemIntent);
|
|
150
|
+
var itemTheme = (0, useTheme_1.useReqoreTheme)('main', customTheme, itemIntent);
|
|
115
151
|
var isItemDisabled = item.disabled || disabled;
|
|
116
|
-
return (
|
|
152
|
+
return ((0, jsx_runtime_1.jsxs)(StyledAccordionItem, { theme: theme, size: size, disabled: isItemDisabled, intent: itemIntent, flat: flat, isFirst: isFirst, isLast: isLast, rounded: rounded, opacity: effectiveOpacity, className: 'reqore-accordion-item', children: [(0, jsx_runtime_1.jsxs)(StyledAccordionHeader, { theme: itemTheme, size: size, "$isOpen": isOpen, disabled: isItemDisabled, intent: itemIntent, flat: flat, minimal: minimal, opacity: effectiveOpacity, onClick: function () { return onToggle(index); }, onKeyDown: function (e) { return onKeyDown(e, index); }, tabIndex: isItemDisabled ? undefined : 0, role: 'button', "aria-expanded": isOpen, className: 'reqore-accordion-header', children: [(0, jsx_runtime_1.jsx)(StyledAccordionChevron, { as: 'span', "$isOpen": isOpen, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { icon: 'ArrowDownSLine', size: (0, utils_1.getOneLessSize)(size) }) }), item.icon && ((0, jsx_runtime_1.jsx)(Icon_1.default, { icon: item.icon, size: (0, utils_1.getOneLessSize)(size), color: item.iconColor, className: 'reqore-accordion-icon' })), (0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, { size: (0, utils_1.getOneLessSize)(size), effect: item.labelEffect, className: 'reqore-accordion-title', children: item.label }), (item.badge || item.badge === 0) && (0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { content: item.badge, size: size })] }), (0, jsx_runtime_1.jsx)(StyledAccordionContentWrapper, { theme: theme, size: size, "$isOpen": isOpen, children: (0, jsx_runtime_1.jsx)(StyledAccordionContentInner, { theme: theme, size: size, children: (0, jsx_runtime_1.jsx)(StyledAccordionContentBody, { theme: theme, size: size, className: 'reqore-accordion-content', children: typeof item.content === 'string' ? ((0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: size, children: item.content })) : (item.content) }) }) })] }));
|
|
117
153
|
});
|
|
118
|
-
|
|
154
|
+
exports.ReqoreAccordion = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
|
|
119
155
|
var items = _a.items, _b = _a.allowMultiple, allowMultiple = _b === void 0 ? true : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, intent = _a.intent, fluid = _a.fluid, flat = _a.flat, disabled = _a.disabled, tooltip = _a.tooltip, _d = _a.rounded, rounded = _d === void 0 ? true : _d, minimal = _a.minimal, effect = _a.effect, opacity = _a.opacity, transparent = _a.transparent, onItemToggle = _a.onItemToggle, className = _a.className, rest = __rest(_a, ["items", "allowMultiple", "size", "customTheme", "inheritCustomTheme", "intent", "fluid", "flat", "disabled", "tooltip", "rounded", "minimal", "effect", "opacity", "transparent", "onItemToggle", "className"]);
|
|
120
|
-
var theme = useReqoreTheme('main', customTheme, intent, undefined, inheritCustomTheme);
|
|
121
|
-
var _e = useState(function () {
|
|
156
|
+
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent, undefined, inheritCustomTheme);
|
|
157
|
+
var _e = (0, react_1.useState)(function () {
|
|
122
158
|
return items.reduce(function (acc, item, index) {
|
|
123
159
|
if (item.isOpen) {
|
|
124
160
|
acc[index] = true;
|
|
@@ -126,7 +162,7 @@ export var ReqoreAccordion = memo(forwardRef(function (_a, ref) {
|
|
|
126
162
|
return acc;
|
|
127
163
|
}, {});
|
|
128
164
|
}), openItems = _e[0], setOpenItems = _e[1];
|
|
129
|
-
var handleToggle = useCallback(function (index) {
|
|
165
|
+
var handleToggle = (0, react_1.useCallback)(function (index) {
|
|
130
166
|
var _a;
|
|
131
167
|
if (((_a = items[index]) === null || _a === void 0 ? void 0 : _a.disabled) || disabled)
|
|
132
168
|
return;
|
|
@@ -138,26 +174,26 @@ export var ReqoreAccordion = memo(forwardRef(function (_a, ref) {
|
|
|
138
174
|
});
|
|
139
175
|
onItemToggle === null || onItemToggle === void 0 ? void 0 : onItemToggle(index, !openItems[index]);
|
|
140
176
|
}, [allowMultiple, disabled, items, onItemToggle, openItems]);
|
|
141
|
-
var handleKeyDown = useCallback(function (event, index) {
|
|
177
|
+
var handleKeyDown = (0, react_1.useCallback)(function (event, index) {
|
|
142
178
|
if (event.key === 'Enter' || event.key === ' ') {
|
|
143
179
|
event.preventDefault();
|
|
144
180
|
handleToggle(index);
|
|
145
181
|
}
|
|
146
182
|
}, [handleToggle]);
|
|
147
|
-
var transformedEffect = useMemo(function () {
|
|
183
|
+
var transformedEffect = (0, react_1.useMemo)(function () {
|
|
148
184
|
if (!effect)
|
|
149
185
|
return undefined;
|
|
150
186
|
var newEffect = __assign({}, effect);
|
|
151
187
|
if (newEffect.gradient && intent) {
|
|
152
|
-
newEffect.gradient = patchPrimaryGradient(newEffect.gradient, {
|
|
188
|
+
newEffect.gradient = (0, Effect_1.patchPrimaryGradient)(newEffect.gradient, {
|
|
153
189
|
borderColor: theme.intents[intent],
|
|
154
190
|
});
|
|
155
191
|
}
|
|
156
192
|
return newEffect;
|
|
157
193
|
}, [effect, intent, theme]);
|
|
158
194
|
var effectiveOpacity = transparent ? 0 : opacity;
|
|
159
|
-
return (
|
|
195
|
+
return ((0, jsx_runtime_1.jsx)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { Component: StyledAccordionWrapper, tooltip: tooltip, ref: ref, theme: theme, size: size, "$fluid": fluid, disabled: disabled, rounded: rounded, flat: flat, intent: intent, opacity: effectiveOpacity, effect: transformedEffect, className: "".concat(className || '', " reqore-accordion"), children: items.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(AccordionItemRenderer, { item: item, index: index, isOpen: !!openItems[index], theme: theme, customTheme: customTheme, size: size, intent: intent, flat: flat, rounded: rounded, minimal: minimal, disabled: disabled, effectiveOpacity: effectiveOpacity, isFirst: index === 0, isLast: index === items.length - 1, onToggle: handleToggle, onKeyDown: handleKeyDown }, item.id || index)); }) })));
|
|
160
196
|
}));
|
|
161
|
-
|
|
197
|
+
exports.default = exports.ReqoreAccordion;
|
|
162
198
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
163
199
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
4
|
return cooked;
|
|
@@ -13,6 +14,39 @@ var __assign = (this && this.__assign) || function () {
|
|
|
13
14
|
};
|
|
14
15
|
return __assign.apply(this, arguments);
|
|
15
16
|
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
34
|
+
var ownKeys = function(o) {
|
|
35
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
36
|
+
var ar = [];
|
|
37
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
38
|
+
return ar;
|
|
39
|
+
};
|
|
40
|
+
return ownKeys(o);
|
|
41
|
+
};
|
|
42
|
+
return function (mod) {
|
|
43
|
+
if (mod && mod.__esModule) return mod;
|
|
44
|
+
var result = {};
|
|
45
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
46
|
+
__setModuleDefault(result, mod);
|
|
47
|
+
return result;
|
|
48
|
+
};
|
|
49
|
+
})();
|
|
16
50
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
17
51
|
var t = {};
|
|
18
52
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -24,37 +58,41 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
24
58
|
}
|
|
25
59
|
return t;
|
|
26
60
|
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
61
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
62
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
63
|
+
};
|
|
64
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
65
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
66
|
+
var lodash_1 = require("lodash");
|
|
67
|
+
var react_1 = __importDefault(require("react"));
|
|
68
|
+
var react_overflow_list_1 = require("react-overflow-list");
|
|
69
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
70
|
+
var __1 = require("../..");
|
|
71
|
+
var colors_1 = require("../../constants/colors");
|
|
72
|
+
var sizes_1 = require("../../constants/sizes");
|
|
73
|
+
var colors_2 = require("../../helpers/colors");
|
|
74
|
+
var useTheme_1 = require("../../hooks/useTheme");
|
|
75
|
+
var Icon_1 = __importDefault(require("../Icon"));
|
|
76
|
+
var item_1 = require("../Tabs/item");
|
|
77
|
+
var list_1 = __importStar(require("../Tabs/list"));
|
|
78
|
+
var item_2 = __importDefault(require("./item"));
|
|
41
79
|
// The bar is a two-region flex row: a growable/clipping TRAIL and a fixed RIGHT
|
|
42
80
|
// element. There is deliberately NO `justify-content: space-between` — that is
|
|
43
81
|
// what let the two regions overlap when they didn't fit. Instead the right
|
|
44
82
|
// element never shrinks (`flex: 0 0 auto`) and the trail takes whatever is left
|
|
45
83
|
// (`flex: 1; min-width: 0; overflow: hidden`), so the two can never overlap at
|
|
46
84
|
// any width; the trail collapses/ellipsises to fit the space it's given.
|
|
47
|
-
var StyledReqoreBreadcrumbs =
|
|
85
|
+
var StyledReqoreBreadcrumbs = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
48
86
|
var _b;
|
|
49
87
|
var theme = _a.theme, size = _a.size, flat = _a.flat, _c = _a.padded, padded = _c === void 0 ? true : _c, _d = _a.margin, margin = _d === void 0 ? 'both' : _d, responsive = _a.responsive;
|
|
50
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", ";\n margin-top: ", "px;\n margin-bottom: ", "px;\n display: flex;\n align-items: center;\n padding: 0 ", "px;\n border-bottom: ", ";\n background-color: ", ";\n\n ", " {\n flex: 1;\n }\n ", ", ", " {\n border-bottom: 0;\n }\n "], ["\n width: ", ";\n margin-top: ", "px;\n margin-bottom: ", "px;\n display: flex;\n align-items: center;\n padding: 0 ", "px;\n border-bottom: ", ";\n background-color: ", ";\n\n ", " {\n flex: 1;\n }\n ", ", ", " {\n border-bottom: 0;\n }\n "])), responsive ? '100%' : undefined, margin === 'both' || margin === 'top' ? MARGIN_FROM_SIZE[size] : 0, margin === 'both' || margin === 'bottom' ? MARGIN_FROM_SIZE[size] : 0, padded ? PADDING_FROM_SIZE[size] : 0, flat ? undefined : "1px solid ".concat(changeLightness(theme.main, 0.05)), ((_b = theme.breadcrumbs) === null || _b === void 0 ? void 0 : _b.main) || 'transparent', StyledReqoreTabsList, StyledReqoreTabsList, StyledTabListItem);
|
|
88
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", ";\n margin-top: ", "px;\n margin-bottom: ", "px;\n display: flex;\n align-items: center;\n padding: 0 ", "px;\n border-bottom: ", ";\n background-color: ", ";\n\n ", " {\n flex: 1;\n }\n ", ", ", " {\n border-bottom: 0;\n }\n "], ["\n width: ", ";\n margin-top: ", "px;\n margin-bottom: ", "px;\n display: flex;\n align-items: center;\n padding: 0 ", "px;\n border-bottom: ", ";\n background-color: ", ";\n\n ", " {\n flex: 1;\n }\n ", ", ", " {\n border-bottom: 0;\n }\n "])), responsive ? '100%' : undefined, margin === 'both' || margin === 'top' ? sizes_1.MARGIN_FROM_SIZE[size] : 0, margin === 'both' || margin === 'bottom' ? sizes_1.MARGIN_FROM_SIZE[size] : 0, padded ? sizes_1.PADDING_FROM_SIZE[size] : 0, flat ? undefined : "1px solid ".concat((0, colors_2.changeLightness)(theme.main, 0.05)), ((_b = theme.breadcrumbs) === null || _b === void 0 ? void 0 : _b.main) || 'transparent', list_1.StyledReqoreTabsList, list_1.StyledReqoreTabsList, item_1.StyledTabListItem);
|
|
51
89
|
});
|
|
52
90
|
// The trail region — takes all the width the right element leaves and clips.
|
|
53
91
|
// `min-width: 0` lets it shrink below its content so the current page can
|
|
54
92
|
// ellipsise; `overflow: hidden` is the final safety net. Its single child (the
|
|
55
93
|
// `OverflowList` row, or the static row) fills it so `OverflowList` measures the
|
|
56
94
|
// AVAILABLE width, not its own content.
|
|
57
|
-
var StyledTrail =
|
|
95
|
+
var StyledTrail = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex: 1 1 auto;\n min-width: 0;\n overflow: hidden;\n display: flex;\n align-items: center;\n color: ", ";\n\n > * {\n flex: 1 1 auto;\n min-width: 0;\n }\n\n /* The OverflowList container sets only display/flexWrap/minWidth inline (no\n align-items), so without this its crumbs top-align against the tallest one\n \u2014 e.g. a crumb carrying a two-line description. Center them so the row\n reads as a single baseline, matching the static trail. */\n .reqore-breadcrumbs-overflow-list {\n align-items: center;\n }\n\n /* Force the readable item colour onto the crumbs + collapsed dropdowns, as the\n original did with a descendant selector. A minimal/flat button sets its OWN\n text colour directly on the element \u2014 for a chromatic custom theme that\n resolves to a near-white tint (saturate(tint(0.8, main))) \u2014 which beats the\n trail's merely-inherited colour. Overriding it here keeps the labels legible\n (readable-dark on a light themed bar) instead of washing out to white. */\n .reqore-breadcrumbs-item,\n .reqore-dropdown-control {\n color: ", ";\n }\n"], ["\n flex: 1 1 auto;\n min-width: 0;\n overflow: hidden;\n display: flex;\n align-items: center;\n color: ", ";\n\n > * {\n flex: 1 1 auto;\n min-width: 0;\n }\n\n /* The OverflowList container sets only display/flexWrap/minWidth inline (no\n align-items), so without this its crumbs top-align against the tallest one\n \u2014 e.g. a crumb carrying a two-line description. Center them so the row\n reads as a single baseline, matching the static trail. */\n .reqore-breadcrumbs-overflow-list {\n align-items: center;\n }\n\n /* Force the readable item colour onto the crumbs + collapsed dropdowns, as the\n original did with a descendant selector. A minimal/flat button sets its OWN\n text colour directly on the element \u2014 for a chromatic custom theme that\n resolves to a near-white tint (saturate(tint(0.8, main))) \u2014 which beats the\n trail's merely-inherited colour. Overriding it here keeps the labels legible\n (readable-dark on a light themed bar) instead of washing out to white. */\n .reqore-breadcrumbs-item,\n .reqore-dropdown-control {\n color: ", ";\n }\n"])), function (_a) {
|
|
58
96
|
var $color = _a.$color;
|
|
59
97
|
return $color;
|
|
60
98
|
}, function (_a) {
|
|
@@ -63,9 +101,9 @@ var StyledTrail = styled.div(templateObject_3 || (templateObject_3 = __makeTempl
|
|
|
63
101
|
});
|
|
64
102
|
// The right element NEVER shrinks — this is what makes overlap with the trail
|
|
65
103
|
// structurally impossible at any width.
|
|
66
|
-
var StyledRight =
|
|
67
|
-
var StyledStaticTrail =
|
|
68
|
-
var StyledBreadcrumbsTabsWrapper =
|
|
104
|
+
var StyledRight = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n margin-left: 8px;\n"], ["\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n margin-left: 8px;\n"])));
|
|
105
|
+
var StyledStaticTrail = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n min-width: 0;\n"], ["\n display: flex;\n align-items: center;\n min-width: 0;\n"])));
|
|
106
|
+
var StyledBreadcrumbsTabsWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n overflow: hidden;\n min-width: 0;\n"], ["\n display: flex;\n align-items: center;\n overflow: hidden;\n min-width: 0;\n"])));
|
|
69
107
|
// The overflow dropdowns present the collapsed crumbs as a NAVIGATION MENU, so
|
|
70
108
|
// each crumb must render as a clean left-aligned menu row — not as the pill/chip
|
|
71
109
|
// it is in the trail. Strip the crumb's trail-only layout treatment (raised /
|
|
@@ -111,13 +149,13 @@ var ReqoreBreadcrumbs = function (_a) {
|
|
|
111
149
|
var items = _a.items, rightElement = _a.rightElement,
|
|
112
150
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
113
151
|
_testWidth = _a._testWidth, customTheme = _a.customTheme, flat = _a.flat, _e = _a.size, size = _e === void 0 ? 'normal' : _e, _f = _a.responsive, responsive = _f === void 0 ? true : _f, errorBoundaryOptions = _a.errorBoundaryOptions, rest = __rest(_a, ["items", "rightElement", "_testWidth", "customTheme", "flat", "size", "responsive", "errorBoundaryOptions"]);
|
|
114
|
-
var theme = useReqoreTheme('breadcrumbs', customTheme, undefined);
|
|
152
|
+
var theme = (0, useTheme_1.useReqoreTheme)('breadcrumbs', customTheme, undefined);
|
|
115
153
|
var itemColor = ((_c = (_b = theme.breadcrumbs) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.color) ||
|
|
116
154
|
(((_d = theme.breadcrumbs) === null || _d === void 0 ? void 0 : _d.main)
|
|
117
|
-
? getReadableColorFrom(theme.breadcrumbs.main, true)
|
|
118
|
-
: getReadableColor(theme, undefined, undefined, true));
|
|
155
|
+
? (0, colors_2.getReadableColorFrom)(theme.breadcrumbs.main, true)
|
|
156
|
+
: (0, colors_2.getReadableColor)(theme, undefined, undefined, true));
|
|
119
157
|
var leafItem = items[items.length - 1];
|
|
120
|
-
var renderArrow = function (key) { return (
|
|
158
|
+
var renderArrow = function (key) { return ((0, jsx_runtime_1.jsx)(Icon_1.default, { icon: 'ArrowRightSLine', size: size, margin: 'both', effect: { opacity: 0.5 } }, key)); };
|
|
121
159
|
// `OverflowList` calls this for every VISIBLE crumb (collapsed ancestors go to
|
|
122
160
|
// `renderOverflow` instead), passing the crumb's POSITION. Both the React key
|
|
123
161
|
// and the separator are derived from that position — NOT from the item's
|
|
@@ -134,7 +172,7 @@ var ReqoreBreadcrumbs = function (_a) {
|
|
|
134
172
|
var renderItem = function (item, index) {
|
|
135
173
|
var key = "crumb-".concat(index);
|
|
136
174
|
if (item.withTabs) {
|
|
137
|
-
return (
|
|
175
|
+
return ((0, jsx_runtime_1.jsxs)(StyledBreadcrumbsTabsWrapper, { children: [index !== 0 && renderArrow("".concat(key, "-arrow")), (0, jsx_runtime_1.jsx)(list_1.default, { tabs: item.withTabs.tabs, onTabChange: item.withTabs.onTabChange, activeTab: item.withTabs.activeTab, activeTabIntent: item.withTabs.activeTabIntent, customTheme: customTheme, flat: flat, size: size })] }, key));
|
|
138
176
|
}
|
|
139
177
|
// Every crumb (including the current page) keeps its natural width and does
|
|
140
178
|
// NOT shrink — a crumb is either shown in full and readable, or it collapses
|
|
@@ -142,7 +180,7 @@ var ReqoreBreadcrumbs = function (_a) {
|
|
|
142
180
|
// squeezed down to an unreadable icon + single letter. When even the current
|
|
143
181
|
// page can't fit, `renderOverflow` folds the whole trail into one dropdown
|
|
144
182
|
// labelled with it (see below), so it's always legible somewhere.
|
|
145
|
-
return (
|
|
183
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [index !== 0 && renderArrow("".concat(key, "-arrow")), (0, jsx_runtime_1.jsx)(item_2.default, __assign({ customTheme: customTheme }, item, { size: size }))] }, key));
|
|
146
184
|
};
|
|
147
185
|
// The collapsed crumbs, folded into a dropdown at the start of the trail.
|
|
148
186
|
// Two shapes, because collapse happens from the start (`collapseFrom:'start'`):
|
|
@@ -156,15 +194,15 @@ var ReqoreBreadcrumbs = function (_a) {
|
|
|
156
194
|
// and it guarantees the current page is always legible however tight it gets.
|
|
157
195
|
var renderOverflow = function (overflowItems) {
|
|
158
196
|
var _a, _b, _c;
|
|
159
|
-
if (!
|
|
197
|
+
if (!(0, lodash_1.size)(overflowItems)) {
|
|
160
198
|
return null;
|
|
161
199
|
}
|
|
162
200
|
// Count-based, not identity-based: everything collapsed ⇒ the overflow holds
|
|
163
201
|
// as many crumbs as the trail has. (Identity would break when OverflowList
|
|
164
202
|
// maps over stale item objects during a re-render.)
|
|
165
|
-
var isFullyCollapsed =
|
|
203
|
+
var isFullyCollapsed = (0, lodash_1.size)(overflowItems) >= (0, lodash_1.size)(items);
|
|
166
204
|
if (isFullyCollapsed) {
|
|
167
|
-
return (
|
|
205
|
+
return ((0, jsx_runtime_1.jsx)(__1.ReqoreDropdown, { className: 'reqore-breadcrumbs-overflow-current', handler: 'hoverStay', delay: 500, size: size,
|
|
168
206
|
// This button STANDS IN for the current-page crumb, so it must read as
|
|
169
207
|
// that crumb: adopt the leaf's OWN customTheme + effect (e.g. an
|
|
170
208
|
// uppercase/spaced treatment) + icon + badge, falling back to the
|
|
@@ -187,15 +225,15 @@ var ReqoreBreadcrumbs = function (_a) {
|
|
|
187
225
|
// Ancestors only: the compact "…" group, then its OWN trailing "›" so the
|
|
188
226
|
// first still-visible crumb (which renders at position 0 with no leading
|
|
189
227
|
// separator) connects to it as "… › current page".
|
|
190
|
-
return (
|
|
228
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(__1.ReqoreDropdown, { handler: 'hoverStay', delay: 500, size: size, customTheme: customTheme, showCaret: false, badge: (0, lodash_1.size)(overflowItems), items: toMenuItems(overflowItems), children: (0, jsx_runtime_1.jsx)(Icon_1.default, { icon: 'MoreLine', effect: { opacity: colors_1.CONTROL_ICON_OPACITY } }) }, 'reqore-breadcrumbs-overflow-menu'), renderArrow('reqore-breadcrumbs-overflow-arrow')] }, 'reqore-breadcrumbs-overflow'));
|
|
191
229
|
};
|
|
192
|
-
return (
|
|
230
|
+
return ((0, jsx_runtime_1.jsx)(__1.ReqoreErrorBoundary, __assign({}, errorBoundaryOptions, { children: (0, jsx_runtime_1.jsxs)(StyledReqoreBreadcrumbs, __assign({}, rest, { className: "".concat(rest.className || '', " reqore-breadcrumbs-wrapper"), flat: flat, theme: theme, size: size, responsive: responsive, children: [(0, jsx_runtime_1.jsx)(StyledTrail, { className: 'reqore-breadcrumbs-trail', "$color": itemColor, children: responsive ? ((0, jsx_runtime_1.jsx)(react_overflow_list_1.OverflowList, { className: 'reqore-breadcrumbs-overflow-list', items: items, collapseFrom: 'start',
|
|
193
231
|
// 0, not 1: when even the current page can't fit, it must be
|
|
194
232
|
// allowed to collapse too so `renderOverflow` can fold the trail
|
|
195
233
|
// into the single current-page-labelled dropdown. Keeping 1 here is
|
|
196
234
|
// what forced the leaf to stay and shrink to an unreadable stub.
|
|
197
|
-
minVisibleItems: 0, itemRenderer: renderItem, overflowRenderer: renderOverflow })) : (
|
|
235
|
+
minVisibleItems: 0, itemRenderer: renderItem, overflowRenderer: renderOverflow })) : ((0, jsx_runtime_1.jsx)(StyledStaticTrail, { children: items.map(renderItem) })) }), rightElement && ((0, jsx_runtime_1.jsx)(StyledRight, { className: 'reqore-breadcrumbs-right', children: rightElement }))] })) })));
|
|
198
236
|
};
|
|
199
|
-
|
|
237
|
+
exports.default = ReqoreBreadcrumbs;
|
|
200
238
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
201
239
|
//# sourceMappingURL=index.js.map
|