@channel.io/bezier-react 1.6.1 → 1.7.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/dist/cjs/components/Forms/Slider/Slider.js +73 -51
- package/dist/cjs/components/Forms/Slider/Slider.js.map +1 -1
- package/dist/cjs/components/Forms/Slider/Slider.styled.js +24 -83
- package/dist/cjs/components/Forms/Slider/Slider.styled.js.map +1 -1
- package/dist/cjs/components/Help/Help.js +10 -7
- package/dist/cjs/components/Help/Help.js.map +1 -1
- package/dist/cjs/components/Help/Help.styled.js +4 -5
- package/dist/cjs/components/Help/Help.styled.js.map +1 -1
- package/dist/cjs/components/KeyValueListItem/common/ItemActions/ItemAction.js +2 -9
- package/dist/cjs/components/KeyValueListItem/common/ItemActions/ItemAction.js.map +1 -1
- package/dist/cjs/components/KeyValueListItem/common/ItemActions/ItemAction.styled.js +3 -20
- package/dist/cjs/components/KeyValueListItem/common/ItemActions/ItemAction.styled.js.map +1 -1
- package/dist/cjs/components/LegacyTooltip/LegacyTooltip.js +101 -0
- package/dist/cjs/components/LegacyTooltip/LegacyTooltip.js.map +1 -0
- package/dist/cjs/components/LegacyTooltip/LegacyTooltip.styled.js +41 -0
- package/dist/cjs/components/LegacyTooltip/LegacyTooltip.styled.js.map +1 -0
- package/dist/cjs/components/LegacyTooltip/LegacyTooltip.types.js +20 -0
- package/dist/cjs/components/LegacyTooltip/LegacyTooltip.types.js.map +1 -0
- package/dist/cjs/components/{Tooltip/TooltipContent.js → LegacyTooltip/LegacyTooltipContent.js} +9 -12
- package/dist/cjs/components/LegacyTooltip/LegacyTooltipContent.js.map +1 -0
- package/dist/cjs/components/{Tooltip → LegacyTooltip}/utils.js +33 -33
- package/dist/cjs/components/LegacyTooltip/utils.js.map +1 -0
- package/dist/cjs/components/ListItem/ListItem.styled.js +1 -1
- package/dist/cjs/components/ListMenuTitle/ListMenuTitle.js +11 -10
- package/dist/cjs/components/ListMenuTitle/ListMenuTitle.js.map +1 -1
- package/dist/cjs/components/Modals/Modal/Modal.types.js.map +1 -1
- package/dist/cjs/components/Navigator/NavGroup/NavGroup.js +10 -11
- package/dist/cjs/components/Navigator/NavGroup/NavGroup.js.map +1 -1
- package/dist/cjs/components/Navigator/NavItem/NavItem.js +10 -10
- package/dist/cjs/components/Navigator/NavItem/NavItem.js.map +1 -1
- package/dist/cjs/components/SectionLabel/SectionLabel.js +10 -17
- package/dist/cjs/components/SectionLabel/SectionLabel.js.map +1 -1
- package/dist/cjs/components/SectionLabel/SectionLabel.styled.js +4 -4
- package/dist/cjs/components/SectionLabel/SectionLabel.styled.js.map +1 -1
- package/dist/cjs/components/Spinner/Spinner.js +10 -7
- package/dist/cjs/components/Spinner/Spinner.js.map +1 -1
- package/dist/cjs/components/Spinner/Spinner.styled.js +1 -1
- package/dist/cjs/components/Spinner/Spinner.types.js.map +1 -1
- package/dist/cjs/components/Stack/Stack/Stack.styled.js +1 -1
- package/dist/cjs/components/Status/Status.styled.js +1 -1
- package/dist/cjs/components/TagBadge/Badge/Badge.js +9 -8
- package/dist/cjs/components/TagBadge/Badge/Badge.js.map +1 -1
- package/dist/cjs/components/TagBadge/Tag/Tag.js +4 -3
- package/dist/cjs/components/TagBadge/Tag/Tag.js.map +1 -1
- package/dist/cjs/components/Text/Text.styled.js +1 -1
- package/dist/cjs/components/Toast/Toast.types.js +2 -1
- package/dist/cjs/components/Toast/Toast.types.js.map +1 -1
- package/dist/cjs/components/Toast/ToastElement.js +5 -6
- package/dist/cjs/components/Toast/ToastElement.js.map +1 -1
- package/dist/cjs/components/Toast/ToastProvider.js +2 -2
- package/dist/cjs/components/Toast/ToastProvider.js.map +1 -1
- package/dist/cjs/components/Toast/utils.js +6 -5
- package/dist/cjs/components/Toast/utils.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.js +211 -83
- package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.styled.js +96 -25
- package/dist/cjs/components/Tooltip/Tooltip.styled.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.types.js +3 -0
- package/dist/cjs/components/Tooltip/Tooltip.types.js.map +1 -1
- package/dist/cjs/foundation/FoundationStyledComponent.js +16 -1
- package/dist/cjs/foundation/FoundationStyledComponent.js.map +1 -1
- package/dist/cjs/index.js +15 -10
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/node_modules/@floating-ui/core/dist/floating-ui.core.js +886 -0
- package/dist/cjs/node_modules/@floating-ui/core/dist/floating-ui.core.js.map +1 -0
- package/dist/cjs/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +691 -0
- package/dist/cjs/node_modules/@floating-ui/dom/dist/floating-ui.dom.js.map +1 -0
- package/dist/cjs/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.esm.js +296 -0
- package/dist/cjs/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.esm.js.map +1 -0
- package/dist/cjs/node_modules/@radix-ui/react-popper/dist/index.js +265 -0
- package/dist/cjs/node_modules/@radix-ui/react-popper/dist/index.js.map +1 -0
- package/dist/cjs/node_modules/@radix-ui/react-slider/dist/index.js +21 -21
- package/dist/cjs/node_modules/@radix-ui/react-tooltip/dist/index.js +521 -0
- package/dist/cjs/node_modules/@radix-ui/react-tooltip/dist/index.js.map +1 -0
- package/dist/cjs/providers/BezierProvider.js +3 -2
- package/dist/cjs/providers/BezierProvider.js.map +1 -1
- package/dist/esm/components/Forms/Slider/Slider.mjs +76 -53
- package/dist/esm/components/Forms/Slider/Slider.mjs.map +1 -1
- package/dist/esm/components/Forms/Slider/Slider.styled.mjs +22 -82
- package/dist/esm/components/Forms/Slider/Slider.styled.mjs.map +1 -1
- package/dist/esm/components/Help/Help.mjs +11 -8
- package/dist/esm/components/Help/Help.mjs.map +1 -1
- package/dist/esm/components/Help/Help.styled.mjs +4 -5
- package/dist/esm/components/Help/Help.styled.mjs.map +1 -1
- package/dist/esm/components/KeyValueListItem/common/ItemActions/ItemAction.mjs +3 -10
- package/dist/esm/components/KeyValueListItem/common/ItemActions/ItemAction.mjs.map +1 -1
- package/dist/esm/components/KeyValueListItem/common/ItemActions/ItemAction.styled.mjs +4 -19
- package/dist/esm/components/KeyValueListItem/common/ItemActions/ItemAction.styled.mjs.map +1 -1
- package/dist/esm/components/LegacyTooltip/LegacyTooltip.mjs +97 -0
- package/dist/esm/components/LegacyTooltip/LegacyTooltip.mjs.map +1 -0
- package/dist/esm/components/LegacyTooltip/LegacyTooltip.styled.mjs +36 -0
- package/dist/esm/components/LegacyTooltip/LegacyTooltip.styled.mjs.map +1 -0
- package/dist/esm/components/LegacyTooltip/LegacyTooltip.types.mjs +18 -0
- package/dist/esm/components/LegacyTooltip/LegacyTooltip.types.mjs.map +1 -0
- package/dist/esm/components/{Tooltip/TooltipContent.mjs → LegacyTooltip/LegacyTooltipContent.mjs} +8 -9
- package/dist/esm/components/LegacyTooltip/LegacyTooltipContent.mjs.map +1 -0
- package/dist/esm/components/{Tooltip → LegacyTooltip}/utils.mjs +33 -33
- package/dist/esm/components/LegacyTooltip/utils.mjs.map +1 -0
- package/dist/esm/components/ListItem/ListItem.styled.mjs +1 -1
- package/dist/esm/components/ListMenuTitle/ListMenuTitle.mjs +12 -11
- package/dist/esm/components/ListMenuTitle/ListMenuTitle.mjs.map +1 -1
- package/dist/esm/components/Modals/Modal/Modal.types.mjs.map +1 -1
- package/dist/esm/components/Navigator/NavGroup/NavGroup.mjs +11 -12
- package/dist/esm/components/Navigator/NavGroup/NavGroup.mjs.map +1 -1
- package/dist/esm/components/Navigator/NavItem/NavItem.mjs +11 -11
- package/dist/esm/components/Navigator/NavItem/NavItem.mjs.map +1 -1
- package/dist/esm/components/Overlay/Overlay.mjs +2 -2
- package/dist/esm/components/Overlay/Overlay.mjs.map +1 -1
- package/dist/esm/components/SectionLabel/SectionLabel.mjs +11 -17
- package/dist/esm/components/SectionLabel/SectionLabel.mjs.map +1 -1
- package/dist/esm/components/SectionLabel/SectionLabel.styled.mjs +4 -4
- package/dist/esm/components/SectionLabel/SectionLabel.styled.mjs.map +1 -1
- package/dist/esm/components/Spinner/Spinner.mjs +11 -8
- package/dist/esm/components/Spinner/Spinner.mjs.map +1 -1
- package/dist/esm/components/Spinner/Spinner.styled.mjs +1 -1
- package/dist/esm/components/Spinner/Spinner.types.mjs.map +1 -1
- package/dist/esm/components/Stack/Stack/Stack.styled.mjs +1 -1
- package/dist/esm/components/Status/Status.styled.mjs +1 -1
- package/dist/esm/components/TagBadge/Badge/Badge.mjs +10 -9
- package/dist/esm/components/TagBadge/Badge/Badge.mjs.map +1 -1
- package/dist/esm/components/TagBadge/Tag/Tag.mjs +5 -4
- package/dist/esm/components/TagBadge/Tag/Tag.mjs.map +1 -1
- package/dist/esm/components/Text/Text.styled.mjs +1 -1
- package/dist/esm/components/Toast/Toast.types.mjs +2 -1
- package/dist/esm/components/Toast/Toast.types.mjs.map +1 -1
- package/dist/esm/components/Toast/ToastElement.mjs +5 -6
- package/dist/esm/components/Toast/ToastElement.mjs.map +1 -1
- package/dist/esm/components/Toast/ToastProvider.mjs +2 -2
- package/dist/esm/components/Toast/ToastProvider.mjs.map +1 -1
- package/dist/esm/components/Toast/utils.mjs +6 -5
- package/dist/esm/components/Toast/utils.mjs.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.mjs +213 -82
- package/dist/esm/components/Tooltip/Tooltip.mjs.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.styled.mjs +93 -23
- package/dist/esm/components/Tooltip/Tooltip.styled.mjs.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.types.mjs +3 -0
- package/dist/esm/components/Tooltip/Tooltip.types.mjs.map +1 -1
- package/dist/esm/foundation/FoundationStyledComponent.mjs +16 -1
- package/dist/esm/foundation/FoundationStyledComponent.mjs.map +1 -1
- package/dist/esm/index.mjs +7 -5
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/node_modules/@floating-ui/core/dist/floating-ui.core.mjs +875 -0
- package/dist/esm/node_modules/@floating-ui/core/dist/floating-ui.core.mjs.map +1 -0
- package/dist/esm/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs +679 -0
- package/dist/esm/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.map +1 -0
- package/dist/esm/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.esm.mjs +265 -0
- package/dist/esm/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.esm.mjs.map +1 -0
- package/dist/esm/node_modules/@radix-ui/react-popper/dist/index.mjs +257 -0
- package/dist/esm/node_modules/@radix-ui/react-popper/dist/index.mjs.map +1 -0
- package/dist/esm/node_modules/@radix-ui/react-portal/dist/index.mjs +2 -2
- package/dist/esm/node_modules/@radix-ui/react-slider/dist/index.mjs +1 -1
- package/dist/esm/node_modules/@radix-ui/react-tooltip/dist/index.mjs +509 -0
- package/dist/esm/node_modules/@radix-ui/react-tooltip/dist/index.mjs.map +1 -0
- package/dist/esm/providers/BezierProvider.mjs +3 -2
- package/dist/esm/providers/BezierProvider.mjs.map +1 -1
- package/dist/types/components/Forms/Slider/Slider.d.ts +18 -2
- package/dist/types/components/Forms/Slider/Slider.d.ts.map +1 -1
- package/dist/types/components/Forms/Slider/Slider.styled.d.ts +14 -24
- package/dist/types/components/Forms/Slider/Slider.styled.d.ts.map +1 -1
- package/dist/types/components/Forms/Slider/Slider.types.d.ts +52 -13
- package/dist/types/components/Forms/Slider/Slider.types.d.ts.map +1 -1
- package/dist/types/components/Help/Help.d.ts +1 -4
- package/dist/types/components/Help/Help.d.ts.map +1 -1
- package/dist/types/components/Help/Help.styled.d.ts +1 -1
- package/dist/types/components/Help/Help.styled.d.ts.map +1 -1
- package/dist/types/components/Help/Help.types.d.ts +1 -1
- package/dist/types/components/Help/Help.types.d.ts.map +1 -1
- package/dist/types/components/KeyValueListItem/common/ItemActions/ItemAction.d.ts.map +1 -1
- package/dist/types/components/KeyValueListItem/common/ItemActions/ItemAction.styled.d.ts +1 -7
- package/dist/types/components/KeyValueListItem/common/ItemActions/ItemAction.styled.d.ts.map +1 -1
- package/dist/types/components/KeyValueListItem/common/ItemActions/ItemAction.types.d.ts +3 -3
- package/dist/types/components/KeyValueListItem/common/ItemActions/ItemAction.types.d.ts.map +1 -1
- package/dist/types/components/KeyValueListItem/common/KeyItem/KeyItem.types.d.ts +2 -2
- package/dist/types/components/KeyValueListItem/common/KeyItem/KeyItem.types.d.ts.map +1 -1
- package/dist/types/components/LegacyTooltip/LegacyTooltip.d.ts +6 -0
- package/dist/types/components/LegacyTooltip/LegacyTooltip.d.ts.map +1 -0
- package/dist/types/components/LegacyTooltip/LegacyTooltip.styled.d.ts +18 -0
- package/dist/types/components/LegacyTooltip/LegacyTooltip.styled.d.ts.map +1 -0
- package/dist/types/components/LegacyTooltip/LegacyTooltip.types.d.ts +40 -0
- package/dist/types/components/LegacyTooltip/LegacyTooltip.types.d.ts.map +1 -0
- package/dist/types/components/LegacyTooltip/LegacyTooltipContent.d.ts +4 -0
- package/dist/types/components/LegacyTooltip/LegacyTooltipContent.d.ts.map +1 -0
- package/dist/types/components/LegacyTooltip/index.d.ts +4 -0
- package/dist/types/components/LegacyTooltip/index.d.ts.map +1 -0
- package/dist/types/components/{Tooltip → LegacyTooltip}/utils.d.ts +2 -2
- package/dist/types/components/LegacyTooltip/utils.d.ts.map +1 -0
- package/dist/types/components/ListMenuTitle/ListMenuTitle.d.ts +1 -1
- package/dist/types/components/ListMenuTitle/ListMenuTitle.d.ts.map +1 -1
- package/dist/types/components/ListMenuTitle/ListMenuTitle.types.d.ts +1 -2
- package/dist/types/components/ListMenuTitle/ListMenuTitle.types.d.ts.map +1 -1
- package/dist/types/components/Modals/Modal/Modal.types.d.ts +2 -2
- package/dist/types/components/Modals/Modal/Modal.types.d.ts.map +1 -1
- package/dist/types/components/Navigator/NavGroup/NavGroup.d.ts +1 -2
- package/dist/types/components/Navigator/NavGroup/NavGroup.d.ts.map +1 -1
- package/dist/types/components/Navigator/NavGroup/NavGroup.types.d.ts +3 -3
- package/dist/types/components/Navigator/NavGroup/NavGroup.types.d.ts.map +1 -1
- package/dist/types/components/Navigator/NavItem/NavItem.d.ts +1 -2
- package/dist/types/components/Navigator/NavItem/NavItem.d.ts.map +1 -1
- package/dist/types/components/Navigator/NavItem/NavItem.types.d.ts +3 -3
- package/dist/types/components/Navigator/NavItem/NavItem.types.d.ts.map +1 -1
- package/dist/types/components/SectionLabel/SectionLabel.d.ts +1 -2
- package/dist/types/components/SectionLabel/SectionLabel.d.ts.map +1 -1
- package/dist/types/components/SectionLabel/SectionLabel.styled.d.ts +1 -1
- package/dist/types/components/SectionLabel/SectionLabel.styled.d.ts.map +1 -1
- package/dist/types/components/SectionLabel/SectionLabel.types.d.ts +2 -7
- package/dist/types/components/SectionLabel/SectionLabel.types.d.ts.map +1 -1
- package/dist/types/components/Spinner/Spinner.d.ts +1 -1
- package/dist/types/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/types/components/Spinner/Spinner.types.d.ts +2 -1
- package/dist/types/components/Spinner/Spinner.types.d.ts.map +1 -1
- package/dist/types/components/TagBadge/Badge/Badge.d.ts +1 -1
- package/dist/types/components/TagBadge/Badge/Badge.d.ts.map +1 -1
- package/dist/types/components/TagBadge/Badge/Badge.types.d.ts +2 -2
- package/dist/types/components/TagBadge/Badge/Badge.types.d.ts.map +1 -1
- package/dist/types/components/TagBadge/Tag/Tag.d.ts +1 -1
- package/dist/types/components/TagBadge/Tag/Tag.d.ts.map +1 -1
- package/dist/types/components/Toast/Toast.types.d.ts +4 -4
- package/dist/types/components/Toast/Toast.types.d.ts.map +1 -1
- package/dist/types/components/Toast/ToastElement.d.ts.map +1 -1
- package/dist/types/components/Toast/utils.d.ts.map +1 -1
- package/dist/types/components/Tooltip/Tooltip.d.ts +31 -5
- package/dist/types/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/components/Tooltip/Tooltip.styled.d.ts +22 -12
- package/dist/types/components/Tooltip/Tooltip.styled.d.ts.map +1 -1
- package/dist/types/components/Tooltip/Tooltip.types.d.ts +105 -24
- package/dist/types/components/Tooltip/Tooltip.types.d.ts.map +1 -1
- package/dist/types/components/Tooltip/index.d.ts +3 -5
- package/dist/types/components/Tooltip/index.d.ts.map +1 -1
- package/dist/types/components/VisuallyHidden/VisuallyHidden.types.d.ts +2 -1
- package/dist/types/components/VisuallyHidden/VisuallyHidden.types.d.ts.map +1 -1
- package/dist/types/foundation/FoundationStyledComponent.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/providers/BezierProvider.d.ts.map +1 -1
- package/package.json +3 -2
- package/src/components/Avatars/AvatarGroup/__snapshots__/AvatarGroup.test.tsx.snap +17 -17
- package/src/components/Button/__snapshots__/Button.test.tsx.snap +15 -15
- package/src/components/Forms/FormControl/__snapshots__/FormControl.test.tsx.snap +119 -119
- package/src/components/Forms/Slider/Slider.stories.tsx +10 -63
- package/src/components/Forms/Slider/Slider.styled.ts +46 -95
- package/src/components/Forms/Slider/Slider.test.tsx +130 -97
- package/src/components/Forms/Slider/Slider.tsx +117 -96
- package/src/components/Forms/Slider/Slider.types.ts +55 -17
- package/src/components/Forms/Slider/__snapshots__/Slider.test.tsx.snap +156 -0
- package/src/components/Help/Help.styled.ts +4 -7
- package/src/components/Help/Help.tsx +19 -12
- package/src/components/Help/Help.types.ts +1 -1
- package/src/components/KeyValueListItem/KeyValueListItem.test.tsx +10 -6
- package/src/components/KeyValueListItem/__snapshots__/KeyValueListItem.test.tsx.snap +13 -13
- package/src/components/KeyValueListItem/common/ItemActions/ItemAction.styled.ts +5 -15
- package/src/components/KeyValueListItem/common/ItemActions/ItemAction.tsx +6 -13
- package/src/components/KeyValueListItem/common/ItemActions/ItemAction.types.ts +3 -6
- package/src/components/KeyValueListItem/common/KeyItem/KeyItem.types.ts +2 -5
- package/src/components/LegacyTooltip/LegacyTooltip.stories.tsx +105 -0
- package/src/components/LegacyTooltip/LegacyTooltip.styled.ts +46 -0
- package/src/components/LegacyTooltip/LegacyTooltip.test.tsx +100 -0
- package/src/components/LegacyTooltip/LegacyTooltip.tsx +152 -0
- package/src/components/LegacyTooltip/LegacyTooltip.types.ts +69 -0
- package/src/components/{Tooltip/TooltipContent.test.tsx → LegacyTooltip/LegacyTooltipContent.test.tsx} +9 -8
- package/src/components/{Tooltip/TooltipContent.tsx → LegacyTooltip/LegacyTooltipContent.tsx} +6 -7
- package/src/components/LegacyTooltip/index.ts +5 -0
- package/src/components/{Tooltip → LegacyTooltip}/utils.ts +35 -35
- package/src/components/ListMenuTitle/ListMenuTitle.tsx +10 -6
- package/src/components/ListMenuTitle/ListMenuTitle.types.ts +1 -1
- package/src/components/Modals/Modal/Modal.types.ts +2 -2
- package/src/components/Navigator/NavGroup/NavGroup.stories.tsx +5 -2
- package/src/components/Navigator/NavGroup/NavGroup.test.tsx +1 -1
- package/src/components/Navigator/NavGroup/NavGroup.tsx +13 -16
- package/src/components/Navigator/NavGroup/NavGroup.types.ts +3 -2
- package/src/components/Navigator/NavItem/NavItem.test.tsx +3 -1
- package/src/components/Navigator/NavItem/NavItem.tsx +13 -12
- package/src/components/Navigator/NavItem/NavItem.types.ts +3 -2
- package/src/components/SectionLabel/SectionLabel.stories.tsx +1 -1
- package/src/components/SectionLabel/SectionLabel.styled.ts +2 -4
- package/src/components/SectionLabel/SectionLabel.test.tsx +5 -25
- package/src/components/SectionLabel/SectionLabel.tsx +11 -17
- package/src/components/SectionLabel/SectionLabel.types.ts +2 -8
- package/src/components/Spinner/Spinner.tsx +7 -4
- package/src/components/Spinner/Spinner.types.ts +2 -1
- package/src/components/TagBadge/Badge/Badge.stories.tsx +2 -1
- package/src/components/TagBadge/Badge/Badge.tsx +15 -10
- package/src/components/TagBadge/Badge/Badge.types.ts +2 -2
- package/src/components/TagBadge/Tag/Tag.tsx +9 -4
- package/src/components/TagBadge/TagBadge.mdx +1 -1
- package/src/components/TagBadge/TagBadge.stories.tsx +48 -33
- package/src/components/Toast/Toast.stories.tsx +9 -8
- package/src/components/Toast/Toast.types.ts +8 -5
- package/src/components/Toast/ToastElement.tsx +4 -5
- package/src/components/Toast/ToastProvider.tsx +2 -2
- package/src/components/Toast/ToastService.test.ts +3 -1
- package/src/components/Toast/useToastContextValues.test.tsx +5 -4
- package/src/components/Toast/utils.ts +13 -5
- package/src/components/Tooltip/Tooltip.stories.tsx +28 -67
- package/src/components/Tooltip/Tooltip.styled.ts +109 -19
- package/src/components/Tooltip/Tooltip.test.tsx +136 -63
- package/src/components/Tooltip/Tooltip.tsx +262 -120
- package/src/components/Tooltip/Tooltip.types.ts +111 -47
- package/src/components/Tooltip/index.ts +8 -8
- package/src/components/VisuallyHidden/VisuallyHidden.types.ts +1 -1
- package/src/foundation/FoundationStyledComponent.tsx +17 -1
- package/src/index.ts +1 -0
- package/src/providers/BezierProvider.tsx +10 -6
- package/dist/cjs/components/Tooltip/TooltipContent.js.map +0 -1
- package/dist/cjs/components/Tooltip/utils.js.map +0 -1
- package/dist/esm/components/Tooltip/TooltipContent.mjs.map +0 -1
- package/dist/esm/components/Tooltip/utils.mjs.map +0 -1
- package/dist/types/components/Tooltip/TooltipContent.d.ts +0 -5
- package/dist/types/components/Tooltip/TooltipContent.d.ts.map +0 -1
- package/dist/types/components/Tooltip/utils.d.ts.map +0 -1
- /package/src/components/{Tooltip/__snapshots__/Tooltip.test.tsx.snap → LegacyTooltip/__snapshots__/LegacyTooltip.test.tsx.snap} +0 -0
|
@@ -0,0 +1,691 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var floatingUi_core = require('../../core/dist/floating-ui.core.js');
|
|
4
|
+
|
|
5
|
+
function getWindow(node) {
|
|
6
|
+
var _node$ownerDocument;
|
|
7
|
+
return ((_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
|
|
8
|
+
}
|
|
9
|
+
function getComputedStyle$1(element) {
|
|
10
|
+
return getWindow(element).getComputedStyle(element);
|
|
11
|
+
}
|
|
12
|
+
function isNode(value) {
|
|
13
|
+
return value instanceof getWindow(value).Node;
|
|
14
|
+
}
|
|
15
|
+
function getNodeName(node) {
|
|
16
|
+
if (isNode(node)) {
|
|
17
|
+
return (node.nodeName || '').toLowerCase();
|
|
18
|
+
}
|
|
19
|
+
// Mocked nodes in testing environments may not be instances of Node. By
|
|
20
|
+
// returning `#document` an infinite loop won't occur.
|
|
21
|
+
// https://github.com/floating-ui/floating-ui/issues/2317
|
|
22
|
+
return '#document';
|
|
23
|
+
}
|
|
24
|
+
function isHTMLElement(value) {
|
|
25
|
+
return value instanceof getWindow(value).HTMLElement;
|
|
26
|
+
}
|
|
27
|
+
function isElement(value) {
|
|
28
|
+
return value instanceof getWindow(value).Element;
|
|
29
|
+
}
|
|
30
|
+
function isShadowRoot(node) {
|
|
31
|
+
// Browsers without `ShadowRoot` support.
|
|
32
|
+
if (typeof ShadowRoot === 'undefined') {
|
|
33
|
+
return false;
|
|
34
|
+
}
|
|
35
|
+
return node instanceof getWindow(node).ShadowRoot || node instanceof ShadowRoot;
|
|
36
|
+
}
|
|
37
|
+
function isOverflowElement(element) {
|
|
38
|
+
const {
|
|
39
|
+
overflow,
|
|
40
|
+
overflowX,
|
|
41
|
+
overflowY,
|
|
42
|
+
display
|
|
43
|
+
} = getComputedStyle$1(element);
|
|
44
|
+
return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !['inline', 'contents'].includes(display);
|
|
45
|
+
}
|
|
46
|
+
function isTableElement(element) {
|
|
47
|
+
return ['table', 'td', 'th'].includes(getNodeName(element));
|
|
48
|
+
}
|
|
49
|
+
function isContainingBlock(element) {
|
|
50
|
+
const safari = isSafari();
|
|
51
|
+
const css = getComputedStyle$1(element);
|
|
52
|
+
|
|
53
|
+
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
|
|
54
|
+
return css.transform !== 'none' || css.perspective !== 'none' || !safari && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !safari && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
|
|
55
|
+
}
|
|
56
|
+
function isSafari() {
|
|
57
|
+
if (typeof CSS === 'undefined' || !CSS.supports) return false;
|
|
58
|
+
return CSS.supports('-webkit-backdrop-filter', 'none');
|
|
59
|
+
}
|
|
60
|
+
function isLastTraversableNode(node) {
|
|
61
|
+
return ['html', 'body', '#document'].includes(getNodeName(node));
|
|
62
|
+
}
|
|
63
|
+
const min = Math.min;
|
|
64
|
+
const max = Math.max;
|
|
65
|
+
const round = Math.round;
|
|
66
|
+
const floor = Math.floor;
|
|
67
|
+
const createEmptyCoords = v => ({
|
|
68
|
+
x: v,
|
|
69
|
+
y: v
|
|
70
|
+
});
|
|
71
|
+
function getCssDimensions(element) {
|
|
72
|
+
const css = getComputedStyle$1(element);
|
|
73
|
+
// In testing environments, the `width` and `height` properties are empty
|
|
74
|
+
// strings for SVG elements, returning NaN. Fallback to `0` in this case.
|
|
75
|
+
let width = parseFloat(css.width) || 0;
|
|
76
|
+
let height = parseFloat(css.height) || 0;
|
|
77
|
+
const hasOffset = isHTMLElement(element);
|
|
78
|
+
const offsetWidth = hasOffset ? element.offsetWidth : width;
|
|
79
|
+
const offsetHeight = hasOffset ? element.offsetHeight : height;
|
|
80
|
+
const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
|
|
81
|
+
if (shouldFallback) {
|
|
82
|
+
width = offsetWidth;
|
|
83
|
+
height = offsetHeight;
|
|
84
|
+
}
|
|
85
|
+
return {
|
|
86
|
+
width,
|
|
87
|
+
height,
|
|
88
|
+
$: shouldFallback
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
function unwrapElement(element) {
|
|
92
|
+
return !isElement(element) ? element.contextElement : element;
|
|
93
|
+
}
|
|
94
|
+
function getScale(element) {
|
|
95
|
+
const domElement = unwrapElement(element);
|
|
96
|
+
if (!isHTMLElement(domElement)) {
|
|
97
|
+
return createEmptyCoords(1);
|
|
98
|
+
}
|
|
99
|
+
const rect = domElement.getBoundingClientRect();
|
|
100
|
+
const {
|
|
101
|
+
width,
|
|
102
|
+
height,
|
|
103
|
+
$
|
|
104
|
+
} = getCssDimensions(domElement);
|
|
105
|
+
let x = ($ ? round(rect.width) : rect.width) / width;
|
|
106
|
+
let y = ($ ? round(rect.height) : rect.height) / height;
|
|
107
|
+
|
|
108
|
+
// 0, NaN, or Infinity should always fallback to 1.
|
|
109
|
+
|
|
110
|
+
if (!x || !Number.isFinite(x)) {
|
|
111
|
+
x = 1;
|
|
112
|
+
}
|
|
113
|
+
if (!y || !Number.isFinite(y)) {
|
|
114
|
+
y = 1;
|
|
115
|
+
}
|
|
116
|
+
return {
|
|
117
|
+
x,
|
|
118
|
+
y
|
|
119
|
+
};
|
|
120
|
+
}
|
|
121
|
+
const noOffsets = /*#__PURE__*/createEmptyCoords(0);
|
|
122
|
+
function getVisualOffsets(element, isFixed, floatingOffsetParent) {
|
|
123
|
+
var _win$visualViewport, _win$visualViewport2;
|
|
124
|
+
if (isFixed === void 0) {
|
|
125
|
+
isFixed = true;
|
|
126
|
+
}
|
|
127
|
+
if (!isSafari()) {
|
|
128
|
+
return noOffsets;
|
|
129
|
+
}
|
|
130
|
+
const win = element ? getWindow(element) : window;
|
|
131
|
+
if (!floatingOffsetParent || isFixed && floatingOffsetParent !== win) {
|
|
132
|
+
return noOffsets;
|
|
133
|
+
}
|
|
134
|
+
return {
|
|
135
|
+
x: ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0,
|
|
136
|
+
y: ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
|
|
140
|
+
if (includeScale === void 0) {
|
|
141
|
+
includeScale = false;
|
|
142
|
+
}
|
|
143
|
+
if (isFixedStrategy === void 0) {
|
|
144
|
+
isFixedStrategy = false;
|
|
145
|
+
}
|
|
146
|
+
const clientRect = element.getBoundingClientRect();
|
|
147
|
+
const domElement = unwrapElement(element);
|
|
148
|
+
let scale = createEmptyCoords(1);
|
|
149
|
+
if (includeScale) {
|
|
150
|
+
if (offsetParent) {
|
|
151
|
+
if (isElement(offsetParent)) {
|
|
152
|
+
scale = getScale(offsetParent);
|
|
153
|
+
}
|
|
154
|
+
} else {
|
|
155
|
+
scale = getScale(element);
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
const visualOffsets = getVisualOffsets(domElement, isFixedStrategy, offsetParent);
|
|
159
|
+
let x = (clientRect.left + visualOffsets.x) / scale.x;
|
|
160
|
+
let y = (clientRect.top + visualOffsets.y) / scale.y;
|
|
161
|
+
let width = clientRect.width / scale.x;
|
|
162
|
+
let height = clientRect.height / scale.y;
|
|
163
|
+
if (domElement) {
|
|
164
|
+
const win = getWindow(domElement);
|
|
165
|
+
const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
|
|
166
|
+
let currentIFrame = win.frameElement;
|
|
167
|
+
while (currentIFrame && offsetParent && offsetWin !== win) {
|
|
168
|
+
const iframeScale = getScale(currentIFrame);
|
|
169
|
+
const iframeRect = currentIFrame.getBoundingClientRect();
|
|
170
|
+
const css = getComputedStyle(currentIFrame);
|
|
171
|
+
const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
|
|
172
|
+
const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
|
|
173
|
+
x *= iframeScale.x;
|
|
174
|
+
y *= iframeScale.y;
|
|
175
|
+
width *= iframeScale.x;
|
|
176
|
+
height *= iframeScale.y;
|
|
177
|
+
x += left;
|
|
178
|
+
y += top;
|
|
179
|
+
currentIFrame = getWindow(currentIFrame).frameElement;
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
return floatingUi_core.rectToClientRect({
|
|
183
|
+
width,
|
|
184
|
+
height,
|
|
185
|
+
x,
|
|
186
|
+
y
|
|
187
|
+
});
|
|
188
|
+
}
|
|
189
|
+
function getDocumentElement(node) {
|
|
190
|
+
return ((isNode(node) ? node.ownerDocument : node.document) || window.document).documentElement;
|
|
191
|
+
}
|
|
192
|
+
function getNodeScroll(element) {
|
|
193
|
+
if (isElement(element)) {
|
|
194
|
+
return {
|
|
195
|
+
scrollLeft: element.scrollLeft,
|
|
196
|
+
scrollTop: element.scrollTop
|
|
197
|
+
};
|
|
198
|
+
}
|
|
199
|
+
return {
|
|
200
|
+
scrollLeft: element.pageXOffset,
|
|
201
|
+
scrollTop: element.pageYOffset
|
|
202
|
+
};
|
|
203
|
+
}
|
|
204
|
+
function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
|
|
205
|
+
let {
|
|
206
|
+
rect,
|
|
207
|
+
offsetParent,
|
|
208
|
+
strategy
|
|
209
|
+
} = _ref;
|
|
210
|
+
const isOffsetParentAnElement = isHTMLElement(offsetParent);
|
|
211
|
+
const documentElement = getDocumentElement(offsetParent);
|
|
212
|
+
if (offsetParent === documentElement) {
|
|
213
|
+
return rect;
|
|
214
|
+
}
|
|
215
|
+
let scroll = {
|
|
216
|
+
scrollLeft: 0,
|
|
217
|
+
scrollTop: 0
|
|
218
|
+
};
|
|
219
|
+
let scale = createEmptyCoords(1);
|
|
220
|
+
const offsets = createEmptyCoords(0);
|
|
221
|
+
if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== 'fixed') {
|
|
222
|
+
if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
|
|
223
|
+
scroll = getNodeScroll(offsetParent);
|
|
224
|
+
}
|
|
225
|
+
if (isHTMLElement(offsetParent)) {
|
|
226
|
+
const offsetRect = getBoundingClientRect(offsetParent);
|
|
227
|
+
scale = getScale(offsetParent);
|
|
228
|
+
offsets.x = offsetRect.x + offsetParent.clientLeft;
|
|
229
|
+
offsets.y = offsetRect.y + offsetParent.clientTop;
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
return {
|
|
233
|
+
width: rect.width * scale.x,
|
|
234
|
+
height: rect.height * scale.y,
|
|
235
|
+
x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x,
|
|
236
|
+
y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y
|
|
237
|
+
};
|
|
238
|
+
}
|
|
239
|
+
function getWindowScrollBarX(element) {
|
|
240
|
+
// If <html> has a CSS width greater than the viewport, then this will be
|
|
241
|
+
// incorrect for RTL.
|
|
242
|
+
return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
// Gets the entire size of the scrollable document area, even extending outside
|
|
246
|
+
// of the `<html>` and `<body>` rect bounds if horizontally scrollable.
|
|
247
|
+
function getDocumentRect(element) {
|
|
248
|
+
const html = getDocumentElement(element);
|
|
249
|
+
const scroll = getNodeScroll(element);
|
|
250
|
+
const body = element.ownerDocument.body;
|
|
251
|
+
const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
|
|
252
|
+
const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
|
|
253
|
+
let x = -scroll.scrollLeft + getWindowScrollBarX(element);
|
|
254
|
+
const y = -scroll.scrollTop;
|
|
255
|
+
if (getComputedStyle$1(body).direction === 'rtl') {
|
|
256
|
+
x += max(html.clientWidth, body.clientWidth) - width;
|
|
257
|
+
}
|
|
258
|
+
return {
|
|
259
|
+
width,
|
|
260
|
+
height,
|
|
261
|
+
x,
|
|
262
|
+
y
|
|
263
|
+
};
|
|
264
|
+
}
|
|
265
|
+
function getParentNode(node) {
|
|
266
|
+
if (getNodeName(node) === 'html') {
|
|
267
|
+
return node;
|
|
268
|
+
}
|
|
269
|
+
const result =
|
|
270
|
+
// Step into the shadow DOM of the parent of a slotted node.
|
|
271
|
+
node.assignedSlot ||
|
|
272
|
+
// DOM Element detected.
|
|
273
|
+
node.parentNode ||
|
|
274
|
+
// ShadowRoot detected.
|
|
275
|
+
isShadowRoot(node) && node.host ||
|
|
276
|
+
// Fallback.
|
|
277
|
+
getDocumentElement(node);
|
|
278
|
+
return isShadowRoot(result) ? result.host : result;
|
|
279
|
+
}
|
|
280
|
+
function getNearestOverflowAncestor(node) {
|
|
281
|
+
const parentNode = getParentNode(node);
|
|
282
|
+
if (isLastTraversableNode(parentNode)) {
|
|
283
|
+
return node.ownerDocument ? node.ownerDocument.body : node.body;
|
|
284
|
+
}
|
|
285
|
+
if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
|
|
286
|
+
return parentNode;
|
|
287
|
+
}
|
|
288
|
+
return getNearestOverflowAncestor(parentNode);
|
|
289
|
+
}
|
|
290
|
+
function getOverflowAncestors(node, list) {
|
|
291
|
+
var _node$ownerDocument;
|
|
292
|
+
if (list === void 0) {
|
|
293
|
+
list = [];
|
|
294
|
+
}
|
|
295
|
+
const scrollableAncestor = getNearestOverflowAncestor(node);
|
|
296
|
+
const isBody = scrollableAncestor === ((_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.body);
|
|
297
|
+
const win = getWindow(scrollableAncestor);
|
|
298
|
+
if (isBody) {
|
|
299
|
+
return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : []);
|
|
300
|
+
}
|
|
301
|
+
return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor));
|
|
302
|
+
}
|
|
303
|
+
function getViewportRect(element, strategy) {
|
|
304
|
+
const win = getWindow(element);
|
|
305
|
+
const html = getDocumentElement(element);
|
|
306
|
+
const visualViewport = win.visualViewport;
|
|
307
|
+
let width = html.clientWidth;
|
|
308
|
+
let height = html.clientHeight;
|
|
309
|
+
let x = 0;
|
|
310
|
+
let y = 0;
|
|
311
|
+
if (visualViewport) {
|
|
312
|
+
width = visualViewport.width;
|
|
313
|
+
height = visualViewport.height;
|
|
314
|
+
const visualViewportBased = isSafari();
|
|
315
|
+
if (!visualViewportBased || visualViewportBased && strategy === 'fixed') {
|
|
316
|
+
x = visualViewport.offsetLeft;
|
|
317
|
+
y = visualViewport.offsetTop;
|
|
318
|
+
}
|
|
319
|
+
}
|
|
320
|
+
return {
|
|
321
|
+
width,
|
|
322
|
+
height,
|
|
323
|
+
x,
|
|
324
|
+
y
|
|
325
|
+
};
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
// Returns the inner client rect, subtracting scrollbars if present.
|
|
329
|
+
function getInnerBoundingClientRect(element, strategy) {
|
|
330
|
+
const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
|
|
331
|
+
const top = clientRect.top + element.clientTop;
|
|
332
|
+
const left = clientRect.left + element.clientLeft;
|
|
333
|
+
const scale = isHTMLElement(element) ? getScale(element) : createEmptyCoords(1);
|
|
334
|
+
const width = element.clientWidth * scale.x;
|
|
335
|
+
const height = element.clientHeight * scale.y;
|
|
336
|
+
const x = left * scale.x;
|
|
337
|
+
const y = top * scale.y;
|
|
338
|
+
return {
|
|
339
|
+
width,
|
|
340
|
+
height,
|
|
341
|
+
x,
|
|
342
|
+
y
|
|
343
|
+
};
|
|
344
|
+
}
|
|
345
|
+
function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
|
|
346
|
+
let rect;
|
|
347
|
+
if (clippingAncestor === 'viewport') {
|
|
348
|
+
rect = getViewportRect(element, strategy);
|
|
349
|
+
} else if (clippingAncestor === 'document') {
|
|
350
|
+
rect = getDocumentRect(getDocumentElement(element));
|
|
351
|
+
} else if (isElement(clippingAncestor)) {
|
|
352
|
+
rect = getInnerBoundingClientRect(clippingAncestor, strategy);
|
|
353
|
+
} else {
|
|
354
|
+
const visualOffsets = getVisualOffsets(element);
|
|
355
|
+
rect = {
|
|
356
|
+
...clippingAncestor,
|
|
357
|
+
x: clippingAncestor.x - visualOffsets.x,
|
|
358
|
+
y: clippingAncestor.y - visualOffsets.y
|
|
359
|
+
};
|
|
360
|
+
}
|
|
361
|
+
return floatingUi_core.rectToClientRect(rect);
|
|
362
|
+
}
|
|
363
|
+
function hasFixedPositionAncestor(element, stopNode) {
|
|
364
|
+
const parentNode = getParentNode(element);
|
|
365
|
+
if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
|
|
366
|
+
return false;
|
|
367
|
+
}
|
|
368
|
+
return getComputedStyle$1(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
// A "clipping ancestor" is an `overflow` element with the characteristic of
|
|
372
|
+
// clipping (or hiding) child elements. This returns all clipping ancestors
|
|
373
|
+
// of the given element up the tree.
|
|
374
|
+
function getClippingElementAncestors(element, cache) {
|
|
375
|
+
const cachedResult = cache.get(element);
|
|
376
|
+
if (cachedResult) {
|
|
377
|
+
return cachedResult;
|
|
378
|
+
}
|
|
379
|
+
let result = getOverflowAncestors(element).filter(el => isElement(el) && getNodeName(el) !== 'body');
|
|
380
|
+
let currentContainingBlockComputedStyle = null;
|
|
381
|
+
const elementIsFixed = getComputedStyle$1(element).position === 'fixed';
|
|
382
|
+
let currentNode = elementIsFixed ? getParentNode(element) : element;
|
|
383
|
+
|
|
384
|
+
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
|
|
385
|
+
while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
|
|
386
|
+
const computedStyle = getComputedStyle$1(currentNode);
|
|
387
|
+
const currentNodeIsContaining = isContainingBlock(currentNode);
|
|
388
|
+
if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
|
|
389
|
+
currentContainingBlockComputedStyle = null;
|
|
390
|
+
}
|
|
391
|
+
const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
|
|
392
|
+
if (shouldDropCurrentNode) {
|
|
393
|
+
// Drop non-containing blocks.
|
|
394
|
+
result = result.filter(ancestor => ancestor !== currentNode);
|
|
395
|
+
} else {
|
|
396
|
+
// Record last containing block for next iteration.
|
|
397
|
+
currentContainingBlockComputedStyle = computedStyle;
|
|
398
|
+
}
|
|
399
|
+
currentNode = getParentNode(currentNode);
|
|
400
|
+
}
|
|
401
|
+
cache.set(element, result);
|
|
402
|
+
return result;
|
|
403
|
+
}
|
|
404
|
+
|
|
405
|
+
// Gets the maximum area that the element is visible in due to any number of
|
|
406
|
+
// clipping ancestors.
|
|
407
|
+
function getClippingRect(_ref) {
|
|
408
|
+
let {
|
|
409
|
+
element,
|
|
410
|
+
boundary,
|
|
411
|
+
rootBoundary,
|
|
412
|
+
strategy
|
|
413
|
+
} = _ref;
|
|
414
|
+
const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
|
|
415
|
+
const clippingAncestors = [...elementClippingAncestors, rootBoundary];
|
|
416
|
+
const firstClippingAncestor = clippingAncestors[0];
|
|
417
|
+
const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
|
|
418
|
+
const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
|
|
419
|
+
accRect.top = max(rect.top, accRect.top);
|
|
420
|
+
accRect.right = min(rect.right, accRect.right);
|
|
421
|
+
accRect.bottom = min(rect.bottom, accRect.bottom);
|
|
422
|
+
accRect.left = max(rect.left, accRect.left);
|
|
423
|
+
return accRect;
|
|
424
|
+
}, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
|
|
425
|
+
return {
|
|
426
|
+
width: clippingRect.right - clippingRect.left,
|
|
427
|
+
height: clippingRect.bottom - clippingRect.top,
|
|
428
|
+
x: clippingRect.left,
|
|
429
|
+
y: clippingRect.top
|
|
430
|
+
};
|
|
431
|
+
}
|
|
432
|
+
function getDimensions(element) {
|
|
433
|
+
return getCssDimensions(element);
|
|
434
|
+
}
|
|
435
|
+
function getTrueOffsetParent(element, polyfill) {
|
|
436
|
+
if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {
|
|
437
|
+
return null;
|
|
438
|
+
}
|
|
439
|
+
if (polyfill) {
|
|
440
|
+
return polyfill(element);
|
|
441
|
+
}
|
|
442
|
+
return element.offsetParent;
|
|
443
|
+
}
|
|
444
|
+
function getContainingBlock(element) {
|
|
445
|
+
let currentNode = getParentNode(element);
|
|
446
|
+
while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
|
|
447
|
+
if (isContainingBlock(currentNode)) {
|
|
448
|
+
return currentNode;
|
|
449
|
+
} else {
|
|
450
|
+
currentNode = getParentNode(currentNode);
|
|
451
|
+
}
|
|
452
|
+
}
|
|
453
|
+
return null;
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
// Gets the closest ancestor positioned element. Handles some edge cases,
|
|
457
|
+
// such as table ancestors and cross browser bugs.
|
|
458
|
+
function getOffsetParent(element, polyfill) {
|
|
459
|
+
const window = getWindow(element);
|
|
460
|
+
if (!isHTMLElement(element)) {
|
|
461
|
+
return window;
|
|
462
|
+
}
|
|
463
|
+
let offsetParent = getTrueOffsetParent(element, polyfill);
|
|
464
|
+
while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === 'static') {
|
|
465
|
+
offsetParent = getTrueOffsetParent(offsetParent, polyfill);
|
|
466
|
+
}
|
|
467
|
+
if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle$1(offsetParent).position === 'static' && !isContainingBlock(offsetParent))) {
|
|
468
|
+
return window;
|
|
469
|
+
}
|
|
470
|
+
return offsetParent || getContainingBlock(element) || window;
|
|
471
|
+
}
|
|
472
|
+
function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
|
|
473
|
+
const isOffsetParentAnElement = isHTMLElement(offsetParent);
|
|
474
|
+
const documentElement = getDocumentElement(offsetParent);
|
|
475
|
+
const isFixed = strategy === 'fixed';
|
|
476
|
+
const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
|
|
477
|
+
let scroll = {
|
|
478
|
+
scrollLeft: 0,
|
|
479
|
+
scrollTop: 0
|
|
480
|
+
};
|
|
481
|
+
const offsets = createEmptyCoords(0);
|
|
482
|
+
if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
|
|
483
|
+
if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
|
|
484
|
+
scroll = getNodeScroll(offsetParent);
|
|
485
|
+
}
|
|
486
|
+
if (isHTMLElement(offsetParent)) {
|
|
487
|
+
const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
|
|
488
|
+
offsets.x = offsetRect.x + offsetParent.clientLeft;
|
|
489
|
+
offsets.y = offsetRect.y + offsetParent.clientTop;
|
|
490
|
+
} else if (documentElement) {
|
|
491
|
+
offsets.x = getWindowScrollBarX(documentElement);
|
|
492
|
+
}
|
|
493
|
+
}
|
|
494
|
+
return {
|
|
495
|
+
x: rect.left + scroll.scrollLeft - offsets.x,
|
|
496
|
+
y: rect.top + scroll.scrollTop - offsets.y,
|
|
497
|
+
width: rect.width,
|
|
498
|
+
height: rect.height
|
|
499
|
+
};
|
|
500
|
+
}
|
|
501
|
+
const platform = {
|
|
502
|
+
getClippingRect,
|
|
503
|
+
convertOffsetParentRelativeRectToViewportRelativeRect,
|
|
504
|
+
isElement,
|
|
505
|
+
getDimensions,
|
|
506
|
+
getOffsetParent,
|
|
507
|
+
getDocumentElement,
|
|
508
|
+
getScale,
|
|
509
|
+
async getElementRects(_ref) {
|
|
510
|
+
let {
|
|
511
|
+
reference,
|
|
512
|
+
floating,
|
|
513
|
+
strategy
|
|
514
|
+
} = _ref;
|
|
515
|
+
const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
|
|
516
|
+
const getDimensionsFn = this.getDimensions;
|
|
517
|
+
return {
|
|
518
|
+
reference: getRectRelativeToOffsetParent(reference, await getOffsetParentFn(floating), strategy),
|
|
519
|
+
floating: {
|
|
520
|
+
x: 0,
|
|
521
|
+
y: 0,
|
|
522
|
+
...(await getDimensionsFn(floating))
|
|
523
|
+
}
|
|
524
|
+
};
|
|
525
|
+
},
|
|
526
|
+
getClientRects: element => Array.from(element.getClientRects()),
|
|
527
|
+
isRTL: element => getComputedStyle$1(element).direction === 'rtl'
|
|
528
|
+
};
|
|
529
|
+
|
|
530
|
+
// https://samthor.au/2021/observing-dom/
|
|
531
|
+
function observeMove(element, onMove) {
|
|
532
|
+
let io = null;
|
|
533
|
+
let timeoutId;
|
|
534
|
+
const root = getDocumentElement(element);
|
|
535
|
+
function cleanup() {
|
|
536
|
+
clearTimeout(timeoutId);
|
|
537
|
+
io && io.disconnect();
|
|
538
|
+
io = null;
|
|
539
|
+
}
|
|
540
|
+
function refresh(skip, threshold) {
|
|
541
|
+
if (skip === void 0) {
|
|
542
|
+
skip = false;
|
|
543
|
+
}
|
|
544
|
+
if (threshold === void 0) {
|
|
545
|
+
threshold = 1;
|
|
546
|
+
}
|
|
547
|
+
cleanup();
|
|
548
|
+
const {
|
|
549
|
+
left,
|
|
550
|
+
top,
|
|
551
|
+
width,
|
|
552
|
+
height
|
|
553
|
+
} = element.getBoundingClientRect();
|
|
554
|
+
if (!skip) {
|
|
555
|
+
onMove();
|
|
556
|
+
}
|
|
557
|
+
if (!width || !height) {
|
|
558
|
+
return;
|
|
559
|
+
}
|
|
560
|
+
const insetTop = floor(top);
|
|
561
|
+
const insetRight = floor(root.clientWidth - (left + width));
|
|
562
|
+
const insetBottom = floor(root.clientHeight - (top + height));
|
|
563
|
+
const insetLeft = floor(left);
|
|
564
|
+
const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
|
|
565
|
+
let isFirstUpdate = true;
|
|
566
|
+
io = new IntersectionObserver(entries => {
|
|
567
|
+
const ratio = entries[0].intersectionRatio;
|
|
568
|
+
if (ratio !== threshold) {
|
|
569
|
+
if (!isFirstUpdate) {
|
|
570
|
+
return refresh();
|
|
571
|
+
}
|
|
572
|
+
if (ratio === 0) {
|
|
573
|
+
timeoutId = setTimeout(() => {
|
|
574
|
+
refresh(false, 1e-7);
|
|
575
|
+
}, 100);
|
|
576
|
+
} else {
|
|
577
|
+
refresh(false, ratio);
|
|
578
|
+
}
|
|
579
|
+
}
|
|
580
|
+
isFirstUpdate = false;
|
|
581
|
+
}, {
|
|
582
|
+
rootMargin,
|
|
583
|
+
threshold
|
|
584
|
+
});
|
|
585
|
+
io.observe(element);
|
|
586
|
+
}
|
|
587
|
+
refresh(true);
|
|
588
|
+
return cleanup;
|
|
589
|
+
}
|
|
590
|
+
|
|
591
|
+
/**
|
|
592
|
+
* Automatically updates the position of the floating element when necessary.
|
|
593
|
+
* Should only be called when the floating element is mounted on the DOM or
|
|
594
|
+
* visible on the screen.
|
|
595
|
+
* @returns cleanup function that should be invoked when the floating element is
|
|
596
|
+
* removed from the DOM or hidden from the screen.
|
|
597
|
+
* @see https://floating-ui.com/docs/autoUpdate
|
|
598
|
+
*/
|
|
599
|
+
function autoUpdate(reference, floating, update, options) {
|
|
600
|
+
if (options === void 0) {
|
|
601
|
+
options = {};
|
|
602
|
+
}
|
|
603
|
+
const {
|
|
604
|
+
ancestorScroll = true,
|
|
605
|
+
ancestorResize = true,
|
|
606
|
+
elementResize = true,
|
|
607
|
+
layoutShift = typeof IntersectionObserver === 'function',
|
|
608
|
+
animationFrame = false
|
|
609
|
+
} = options;
|
|
610
|
+
const referenceEl = unwrapElement(reference);
|
|
611
|
+
const ancestors = ancestorScroll || ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...getOverflowAncestors(floating)] : [];
|
|
612
|
+
ancestors.forEach(ancestor => {
|
|
613
|
+
ancestorScroll && ancestor.addEventListener('scroll', update, {
|
|
614
|
+
passive: true
|
|
615
|
+
});
|
|
616
|
+
ancestorResize && ancestor.addEventListener('resize', update);
|
|
617
|
+
});
|
|
618
|
+
const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;
|
|
619
|
+
let resizeObserver = null;
|
|
620
|
+
if (elementResize) {
|
|
621
|
+
resizeObserver = new ResizeObserver(update);
|
|
622
|
+
if (referenceEl && !animationFrame) {
|
|
623
|
+
resizeObserver.observe(referenceEl);
|
|
624
|
+
}
|
|
625
|
+
resizeObserver.observe(floating);
|
|
626
|
+
}
|
|
627
|
+
let frameId;
|
|
628
|
+
let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
|
|
629
|
+
if (animationFrame) {
|
|
630
|
+
frameLoop();
|
|
631
|
+
}
|
|
632
|
+
function frameLoop() {
|
|
633
|
+
const nextRefRect = getBoundingClientRect(reference);
|
|
634
|
+
if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
|
|
635
|
+
update();
|
|
636
|
+
}
|
|
637
|
+
prevRefRect = nextRefRect;
|
|
638
|
+
frameId = requestAnimationFrame(frameLoop);
|
|
639
|
+
}
|
|
640
|
+
update();
|
|
641
|
+
return () => {
|
|
642
|
+
ancestors.forEach(ancestor => {
|
|
643
|
+
ancestorScroll && ancestor.removeEventListener('scroll', update);
|
|
644
|
+
ancestorResize && ancestor.removeEventListener('resize', update);
|
|
645
|
+
});
|
|
646
|
+
cleanupIo && cleanupIo();
|
|
647
|
+
resizeObserver && resizeObserver.disconnect();
|
|
648
|
+
resizeObserver = null;
|
|
649
|
+
if (animationFrame) {
|
|
650
|
+
cancelAnimationFrame(frameId);
|
|
651
|
+
}
|
|
652
|
+
};
|
|
653
|
+
}
|
|
654
|
+
|
|
655
|
+
/**
|
|
656
|
+
* Computes the `x` and `y` coordinates that will place the floating element
|
|
657
|
+
* next to a reference element when it is given a certain CSS positioning
|
|
658
|
+
* strategy.
|
|
659
|
+
*/
|
|
660
|
+
const computePosition = (reference, floating, options) => {
|
|
661
|
+
// This caches the expensive `getClippingElementAncestors` function so that
|
|
662
|
+
// multiple lifecycle resets re-use the same result. It only lives for a
|
|
663
|
+
// single call. If other functions become expensive, we can add them as well.
|
|
664
|
+
const cache = new Map();
|
|
665
|
+
const mergedOptions = {
|
|
666
|
+
platform,
|
|
667
|
+
...options
|
|
668
|
+
};
|
|
669
|
+
const platformWithCache = {
|
|
670
|
+
...mergedOptions.platform,
|
|
671
|
+
_c: cache
|
|
672
|
+
};
|
|
673
|
+
return floatingUi_core.computePosition(reference, floating, {
|
|
674
|
+
...mergedOptions,
|
|
675
|
+
platform: platformWithCache
|
|
676
|
+
});
|
|
677
|
+
};
|
|
678
|
+
|
|
679
|
+
exports.arrow = floatingUi_core.arrow;
|
|
680
|
+
exports.detectOverflow = floatingUi_core.detectOverflow;
|
|
681
|
+
exports.flip = floatingUi_core.flip;
|
|
682
|
+
exports.hide = floatingUi_core.hide;
|
|
683
|
+
exports.limitShift = floatingUi_core.limitShift;
|
|
684
|
+
exports.offset = floatingUi_core.offset;
|
|
685
|
+
exports.shift = floatingUi_core.shift;
|
|
686
|
+
exports.size = floatingUi_core.size;
|
|
687
|
+
exports.autoUpdate = autoUpdate;
|
|
688
|
+
exports.computePosition = computePosition;
|
|
689
|
+
exports.getOverflowAncestors = getOverflowAncestors;
|
|
690
|
+
exports.platform = platform;
|
|
691
|
+
//# sourceMappingURL=floating-ui.dom.js.map
|