@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
|
@@ -1,203 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
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
|
-
})();
|
|
50
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
51
|
-
var t = {};
|
|
52
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
53
|
-
t[p] = s[p];
|
|
54
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
55
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
56
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
57
|
-
t[p[i]] = s[p[i]];
|
|
58
|
-
}
|
|
59
|
-
return t;
|
|
60
|
-
};
|
|
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
|
-
exports.StyledInput = exports.StyledInputWrapper = void 0;
|
|
66
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
67
|
-
var lodash_1 = require("lodash");
|
|
68
|
-
var polished_1 = require("polished");
|
|
69
|
-
var react_1 = require("react");
|
|
70
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
71
|
-
var colors_1 = require("../../constants/colors.cjs");
|
|
72
|
-
var sizes_1 = require("../../constants/sizes.cjs");
|
|
73
|
-
var colors_2 = require("../../helpers/colors.cjs");
|
|
74
|
-
var useAutoFocus_1 = require("../../hooks/useAutoFocus.cjs");
|
|
75
|
-
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs.cjs");
|
|
76
|
-
var useReqoreContext_1 = require("../../hooks/useReqoreContext.cjs");
|
|
77
|
-
var useTheme_1 = require("../../hooks/useTheme.cjs");
|
|
78
|
-
var styles_1 = require("../../styles.cjs");
|
|
79
|
-
var Effect_1 = require("../Effect/index.cjs");
|
|
80
|
-
var Icon_1 = __importDefault(require("../Icon/index.cjs"));
|
|
81
|
-
var InputClearButton_1 = __importDefault(require("../InputClearButton/index.cjs"));
|
|
82
|
-
var KeyboardShortcut_1 = require("../KeyboardShortcut/index.cjs");
|
|
83
|
-
var TooltipComponent_1 = require("../TooltipComponent/index.cjs");
|
|
84
|
-
exports.StyledInputWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: ", "px;\n width: ", ";\n max-width: ", ";\n min-width: 60px;\n flex: ", ";\n align-self: ", ";\n font-size: ", "px;\n position: relative;\n overflow: hidden;\n border-radius: ", "px;\n\n ", "\n\n &:focus-within {\n .reqore-clear-input-button {\n display: flex;\n }\n\n outline: 2px solid ", ";\n outline-offset: -2px;\n\n ", "\n }\n"], ["\n height: ", "px;\n width: ", ";\n max-width: ", ";\n min-width: 60px;\n flex: ", ";\n align-self: ", ";\n font-size: ", "px;\n position: relative;\n overflow: hidden;\n border-radius: ", "px;\n\n ", "\n\n &:focus-within {\n .reqore-clear-input-button {\n display: flex;\n }\n\n outline: 2px solid ", ";\n outline-offset: -2px;\n\n ", "\n }\n"])), function (_a) {
|
|
85
|
-
var _size = _a._size;
|
|
86
|
-
return sizes_1.SIZE_TO_PX[_size];
|
|
87
|
-
}, function (_a) {
|
|
88
|
-
var width = _a.width;
|
|
89
|
-
return (width ? "".concat(width, "px") : 'auto');
|
|
90
|
-
}, function (_a) {
|
|
91
|
-
var fluid = _a.fluid, fixed = _a.fixed;
|
|
92
|
-
return (fluid && !fixed ? '100%' : undefined);
|
|
93
|
-
}, function (_a) {
|
|
94
|
-
var fluid = _a.fluid, fixed = _a.fixed;
|
|
95
|
-
return (fixed ? '0 auto' : fluid ? '1 auto' : '0 1 auto');
|
|
96
|
-
}, function (_a) {
|
|
97
|
-
var fixed = _a.fixed, fluid = _a.fluid;
|
|
98
|
-
return (fixed ? 'flex-start' : fluid ? 'stretch' : undefined);
|
|
99
|
-
}, function (_a) {
|
|
100
|
-
var _size = _a._size;
|
|
101
|
-
return sizes_1.CONTROL_TEXT_FROM_SIZE[_size];
|
|
102
|
-
}, function (_a) {
|
|
103
|
-
var minimal = _a.minimal, rounded = _a.rounded, _size = _a._size, radiusSize = _a.radiusSize, pill = _a.pill;
|
|
104
|
-
return minimal || rounded === false
|
|
105
|
-
? 0
|
|
106
|
-
: (0, sizes_1.resolveRadius)(_size, radiusSize) * (pill ? sizes_1.PILL_RADIUS_MODIFIER : 1);
|
|
107
|
-
}, styles_1.InactiveIconScale, function (_a) {
|
|
108
|
-
var theme = _a.theme;
|
|
109
|
-
return (0, colors_2.changeLightness)(theme.main, 0.25);
|
|
110
|
-
}, styles_1.ActiveIconScale);
|
|
111
|
-
var StyledIconWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n height: ", "px;\n width: ", "px;\n right: ", ";\n top: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n height: ", "px;\n width: ", "px;\n right: ", ";\n top: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n"])), function (_a) {
|
|
112
|
-
var _size = _a._size;
|
|
113
|
-
return sizes_1.SIZE_TO_PX[_size];
|
|
114
|
-
}, function (_a) {
|
|
115
|
-
var _size = _a._size;
|
|
116
|
-
return sizes_1.SIZE_TO_PX[_size];
|
|
117
|
-
}, function (_a) {
|
|
118
|
-
var position = _a.position;
|
|
119
|
-
return (position === 'right' ? 0 : undefined);
|
|
120
|
-
});
|
|
121
|
-
var StyledShortcutWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n height: 100%;\n top: 0;\n right: ", "px;\n display: flex;\n align-items: center;\n pointer-events: none;\n"], ["\n position: absolute;\n height: 100%;\n top: 0;\n right: ", "px;\n display: flex;\n align-items: center;\n pointer-events: none;\n"])), function (_a) {
|
|
122
|
-
var offset = _a.offset;
|
|
123
|
-
return offset;
|
|
124
|
-
});
|
|
125
|
-
exports.StyledInput = (0, styled_components_1.default)(Effect_1.StyledEffect)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 100%;\n width: 100%;\n flex: 1;\n margin: 0;\n padding: ", "px 7px;\n padding-right: ", "px;\n\n padding-left: ", "px;\n font-size: ", "px;\n transition: all 0.2s ease-out;\n border-radius: inherit;\n\n border: ", ";\n border-bottom: ", ";\n\n ", "\n\n background-color: ", ";\n color: ", ";\n\n transition: all 0.2s ease-out;\n\n &:active,\n &:focus {\n outline: none;\n background-color: ", ";\n }\n\n &::placeholder {\n transition: all 0.2s ease-out;\n color: ", ";\n }\n\n &:focus {\n &::placeholder {\n color: ", ";\n }\n }\n\n ", ";\n\n &:disabled {\n ", ";\n }\n"], ["\n height: 100%;\n width: 100%;\n flex: 1;\n margin: 0;\n padding: ", "px 7px;\n padding-right: ", "px;\n\n padding-left: ", "px;\n font-size: ", "px;\n transition: all 0.2s ease-out;\n border-radius: inherit;\n\n border: ", ";\n border-bottom: ", ";\n\n ", "\n\n background-color: ", ";\n color: ", ";\n\n transition: all 0.2s ease-out;\n\n &:active,\n &:focus {\n outline: none;\n background-color: ", ";\n }\n\n &::placeholder {\n transition: all 0.2s ease-out;\n color: ", ";\n }\n\n &:focus {\n &::placeholder {\n color: ", ";\n }\n }\n\n ", ";\n\n &:disabled {\n ", ";\n }\n"])), function (_a) {
|
|
126
|
-
var _size = _a._size;
|
|
127
|
-
return sizes_1.PADDING_FROM_SIZE[_size] / 2;
|
|
128
|
-
}, function (_a) {
|
|
129
|
-
var clearable = _a.clearable, hasRightIcon = _a.hasRightIcon, hasShortcutHint = _a.hasShortcutHint, _size = _a._size;
|
|
130
|
-
var padding = 7;
|
|
131
|
-
if (clearable || hasRightIcon) {
|
|
132
|
-
padding = 0;
|
|
133
|
-
padding += clearable ? sizes_1.SIZE_TO_PX[_size] : 0;
|
|
134
|
-
padding += hasRightIcon ? sizes_1.SIZE_TO_PX[_size] : 0;
|
|
135
|
-
}
|
|
136
|
-
// Reserve room so typed text / placeholder doesn't slide under the hint badge.
|
|
137
|
-
if (hasShortcutHint) {
|
|
138
|
-
padding += sizes_1.SIZE_TO_PX[_size];
|
|
139
|
-
}
|
|
140
|
-
return padding;
|
|
141
|
-
}, function (_a) {
|
|
142
|
-
var hasIcon = _a.hasIcon, _size = _a._size;
|
|
143
|
-
return (hasIcon ? sizes_1.SIZE_TO_PX[_size] : 7);
|
|
144
|
-
}, function (_a) {
|
|
145
|
-
var _size = _a._size;
|
|
146
|
-
return sizes_1.CONTROL_TEXT_FROM_SIZE[_size];
|
|
147
|
-
}, function (_a) {
|
|
148
|
-
var minimal = _a.minimal, theme = _a.theme, flat = _a.flat;
|
|
149
|
-
return !minimal && !flat ? "1px solid ".concat((0, colors_2.changeLightness)(theme.main, 0.13)) : 0;
|
|
150
|
-
}, function (_a) {
|
|
151
|
-
var minimal = _a.minimal, theme = _a.theme, flat = _a.flat;
|
|
152
|
-
return minimal && !flat ? "0.5px solid ".concat((0, colors_2.changeLightness)(theme.main, 0.13)) : undefined;
|
|
153
|
-
}, function (_a) {
|
|
154
|
-
var disabled = _a.disabled, readOnly = _a.readOnly;
|
|
155
|
-
return !disabled && !readOnly
|
|
156
|
-
? (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n &:active,\n &:focus,\n &:hover {\n border-color: ", ";\n }\n "], ["\n &:active,\n &:focus,\n &:hover {\n border-color: ", ";\n }\n "])), function (_a) {
|
|
157
|
-
var theme = _a.theme;
|
|
158
|
-
return (0, colors_2.changeLightness)(theme.main, 0.35);
|
|
159
|
-
}) : undefined;
|
|
160
|
-
}, function (_a) {
|
|
161
|
-
var theme = _a.theme, minimal = _a.minimal, transparent = _a.transparent;
|
|
162
|
-
return minimal || transparent ? 'transparent' : (0, polished_1.rgba)(theme.main, 0.1);
|
|
163
|
-
}, function (_a) {
|
|
164
|
-
var theme = _a.theme;
|
|
165
|
-
return (0, colors_2.getReadableColor)(theme, undefined, undefined, true, theme.originalMain);
|
|
166
|
-
}, function (_a) {
|
|
167
|
-
var theme = _a.theme, minimal = _a.minimal, transparent = _a.transparent;
|
|
168
|
-
return minimal || transparent ? 'transparent' : (0, polished_1.rgba)(theme.main, 0.15);
|
|
169
|
-
}, function (_a) {
|
|
170
|
-
var theme = _a.theme;
|
|
171
|
-
return (0, polished_1.rgba)((0, colors_2.getReadableColor)(theme, undefined, undefined, true, theme.originalMain), 0.3);
|
|
172
|
-
}, function (_a) {
|
|
173
|
-
var theme = _a.theme;
|
|
174
|
-
return (0, polished_1.rgba)((0, colors_2.getReadableColor)(theme, undefined, undefined, true, theme.originalMain), 0.5);
|
|
175
|
-
}, function (_a) {
|
|
176
|
-
var readOnly = _a.readOnly;
|
|
177
|
-
return readOnly && styles_1.ReadOnlyElement;
|
|
178
|
-
}, styles_1.DisabledElement);
|
|
179
|
-
var ReqoreInput = (0, react_1.forwardRef)(function (_a, ref) {
|
|
180
|
-
var width = _a.width, _b = _a.size, size = _b === void 0 ? 'normal' : _b, fluid = _a.fluid, fixed = _a.fixed, className = _a.className, onClearClick = _a.onClearClick, icon = _a.icon, rightIcon = _a.rightIcon, iconColor = _a.iconColor, rightIconColor = _a.rightIconColor, flat = _a.flat, rounded = _a.rounded, radiusSize = _a.radiusSize, minimal = _a.minimal, readOnly = _a.readOnly, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, intent = _a.intent, wrapperStyle = _a.wrapperStyle, focusRules = _a.focusRules, shortcutHint = _a.shortcutHint, _c = _a.leftIconProps, leftIconProps = _c === void 0 ? {} : _c, _d = _a.rightIconProps, rightIconProps = _d === void 0 ? {} : _d, pill = _a.pill, loading = _a.loading, loadingIconType = _a.loadingIconType, rest = __rest(_a, ["width", "size", "fluid", "fixed", "className", "onClearClick", "icon", "rightIcon", "iconColor", "rightIconColor", "flat", "rounded", "radiusSize", "minimal", "readOnly", "customTheme", "inheritCustomTheme", "intent", "wrapperStyle", "focusRules", "shortcutHint", "leftIconProps", "rightIconProps", "pill", "loading", "loadingIconType"]);
|
|
181
|
-
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
182
|
-
var _e = (0, react_1.useState)(null), inputRef = _e[0], setInputRef = _e[1];
|
|
183
|
-
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent, undefined, inheritCustomTheme);
|
|
184
|
-
var shortcutHintsEnabled = (0, useReqoreContext_1.useReqoreProperty)('shortcutHints');
|
|
185
|
-
(0, useAutoFocus_1.useAutoFocus)(inputRef, readOnly || rest.disabled ? undefined : focusRules, rest.onChange);
|
|
186
|
-
var hasLeftIcon = icon || (leftIconProps === null || leftIconProps === void 0 ? void 0 : leftIconProps.image);
|
|
187
|
-
var hasRightIcon = rightIcon || (rightIconProps === null || rightIconProps === void 0 ? void 0 : rightIconProps.image);
|
|
188
|
-
var clearable = !(rest === null || rest === void 0 ? void 0 : rest.disabled) &&
|
|
189
|
-
!readOnly &&
|
|
190
|
-
!!(onClearClick && (rest.as || rest.children || (rest === null || rest === void 0 ? void 0 : rest.onChange)));
|
|
191
|
-
var showShortcutHint = !!(focusRules === null || focusRules === void 0 ? void 0 : focusRules.shortcut) &&
|
|
192
|
-
shortcutHint !== false &&
|
|
193
|
-
shortcutHintsEnabled !== false &&
|
|
194
|
-
!readOnly &&
|
|
195
|
-
!rest.disabled;
|
|
196
|
-
var leftIcon = loading
|
|
197
|
-
? "Loader".concat(loadingIconType || '', "Line")
|
|
198
|
-
: icon || (leftIconProps === null || leftIconProps === void 0 ? void 0 : leftIconProps.icon);
|
|
199
|
-
return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, { Component: exports.StyledInputWrapper, className: 'reqore-control-wrapper', fluid: fluid, fixed: fixed, width: width, flat: flat, theme: theme, rounded: rounded, radiusSize: radiusSize, minimal: minimal, _size: size, ref: targetRef, readOnly: readOnly || loading, disabled: rest.disabled, style: wrapperStyle, pill: pill, tooltip: rest.tooltip, children: [hasLeftIcon && ((0, jsx_runtime_1.jsx)(StyledIconWrapper, { _size: size, children: (0, jsx_runtime_1.jsx)(Icon_1.default, __assign({ size: size, color: iconColor, effect: { opacity: colors_1.CONTROL_ICON_OPACITY } }, leftIconProps, { icon: leftIcon, animation: loading ? 'spin' : leftIconProps === null || leftIconProps === void 0 ? void 0 : leftIconProps.animation })) })), (0, jsx_runtime_1.jsx)(exports.StyledInput, __assign({ as: 'input' }, (0, lodash_1.omit)(rest, ['children']), { effect: __assign({ interactive: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !readOnly }, rest === null || rest === void 0 ? void 0 : rest.effect), onChange: !readOnly && !(rest === null || rest === void 0 ? void 0 : rest.disabled) ? rest === null || rest === void 0 ? void 0 : rest.onChange : undefined, ref: function (ref) { return setInputRef(ref); }, theme: theme, _size: size, minimal: minimal, flat: flat, rounded: rounded, hasIcon: !!icon, hasRightIcon: !!rightIcon, hasShortcutHint: showShortcutHint, clearable: clearable, className: "".concat(className || '', " reqore-control reqore-input"), readOnly: readOnly || loading, pill: pill, children: rest === null || rest === void 0 ? void 0 : rest.children })), (0, jsx_runtime_1.jsx)(InputClearButton_1.default, { enabled: clearable, onClick: onClearClick, hasRightIcon: !!rightIcon, size: size, show: (rest === null || rest === void 0 ? void 0 : rest.value) && rest.value !== '' ? true : false }), hasRightIcon && ((0, jsx_runtime_1.jsx)(StyledIconWrapper, { _size: size, position: 'right', children: (0, jsx_runtime_1.jsx)(Icon_1.default, __assign({ size: size, icon: rightIcon, color: rightIconColor, effect: { opacity: colors_1.CONTROL_ICON_OPACITY } }, rightIconProps)) })), showShortcutHint && ((0, jsx_runtime_1.jsx)(StyledShortcutWrapper, { _size: size, offset: (hasRightIcon ? sizes_1.SIZE_TO_PX[size] : 0) + (clearable ? sizes_1.SIZE_TO_PX[size] : 0) + 7, children: (0, jsx_runtime_1.jsx)(KeyboardShortcut_1.ReqoreKeyboardShortcut, { shortcut: focusRules.shortcut, size: size, compact: true }) }))] }));
|
|
200
|
-
});
|
|
201
|
-
exports.default = ReqoreInput;
|
|
202
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
203
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
-
var t = {};
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
-
t[p[i]] = s[p[i]];
|
|
25
|
-
}
|
|
26
|
-
return t;
|
|
27
|
-
};
|
|
28
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
-
};
|
|
31
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
-
exports.StyledInputClearButton = void 0;
|
|
33
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
34
|
-
var web_1 = require("@react-spring/web");
|
|
35
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
36
|
-
var animations_1 = require("../../constants/animations.cjs");
|
|
37
|
-
var sizes_1 = require("../../constants/sizes.cjs");
|
|
38
|
-
var styled_1 = require("../../helpers/styled.cjs");
|
|
39
|
-
var Icon_1 = __importDefault(require("../Icon/index.cjs"));
|
|
40
|
-
exports.StyledInputClearButton = (0, styled_components_1.default)(Icon_1.default).withConfig({
|
|
41
|
-
shouldForwardProp: (0, styled_1.omitStyleProps)('hasRightIcon', 'show'),
|
|
42
|
-
})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n right: ", "px;\n top: 0;\n justify-content: center;\n align-items: center;\n transition: all 0.1s ease-out;\n cursor: pointer;\n\n &:hover {\n opacity: 1 !important;\n }\n"], ["\n position: absolute;\n right: ", "px;\n top: 0;\n justify-content: center;\n align-items: center;\n transition: all 0.1s ease-out;\n cursor: pointer;\n\n &:hover {\n opacity: 1 !important;\n }\n"])), function (_a) {
|
|
43
|
-
var size = _a.size, hasRightIcon = _a.hasRightIcon;
|
|
44
|
-
return (hasRightIcon ? sizes_1.SIZE_TO_PX[size] : 0);
|
|
45
|
-
});
|
|
46
|
-
var ReqoreInputClearButton = function (_a) {
|
|
47
|
-
var show = _a.show, enabled = _a.enabled, _b = _a.size, size = _b === void 0 ? 'normal' : _b, rest = __rest(_a, ["show", "enabled", "size"]);
|
|
48
|
-
var transitions = (0, web_1.useTransition)(show && enabled, {
|
|
49
|
-
from: { opacity: 0, filter: 'blur(10px)' },
|
|
50
|
-
enter: { opacity: 0.5, filter: 'blur(0px)' },
|
|
51
|
-
leave: { opacity: 0, filter: 'blur(10px)' },
|
|
52
|
-
config: animations_1.SPRING_CONFIG,
|
|
53
|
-
});
|
|
54
|
-
return transitions(function (styles, item) {
|
|
55
|
-
return item ? ((0, jsx_runtime_1.jsx)(exports.StyledInputClearButton, __assign({}, rest, { className: 'reqore-clear-input-button', icon: 'CloseLine', wrapperElement: web_1.animated.span, size: size, wrapperSize: sizes_1.SIZE_TO_PX[size], show: show, style: {
|
|
56
|
-
opacity: styles.opacity,
|
|
57
|
-
} }))) : null;
|
|
58
|
-
});
|
|
59
|
-
};
|
|
60
|
-
exports.default = ReqoreInputClearButton;
|
|
61
|
-
var templateObject_1;
|
|
62
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/InputClearButton/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4D;AAC5D,wEAAuC;AACvC,yDAA2D;AAC3D,+CAAmD;AACnD,+CAAsD;AAEtD,iDAAiC;AAQpB,QAAA,sBAAsB,GAAG,IAAA,2BAAM,EAAC,cAAU,CAAC,CAAC,UAAU,CAAC;IAClE,iBAAiB,EAAE,IAAA,uBAAc,EAAC,cAAc,EAAE,MAAM,CAAC;CAC1D,CAAC,qRAA4C,oCAEnC,EAAiE,4KAU3E,KAVU,UAAC,EAAsB;QAApB,IAAI,UAAA,EAAE,YAAY,kBAAA;IAAO,OAAA,CAAC,YAAY,CAAC,CAAC,CAAC,kBAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAArC,CAAqC,EAU1E;AAEF,IAAM,sBAAsB,GAAG,UAAC,EAKD;IAJ7B,IAAA,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACZ,IAAI,cAJuB,2BAK/B,CADQ;IAEP,IAAM,WAAW,GAAG,IAAA,mBAAa,EAAC,IAAI,IAAI,OAAO,EAAE;QACjD,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE;QAC1C,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE;QAC5C,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE;QAC3C,MAAM,EAAE,0BAAa;KACtB,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC,UAAC,MAAM,EAAE,IAAI;QAC9B,OAAA,IAAI,CAAC,CAAC,CAAC,CACL,uBAAC,8BAAsB,eACjB,IAAI,IACR,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,WAAW,EAChB,cAAc,EAAE,cAAQ,CAAC,IAAI,EAC7B,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,kBAAU,CAAC,IAAI,CAAC,EAC7B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM,CAAC,OAAO;aACxB,IACD,CACH,CAAC,CAAC,CAAC,IAAI;IAbR,CAaQ,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}
|
|
@@ -1,315 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
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
|
-
})();
|
|
50
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
51
|
-
var t = {};
|
|
52
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
53
|
-
t[p] = s[p];
|
|
54
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
55
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
56
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
57
|
-
t[p[i]] = s[p[i]];
|
|
58
|
-
}
|
|
59
|
-
return t;
|
|
60
|
-
};
|
|
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
|
-
exports.StyledPopoverContent = exports.StyledPopoverWrapper = void 0;
|
|
66
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
67
|
-
var lodash_1 = require("lodash");
|
|
68
|
-
var polished_1 = require("polished");
|
|
69
|
-
var react_1 = __importStar(require("react"));
|
|
70
|
-
var portal_1 = require("../../helpers/portal.cjs");
|
|
71
|
-
var react_popper_1 = require("react-popper");
|
|
72
|
-
var react_use_1 = require("react-use");
|
|
73
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
74
|
-
var __1 = require("../../index.cjs");
|
|
75
|
-
var sizes_1 = require("../../constants/sizes.cjs");
|
|
76
|
-
var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider.cjs"));
|
|
77
|
-
var animations_1 = require("../../helpers/animations.cjs");
|
|
78
|
-
var colors_1 = require("../../helpers/colors.cjs");
|
|
79
|
-
var Effect_1 = require("../Effect/index.cjs");
|
|
80
|
-
var Message_1 = __importDefault(require("../Message/index.cjs"));
|
|
81
|
-
var getPopoverArrowColor = function (_a) {
|
|
82
|
-
var _b;
|
|
83
|
-
var theme = _a.theme, dim = _a.dim, intent = _a.intent, flat = _a.flat, effect = _a.effect, isOpaque = _a.isOpaque;
|
|
84
|
-
var primary = (0, Effect_1.getPrimaryGradient)(effect === null || effect === void 0 ? void 0 : effect.gradient);
|
|
85
|
-
var primaryColorsRecord = primary && typeof primary.colors === 'object'
|
|
86
|
-
? primary.colors
|
|
87
|
-
: undefined;
|
|
88
|
-
var primaryFirstColor = primaryColorsRecord
|
|
89
|
-
? Object.values(primaryColorsRecord)[0]
|
|
90
|
-
: undefined;
|
|
91
|
-
return (0, polished_1.rgba)(primary
|
|
92
|
-
? (0, colors_1.changeLightness)((0, colors_1.getColorFromMaybeString)(theme, primary.borderColor || primaryFirstColor), 0.04)
|
|
93
|
-
: intent
|
|
94
|
-
? (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent), flat ? 0.1 : 0.2)
|
|
95
|
-
: ((_b = theme.popover) === null || _b === void 0 ? void 0 : _b.main) ||
|
|
96
|
-
(0, polished_1.rgba)((0, colors_1.changeLightness)(flat ? theme.main : (0, colors_1.getNotificationIntent)(theme, intent), flat ? 0.1 : 0.2), isOpaque ? 1 : 0.3), dim ? 0.3 : 1);
|
|
97
|
-
};
|
|
98
|
-
var StyledPopoverArrow = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 10px;\n height: 10px;\n position: absolute;\n z-index: -1;\n\n &:before {\n content: '';\n display: block;\n width: 0;\n height: 0;\n position: absolute;\n z-index: -1;\n }\n"], ["\n width: 10px;\n height: 10px;\n position: absolute;\n z-index: -1;\n\n &:before {\n content: '';\n display: block;\n width: 0;\n height: 0;\n position: absolute;\n z-index: -1;\n }\n"])));
|
|
99
|
-
/** Gutter kept between a popover and each viewport edge, so a clamped surface
|
|
100
|
-
* never sits flush against the side of the screen. */
|
|
101
|
-
var VIEWPORT_EDGE_GUTTER = 20;
|
|
102
|
-
var VIEWPORT_MAX_WIDTH = "calc(100vw - ".concat(VIEWPORT_EDGE_GUTTER, "px)");
|
|
103
|
-
exports.StyledPopoverWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n\n /* Never wider than the viewport, whatever the caller asks for.\n Popper can flip or shift a surface but it cannot shrink one, so a popover\n wider than the screen \u2014 a long dropdown, a menu of descriptive rows \u2014 hangs\n off both edges with its content unreachable. Clamp to the viewport less a\n small gutter so it always has breathing room at the sides; an explicit\n maxWidth still wins whenever it is the smaller of the two.\n (No backticks in here: this comment lives inside a template literal.) */\n max-width: ", ";\n min-width: ", ";\n max-height: ", ";\n z-index: 999999;\n border-radius: ", "px;\n border: ", ";\n\n ", "\n\n &[data-popper-placement^='top'] > ", " {\n bottom: -5px;\n\n &:before {\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 10px solid ", ";\n\n top: 5px;\n left: -5px;\n }\n }\n\n &[data-popper-placement^='bottom'] > ", " {\n top: -5px;\n\n &:before {\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-bottom: 10px solid ", ";\n\n top: -5px;\n left: -5px;\n }\n }\n\n &[data-popper-placement^='left'] > ", " {\n right: -5px;\n\n &:before {\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid ", ";\n\n top: -5px;\n left: 5px;\n }\n }\n\n &[data-popper-placement^='right'] > ", " {\n left: -5px;\n\n &:before {\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-right: 10px solid ", ";\n\n top: -5px;\n left: -5px;\n }\n }\n\n &[data-popper-reference-hidden='true'] {\n visibility: hidden;\n pointer-events: none;\n }\n"], ["\n ", "\n\n /* Never wider than the viewport, whatever the caller asks for.\n Popper can flip or shift a surface but it cannot shrink one, so a popover\n wider than the screen \u2014 a long dropdown, a menu of descriptive rows \u2014 hangs\n off both edges with its content unreachable. Clamp to the viewport less a\n small gutter so it always has breathing room at the sides; an explicit\n maxWidth still wins whenever it is the smaller of the two.\n (No backticks in here: this comment lives inside a template literal.) */\n max-width: ", ";\n min-width: ", ";\n max-height: ", ";\n z-index: 999999;\n border-radius: ", "px;\n border: ", ";\n\n ", "\n\n &[data-popper-placement^='top'] > ", " {\n bottom: -5px;\n\n &:before {\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 10px solid ", ";\n\n top: 5px;\n left: -5px;\n }\n }\n\n &[data-popper-placement^='bottom'] > ", " {\n top: -5px;\n\n &:before {\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-bottom: 10px solid ", ";\n\n top: -5px;\n left: -5px;\n }\n }\n\n &[data-popper-placement^='left'] > ", " {\n right: -5px;\n\n &:before {\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid ", ";\n\n top: -5px;\n left: 5px;\n }\n }\n\n &[data-popper-placement^='right'] > ", " {\n left: -5px;\n\n &:before {\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-right: 10px solid ", ";\n\n top: -5px;\n left: -5px;\n }\n }\n\n &[data-popper-reference-hidden='true'] {\n visibility: hidden;\n pointer-events: none;\n }\n"])), function (_a) {
|
|
104
|
-
var animate = _a.animate;
|
|
105
|
-
return animate && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n animation: 0.2s ", " ease-out;\n "], ["\n animation: 0.2s ", " ease-out;\n "])), animations_1.fadeIn);
|
|
106
|
-
}, function (_a) {
|
|
107
|
-
var maxWidth = _a.maxWidth;
|
|
108
|
-
return maxWidth ? "min(".concat(maxWidth, ", ").concat(VIEWPORT_MAX_WIDTH, ")") : VIEWPORT_MAX_WIDTH;
|
|
109
|
-
}, function (_a) {
|
|
110
|
-
var minWidth = _a.minWidth;
|
|
111
|
-
return minWidth;
|
|
112
|
-
}, function (_a) {
|
|
113
|
-
var maxHeight = _a.maxHeight;
|
|
114
|
-
return maxHeight;
|
|
115
|
-
}, sizes_1.RADIUS_FROM_SIZE.normal, function (_a) {
|
|
116
|
-
var flat = _a.flat, noWrapper = _a.noWrapper, rest = __rest(_a, ["flat", "noWrapper"]);
|
|
117
|
-
return !flat && noWrapper ? "1px solid ".concat(getPopoverArrowColor(__assign(__assign({}, rest), { flat: flat }))) : undefined;
|
|
118
|
-
}, function (_a) {
|
|
119
|
-
var transparent = _a.transparent;
|
|
120
|
-
return !transparent && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-shadow: rgba(31, 26, 34, 0.7) 0px 0px 10px;\n "], ["\n box-shadow: rgba(31, 26, 34, 0.7) 0px 0px 10px;\n "])));
|
|
121
|
-
}, StyledPopoverArrow, function (props) { return getPopoverArrowColor(props); }, StyledPopoverArrow, function (props) { return getPopoverArrowColor(props); }, StyledPopoverArrow, function (props) { return getPopoverArrowColor(props); }, StyledPopoverArrow, function (props) { return getPopoverArrowColor(props); });
|
|
122
|
-
exports.StyledPopoverContent = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n z-index: 20;\n position: relative;\n overflow: hidden;\n"], ["\n width: 100%;\n height: 100%;\n z-index: 20;\n position: relative;\n overflow: hidden;\n"])));
|
|
123
|
-
var InternalPopover = (0, react_1.memo)(function (_a) {
|
|
124
|
-
var targetElement = _a.targetElement, content = _a.content, placement = _a.placement, noArrow = _a.noArrow, noWrapper = _a.noWrapper, useTargetWidth = _a.useTargetWidth, transparent = _a.transparent, maxWidth = _a.maxWidth, minWidth = _a.minWidth, maxHeight = _a.maxHeight, _b = _a.offsetX, offsetX = _b === void 0 ? 0 : _b, _c = _a.offsetY, offsetY = _c === void 0 ? 0 : _c, intent = _a.intent, title = _a.title, icon = _a.icon, minimal = _a.minimal, _d = _a.flat, flat = _d === void 0 ? true : _d, effect = _a.effect, backgroundBlur = _a.backgroundBlur, updater = _a.updater, id = _a.id, onPopperUpdate = _a.onPopperUpdate, onPopperClose = _a.onPopperClose, closePopover = _a.closePopover, onPopoverMouseEnter = _a.onPopoverMouseEnter, onPopoverMouseLeave = _a.onPopoverMouseLeave;
|
|
125
|
-
var animations = (0, __1.useReqoreProperty)('animations');
|
|
126
|
-
var customPortalId = (0, __1.useReqoreProperty)('customPortalId');
|
|
127
|
-
var uiScale = (0, __1.useReqoreProperty)('uiScale');
|
|
128
|
-
var _e = (0, react_1.useState)(null), popperElement = _e[0], setPopperElement = _e[1];
|
|
129
|
-
var _f = (0, react_1.useState)(null), arrowElement = _f[0], setArrowElement = _f[1];
|
|
130
|
-
var popperRef = (0, react_1.useRef)(null);
|
|
131
|
-
var mutationObserber = (0, react_1.useRef)(null);
|
|
132
|
-
var resizeObserver = (0, react_1.useRef)(null);
|
|
133
|
-
var baseOffsetY = noArrow ? 5 : 10;
|
|
134
|
-
var _g = (0, react_popper_1.usePopper)(targetElement, popperElement, {
|
|
135
|
-
placement: placement,
|
|
136
|
-
modifiers: [
|
|
137
|
-
{
|
|
138
|
-
name: 'offset',
|
|
139
|
-
options: {
|
|
140
|
-
offset: [offsetX, baseOffsetY + offsetY],
|
|
141
|
-
},
|
|
142
|
-
},
|
|
143
|
-
{
|
|
144
|
-
name: 'arrow',
|
|
145
|
-
options: {
|
|
146
|
-
element: arrowElement,
|
|
147
|
-
padding: 8,
|
|
148
|
-
},
|
|
149
|
-
},
|
|
150
|
-
{
|
|
151
|
-
name: 'preventOverflow',
|
|
152
|
-
options: {
|
|
153
|
-
// Half the clamp's gutter on each side, so a surface shifted away
|
|
154
|
-
// from an edge lands where the max-width already implies it should.
|
|
155
|
-
padding: VIEWPORT_EDGE_GUTTER / 2,
|
|
156
|
-
},
|
|
157
|
-
},
|
|
158
|
-
{
|
|
159
|
-
name: 'hide',
|
|
160
|
-
enabled: true,
|
|
161
|
-
},
|
|
162
|
-
],
|
|
163
|
-
}), styles = _g.styles, attributes = _g.attributes, forceUpdate = _g.forceUpdate, state = _g.state;
|
|
164
|
-
(0, react_use_1.useUpdateEffect)(function () {
|
|
165
|
-
if (!mutationObserber.current && targetElement && state) {
|
|
166
|
-
// Watch for changes in the target element
|
|
167
|
-
var observer = new MutationObserver(function () {
|
|
168
|
-
forceUpdate();
|
|
169
|
-
});
|
|
170
|
-
observer.observe(targetElement, {
|
|
171
|
-
attributes: true,
|
|
172
|
-
childList: true,
|
|
173
|
-
subtree: true,
|
|
174
|
-
});
|
|
175
|
-
mutationObserber.current = observer;
|
|
176
|
-
}
|
|
177
|
-
}, [styles, attributes, state]);
|
|
178
|
-
// Popover content commonly changes size after opening (for example when
|
|
179
|
-
// an async preview replaces its skeleton). Popper's event listeners track
|
|
180
|
-
// viewport and target movement, but not intrinsic content-size changes.
|
|
181
|
-
// Recalculate deterministically whenever the rendered popover resizes so
|
|
182
|
-
// flip/preventOverflow can keep the whole surface inside the viewport.
|
|
183
|
-
(0, react_1.useEffect)(function () {
|
|
184
|
-
var _a;
|
|
185
|
-
(_a = resizeObserver.current) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
186
|
-
resizeObserver.current = null;
|
|
187
|
-
if (!popperElement || typeof ResizeObserver === 'undefined')
|
|
188
|
-
return undefined;
|
|
189
|
-
var observer = new ResizeObserver(function () { return forceUpdate === null || forceUpdate === void 0 ? void 0 : forceUpdate(); });
|
|
190
|
-
observer.observe(popperElement);
|
|
191
|
-
resizeObserver.current = observer;
|
|
192
|
-
return function () {
|
|
193
|
-
observer.disconnect();
|
|
194
|
-
if (resizeObserver.current === observer)
|
|
195
|
-
resizeObserver.current = null;
|
|
196
|
-
};
|
|
197
|
-
}, [forceUpdate, popperElement]);
|
|
198
|
-
// Preserve the documented explicit update contract as a fallback for
|
|
199
|
-
// content changes that do not affect the content box dimensions.
|
|
200
|
-
(0, react_use_1.useUpdateEffect)(function () {
|
|
201
|
-
forceUpdate === null || forceUpdate === void 0 ? void 0 : forceUpdate();
|
|
202
|
-
}, [updater]);
|
|
203
|
-
// Stabilize the popover against ancestor CSS transitions that Popper's
|
|
204
|
-
// scroll/resize listeners can't observe. When a popover opens inside a
|
|
205
|
-
// Modal/Drawer that's still animating its `transform: scale(...)` in,
|
|
206
|
-
// the trigger's `getBoundingClientRect()` shifts frame-by-frame but
|
|
207
|
-
// fires no scroll/resize events, so the popover would stay anchored to
|
|
208
|
-
// the trigger's rect at open-time and end up visibly offset once the
|
|
209
|
-
// ancestor settles.
|
|
210
|
-
//
|
|
211
|
-
// Poll the trigger's rect for a short window after Popper attaches; if
|
|
212
|
-
// it moves, force a re-layout. Stop as soon as it's stable for 3
|
|
213
|
-
// consecutive frames, or after ~500ms — enough to cover typical
|
|
214
|
-
// Modal/Drawer scale-in / slide-in durations without polling forever.
|
|
215
|
-
(0, react_1.useEffect)(function () {
|
|
216
|
-
if (!targetElement || !state)
|
|
217
|
-
return undefined;
|
|
218
|
-
var rafId = null;
|
|
219
|
-
var stableFrames = 0;
|
|
220
|
-
var elapsed = 0;
|
|
221
|
-
var lastKey = '';
|
|
222
|
-
var rectKey = function (r) { return "".concat(r.x, ",").concat(r.y, ",").concat(r.width, ",").concat(r.height); };
|
|
223
|
-
lastKey = rectKey(targetElement.getBoundingClientRect());
|
|
224
|
-
var tick = function (prev) {
|
|
225
|
-
rafId = requestAnimationFrame(function (now) {
|
|
226
|
-
var dt = now - prev;
|
|
227
|
-
elapsed += dt;
|
|
228
|
-
var key = rectKey(targetElement.getBoundingClientRect());
|
|
229
|
-
if (key === lastKey) {
|
|
230
|
-
stableFrames += 1;
|
|
231
|
-
}
|
|
232
|
-
else {
|
|
233
|
-
lastKey = key;
|
|
234
|
-
stableFrames = 0;
|
|
235
|
-
forceUpdate();
|
|
236
|
-
}
|
|
237
|
-
if (stableFrames < 3 && elapsed < 500) {
|
|
238
|
-
tick(now);
|
|
239
|
-
}
|
|
240
|
-
else {
|
|
241
|
-
rafId = null;
|
|
242
|
-
}
|
|
243
|
-
});
|
|
244
|
-
};
|
|
245
|
-
rafId = requestAnimationFrame(function (now) { return tick(now); });
|
|
246
|
-
return function () {
|
|
247
|
-
if (rafId !== null)
|
|
248
|
-
cancelAnimationFrame(rafId);
|
|
249
|
-
};
|
|
250
|
-
}, [targetElement, !!state, forceUpdate]);
|
|
251
|
-
(0, react_use_1.useUnmount)(function () {
|
|
252
|
-
var _a, _b;
|
|
253
|
-
(_a = mutationObserber.current) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
254
|
-
(_b = resizeObserver.current) === null || _b === void 0 ? void 0 : _b.disconnect();
|
|
255
|
-
});
|
|
256
|
-
(0, react_1.useEffect)(function () {
|
|
257
|
-
if (popperRef.current) {
|
|
258
|
-
onPopperUpdate === null || onPopperUpdate === void 0 ? void 0 : onPopperUpdate((0, lodash_1.cloneDeep)(popperRef));
|
|
259
|
-
}
|
|
260
|
-
}, [popperRef]);
|
|
261
|
-
(0, react_1.useEffect)(function () {
|
|
262
|
-
var _a;
|
|
263
|
-
if ((_a = attributes.popper) === null || _a === void 0 ? void 0 : _a['data-popper-reference-hidden']) {
|
|
264
|
-
onPopperClose === null || onPopperClose === void 0 ? void 0 : onPopperClose();
|
|
265
|
-
}
|
|
266
|
-
}, [attributes.popper]);
|
|
267
|
-
/* Getting the x and y values from the transform property of the popper element. */
|
|
268
|
-
var translateValues = (0, react_1.useMemo)(function () {
|
|
269
|
-
var _a;
|
|
270
|
-
return (_a = styles.popper.transform) === null || _a === void 0 ? void 0 : _a.replace('translate3d(', '').replace('translate(', '').replace(')', '').split(',').map(function (axis) {
|
|
271
|
-
var scale = uiScale;
|
|
272
|
-
var modifiedAxis = parseInt(axis, 10);
|
|
273
|
-
if (scale || scale === 0) {
|
|
274
|
-
modifiedAxis =
|
|
275
|
-
parseInt(axis, 10) < 0 ? parseInt(axis, 10) * scale : parseInt(axis, 10) / scale;
|
|
276
|
-
}
|
|
277
|
-
return modifiedAxis;
|
|
278
|
-
});
|
|
279
|
-
}, [styles.popper.transform, uiScale]);
|
|
280
|
-
var arrowStyle = (0, react_1.useMemo)(function () {
|
|
281
|
-
if (uiScale === undefined) {
|
|
282
|
-
return styles.arrow;
|
|
283
|
-
}
|
|
284
|
-
var scaleAxisValue = function (value) {
|
|
285
|
-
if (value === undefined) {
|
|
286
|
-
return value;
|
|
287
|
-
}
|
|
288
|
-
var numericValue = typeof value === 'number' ? value : Number.parseFloat(value);
|
|
289
|
-
if (Number.isNaN(numericValue)) {
|
|
290
|
-
return value;
|
|
291
|
-
}
|
|
292
|
-
var scaledValue = numericValue < 0 ? numericValue * uiScale : numericValue / uiScale;
|
|
293
|
-
return typeof value === 'number' ? scaledValue : "".concat(scaledValue, "px");
|
|
294
|
-
};
|
|
295
|
-
return __assign(__assign({}, styles.arrow), { left: scaleAxisValue(styles.arrow.left), top: scaleAxisValue(styles.arrow.top) });
|
|
296
|
-
}, [styles.arrow, uiScale]);
|
|
297
|
-
var style = (0, react_1.useMemo)(function () {
|
|
298
|
-
var _a;
|
|
299
|
-
return (__assign(__assign({}, styles.popper), { transform: "translate(".concat((translateValues === null || translateValues === void 0 ? void 0 : translateValues[0]) || 0, "px, ").concat((translateValues === null || translateValues === void 0 ? void 0 : translateValues[1]) || 0, "px)"), width: useTargetWidth && (((_a = targetElement === null || targetElement === void 0 ? void 0 : targetElement.getBoundingClientRect()) === null || _a === void 0 ? void 0 : _a.width) || undefined) }));
|
|
300
|
-
}, [styles.popper, useTargetWidth, targetElement, translateValues]);
|
|
301
|
-
var handleRef = (0, react_1.useCallback)(function (el) {
|
|
302
|
-
setPopperElement(el);
|
|
303
|
-
popperRef.current = el;
|
|
304
|
-
}, []);
|
|
305
|
-
return (0, portal_1.renderInPortal)((0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { children: (0, jsx_runtime_1.jsxs)(exports.StyledPopoverWrapper, __assign({ maxWidth: maxWidth, minWidth: minWidth, maxHeight: maxHeight, transparent: transparent, effect: effect, isOpaque: !transparent && !minimal, intent: intent, flat: flat, noWrapper: noWrapper, dim: flat && !transparent && !effect && minimal, className: 'reqore-popover-content', ref: handleRef, style: style, animate: animations === null || animations === void 0 ? void 0 : animations.popovers, id: id, onMouseEnter: onPopoverMouseEnter, onMouseLeave: onPopoverMouseLeave }, attributes.popper, { children: [!noArrow && !transparent ? ((0, jsx_runtime_1.jsx)(StyledPopoverArrow, { ref: setArrowElement, style: arrowStyle, "data-popper-arrow": true })) : null, (0, jsx_runtime_1.jsx)(exports.StyledPopoverContent, { children: !noWrapper || (0, lodash_1.isString)(content) ? ((0, jsx_runtime_1.jsx)(Message_1.default, { opaque: !transparent && !minimal, className: 'reqore-popover-text', intent: intent, title: title, icon: icon, minimal: transparent, flat: flat || transparent, effect: effect, backgroundBlur: backgroundBlur, children: content })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1.default.Children.map(content, function (child) {
|
|
306
|
-
return child
|
|
307
|
-
? react_1.default.cloneElement(child, {
|
|
308
|
-
closePopover: closePopover,
|
|
309
|
-
})
|
|
310
|
-
: null;
|
|
311
|
-
}) })) })] })) }), customPortalId);
|
|
312
|
-
});
|
|
313
|
-
exports.default = InternalPopover;
|
|
314
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
315
|
-
//# sourceMappingURL=index.cjs.map
|