@servicetitan/anvil2 2.7.0 → 2.8.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/CHANGELOG.md +60 -0
- package/dist/{floating-ui.react-C_s3_nEb.js → AiMark-Cwc9KoyE.js} +767 -5
- package/dist/AiMark-Cwc9KoyE.js.map +1 -0
- package/dist/AiMark.css +260 -0
- package/dist/AiMark.d.ts +2 -0
- package/dist/AiMark.js +2 -0
- package/dist/AiMark.js.map +1 -0
- package/dist/{Alert-C_o2f78C.js → Alert-5qhkSUN3.js} +27 -13
- package/dist/Alert-5qhkSUN3.js.map +1 -0
- package/dist/Alert.css +23 -15
- package/dist/Alert.js +1 -1
- package/dist/{Announcement-CyrTvgP4.js → Announcement-fQmFNysn.js} +2 -2
- package/dist/{Announcement-CyrTvgP4.js.map → Announcement-fQmFNysn.js.map} +1 -1
- package/dist/Announcement.js +1 -1
- package/dist/{Avatar-CCnbKkCm.js → Avatar-BckUfs1N.js} +48 -46
- package/dist/{Avatar-CCnbKkCm.js.map → Avatar-BckUfs1N.js.map} +1 -1
- package/dist/Avatar-ChybzixS.js +35 -0
- package/dist/Avatar-ChybzixS.js.map +1 -0
- package/dist/Avatar.js +2 -2
- package/dist/Breadcrumbs-BXo2FO2n.js +107 -0
- package/dist/Breadcrumbs-BXo2FO2n.js.map +1 -0
- package/dist/Breadcrumbs.js +1 -1
- package/dist/Button-a_D7tUgM.js +4517 -0
- package/dist/Button-a_D7tUgM.js.map +1 -0
- package/dist/Button.js +1 -1
- package/dist/{ButtonToggle-DaYJWso_.js → ButtonToggle-CmY77gUp.js} +2 -2
- package/dist/{ButtonToggle-DaYJWso_.js.map → ButtonToggle-CmY77gUp.js.map} +1 -1
- package/dist/ButtonToggle.js +1 -1
- package/dist/{Calendar-SGlTt-bs.js → Calendar-Bd_WELZC.js} +130 -119
- package/dist/Calendar-Bd_WELZC.js.map +1 -0
- package/dist/{Calendar-C1U2npPP.js → Calendar-d2owsYe9.js} +2 -2
- package/dist/{Calendar-C1U2npPP.js.map → Calendar-d2owsYe9.js.map} +1 -1
- package/dist/Calendar.css +51 -51
- package/dist/Calendar.js +2 -2
- package/dist/Card-wz71dEVA.js.map +1 -1
- package/dist/{Checkbox-CtKUNeyu.js → Checkbox-BlFc6ZWy.js} +25 -14
- package/dist/Checkbox-BlFc6ZWy.js.map +1 -0
- package/dist/Checkbox-DbaZrUE2.js +52 -0
- package/dist/Checkbox-DbaZrUE2.js.map +1 -0
- package/dist/Checkbox.js +1 -1
- package/dist/{Chip-DjTAR0va.js → Chip-BnofwIUN.js} +43 -13
- package/dist/Chip-BnofwIUN.js.map +1 -0
- package/dist/Chip.css +44 -28
- package/dist/Chip.js +1 -1
- package/dist/{Combobox-By8-34bw.js → Combobox-BOxAzG9v.js} +186 -183
- package/dist/{Combobox-By8-34bw.js.map → Combobox-BOxAzG9v.js.map} +1 -1
- package/dist/Combobox.js +1 -1
- package/dist/{DataTable-BYOS6icI.js → DataTable-DK9xRjnq.js} +762 -651
- package/dist/DataTable-DK9xRjnq.js.map +1 -0
- package/dist/DataTable.css +84 -74
- package/dist/{DateFieldRange-C8Uzrboc.js → DateFieldRange-5Jrz6dLl.js} +20 -6
- package/dist/DateFieldRange-5Jrz6dLl.js.map +1 -0
- package/dist/DateFieldRange.js +1 -1
- package/dist/{DateFieldSingle-DrhLIjlK.js → DateFieldSingle-DWFr6Ew4.js} +8 -8
- package/dist/{DateFieldSingle-DrhLIjlK.js.map → DateFieldSingle-DWFr6Ew4.js.map} +1 -1
- package/dist/DateFieldSingle.js +1 -1
- package/dist/{DateFieldYearless-DbivK4Hm.js → DateFieldYearless-UU22A5-E.js} +22 -6
- package/dist/DateFieldYearless-UU22A5-E.js.map +1 -0
- package/dist/DateFieldYearless.js +1 -1
- package/dist/{DateFieldYearlessRange-BEqJe4Uf.js → DateFieldYearlessRange-BoPLxm6t.js} +3 -3
- package/dist/DateFieldYearlessRange-BoPLxm6t.js.map +1 -0
- package/dist/DateFieldYearlessRange.js +1 -1
- package/dist/{DaysOfTheWeek-BR32AA32.js → DaysOfTheWeek-4cfTmjzm.js} +4 -4
- package/dist/{DaysOfTheWeek-BR32AA32.js.map → DaysOfTheWeek-4cfTmjzm.js.map} +1 -1
- package/dist/DaysOfTheWeek.js +1 -1
- package/dist/{Details-Dxq_v3Qg.js → Details-CZOIpNP_.js} +8 -8
- package/dist/Details-CZOIpNP_.js.map +1 -0
- package/dist/Details.js +1 -1
- package/dist/{Dialog-CGhwkwvq.js → Dialog-Dn836WQM.js} +73 -73
- package/dist/Dialog-Dn836WQM.js.map +1 -0
- package/dist/Dialog.js +1 -1
- package/dist/{DialogCancelButton-DQDMzGeT.js → DialogCancelButton-B-jfihJr.js} +2 -2
- package/dist/{DialogCancelButton-DQDMzGeT.js.map → DialogCancelButton-B-jfihJr.js.map} +1 -1
- package/dist/{Drawer-DA4iAgt-.js → Drawer-CdDWt_Ba.js} +86 -86
- package/dist/Drawer-CdDWt_Ba.js.map +1 -0
- package/dist/Drawer.js +1 -1
- package/dist/DrillDown.js +1 -1
- package/dist/{EditCard-CLN0GBN_.js → EditCard-CZibhEfS.js} +3 -3
- package/dist/{EditCard-CLN0GBN_.js.map → EditCard-CZibhEfS.js.map} +1 -1
- package/dist/EditCard.js +1 -1
- package/dist/FieldLabel-Dr41PRxH.js +180 -0
- package/dist/FieldLabel-Dr41PRxH.js.map +1 -0
- package/dist/FieldLabel.css +33 -73
- package/dist/FieldLabel.js +1 -1
- package/dist/Grid-DeYIx5k4.js +149 -0
- package/dist/Grid-DeYIx5k4.js.map +1 -0
- package/dist/Grid.js +1 -1
- package/dist/{InputMask-HjaNCb73.js → InputMask-CcXqzqdx.js} +3 -3
- package/dist/{InputMask-HjaNCb73.js.map → InputMask-CcXqzqdx.js.map} +1 -1
- package/dist/InputMask.js +1 -1
- package/dist/{Layout-VfhlilMG.js → Layout-CISAxILX.js} +34 -33
- package/dist/Layout-CISAxILX.js.map +1 -0
- package/dist/Layout.js +1 -1
- package/dist/List--KhCpjZn.js +103 -0
- package/dist/List--KhCpjZn.js.map +1 -0
- package/dist/List.js +1 -1
- package/dist/{ListView-mujFK6mQ.js → ListView-D9cZUVer.js} +6 -6
- package/dist/ListView-D9cZUVer.js.map +1 -0
- package/dist/ListView.js +1 -1
- package/dist/{Listbox-BtAgBDRS.js → Listbox-CgDwzRfz.js} +6 -5
- package/dist/Listbox-CgDwzRfz.js.map +1 -0
- package/dist/Listbox.js +1 -1
- package/dist/{Menu-BXsmCP20.js → Menu-CPbuIsqC.js} +367 -367
- package/dist/Menu-CPbuIsqC.js.map +1 -0
- package/dist/Menu.js +1 -1
- package/dist/MultiSelectField.js +1 -1
- package/dist/{MultiSelectFieldSync-DGpGgu8q.js → MultiSelectFieldSync-Ei7DXzvs.js} +31 -18
- package/dist/MultiSelectFieldSync-Ei7DXzvs.js.map +1 -0
- package/dist/MultiSelectMenu.js +1 -1
- package/dist/{MultiSelectMenuSync-DiLddJDw.js → MultiSelectMenuSync-B_mXpTEe.js} +29 -9
- package/dist/MultiSelectMenuSync-B_mXpTEe.js.map +1 -0
- package/dist/{NumberField-svhZp1kB.js → NumberField-C5t47Obp.js} +16 -5
- package/dist/NumberField-C5t47Obp.js.map +1 -0
- package/dist/NumberField.js +1 -1
- package/dist/Overflow.css +27 -26
- package/dist/Overflow.js +11 -11
- package/dist/{Page-Be029Dij.js → Page-2hbQxUj6.js} +223 -207
- package/dist/Page-2hbQxUj6.js.map +1 -0
- package/dist/Page.css +78 -76
- package/dist/Page.js +1 -1
- package/dist/{Pagination-BAwqfl_2.js → Pagination-CjGmJ_rU.js} +20 -18
- package/dist/Pagination-CjGmJ_rU.js.map +1 -0
- package/dist/Pagination.js +1 -1
- package/dist/{Popover-D0qSKZ1J.js → Popover-CpU9VAcb.js} +356 -358
- package/dist/Popover-CpU9VAcb.js.map +1 -0
- package/dist/Popover.js +1 -1
- package/dist/{ProgressBar-JpRDW5vG.js → ProgressBar-FMuK8viJ.js} +2 -2
- package/dist/{ProgressBar-JpRDW5vG.js.map → ProgressBar-FMuK8viJ.js.map} +1 -1
- package/dist/ProgressBar.js +1 -1
- package/dist/{Radio-BQg7exDG.js → Radio-CZZd8phn.js} +25 -14
- package/dist/Radio-CZZd8phn.js.map +1 -0
- package/dist/Radio-DmtVWAmN.js +60 -0
- package/dist/Radio-DmtVWAmN.js.map +1 -0
- package/dist/Radio.js +1 -1
- package/dist/{SegmentedControl-7fDLhgvh.js → SegmentedControl-B9NWUF7s.js} +81 -77
- package/dist/{SegmentedControl-7fDLhgvh.js.map → SegmentedControl-B9NWUF7s.js.map} +1 -1
- package/dist/SegmentedControl.js +1 -1
- package/dist/SelectCard-8OmIDl1m.js +352 -0
- package/dist/SelectCard-8OmIDl1m.js.map +1 -0
- package/dist/SelectCard.js +1 -1
- package/dist/SelectField.js +1 -1
- package/dist/{SelectFieldLabel-Dr8HeW3N.js → SelectFieldLabel-C8PrXxDU.js} +5 -4
- package/dist/SelectFieldLabel-C8PrXxDU.js.map +1 -0
- package/dist/{SelectFieldSync-CJ2Ie_v1.js → SelectFieldSync-DGK8F2G9.js} +13 -13
- package/dist/SelectFieldSync-DGK8F2G9.js.map +1 -0
- package/dist/SelectMenu.js +1 -1
- package/dist/{SelectMenuSync-CJA_coqD.js → SelectMenuSync-CuZp9mnt.js} +29 -9
- package/dist/SelectMenuSync-CuZp9mnt.js.map +1 -0
- package/dist/{SelectOptions-Bf4xsFek.js → SelectOptions-CmElsiTd.js} +2 -2
- package/dist/{SelectOptions-Bf4xsFek.js.map → SelectOptions-CmElsiTd.js.map} +1 -1
- package/dist/{SelectTrigger-ObsnAKNp.js → SelectTrigger-KF8w6Ynk.js} +8 -6
- package/dist/SelectTrigger-KF8w6Ynk.js.map +1 -0
- package/dist/SelectTrigger.js +1 -1
- package/dist/{SelectTriggerBase-DKfOL2RJ.js → SelectTriggerBase-Bxmv6oXk.js} +4 -4
- package/dist/{SelectTriggerBase-DKfOL2RJ.js.map → SelectTriggerBase-Bxmv6oXk.js.map} +1 -1
- package/dist/{SideNav-KksbSQn7.js → SideNav-CrxYExjh.js} +137 -135
- package/dist/{SideNav-KksbSQn7.js.map → SideNav-CrxYExjh.js.map} +1 -1
- package/dist/SideNav.css +72 -55
- package/dist/SideNav.js +1 -1
- package/dist/Skeleton.css +18 -12
- package/dist/Skeleton.js +24 -11
- package/dist/Skeleton.js.map +1 -1
- package/dist/{Stepper-Dt8_ImvJ.js → Stepper-_27Lmm2K.js} +158 -158
- package/dist/{Stepper-Dt8_ImvJ.js.map → Stepper-_27Lmm2K.js.map} +1 -1
- package/dist/Stepper.js +1 -1
- package/dist/{Switch-DpPHr3G3.js → Switch-DPGz7wC_.js} +14 -2
- package/dist/Switch-DPGz7wC_.js.map +1 -0
- package/dist/Switch.js +1 -1
- package/dist/{Tab-DO7LaUbw.js → Tab-BZpTCG0i.js} +227 -223
- package/dist/Tab-BZpTCG0i.js.map +1 -0
- package/dist/Tab.js +1 -1
- package/dist/Table.js +1 -1
- package/dist/{Text-BJo4oMI2.js → Text-MVxRo6yx.js} +30 -12
- package/dist/Text-MVxRo6yx.js.map +1 -0
- package/dist/Text.css +37 -20
- package/dist/Text.js +1 -1
- package/dist/{TextField-DeHpgPag.js → TextField-BpSxZa0z.js} +21 -5
- package/dist/TextField-BpSxZa0z.js.map +1 -0
- package/dist/{TextField-BW8sJAls.js → TextField-D93iv_pk.js} +2 -2
- package/dist/{TextField-BW8sJAls.js.map → TextField-D93iv_pk.js.map} +1 -1
- package/dist/TextField.js +1 -1
- package/dist/{Textarea-DyqdMTvQ.js → Textarea-1u2fSMTh.js} +21 -5
- package/dist/Textarea-1u2fSMTh.js.map +1 -0
- package/dist/Textarea.js +1 -1
- package/dist/{TimeField-Dc0Y1JD-.js → TimeField-B4gLlBQJ.js} +6 -5
- package/dist/{TimeField-Dc0Y1JD-.js.map → TimeField-B4gLlBQJ.js.map} +1 -1
- package/dist/TimeField.js +1 -1
- package/dist/Toast.js +2 -2
- package/dist/{Toaster-b0-Ub3yt.js → Toaster-CSJfSOHx.js} +5 -5
- package/dist/Toaster-CSJfSOHx.js.map +1 -0
- package/dist/{Toaster-DikGo_hR.js → Toaster-DbWYnF_t.js} +2 -2
- package/dist/{Toaster-DikGo_hR.js.map → Toaster-DbWYnF_t.js.map} +1 -1
- package/dist/{Toolbar-DAuz4Gs2.js → Toolbar-CWRk523l.js} +150 -149
- package/dist/{Toolbar-DAuz4Gs2.js.map → Toolbar-CWRk523l.js.map} +1 -1
- package/dist/Toolbar.js +1 -1
- package/dist/{Tooltip-Bupqao9B.js → Tooltip-C1PBRnJv.js} +225 -228
- package/dist/Tooltip-C1PBRnJv.js.map +1 -0
- package/dist/Tooltip.js +1 -1
- package/dist/{YearlessDateInputWithPicker-DFi08TLG.js → YearlessDateInputWithPicker-BSl5z2zo.js} +2 -3
- package/dist/{YearlessDateInputWithPicker-DFi08TLG.js.map → YearlessDateInputWithPicker-BSl5z2zo.js.map} +1 -1
- package/dist/assets/icons/st/ai_mark_gradient.svg +1 -1
- package/dist/beta/components/MultiSelectField/internal/MultiSelectFieldComboboxMode.d.ts +1 -1
- package/dist/beta/components/MultiSelectField/internal/MultiSelectFieldInput.d.ts +3 -2
- package/dist/beta/components/MultiSelectField/internal/MultiSelectFieldSelectMode.d.ts +1 -1
- package/dist/beta/components/MultiSelectField/internal/MultiSelectFieldTrigger.d.ts +3 -2
- package/dist/beta/components/MultiSelectField/internal/types.d.ts +4 -3
- package/dist/beta/components/MultiSelectField/types.d.ts +28 -7
- package/dist/beta/components/MultiSelectMenu/types.d.ts +15 -0
- package/dist/beta/components/SelectField/internal/SelectFieldComboboxMode.d.ts +1 -1
- package/dist/beta/components/SelectField/internal/SelectFieldLabel.d.ts +4 -4
- package/dist/beta/components/SelectField/internal/SelectFieldSelectMode.d.ts +1 -1
- package/dist/beta/components/SelectField/types.d.ts +5 -5
- package/dist/beta/components/SelectMenu/internal/useMenuInteraction.d.ts +3 -1
- package/dist/beta/components/SelectMenu/types.d.ts +15 -0
- package/dist/beta/components/Table/DataTable/DataTable.d.ts +2 -15
- package/dist/beta/components/Table/DataTable/internal/editable-cells/DataTableEditableMultiselectAsyncCell.d.ts +35 -0
- package/dist/beta/components/Table/DataTable/internal/editable-cells/DataTableEditableMultiselectCell.d.ts +4 -3
- package/dist/beta/components/Table/DataTable/internal/editable-cells/DataTableEditableSelectAsyncCell.d.ts +7 -0
- package/dist/beta/components/Table/DataTable/internal/editable-cells/useEditableMenuCell.d.ts +34 -0
- package/dist/beta/components/Table/DataTable/internal/usePageDataCache.d.ts +29 -0
- package/dist/beta/components/Table/DataTable/internal/util/getTanStackColumnDef.d.ts +2 -4
- package/dist/beta/components/Table/DataTable/types.d.ts +48 -1
- package/dist/beta/components/Table/createColumnHelper.d.ts +23 -68
- package/dist/beta/components/Table/types.d.ts +218 -42
- package/dist/beta/components/Toolbar/Toolbar.d.ts +175 -44
- package/dist/beta/components/Toolbar/ToolbarSelect.d.ts +5 -3
- package/dist/beta.js +9 -9
- package/dist/components/AiMark/AiMark.d.ts +87 -0
- package/dist/components/AiMark/index.d.ts +1 -0
- package/dist/components/AiMark/internal/AiMarkIconAnimated.d.ts +30 -0
- package/dist/components/AiMark/internal/AiMarkInteractive.d.ts +10 -0
- package/dist/components/AiMark/stories/aiMarkStoryArgTypes.d.ts +16 -0
- package/dist/components/Alert/Alert.d.ts +12 -0
- package/dist/components/Avatar/Avatar.d.ts +14 -0
- package/dist/components/Button/Button.d.ts +14 -6
- package/dist/components/Button/internal/buttonAiMarkUtils.d.ts +18 -0
- package/dist/components/Button/internal/index.d.ts +1 -0
- package/dist/components/Calendar/Calendar.d.ts +84 -26
- package/dist/components/Card/Card.d.ts +6 -1
- package/dist/components/Checkbox/Checkbox.d.ts +2 -0
- package/dist/components/Checkbox/CheckboxGroup.d.ts +27 -6
- package/dist/components/Chip/Chip.d.ts +10 -1
- package/dist/components/Chip/internal/Chip.d.ts +4 -0
- package/dist/components/Combobox/Combobox.d.ts +172 -1
- package/dist/components/DateFieldRange/internal/MaskedDateRangeInput.d.ts +1 -1
- package/dist/components/DateFieldRange/internal/useDateFieldRangeConversion.d.ts +1 -1
- package/dist/components/DateFieldSingle/internal/MaskedDateInput.d.ts +1 -1
- package/dist/components/DateFieldYearless/DateFieldYearless.d.ts +8 -1
- package/dist/components/DateFieldYearless/internal/YearlessDateInput.d.ts +1 -1
- package/dist/components/DateFieldYearless/internal/YearlessDateInputWithPicker.d.ts +1 -1
- package/dist/components/DateFieldYearlessRange/DateFieldYearlessRange.d.ts +7 -0
- package/dist/components/Dialog/Dialog.d.ts +96 -28
- package/dist/components/DrillDown/DrillDown.d.ts +7 -1
- package/dist/components/FieldLabel/FieldLabel.d.ts +2 -1
- package/dist/components/FieldLabel/internal/FieldLabelButton.d.ts +3 -2
- package/dist/components/Layout/Layout.d.ts +52 -44
- package/dist/components/ListView/ListView.d.ts +5 -5
- package/dist/components/Listbox/Listbox.d.ts +5 -23
- package/dist/components/Menu/Menu.d.ts +1 -4
- package/dist/components/NumberField/NumberField.d.ts +29 -2
- package/dist/components/Radio/Radio.d.ts +2 -0
- package/dist/components/Radio/RadioGroup.d.ts +27 -6
- package/dist/components/SelectCard/SelectCard.d.ts +1 -1
- package/dist/components/SelectCard/SelectCardGroup.d.ts +18 -1
- package/dist/components/SelectCard/internal/SelectCardContext.d.ts +11 -0
- package/dist/components/SelectCard/internal/SelectCardProvider.d.ts +11 -1
- package/dist/components/Skeleton/SkeletonCircle.d.ts +8 -0
- package/dist/components/Skeleton/SkeletonPill.d.ts +8 -0
- package/dist/components/Skeleton/SkeletonRectangle.d.ts +8 -0
- package/dist/components/Skeleton/SkeletonText.d.ts +6 -1
- package/dist/components/Skeleton/index.d.ts +3 -0
- package/dist/components/Switch/Switch.d.ts +11 -1
- package/dist/components/Text/types.d.ts +9 -0
- package/dist/components/TextField/internal/TextField.d.ts +11 -0
- package/dist/components/Textarea/Textarea.d.ts +9 -2
- package/dist/components/Toast/internal/Toast.d.ts +5 -0
- package/dist/components/Toast/toast.d.ts +1 -1
- package/dist/components/Toolbar/Toolbar.d.ts +8 -4
- package/dist/components/Toolbar/ToolbarSelect.d.ts +5 -3
- package/dist/components/index.d.ts +1 -0
- package/dist/{floating-ui.react-dom-imrk9N49.js → floating-ui.react-dom-CHrYz13o.js} +17 -2
- package/dist/floating-ui.react-dom-CHrYz13o.js.map +1 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/usePrefersReducedMotion/index.d.ts +1 -0
- package/dist/hooks/usePrefersReducedMotion/usePrefersReducedMotion.d.ts +15 -0
- package/dist/index.js +135 -133
- package/dist/index.js.map +1 -1
- package/dist/internal/components/InlineMarkdown/InlineMarkdown.d.ts +23 -0
- package/dist/internal/components/InlineMarkdown/index.d.ts +1 -0
- package/dist/internal/components/Label/Label.d.ts +1 -1
- package/dist/internal/components/Popover/Popover.d.ts +3 -1
- package/dist/internal/components/index.d.ts +2 -1
- package/dist/internal/functions/index.d.ts +2 -0
- package/dist/internal/functions/inlineMarkdown.d.ts +20 -0
- package/dist/internal/functions/stripInlineMarkdown.d.ts +8 -0
- package/dist/internal/types/props.d.ts +2 -1
- package/dist/internal/types/selectFieldInternalTypes.d.ts +2 -2
- package/dist/internal/utils/index.d.ts +1 -0
- package/dist/internal/utils/inlineMarkdownRegex.d.ts +5 -0
- package/dist/{proxy-BbFHSE6L.js → proxy-DEehATlA.js} +8 -2
- package/dist/{proxy-BbFHSE6L.js.map → proxy-DEehATlA.js.map} +1 -1
- package/dist/stripInlineMarkdown-DyqLAQnf.js +25 -0
- package/dist/stripInlineMarkdown-DyqLAQnf.js.map +1 -0
- package/dist/{syncFilterUtils-vt8ldsES.js → syncFilterUtils-CsbCnI1-.js} +194 -194
- package/dist/{syncFilterUtils-vt8ldsES.js.map → syncFilterUtils-CsbCnI1-.js.map} +1 -1
- package/dist/types/ai-marks.d.ts +72 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/{use-reduced-motion-DSpxmqyT.js → use-reduced-motion-CqjZZ5QB.js} +2 -2
- package/dist/{use-reduced-motion-DSpxmqyT.js.map → use-reduced-motion-CqjZZ5QB.js.map} +1 -1
- package/dist/{useDrilldown-wwXRpNgb.js → useDrilldown-C7eMBl68.js} +43 -41
- package/dist/{useDrilldown-wwXRpNgb.js.map → useDrilldown-C7eMBl68.js.map} +1 -1
- package/dist/{useInitialFocus-CdoVwSbr.js → useInitialFocus-DbaB-x5T.js} +2 -3
- package/dist/{useInitialFocus-CdoVwSbr.js.map → useInitialFocus-DbaB-x5T.js.map} +1 -1
- package/dist/{useMenuInteraction-zR_78KQC.js → useMenuInteraction-BwZ2ORo9.js} +8 -3
- package/dist/useMenuInteraction-BwZ2ORo9.js.map +1 -0
- package/dist/{index.esm-BZV0wNKZ.js → usePopoverTransitionStates-B1opfxxn.js} +88 -2
- package/dist/usePopoverTransitionStates-B1opfxxn.js.map +1 -0
- package/dist/usePrefersReducedMotion-DR9B_D6w.js +37 -0
- package/dist/usePrefersReducedMotion-DR9B_D6w.js.map +1 -0
- package/dist/usePrefersReducedMotion.d.ts +2 -0
- package/dist/usePrefersReducedMotion.js +2 -0
- package/dist/usePrefersReducedMotion.js.map +1 -0
- package/dist/{useToggleSelection-BdXW3Zg3.js → useToggleSelection-BM8asdFj.js} +2 -2
- package/dist/{useToggleSelection-BdXW3Zg3.js.map → useToggleSelection-BM8asdFj.js.map} +1 -1
- package/package.json +4 -2
- package/dist/Alert-C_o2f78C.js.map +0 -1
- package/dist/Avatar--CnTAnfD.js +0 -35
- package/dist/Avatar--CnTAnfD.js.map +0 -1
- package/dist/Breadcrumbs-3Y7jnj-F.js +0 -105
- package/dist/Breadcrumbs-3Y7jnj-F.js.map +0 -1
- package/dist/Button-CVsGhVJz.js +0 -113
- package/dist/Button-CVsGhVJz.js.map +0 -1
- package/dist/Calendar-SGlTt-bs.js.map +0 -1
- package/dist/Checkbox-CjEKa5Iv.js +0 -50
- package/dist/Checkbox-CjEKa5Iv.js.map +0 -1
- package/dist/Checkbox-CtKUNeyu.js.map +0 -1
- package/dist/Chip-DjTAR0va.js.map +0 -1
- package/dist/DataTable-BYOS6icI.js.map +0 -1
- package/dist/DateFieldRange-C8Uzrboc.js.map +0 -1
- package/dist/DateFieldYearless-DbivK4Hm.js.map +0 -1
- package/dist/DateFieldYearlessRange-BEqJe4Uf.js.map +0 -1
- package/dist/Details-Dxq_v3Qg.js.map +0 -1
- package/dist/Dialog-CGhwkwvq.js.map +0 -1
- package/dist/Drawer-DA4iAgt-.js.map +0 -1
- package/dist/FieldLabel-DbMosKtd.js +0 -125
- package/dist/FieldLabel-DbMosKtd.js.map +0 -1
- package/dist/Grid-ONcUpb__.js +0 -147
- package/dist/Grid-ONcUpb__.js.map +0 -1
- package/dist/Layout-VfhlilMG.js.map +0 -1
- package/dist/List-CJZjElAQ.js +0 -101
- package/dist/List-CJZjElAQ.js.map +0 -1
- package/dist/ListView-mujFK6mQ.js.map +0 -1
- package/dist/Listbox-BtAgBDRS.js.map +0 -1
- package/dist/Menu-BXsmCP20.js.map +0 -1
- package/dist/MultiSelectFieldSync-DGpGgu8q.js.map +0 -1
- package/dist/MultiSelectMenuSync-DiLddJDw.js.map +0 -1
- package/dist/NumberField-svhZp1kB.js.map +0 -1
- package/dist/Page-Be029Dij.js.map +0 -1
- package/dist/Pagination-BAwqfl_2.js.map +0 -1
- package/dist/Popover-D0qSKZ1J.js.map +0 -1
- package/dist/Popover-DxZF6lbJ.js +0 -535
- package/dist/Popover-DxZF6lbJ.js.map +0 -1
- package/dist/Popover2.css +0 -68
- package/dist/Radio-BOq9UkpC.js +0 -60
- package/dist/Radio-BOq9UkpC.js.map +0 -1
- package/dist/Radio-BQg7exDG.js.map +0 -1
- package/dist/SelectCard-cu4MBuh8.js +0 -320
- package/dist/SelectCard-cu4MBuh8.js.map +0 -1
- package/dist/SelectFieldLabel-Dr8HeW3N.js.map +0 -1
- package/dist/SelectFieldSync-CJ2Ie_v1.js.map +0 -1
- package/dist/SelectMenuSync-CJA_coqD.js.map +0 -1
- package/dist/SelectTrigger-ObsnAKNp.js.map +0 -1
- package/dist/Switch-DpPHr3G3.js.map +0 -1
- package/dist/Tab-DO7LaUbw.js.map +0 -1
- package/dist/Text-BJo4oMI2.js.map +0 -1
- package/dist/TextField-DeHpgPag.js.map +0 -1
- package/dist/Textarea-DyqdMTvQ.js.map +0 -1
- package/dist/Toaster-b0-Ub3yt.js.map +0 -1
- package/dist/Tooltip-Bupqao9B.js.map +0 -1
- package/dist/floating-ui.react-C_s3_nEb.js.map +0 -1
- package/dist/floating-ui.react-dom-imrk9N49.js.map +0 -1
- package/dist/index.esm-BZV0wNKZ.js.map +0 -1
- package/dist/safePopover-BDso-xSH.js +0 -17
- package/dist/safePopover-BDso-xSH.js.map +0 -1
- package/dist/useMenuInteraction-zR_78KQC.js.map +0 -1
- package/dist/useOpenCloseTransitionStates-CiTYrLGi.js +0 -68
- package/dist/useOpenCloseTransitionStates-CiTYrLGi.js.map +0 -1
- package/dist/usePopoverTransitionStates-CDIoNUuf.js +0 -24
- package/dist/usePopoverTransitionStates-CDIoNUuf.js.map +0 -1
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { createContext, useContext, useRef, useLayoutEffect, useEffect, forwardRef, useId, useState, useCallback, useImperativeHandle, useMemo } from 'react';
|
|
3
|
-
import { B as Button } from './Button-
|
|
4
|
-
import { t as tabbable } from './
|
|
3
|
+
import { B as Button } from './Button-a_D7tUgM.js';
|
|
4
|
+
import { t as tabbable, a as usePopoverTransitionStates } from './usePopoverTransitionStates-B1opfxxn.js';
|
|
5
5
|
import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
|
|
6
6
|
import { useTrackingId } from './useTrackingId.js';
|
|
7
7
|
import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
|
|
8
8
|
import { c as cx } from './index-De1g9FRV.js';
|
|
9
9
|
import { u as useFocusWithin } from './useFocusWithin-hi77jsrB.js';
|
|
10
10
|
import { D as DialogContext } from './DialogContext-DBgtApl9.js';
|
|
11
|
-
import {
|
|
11
|
+
import { c as computePosition, a as autoUpdate, s as safeShowPopover, b as safeHidePopover, o as offset, g as size, f as flip, d as shift, e as arrow$1, l as limitShift } from './floating-ui.react-dom-CHrYz13o.js';
|
|
12
12
|
import { a as useOnClickOutside } from './useOnClickOutside-Zw5vzxSq.js';
|
|
13
13
|
import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
|
|
14
|
-
import { u as usePopoverTransitionStates } from './usePopoverTransitionStates-CDIoNUuf.js';
|
|
15
|
-
import { s as safeShowPopover, a as safeHidePopover } from './safePopover-BDso-xSH.js';
|
|
16
14
|
|
|
17
15
|
import './Popover.css';const PopoverContext = createContext(null);
|
|
18
16
|
|
|
@@ -393,250 +391,283 @@ function PopoverTrigger(props) {
|
|
|
393
391
|
}
|
|
394
392
|
PopoverTrigger.displayName = "PopoverTrigger";
|
|
395
393
|
|
|
396
|
-
const
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
const arrowRef = useRef(null);
|
|
437
|
-
const dialogContext = useContext(DialogContext);
|
|
438
|
-
const [triggerHovered, setTriggerHovered] = useState(false);
|
|
439
|
-
const [contentHovered, setContentHovered] = useState(false);
|
|
440
|
-
const [actualPlacement, setActualPlacement] = useState(
|
|
441
|
-
placement
|
|
442
|
-
);
|
|
443
|
-
const processMinHeight = typeof minHeight === "string" ? minHeight : `${minHeight}px`;
|
|
444
|
-
usePopoverTransitionStates(popover, openState, {
|
|
445
|
-
onOpenAnimationStart: useCallback(() => {
|
|
446
|
-
onOpenAnimationStart?.();
|
|
447
|
-
}, [onOpenAnimationStart]),
|
|
448
|
-
onOpenAnimationComplete: useCallback(() => {
|
|
449
|
-
onOpenAnimationComplete?.();
|
|
450
|
-
}, [onOpenAnimationComplete]),
|
|
451
|
-
onCloseAnimationStart: useCallback(() => {
|
|
452
|
-
onCloseAnimationStart?.();
|
|
453
|
-
}, [onCloseAnimationStart]),
|
|
454
|
-
onCloseAnimationComplete: useCallback(() => {
|
|
455
|
-
onCloseAnimationComplete?.();
|
|
456
|
-
}, [onCloseAnimationComplete])
|
|
457
|
-
});
|
|
458
|
-
const updatePosition = useCallback(() => {
|
|
459
|
-
if (!invoker || !popover) return;
|
|
460
|
-
if (!openState) return;
|
|
461
|
-
computePosition(invoker, popover, {
|
|
462
|
-
placement,
|
|
463
|
-
middleware: [
|
|
464
|
-
offset(8),
|
|
465
|
-
size({
|
|
466
|
-
padding: 5,
|
|
467
|
-
apply({ rects, availableHeight, elements }) {
|
|
468
|
-
Object.assign(elements.floating.style, {
|
|
469
|
-
...matchReferenceWidth ? { width: `${rects.reference.width}px` } : fixedWidth ? { width: "40dvw" } : {},
|
|
470
|
-
...fillAvailableHeight ? {
|
|
471
|
-
height: `${availableHeight - 20}px`,
|
|
472
|
-
minHeight: processMinHeight
|
|
473
|
-
} : {},
|
|
474
|
-
...maxHeight ? {
|
|
475
|
-
minHeight: processMinHeight,
|
|
476
|
-
height: fitScreen ? typeof maxHeight === "string" ? maxHeight : `${maxHeight}px` : void 0,
|
|
477
|
-
maxHeight: fitScreen ? `${availableHeight - 20}px` : typeof maxHeight === "string" ? maxHeight : `${maxHeight}px`
|
|
478
|
-
} : {},
|
|
479
|
-
...fitScreen && !maxHeight ? {
|
|
480
|
-
minHeight: processMinHeight,
|
|
481
|
-
maxHeight: `${availableHeight - 20}px`
|
|
482
|
-
} : {},
|
|
483
|
-
zIndex: 1
|
|
484
|
-
});
|
|
485
|
-
}
|
|
486
|
-
}),
|
|
487
|
-
flip({
|
|
488
|
-
mainAxis: !disableFlip,
|
|
489
|
-
crossAxis: false,
|
|
490
|
-
fallbackAxisSideDirection: disableFlipFallback ? "none" : "end",
|
|
491
|
-
padding: 5
|
|
492
|
-
}),
|
|
493
|
-
shift({
|
|
494
|
-
padding: 5,
|
|
495
|
-
mainAxis: !disableShift,
|
|
496
|
-
crossAxis: false,
|
|
497
|
-
limiter: limitShift({
|
|
498
|
-
mainAxis: !disableShift
|
|
499
|
-
})
|
|
500
|
-
}),
|
|
501
|
-
arrow$1({
|
|
502
|
-
element: !disableCaret && arrowElement ? arrowElement : null,
|
|
503
|
-
padding: 5
|
|
504
|
-
})
|
|
505
|
-
]
|
|
506
|
-
}).then(({ x, y, placement: placement2, middlewareData }) => {
|
|
507
|
-
setActualPlacement(placement2);
|
|
508
|
-
const side = placement2.split("-")[0];
|
|
509
|
-
const staticSide = {
|
|
510
|
-
top: "bottom",
|
|
511
|
-
right: "left",
|
|
512
|
-
bottom: "top",
|
|
513
|
-
left: "right"
|
|
514
|
-
}[side];
|
|
515
|
-
const arrowDeg = () => {
|
|
516
|
-
if (staticSide === "top") return 180;
|
|
517
|
-
if (staticSide === "bottom") return 0;
|
|
518
|
-
if (staticSide === "left") return 90;
|
|
519
|
-
return 270;
|
|
520
|
-
};
|
|
521
|
-
Object.assign(popover.style, {
|
|
522
|
-
left: `${x}px`,
|
|
523
|
-
top: `${y}px`
|
|
524
|
-
});
|
|
525
|
-
if (middlewareData.arrow && arrowElement) {
|
|
526
|
-
const { x: x2, y: y2 } = middlewareData.arrow;
|
|
527
|
-
Object.assign(arrowElement.style, {
|
|
528
|
-
left: x2 != null ? `${x2}px` : "",
|
|
529
|
-
top: y2 != null ? `${y2}px` : "",
|
|
530
|
-
right: "",
|
|
531
|
-
bottom: "",
|
|
532
|
-
[staticSide]: `${-arrowElement.offsetWidth + 2}px`,
|
|
533
|
-
transform: `rotate(${arrowDeg()}deg)`
|
|
534
|
-
});
|
|
535
|
-
}
|
|
394
|
+
const Popover = Object.assign(
|
|
395
|
+
forwardRef(function PopoverInner(props, ref) {
|
|
396
|
+
const {
|
|
397
|
+
children,
|
|
398
|
+
openOnHover = false,
|
|
399
|
+
delay = 100,
|
|
400
|
+
placement = "bottom",
|
|
401
|
+
minHeight = "2.875rem",
|
|
402
|
+
open,
|
|
403
|
+
defaultOpen = false,
|
|
404
|
+
disableShift,
|
|
405
|
+
disableFlip,
|
|
406
|
+
disableFlipFallback,
|
|
407
|
+
matchReferenceWidth,
|
|
408
|
+
id,
|
|
409
|
+
disableCaret,
|
|
410
|
+
fixedWidth,
|
|
411
|
+
fillAvailableHeight,
|
|
412
|
+
maxHeight,
|
|
413
|
+
disableCloseOnClickOutside,
|
|
414
|
+
disableCloseOnEscape,
|
|
415
|
+
fitScreen,
|
|
416
|
+
disableTriggerFocus,
|
|
417
|
+
modal,
|
|
418
|
+
noPadding,
|
|
419
|
+
onClickOutside,
|
|
420
|
+
onClose,
|
|
421
|
+
onOpenAnimationStart,
|
|
422
|
+
onOpenAnimationComplete,
|
|
423
|
+
onCloseAnimationStart,
|
|
424
|
+
onCloseAnimationComplete
|
|
425
|
+
} = props;
|
|
426
|
+
const uid = useId();
|
|
427
|
+
const [invoker, setInvoker] = useState(void 0);
|
|
428
|
+
const [popover, setPopover] = useState(void 0);
|
|
429
|
+
const [rootNode, setRootNode] = useState();
|
|
430
|
+
const [arrowElement, setArrowElement] = useState(void 0);
|
|
431
|
+
const [openState, setOpenState] = useOptionallyControlledState({
|
|
432
|
+
controlledValue: open,
|
|
433
|
+
defaultValue: defaultOpen
|
|
536
434
|
});
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
if (!openState) {
|
|
557
|
-
return;
|
|
558
|
-
}
|
|
559
|
-
let requestID = null;
|
|
560
|
-
const cleanup = autoUpdate(invoker, popover, () => {
|
|
561
|
-
requestID = requestAnimationFrame(updatePosition);
|
|
435
|
+
const arrowRef = useRef(null);
|
|
436
|
+
const dialogContext = useContext(DialogContext);
|
|
437
|
+
const [triggerHovered, setTriggerHovered] = useState(false);
|
|
438
|
+
const [contentHovered, setContentHovered] = useState(false);
|
|
439
|
+
const [actualPlacement, setActualPlacement] = useState(placement);
|
|
440
|
+
const processMinHeight = typeof minHeight === "string" ? minHeight : `${minHeight}px`;
|
|
441
|
+
usePopoverTransitionStates(popover, openState, {
|
|
442
|
+
onOpenAnimationStart: useCallback(() => {
|
|
443
|
+
onOpenAnimationStart?.();
|
|
444
|
+
}, [onOpenAnimationStart]),
|
|
445
|
+
onOpenAnimationComplete: useCallback(() => {
|
|
446
|
+
onOpenAnimationComplete?.();
|
|
447
|
+
}, [onOpenAnimationComplete]),
|
|
448
|
+
onCloseAnimationStart: useCallback(() => {
|
|
449
|
+
onCloseAnimationStart?.();
|
|
450
|
+
}, [onCloseAnimationStart]),
|
|
451
|
+
onCloseAnimationComplete: useCallback(() => {
|
|
452
|
+
onCloseAnimationComplete?.();
|
|
453
|
+
}, [onCloseAnimationComplete])
|
|
562
454
|
});
|
|
563
|
-
|
|
564
|
-
if (
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
455
|
+
const updatePosition = useCallback(() => {
|
|
456
|
+
if (!invoker || !popover) return;
|
|
457
|
+
if (!openState) return;
|
|
458
|
+
computePosition(invoker, popover, {
|
|
459
|
+
placement,
|
|
460
|
+
middleware: [
|
|
461
|
+
offset(8),
|
|
462
|
+
size({
|
|
463
|
+
padding: 5,
|
|
464
|
+
apply({ rects, availableHeight, elements }) {
|
|
465
|
+
Object.assign(elements.floating.style, {
|
|
466
|
+
...matchReferenceWidth ? { width: `${rects.reference.width}px` } : fixedWidth ? { width: "40dvw" } : {},
|
|
467
|
+
...fillAvailableHeight ? {
|
|
468
|
+
height: `${availableHeight - 20}px`,
|
|
469
|
+
minHeight: processMinHeight
|
|
470
|
+
} : {},
|
|
471
|
+
...maxHeight ? {
|
|
472
|
+
minHeight: processMinHeight,
|
|
473
|
+
height: fitScreen ? typeof maxHeight === "string" ? maxHeight : `${maxHeight}px` : void 0,
|
|
474
|
+
maxHeight: fitScreen ? `${availableHeight - 20}px` : typeof maxHeight === "string" ? maxHeight : `${maxHeight}px`
|
|
475
|
+
} : {},
|
|
476
|
+
...fitScreen && !maxHeight ? {
|
|
477
|
+
minHeight: processMinHeight,
|
|
478
|
+
maxHeight: `${availableHeight - 20}px`
|
|
479
|
+
} : {},
|
|
480
|
+
zIndex: 1
|
|
481
|
+
});
|
|
482
|
+
}
|
|
483
|
+
}),
|
|
484
|
+
flip({
|
|
485
|
+
mainAxis: !disableFlip,
|
|
486
|
+
crossAxis: false,
|
|
487
|
+
fallbackAxisSideDirection: disableFlipFallback ? "none" : "end",
|
|
488
|
+
padding: 5
|
|
489
|
+
}),
|
|
490
|
+
shift({
|
|
491
|
+
padding: 5,
|
|
492
|
+
mainAxis: !disableShift,
|
|
493
|
+
crossAxis: false,
|
|
494
|
+
limiter: limitShift({
|
|
495
|
+
mainAxis: !disableShift
|
|
496
|
+
})
|
|
497
|
+
}),
|
|
498
|
+
arrow$1({
|
|
499
|
+
element: !disableCaret && arrowElement ? arrowElement : null,
|
|
500
|
+
padding: 5
|
|
501
|
+
})
|
|
502
|
+
]
|
|
503
|
+
}).then(({ x, y, placement: placement2, middlewareData }) => {
|
|
504
|
+
setActualPlacement(placement2);
|
|
505
|
+
const side = placement2.split("-")[0];
|
|
506
|
+
const staticSide = {
|
|
507
|
+
top: "bottom",
|
|
508
|
+
right: "left",
|
|
509
|
+
bottom: "top",
|
|
510
|
+
left: "right"
|
|
511
|
+
}[side];
|
|
512
|
+
const arrowDeg = () => {
|
|
513
|
+
if (staticSide === "top") return 180;
|
|
514
|
+
if (staticSide === "bottom") return 0;
|
|
515
|
+
if (staticSide === "left") return 90;
|
|
516
|
+
return 270;
|
|
517
|
+
};
|
|
518
|
+
Object.assign(popover.style, {
|
|
519
|
+
left: `${x}px`,
|
|
520
|
+
top: `${y}px`
|
|
521
|
+
});
|
|
522
|
+
if (middlewareData.arrow && arrowElement) {
|
|
523
|
+
const { x: x2, y: y2 } = middlewareData.arrow;
|
|
524
|
+
Object.assign(arrowElement.style, {
|
|
525
|
+
left: x2 != null ? `${x2}px` : "",
|
|
526
|
+
top: y2 != null ? `${y2}px` : "",
|
|
527
|
+
right: "",
|
|
528
|
+
bottom: "",
|
|
529
|
+
[staticSide]: `${-arrowElement.offsetWidth + 2}px`,
|
|
530
|
+
transform: `rotate(${arrowDeg()}deg)`
|
|
531
|
+
});
|
|
610
532
|
}
|
|
533
|
+
});
|
|
534
|
+
}, [
|
|
535
|
+
arrowElement,
|
|
536
|
+
disableCaret,
|
|
537
|
+
disableFlip,
|
|
538
|
+
disableFlipFallback,
|
|
539
|
+
disableShift,
|
|
540
|
+
fillAvailableHeight,
|
|
541
|
+
fitScreen,
|
|
542
|
+
fixedWidth,
|
|
543
|
+
invoker,
|
|
544
|
+
matchReferenceWidth,
|
|
545
|
+
maxHeight,
|
|
546
|
+
openState,
|
|
547
|
+
placement,
|
|
548
|
+
popover,
|
|
549
|
+
processMinHeight
|
|
550
|
+
]);
|
|
551
|
+
useLayoutEffect(() => {
|
|
552
|
+
if (!popover || !invoker) return;
|
|
553
|
+
if (!openState) {
|
|
611
554
|
return;
|
|
612
555
|
}
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
}
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
556
|
+
let requestID = null;
|
|
557
|
+
const cleanup = autoUpdate(invoker, popover, () => {
|
|
558
|
+
requestID = requestAnimationFrame(updatePosition);
|
|
559
|
+
});
|
|
560
|
+
return () => {
|
|
561
|
+
if (requestID) cancelAnimationFrame(requestID);
|
|
562
|
+
cleanup();
|
|
563
|
+
};
|
|
564
|
+
}, [invoker, popover, updatePosition, openState]);
|
|
565
|
+
popover?.getRootNode();
|
|
566
|
+
const popoverId = id ?? `popover-${uid.replace(/:/g, "")}`;
|
|
567
|
+
const isControlled = typeof open !== "undefined";
|
|
568
|
+
const openPopover = useCallback(() => {
|
|
569
|
+
if (!popover || !rootNode?.querySelector(`#${popoverId}`))
|
|
570
|
+
return;
|
|
571
|
+
setOpenState(true);
|
|
572
|
+
}, [popover, rootNode, popoverId, setOpenState]);
|
|
573
|
+
const closePopover = useCallback(
|
|
574
|
+
(fn) => {
|
|
575
|
+
if (!popover || !openState) return;
|
|
576
|
+
if (!openOnHover) onClose?.();
|
|
577
|
+
setOpenState(false);
|
|
578
|
+
setTriggerHovered(false);
|
|
579
|
+
setContentHovered(false);
|
|
580
|
+
fn?.();
|
|
581
|
+
},
|
|
582
|
+
[
|
|
583
|
+
popover,
|
|
584
|
+
openState,
|
|
585
|
+
openOnHover,
|
|
586
|
+
onClose,
|
|
587
|
+
setOpenState,
|
|
588
|
+
setTriggerHovered,
|
|
589
|
+
setContentHovered
|
|
590
|
+
]
|
|
591
|
+
);
|
|
592
|
+
useImperativeHandle(
|
|
593
|
+
ref,
|
|
594
|
+
() => ({
|
|
595
|
+
openPopover,
|
|
596
|
+
closePopover
|
|
597
|
+
}),
|
|
598
|
+
[openPopover, closePopover]
|
|
599
|
+
);
|
|
600
|
+
useEffect(() => {
|
|
601
|
+
if (typeof openState === "undefined") return;
|
|
602
|
+
if (openState) {
|
|
603
|
+
if (dialogContext) {
|
|
604
|
+
if (dialogContext?.ref?.current?.open) {
|
|
605
|
+
safeShowPopover(popover);
|
|
606
|
+
dialogContext?.setHasOpenPopover?.(true);
|
|
607
|
+
}
|
|
608
|
+
return;
|
|
609
|
+
}
|
|
610
|
+
safeShowPopover(popover);
|
|
611
|
+
} else {
|
|
612
|
+
safeHidePopover(popover);
|
|
613
|
+
dialogContext?.setHasOpenPopover?.(false);
|
|
614
|
+
}
|
|
615
|
+
}, [openState, openPopover, closePopover, dialogContext, popover]);
|
|
616
|
+
useOnClickOutside({
|
|
617
|
+
disable: disableCloseOnClickOutside || !openState,
|
|
618
|
+
onClickOutsideBegin: (e) => {
|
|
619
|
+
if (!openState) return;
|
|
620
|
+
onClickOutside?.(e);
|
|
621
|
+
},
|
|
622
|
+
targets: [invoker, popover],
|
|
623
|
+
onClickOutside: () => {
|
|
624
|
+
if (openOnHover || isControlled) return;
|
|
625
|
+
closePopover();
|
|
626
|
+
}
|
|
627
|
+
});
|
|
628
|
+
const value = useMemo(() => {
|
|
629
|
+
return {
|
|
630
|
+
popoverId,
|
|
631
|
+
invoker,
|
|
632
|
+
setInvoker,
|
|
633
|
+
popover,
|
|
634
|
+
setPopover,
|
|
635
|
+
arrowElement,
|
|
636
|
+
setArrowElement,
|
|
637
|
+
openPopover,
|
|
638
|
+
closePopover,
|
|
639
|
+
placement,
|
|
640
|
+
actualPlacement,
|
|
641
|
+
onClose,
|
|
642
|
+
openOnHover,
|
|
643
|
+
openState,
|
|
644
|
+
setOpenState,
|
|
645
|
+
disableCloseOnClickOutside,
|
|
646
|
+
fillAvailableHeight,
|
|
647
|
+
maxHeight,
|
|
648
|
+
matchReferenceWidth,
|
|
649
|
+
fixedWidth,
|
|
650
|
+
disableCaret,
|
|
651
|
+
disableFlipFallback,
|
|
652
|
+
disableTriggerFocus,
|
|
653
|
+
disableCloseOnEscape,
|
|
654
|
+
noPadding,
|
|
655
|
+
controlled: isControlled,
|
|
656
|
+
modal,
|
|
657
|
+
arrowRef,
|
|
658
|
+
rootNode,
|
|
659
|
+
setRootNode,
|
|
660
|
+
delay,
|
|
661
|
+
triggerHovered,
|
|
662
|
+
setTriggerHovered,
|
|
663
|
+
contentHovered,
|
|
664
|
+
setContentHovered
|
|
665
|
+
};
|
|
666
|
+
}, [
|
|
633
667
|
popoverId,
|
|
634
668
|
invoker,
|
|
635
|
-
setInvoker,
|
|
636
669
|
popover,
|
|
637
|
-
setPopover,
|
|
638
670
|
arrowElement,
|
|
639
|
-
setArrowElement,
|
|
640
671
|
openPopover,
|
|
641
672
|
closePopover,
|
|
642
673
|
placement,
|
|
@@ -655,130 +686,97 @@ const PopoverElement = forwardRef((props, ref) => {
|
|
|
655
686
|
disableTriggerFocus,
|
|
656
687
|
disableCloseOnEscape,
|
|
657
688
|
noPadding,
|
|
658
|
-
|
|
689
|
+
isControlled,
|
|
659
690
|
modal,
|
|
660
|
-
arrowRef,
|
|
661
691
|
rootNode,
|
|
662
|
-
setRootNode,
|
|
663
692
|
delay,
|
|
664
693
|
triggerHovered,
|
|
665
694
|
setTriggerHovered,
|
|
666
695
|
contentHovered,
|
|
667
696
|
setContentHovered
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
* Features:
|
|
752
|
-
* - Automatic popover closing on click
|
|
753
|
-
* - Supports all Button component props and styling
|
|
754
|
-
* - Controlled and uncontrolled mode support
|
|
755
|
-
* - Context integration with parent popover
|
|
756
|
-
* - Accessibility support with proper button semantics
|
|
757
|
-
* - Delayed closing for controlled mode
|
|
758
|
-
* - Automatic tracking ID generation for analytics
|
|
759
|
-
*
|
|
760
|
-
* @example
|
|
761
|
-
* <Popover.Close>Close</Popover.Close>
|
|
762
|
-
*/
|
|
763
|
-
Close: PopoverClose,
|
|
764
|
-
/**
|
|
765
|
-
* PopoverButton component for creating button-style triggers.
|
|
766
|
-
*
|
|
767
|
-
* Features:
|
|
768
|
-
* - Button styling and behavior with all Button props
|
|
769
|
-
* - Automatic popover opening on click
|
|
770
|
-
* - Hover interaction support for tooltip mode
|
|
771
|
-
* - Focus management and keyboard navigation
|
|
772
|
-
* - Accessibility attributes (aria-haspopup, aria-expanded, aria-details)
|
|
773
|
-
* - Context integration with parent popover
|
|
774
|
-
* - Event handling for mouse, keyboard, and focus events
|
|
775
|
-
* - Automatic tracking ID generation for analytics
|
|
776
|
-
*
|
|
777
|
-
* @example
|
|
778
|
-
* <Popover.Button>Click to open</Popover.Button>
|
|
779
|
-
*/
|
|
780
|
-
Button: PopoverButton
|
|
781
|
-
});
|
|
697
|
+
]);
|
|
698
|
+
return /* @__PURE__ */ jsx(PopoverContext.Provider, { value, children });
|
|
699
|
+
}),
|
|
700
|
+
{
|
|
701
|
+
/**
|
|
702
|
+
* PopoverTrigger component for creating custom trigger elements.
|
|
703
|
+
*
|
|
704
|
+
* Features:
|
|
705
|
+
* - Supports custom trigger elements via render prop pattern
|
|
706
|
+
* - Automatic focus management and keyboard interaction
|
|
707
|
+
* - Hover and click event handling
|
|
708
|
+
* - Accessibility attributes (aria-haspopup, aria-expanded, aria-details)
|
|
709
|
+
* - Context integration with parent popover
|
|
710
|
+
* - Automatic tracking ID generation for analytics
|
|
711
|
+
*
|
|
712
|
+
* @example
|
|
713
|
+
* <Popover.Trigger>
|
|
714
|
+
* {(props) => (
|
|
715
|
+
* <button {...props}>
|
|
716
|
+
* Click to open popover
|
|
717
|
+
* </button>
|
|
718
|
+
* )}
|
|
719
|
+
* </Popover.Trigger>
|
|
720
|
+
*/
|
|
721
|
+
Trigger: PopoverTrigger,
|
|
722
|
+
/**
|
|
723
|
+
* PopoverContent component for the main popover content area.
|
|
724
|
+
*
|
|
725
|
+
* Features:
|
|
726
|
+
* - Automatic positioning and sizing based on trigger
|
|
727
|
+
* - Screen boundary detection and fitting
|
|
728
|
+
* - Scroll handling with custom scroller reference
|
|
729
|
+
* - Focus management and keyboard navigation
|
|
730
|
+
* - Hover interaction support for tooltip mode
|
|
731
|
+
* - Escape key handling for closing
|
|
732
|
+
* - Tab key trapping for modal popovers
|
|
733
|
+
* - Arrow/caret indicator with automatic positioning
|
|
734
|
+
* - Context integration with parent popover
|
|
735
|
+
* - Accessibility support with proper ARIA roles
|
|
736
|
+
*
|
|
737
|
+
* @example
|
|
738
|
+
* <Popover.Content>
|
|
739
|
+
* <p>This is the popover content</p>
|
|
740
|
+
* <Popover.Close>Close</Popover.Close>
|
|
741
|
+
* </Popover.Content>
|
|
742
|
+
*/
|
|
743
|
+
Content: PopoverContent,
|
|
744
|
+
/**
|
|
745
|
+
* PopoverClose component for closing the popover.
|
|
746
|
+
*
|
|
747
|
+
* Features:
|
|
748
|
+
* - Automatic popover closing on click
|
|
749
|
+
* - Supports all Button component props and styling
|
|
750
|
+
* - Controlled and uncontrolled mode support
|
|
751
|
+
* - Context integration with parent popover
|
|
752
|
+
* - Accessibility support with proper button semantics
|
|
753
|
+
* - Delayed closing for controlled mode
|
|
754
|
+
* - Automatic tracking ID generation for analytics
|
|
755
|
+
*
|
|
756
|
+
* @example
|
|
757
|
+
* <Popover.Close>Close</Popover.Close>
|
|
758
|
+
*/
|
|
759
|
+
Close: PopoverClose,
|
|
760
|
+
/**
|
|
761
|
+
* PopoverButton component for creating button-style triggers.
|
|
762
|
+
*
|
|
763
|
+
* Features:
|
|
764
|
+
* - Button styling and behavior with all Button props
|
|
765
|
+
* - Automatic popover opening on click
|
|
766
|
+
* - Hover interaction support for tooltip mode
|
|
767
|
+
* - Focus management and keyboard navigation
|
|
768
|
+
* - Accessibility attributes (aria-haspopup, aria-expanded, aria-details)
|
|
769
|
+
* - Context integration with parent popover
|
|
770
|
+
* - Event handling for mouse, keyboard, and focus events
|
|
771
|
+
* - Automatic tracking ID generation for analytics
|
|
772
|
+
*
|
|
773
|
+
* @example
|
|
774
|
+
* <Popover.Button>Click to open</Popover.Button>
|
|
775
|
+
*/
|
|
776
|
+
Button: PopoverButton
|
|
777
|
+
}
|
|
778
|
+
);
|
|
779
|
+
Popover.displayName = "Popover";
|
|
782
780
|
|
|
783
781
|
export { Popover as P, usePopoverContext as u };
|
|
784
|
-
//# sourceMappingURL=Popover-
|
|
782
|
+
//# sourceMappingURL=Popover-CpU9VAcb.js.map
|