@servicetitan/anvil2 3.13.7 → 3.14.1
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 +18 -0
- package/dist/{AiMark-D8dx3b1Q.js → AiMark-CWufA6pV.js} +7 -62
- package/dist/{AiMark-D8dx3b1Q.js.map → AiMark-CWufA6pV.js.map} +1 -1
- package/dist/AiMark.js +1 -1
- package/dist/{Alert-N-Es76Om.js → Alert-RkvFtmRP.js} +2 -2
- package/dist/{Alert-N-Es76Om.js.map → Alert-RkvFtmRP.js.map} +1 -1
- package/dist/Alert.js +1 -1
- package/dist/{AnvilProvider-D8msiELo.js → AnvilProvider-DagOuc9c.js} +2 -3
- package/dist/AnvilProvider-DagOuc9c.js.map +1 -0
- package/dist/AnvilProvider.js +1 -1
- package/dist/Avatar-DZxHhMTP.js.map +1 -1
- package/dist/{Breadcrumbs-Di0HJmcH.js → Breadcrumbs-DbOrdao2.js} +2 -2
- package/dist/{Breadcrumbs-Di0HJmcH.js.map → Breadcrumbs-DbOrdao2.js.map} +1 -1
- package/dist/Breadcrumbs.js +1 -1
- package/dist/Button-Dwh_Nd4l.js.map +1 -1
- package/dist/{Calendar-kSH8F7gx.js → Calendar-CK-AAaSG.js} +2 -2
- package/dist/Calendar-CK-AAaSG.js.map +1 -0
- package/dist/{Calendar-DV149Rqb.js → Calendar-DLnn6dJE.js} +2 -2
- package/dist/{Calendar-DV149Rqb.js.map → Calendar-DLnn6dJE.js.map} +1 -1
- package/dist/Calendar.js +2 -2
- package/dist/Card-Bt0F6RTq.js.map +1 -1
- package/dist/{Checkbox-CknwM231.js → Checkbox-CboZhOtU.js} +3 -3
- package/dist/{Checkbox-CknwM231.js.map → Checkbox-CboZhOtU.js.map} +1 -1
- package/dist/{Checkbox-FvMXGsgi.js → Checkbox-Cn4iNLW_.js} +2 -2
- package/dist/{Checkbox-FvMXGsgi.js.map → Checkbox-Cn4iNLW_.js.map} +1 -1
- package/dist/Checkbox.js +1 -1
- package/dist/{Chip-COkotNvt.js → Chip-UbrxYEqs.js} +2 -2
- package/dist/{Chip-COkotNvt.js.map → Chip-UbrxYEqs.js.map} +1 -1
- package/dist/Chip.js +1 -1
- package/dist/Combobox.js +1 -1
- package/dist/{DataTable-D0YlJ7IA.js → DataTable-COExZbOC.js} +10 -22
- package/dist/DataTable-COExZbOC.js.map +1 -0
- package/dist/{DateFieldRange-B7-z7KXC.js → DateFieldRange-CpTxlASD.js} +5 -5
- package/dist/{DateFieldRange-B7-z7KXC.js.map → DateFieldRange-CpTxlASD.js.map} +1 -1
- package/dist/DateFieldRange.js +1 -1
- package/dist/{DateFieldSingle-B3aY-9vO.js → DateFieldSingle-DR2kfrzh.js} +5 -5
- package/dist/{DateFieldSingle-B3aY-9vO.js.map → DateFieldSingle-DR2kfrzh.js.map} +1 -1
- package/dist/DateFieldSingle.js +1 -1
- package/dist/{DateFieldYearless-BYwWvHXD.js → DateFieldYearless-4mS_2Mgw.js} +5 -5
- package/dist/{DateFieldYearless-BYwWvHXD.js.map → DateFieldYearless-4mS_2Mgw.js.map} +1 -1
- package/dist/DateFieldYearless.js +1 -1
- package/dist/{DateFieldYearlessRange-cyDptr2S.js → DateFieldYearlessRange-C-yvKBkJ.js} +4 -4
- package/dist/{DateFieldYearlessRange-cyDptr2S.js.map → DateFieldYearlessRange-C-yvKBkJ.js.map} +1 -1
- package/dist/DateFieldYearlessRange.js +1 -1
- package/dist/{DaysOfTheWeek-Re26vN8g.js → DaysOfTheWeek-Bo4w8SsT.js} +2 -2
- package/dist/{DaysOfTheWeek-Re26vN8g.js.map → DaysOfTheWeek-Bo4w8SsT.js.map} +1 -1
- package/dist/DaysOfTheWeek.js +1 -1
- package/dist/{Dialog-BMPFoRQh.js → Dialog-Ds25dKQp.js} +4 -4
- package/dist/{Dialog-BMPFoRQh.js.map → Dialog-Ds25dKQp.js.map} +1 -1
- package/dist/Dialog.js +1 -1
- package/dist/{Drawer-BCw_ZHSD.js → Drawer-Da-bj_6o.js} +4 -4
- package/dist/{Drawer-BCw_ZHSD.js.map → Drawer-Da-bj_6o.js.map} +1 -1
- package/dist/Drawer.js +1 -1
- package/dist/DrillDown.js +1 -1
- package/dist/{EditCard-CTEk64eN.js → EditCard-CocV93gS.js} +2 -2
- package/dist/{EditCard-CTEk64eN.js.map → EditCard-CocV93gS.js.map} +1 -1
- package/dist/EditCard.js +1 -1
- package/dist/{FieldLabel-CYCk2rz-.js → FieldLabel-6aFKQfyD.js} +2 -2
- package/dist/FieldLabel-6aFKQfyD.js.map +1 -0
- package/dist/FieldLabel.js +1 -1
- package/dist/{FilterBar-CrIPZKvL.js → FilterBar-CZT1ryz_.js} +6 -7
- package/dist/FilterBar-CZT1ryz_.js.map +1 -0
- package/dist/FilterBar.js +1 -1
- package/dist/Helper-BHpOgh7k.js.map +1 -1
- package/dist/Icon-B5zwN7GD.js.map +1 -1
- package/dist/{InputMask-Bm7ZYtQy.js → InputMask-CNV0Ucli.js} +3 -3
- package/dist/{InputMask-Bm7ZYtQy.js.map → InputMask-CNV0Ucli.js.map} +1 -1
- package/dist/InputMask.js +1 -1
- package/dist/Layout-C2Q2hyLG.js.map +1 -1
- package/dist/{ListView-Bkv1ZCSu.js → ListView-DFAWrwzi.js} +2 -2
- package/dist/ListView-DFAWrwzi.js.map +1 -0
- package/dist/ListView.js +1 -1
- package/dist/{Listbox-BWy_uBqm.js → Listbox-BErqErNN.js} +2 -2
- package/dist/Listbox-BErqErNN.js.map +1 -0
- package/dist/Listbox.js +1 -1
- package/dist/LocalizationContext-UsmB5mnR.js.map +1 -1
- package/dist/LocalizationProvider-BPcOU7YX.js.map +1 -1
- package/dist/{MenuFooter--lBF8OjJ.js → MenuFooter-fGSZYh8e.js} +2 -2
- package/dist/MenuFooter-fGSZYh8e.js.map +1 -0
- package/dist/MultiSelectField.js +1 -1
- package/dist/{MultiSelectFieldSync-gH-TQnq3.js → MultiSelectFieldSync-CqWUidCm.js} +8 -8
- package/dist/MultiSelectFieldSync-CqWUidCm.js.map +1 -0
- package/dist/MultiSelectMenu.js +1 -1
- package/dist/{MultiSelectMenuSync-QmhjWA05.js → MultiSelectMenuSync-DG3rKyQc.js} +6 -6
- package/dist/{MultiSelectMenuSync-QmhjWA05.js.map → MultiSelectMenuSync-DG3rKyQc.js.map} +1 -1
- package/dist/{NumberField-BOLMhpdk.js → NumberField-DRYYJHec.js} +3 -3
- package/dist/{NumberField-BOLMhpdk.js.map → NumberField-DRYYJHec.js.map} +1 -1
- package/dist/NumberField.js +1 -1
- package/dist/{Page-D4RYSd8t.js → Page-pfK5iSmv.js} +9 -9
- package/dist/Page-pfK5iSmv.js.map +1 -0
- package/dist/Page.js +1 -1
- package/dist/{Pagination-Hjalx9ZX.js → Pagination-Bc4fhdNm.js} +3 -3
- package/dist/{Pagination-Hjalx9ZX.js.map → Pagination-Bc4fhdNm.js.map} +1 -1
- package/dist/Pagination.js +1 -1
- package/dist/{Popover-BQ-R2hs0.js → Popover-BgVOsP4J.js} +2 -2
- package/dist/{Popover-BQ-R2hs0.js.map → Popover-BgVOsP4J.js.map} +1 -1
- package/dist/Popover.js +1 -1
- package/dist/PortalProvider-Cj_y3gbC.js.map +1 -1
- package/dist/{ProgressBar-BUmYFa81.js → ProgressBar-Chb0uKfL.js} +2 -2
- package/dist/{ProgressBar-BUmYFa81.js.map → ProgressBar-Chb0uKfL.js.map} +1 -1
- package/dist/ProgressBar.js +1 -1
- package/dist/{Radio-BgbBIhPS.js → Radio-DcNlFfSu.js} +3 -3
- package/dist/{Radio-BgbBIhPS.js.map → Radio-DcNlFfSu.js.map} +1 -1
- package/dist/{Radio-C2pWQ84U.js → Radio-gpMEsFss.js} +2 -2
- package/dist/{Radio-C2pWQ84U.js.map → Radio-gpMEsFss.js.map} +1 -1
- package/dist/Radio.js +1 -1
- package/dist/{RichTextEditor-Chzl-zeW.js → RichTextEditor-DeO4p-S-.js} +8 -8
- package/dist/{RichTextEditor-Chzl-zeW.js.map → RichTextEditor-DeO4p-S-.js.map} +1 -1
- package/dist/RichTextEditor.js +1 -1
- package/dist/{SavedFiltersButton-D0J5KTsI.js → SavedFiltersButton-Cvf1mJk8.js} +10 -10
- package/dist/{SavedFiltersButton-D0J5KTsI.js.map → SavedFiltersButton-Cvf1mJk8.js.map} +1 -1
- package/dist/SavedFiltersButton.js +1 -1
- package/dist/{SelectCard-BGTB3ay0.js → SelectCard-bp5hRyHK.js} +3 -3
- package/dist/{SelectCard-BGTB3ay0.js.map → SelectCard-bp5hRyHK.js.map} +1 -1
- package/dist/SelectCard.js +1 -1
- package/dist/SelectField.js +1 -1
- package/dist/{SelectFieldLabel-CcX2GAym.js → SelectFieldLabel-DZqxaZsp.js} +2 -2
- package/dist/SelectFieldLabel-DZqxaZsp.js.map +1 -0
- package/dist/{SelectFieldSync-BjJN7FC3.js → SelectFieldSync-Wkx6DGpg.js} +7 -7
- package/dist/{SelectFieldSync-BjJN7FC3.js.map → SelectFieldSync-Wkx6DGpg.js.map} +1 -1
- package/dist/SelectMenu.js +1 -1
- package/dist/{SelectMenuSync-iZsNTote.js → SelectMenuSync-O55TODxn.js} +6 -6
- package/dist/{SelectMenuSync-iZsNTote.js.map → SelectMenuSync-O55TODxn.js.map} +1 -1
- package/dist/{SelectOptions-BeehD5VV.js → SelectOptions-0A8BYx1q.js} +2 -2
- package/dist/SelectOptions-0A8BYx1q.js.map +1 -0
- package/dist/{SelectTrigger-BQAVMm3E.js → SelectTrigger-BfJ7DWYq.js} +2 -2
- package/dist/{SelectTrigger-BQAVMm3E.js.map → SelectTrigger-BfJ7DWYq.js.map} +1 -1
- package/dist/SelectTrigger.js +1 -1
- package/dist/{SelectTriggerBase-BV-QNhII.js → SelectTriggerBase-DvsI-kSG.js} +3 -3
- package/dist/{SelectTriggerBase-BV-QNhII.js.map → SelectTriggerBase-DvsI-kSG.js.map} +1 -1
- package/dist/StatusIcon-BqorkNJf.js.map +1 -1
- package/dist/{Switch-DWaFomvP.js → Switch-CrDmBj4D.js} +2 -2
- package/dist/{Switch-DWaFomvP.js.map → Switch-CrDmBj4D.js.map} +1 -1
- package/dist/Switch.js +1 -1
- package/dist/Table.js +1 -1
- package/dist/{Text-D2TIPmZ2.js → Text-CZccJAnm.js} +2 -2
- package/dist/{Text-D2TIPmZ2.js.map → Text-CZccJAnm.js.map} +1 -1
- package/dist/Text.js +1 -1
- package/dist/{TextField-wIc7ic0E.js → TextField-D0f9LwgQ.js} +3 -3
- package/dist/{TextField-wIc7ic0E.js.map → TextField-D0f9LwgQ.js.map} +1 -1
- package/dist/{TextField-DJaBZ4Je.js → TextField-DX5qyWPo.js} +2 -2
- package/dist/{TextField-DJaBZ4Je.js.map → TextField-DX5qyWPo.js.map} +1 -1
- package/dist/TextField.js +1 -1
- package/dist/{Textarea-D4c6VjNs.js → Textarea-CdTcekFd.js} +3 -3
- package/dist/{Textarea-D4c6VjNs.js.map → Textarea-CdTcekFd.js.map} +1 -1
- package/dist/Textarea.js +1 -1
- package/dist/ThemeProvider-DW-Mflv6.js.map +1 -1
- package/dist/ThemeProviderContext-l52GohYT.js.map +1 -1
- package/dist/{TimeField-DpnX_t31.js → TimeField-BxNglWQt.js} +4 -4
- package/dist/TimeField-BxNglWQt.js.map +1 -0
- package/dist/TimeField.js +1 -1
- package/dist/Toast.js +2 -2
- package/dist/{Toaster-Cl9BSxHs.js → Toaster-C-Z_FMbW.js} +3 -3
- package/dist/{Toaster-Cl9BSxHs.js.map → Toaster-C-Z_FMbW.js.map} +1 -1
- package/dist/{Toaster-11pmgwx5.js → Toaster-nyQgF9Ki.js} +2 -2
- package/dist/{Toaster-11pmgwx5.js.map → Toaster-nyQgF9Ki.js.map} +1 -1
- package/dist/{Toolbar-C9_Z1wAt.js → Toolbar-BUbMtBVz.js} +4 -4
- package/dist/{Toolbar-C9_Z1wAt.js.map → Toolbar-BUbMtBVz.js.map} +1 -1
- package/dist/{Toolbar-Dq9KOJoH.js → Toolbar-BxAFPvbn.js} +5 -5
- package/dist/{Toolbar-Dq9KOJoH.js.map → Toolbar-BxAFPvbn.js.map} +1 -1
- package/dist/Toolbar.js +2 -2
- package/dist/{ToolbarButtonToggle-BGnYIt6-.js → ToolbarButtonToggle-NSJ2XfXT.js} +2 -2
- package/dist/{ToolbarButtonToggle-BGnYIt6-.js.map → ToolbarButtonToggle-NSJ2XfXT.js.map} +1 -1
- package/dist/TrackingProvider-Co4lyoI9.js.map +1 -1
- package/dist/TrackingProviderContext-CrVA7KHv.js.map +1 -1
- package/dist/TreeSelectField.js +1 -1
- package/dist/{TreeSelectFieldSync-CoWxg7tA.js → TreeSelectFieldSync-DpvwlM7B.js} +6 -6
- package/dist/{TreeSelectFieldSync-CoWxg7tA.js.map → TreeSelectFieldSync-DpvwlM7B.js.map} +1 -1
- package/dist/TreeSelectMenu.js +1 -1
- package/dist/{TreeSelectMenuSync-CmJa0lyW.js → TreeSelectMenuSync-BDitYX_k.js} +5 -5
- package/dist/{TreeSelectMenuSync-CmJa0lyW.js.map → TreeSelectMenuSync-BDitYX_k.js.map} +1 -1
- package/dist/{TypeaheadTextField-2kW-oCMo.js → TypeaheadTextField-Cj09sEji.js} +3 -3
- package/dist/{TypeaheadTextField-2kW-oCMo.js.map → TypeaheadTextField-Cj09sEji.js.map} +1 -1
- package/dist/TypeaheadTextField.js +1 -1
- package/dist/{YearlessDateInputWithPicker-C0FwNBKR.js → YearlessDateInputWithPicker-CoomgSEK.js} +3 -3
- package/dist/{YearlessDateInputWithPicker-C0FwNBKR.js.map → YearlessDateInputWithPicker-CoomgSEK.js.map} +1 -1
- package/dist/anvParts-DFVq7-Cm.js +25 -0
- package/dist/anvParts-DFVq7-Cm.js.map +1 -0
- package/dist/arrayIdsEqual-DnevhwqN.js.map +1 -1
- package/dist/assets/icons/st/gnav_automations_active.svg +1 -0
- package/dist/assets/icons/st/gnav_automations_inactive.svg +1 -0
- package/dist/assets/icons/st/gnav_command_center_active.svg +1 -0
- package/dist/assets/icons/st/gnav_command_center_inactive.svg +1 -0
- package/dist/assets/icons/st.ts +4 -0
- package/dist/beta.js +17 -17
- package/dist/{bulkActionTypes-Ct2cwT7b.js → bulkActionTypes-DAo3_ECS.js} +2 -2
- package/dist/bulkActionTypes-DAo3_ECS.js.map +1 -0
- package/dist/childrenToString-Bz9MqbHb.js.map +1 -1
- package/dist/confirmationTypes-DeRtO_Cw.js.map +1 -1
- package/dist/{downshift.esm-xtSnQp44.js → downshift.esm-U4VMqrF-.js} +3 -1
- package/dist/downshift.esm-U4VMqrF-.js.map +1 -0
- package/dist/{filter-state-lWKlYjeQ.js → filter-state-CZcczj37.js} +21 -21
- package/dist/{filter-state-lWKlYjeQ.js.map → filter-state-CZcczj37.js.map} +1 -1
- package/dist/floating-ui.react-dom-BIKT960u.js.map +1 -1
- package/dist/getActiveElement-BcSyVE7S.js.map +1 -1
- package/dist/getKeyboardFocusableElements-B_U9rt6y.js.map +1 -1
- package/dist/{index-BHztJ8H6.js → index-BFxzUzoz.js} +2 -2
- package/dist/{index-BHztJ8H6.js.map → index-BFxzUzoz.js.map} +1 -1
- package/dist/index.js +43 -44
- package/dist/index.js.map +1 -1
- package/dist/portalScopeClassNames-DA28LrXe.js.map +1 -1
- package/dist/src/beta/components/Page/Page.d.ts +1 -1
- package/dist/src/beta/components/Page/PageHeader.d.ts +7 -3
- package/dist/src/components/Card/Card.d.ts +5 -12
- package/dist/src/components/Layout/Layout.d.ts +15 -3
- package/dist/src/components/Page/Page.d.ts +1 -1
- package/dist/src/components/Page/PageHeader.d.ts +7 -3
- package/dist/src/hooks/useAccessibleColor/useAccessibleColor.d.ts +3 -28
- package/dist/src/hooks/useBreakpoint/useBreakpoint.d.ts +15 -60
- package/dist/src/hooks/useMergeRefs/useMergeRefs.d.ts +3 -20
- package/dist/src/hooks/usePrefersColorScheme/usePrefersColorScheme.d.ts +2 -11
- package/dist/src/hooks/usePrefersReducedMotion/usePrefersReducedMotion.d.ts +2 -10
- package/dist/src/hooks/useSize/index.d.ts +2 -13
- package/dist/src/hooks/useSwipe/useSwipe.d.ts +3 -20
- package/dist/src/hooks/useTrackingId/index.d.ts +6 -17
- package/dist/src/internal/components/AddNewItemButton.d.ts +4 -30
- package/dist/src/internal/components/Helper/Helper.d.ts +12 -8
- package/dist/src/internal/components/InView.d.ts +4 -24
- package/dist/src/internal/components/InlineMarkdown/InlineMarkdown.d.ts +2 -19
- package/dist/src/internal/components/Label/Label.d.ts +12 -51
- package/dist/src/internal/components/ManualTestLayout/ManualTestLayout.d.ts +3 -2
- package/dist/src/internal/components/MenuFooter/MenuFooter.d.ts +11 -17
- package/dist/src/internal/components/MultiSelectOptions.d.ts +15 -0
- package/dist/src/internal/components/OptionCheckbox.d.ts +2 -0
- package/dist/src/internal/components/OptionContentArea.d.ts +4 -0
- package/dist/src/internal/components/OptionRow.d.ts +4 -0
- package/dist/src/internal/components/OptionsDialog/OptionsDialog.d.ts +13 -1
- package/dist/src/internal/components/OptionsPanel.d.ts +16 -0
- package/dist/src/internal/components/OptionsPopover/OptionsPopover.d.ts +9 -14
- package/dist/src/internal/components/Popover/Popover.d.ts +45 -180
- package/dist/src/internal/components/Popover/PopoverButton.d.ts +0 -20
- package/dist/src/internal/components/Popover/PopoverClose.d.ts +0 -20
- package/dist/src/internal/components/Popover/PopoverContent.d.ts +4 -25
- package/dist/src/internal/components/Popover/PopoverTrigger.d.ts +1 -23
- package/dist/src/internal/components/Popover/internal/PopoverContext.d.ts +0 -21
- package/dist/src/internal/components/Popover/internal/usePopoverContext.d.ts +1 -3
- package/dist/src/internal/components/SelectOption.d.ts +8 -0
- package/dist/src/internal/components/SelectOptions.d.ts +15 -0
- package/dist/src/internal/components/Shadow/Shadow.d.ts +1 -0
- package/dist/src/internal/components/StatusIcon/StatusIcon.d.ts +4 -33
- package/dist/src/internal/components/Surface/Surface.d.ts +40 -73
- package/dist/src/internal/components/Surface/surfaceGeometry.d.ts +12 -0
- package/dist/src/internal/components/VirtualizedOptionsPanel.d.ts +1 -0
- package/dist/src/internal/components/YearSelector/YearSelector.d.ts +14 -48
- package/dist/src/internal/components/YearSelector/internal/YearItem.d.ts +1 -0
- package/dist/src/internal/components/YearSelector/internal/useYearSelectorKeys.d.ts +4 -0
- package/dist/src/internal/constants/anvParts.d.ts +3 -55
- package/dist/src/internal/flubber/a2c.d.ts +0 -4
- package/dist/src/internal/flubber/arc.d.ts +0 -4
- package/dist/src/internal/flubber/bezier.d.ts +0 -4
- package/dist/src/internal/flubber/errors.d.ts +0 -4
- package/dist/src/internal/flubber/index.d.ts +0 -4
- package/dist/src/internal/flubber/interpolate.d.ts +3 -0
- package/dist/src/internal/flubber/linear.d.ts +0 -4
- package/dist/src/internal/flubber/parse.d.ts +0 -4
- package/dist/src/internal/flubber/path-properties.d.ts +0 -4
- package/dist/src/internal/functions/areOptionsValueEqual.d.ts +2 -5
- package/dist/src/internal/functions/buildSelectItems.d.ts +2 -4
- package/dist/src/internal/functions/childrenToString.d.ts +3 -21
- package/dist/src/internal/functions/getActiveElement.d.ts +4 -0
- package/dist/src/internal/functions/getInitial.d.ts +3 -13
- package/dist/src/internal/functions/getKeyboardFocusableElements.d.ts +6 -30
- package/dist/src/internal/functions/inlineMarkdown.d.ts +3 -16
- package/dist/src/internal/functions/isThenable.d.ts +1 -1
- package/dist/src/internal/functions/kebabize.d.ts +3 -13
- package/dist/src/internal/functions/mapOrder.d.ts +4 -0
- package/dist/src/internal/functions/popoverTargetDomProps.d.ts +1 -1
- package/dist/src/internal/functions/portalScopeClassNames.d.ts +6 -13
- package/dist/src/internal/functions/safePopover.d.ts +2 -0
- package/dist/src/internal/functions/sizeToToken.d.ts +1 -0
- package/dist/src/internal/functions/stripInlineMarkdown.d.ts +3 -5
- package/dist/src/internal/functions/syncFilterUtils.d.ts +4 -2
- package/dist/src/internal/functions/warnOnce.d.ts +1 -2
- package/dist/src/internal/hooks/useBulkActionRunner.d.ts +4 -27
- package/dist/src/internal/hooks/useCommitSelectionIfChanged.d.ts +7 -14
- package/dist/src/internal/hooks/useConfirmationDraft.d.ts +4 -4
- package/dist/src/internal/hooks/useContainerQuery/useContainerQuery.d.ts +2 -33
- package/dist/src/internal/hooks/useDebouncedCallback/useDebouncedCallback.d.ts +3 -25
- package/dist/src/internal/hooks/useDialogScrollLock/useDialogScrollLock.d.ts +6 -31
- package/dist/src/internal/hooks/useDialogTransitionStates/useDialogTransitionStates.d.ts +2 -27
- package/dist/src/internal/hooks/useDownshiftEnvironment/useDownshiftEnvironment.d.ts +8 -24
- package/dist/src/internal/hooks/useFocusWithin/useFocusWithin.d.ts +3 -14
- package/dist/src/internal/hooks/useGroupedOptions.d.ts +4 -22
- package/dist/src/internal/hooks/useIntersectionObserver/useIntersectionObserver.d.ts +4 -47
- package/dist/src/internal/hooks/useInvalidateOnOptionsChange.d.ts +2 -7
- package/dist/src/internal/hooks/useIsScrollable/useIsScrollable.d.ts +1 -5
- package/dist/src/internal/hooks/useKeyboardFocusables/useKeyboardFocusables.d.ts +1 -38
- package/dist/src/internal/hooks/useLayoutPropsUtil/useLayoutPropsUtil.d.ts +2 -38
- package/dist/src/internal/hooks/useNumberField/internal/createNumberMaskOptions.d.ts +2 -5
- package/dist/src/internal/hooks/useNumberField/internal/createTrailingZerosHandlers.d.ts +1 -2
- package/dist/src/internal/hooks/useNumberField/internal/numberMaskUtils.d.ts +0 -6
- package/dist/src/internal/hooks/useNumberField/internal/useNumberFieldInputMode.d.ts +2 -17
- package/dist/src/internal/hooks/useNumberField/internal/useNumberFieldKeys.d.ts +4 -30
- package/dist/src/internal/hooks/useNumberField/useNumberField.d.ts +19 -65
- package/dist/src/internal/hooks/useOnClickOutside/useOnClickOutside.d.ts +5 -33
- package/dist/src/internal/hooks/useOpenCloseTransitionStates/useOpenCloseTransitionStates.d.ts +4 -28
- package/dist/src/internal/hooks/useOptionallyControlledState/useOptionallyControlledState.d.ts +2 -46
- package/dist/src/internal/hooks/useOptionsSections.d.ts +4 -9
- package/dist/src/internal/hooks/usePinnedOptions.d.ts +4 -24
- package/dist/src/internal/hooks/usePlatform/usePlatform.d.ts +3 -50
- package/dist/src/internal/hooks/usePopoverCloseDelayWorkaround/usePopoverCloseDelayWorkaround.d.ts +4 -0
- package/dist/src/internal/hooks/usePopoverTransitionStates/usePopoverTransitionStates.d.ts +1 -21
- package/dist/src/internal/hooks/usePrevious/usePrevious.d.ts +1 -0
- package/dist/src/internal/hooks/useProcessedOptions.d.ts +2 -3
- package/dist/src/internal/hooks/useSelectFieldLoading/useSelectFieldLoading.d.ts +18 -61
- package/dist/src/internal/hooks/useSelectOrchestration.d.ts +4 -3
- package/dist/src/internal/hooks/useToggleSelection.d.ts +3 -3
- package/dist/src/internal/hooks/useTypeAhead/useTypeAhead.d.ts +3 -11
- package/dist/src/internal/testing/anvPartsContract.d.ts +9 -9
- package/dist/src/internal/testing/reactHostProps.d.ts +2 -2
- package/dist/src/internal/types/addNewItemTypes.d.ts +14 -16
- package/dist/src/internal/types/argTypes.d.ts +2 -0
- package/dist/src/internal/types/bulkActionTypes.d.ts +12 -41
- package/dist/src/internal/types/confirmationTypes.d.ts +6 -7
- package/dist/src/internal/types/optionContent.d.ts +6 -9
- package/dist/src/internal/types/props.d.ts +6 -1
- package/dist/src/internal/types/selectFieldInternalTypes.d.ts +10 -12
- package/dist/src/internal/utils/arrayIdsEqual.d.ts +1 -5
- package/dist/src/internal/utils/generateChromaticStickersheetProps.d.ts +4 -8
- package/dist/src/internal/utils/inlineMarkdownRegex.d.ts +0 -4
- package/dist/src/internal/utils/layerManager.d.ts +5 -28
- package/dist/src/internal/utils/uniquifySvgDomIds.d.ts +0 -2
- package/dist/src/providers/AnvilProvider/AnvilProvider.d.ts +4 -0
- package/dist/src/providers/AnvilProvider/AnvilProviderContext.d.ts +16 -6
- package/dist/src/providers/LocalizationProvider/LocalizationContext.d.ts +7 -0
- package/dist/src/providers/LocalizationProvider/LocalizationProvider.d.ts +6 -0
- package/dist/src/providers/LocalizationProvider/LocalizationStoryWrapper.d.ts +1 -0
- package/dist/src/providers/LocalizationProvider/useTranslations.d.ts +6 -0
- package/dist/src/providers/PortalProvider/PortalProvider.d.ts +1 -0
- package/dist/src/providers/PortalProvider/PortalProviderContext.d.ts +3 -0
- package/dist/src/providers/ThemeProvider/ThemeProvider.d.ts +16 -0
- package/dist/src/providers/ThemeProvider/index.d.ts +1 -1
- package/dist/src/providers/ThemeProvider/internal/ThemeProviderContext.d.ts +2 -0
- package/dist/src/providers/ThemeProvider/themeToCssVars.d.ts +3 -4
- package/dist/src/providers/ThemeProvider/useTheme.d.ts +5 -0
- package/dist/src/providers/TrackingProvider/TrackingProvider.d.ts +1 -0
- package/dist/src/providers/TrackingProvider/TrackingProviderContext.d.ts +7 -0
- package/dist/src/providers/TrackingProvider/useTrackingContext.d.ts +5 -0
- package/dist/src/themes/carto.d.ts +3 -43
- package/dist/src/types/DataTrackingId.d.ts +1 -0
- package/dist/src/types/DistributiveOmit.d.ts +1 -14
- package/dist/src/types/MaxLengthCounterProps.d.ts +4 -0
- package/dist/src/types/PassThroughProps.d.ts +3 -0
- package/dist/src/types/ai-marks.d.ts +14 -45
- package/dist/src/types/ianaZones.d.ts +2 -0
- package/dist/src/types/locales.d.ts +1 -0
- package/dist/src/types/props.d.ts +14 -16
- package/dist/{stripInlineMarkdown-82hVO9EP.js → stripInlineMarkdown-CosQSmBr.js} +2 -2
- package/dist/stripInlineMarkdown-CosQSmBr.js.map +1 -0
- package/dist/{syncFilterUtils-CKXbRZG8.js → syncFilterUtils-_uwyt6FD.js} +20 -19
- package/dist/syncFilterUtils-_uwyt6FD.js.map +1 -0
- package/dist/themes.js.map +1 -1
- package/dist/token/core/component-variables.scss +234 -0
- package/dist/token/core/component.d.ts +117 -0
- package/dist/token/core/component.js +1525 -0
- package/dist/token/core/component.scss +121 -0
- package/dist/token.js +1642 -0
- package/dist/token.js.map +1 -1
- package/dist/{treeSync-ONC4TbTR.js → treeSync-Bp80Xduj.js} +4 -4
- package/dist/{treeSync-ONC4TbTR.js.map → treeSync-Bp80Xduj.js.map} +1 -1
- package/dist/useAccessibleColor-BYKjkGRg.js.map +1 -1
- package/dist/useBreakpoint-BBNRlMGZ.js.map +1 -1
- package/dist/useDebouncedCallback-DLkapjcP.js.map +1 -1
- package/dist/useDialogScrollLock-BW-aVboo.js.map +1 -1
- package/dist/{useDrilldown-CicFEJpD.js → useDrilldown-D5XGfAUT.js} +3 -3
- package/dist/{useDrilldown-CicFEJpD.js.map → useDrilldown-D5XGfAUT.js.map} +1 -1
- package/dist/useFocusWithin-hi77jsrB.js.map +1 -1
- package/dist/{useInfiniteCombobox-DJoVEIk6.js → useInfiniteCombobox-ORhH44Rp.js} +6 -6
- package/dist/{useInfiniteCombobox-DJoVEIk6.js.map → useInfiniteCombobox-ORhH44Rp.js.map} +1 -1
- package/dist/{useInitialFocus-BIvXK1Rp.js → useInitialFocus-CGybEc6x.js} +2 -6
- package/dist/useInitialFocus-CGybEc6x.js.map +1 -0
- package/dist/useIntersectionObserver-BEmMDO3P.js.map +1 -1
- package/dist/{useInvalidateOnOptionsChange-C6tF7696.js → useInvalidateOnOptionsChange-ieSgbkwT.js} +4 -4
- package/dist/useInvalidateOnOptionsChange-ieSgbkwT.js.map +1 -0
- package/dist/useLayoutPropsUtil-DjqeAJZ9.js.map +1 -1
- package/dist/useMergeRefs-Dfmtq9cI.js.map +1 -1
- package/dist/useNumberField-CXFYUZ_n.js.map +1 -1
- package/dist/useOnClickOutside-Zw5vzxSq.js.map +1 -1
- package/dist/useOptionallyControlledState-DbDuos5L.js.map +1 -1
- package/dist/{usePopoverTransitionStates-B1opfxxn.js → usePopoverTransitionStates-CDXCdyKa.js} +2 -1
- package/dist/usePopoverTransitionStates-CDXCdyKa.js.map +1 -0
- package/dist/usePrefersColorScheme-CwOF0TjZ.js.map +1 -1
- package/dist/usePrefersReducedMotion-DR9B_D6w.js.map +1 -1
- package/dist/usePrevious-Bvq-5auG.js.map +1 -1
- package/dist/useSize.js.map +1 -1
- package/dist/useSwipe-Cp-CJxLU.js.map +1 -1
- package/dist/useTheme-B4i6a3bM.js.map +1 -1
- package/dist/useTrackingContext-C522P4sv.js.map +1 -1
- package/dist/useTrackingId.js.map +1 -1
- package/dist/warnOnce-Y9PRHcU4.js.map +1 -1
- package/package.json +2 -2
- package/dist/AnvilProvider-D8msiELo.js.map +0 -1
- package/dist/Calendar-kSH8F7gx.js.map +0 -1
- package/dist/DataTable-D0YlJ7IA.js.map +0 -1
- package/dist/FieldLabel-CYCk2rz-.js.map +0 -1
- package/dist/FilterBar-CrIPZKvL.js.map +0 -1
- package/dist/ListView-Bkv1ZCSu.js.map +0 -1
- package/dist/Listbox-BWy_uBqm.js.map +0 -1
- package/dist/MenuFooter--lBF8OjJ.js.map +0 -1
- package/dist/MultiSelectFieldSync-gH-TQnq3.js.map +0 -1
- package/dist/Page-D4RYSd8t.js.map +0 -1
- package/dist/SelectFieldLabel-CcX2GAym.js.map +0 -1
- package/dist/SelectOptions-BeehD5VV.js.map +0 -1
- package/dist/TimeField-DpnX_t31.js.map +0 -1
- package/dist/anvParts-BGg5dgfl.js +0 -43
- package/dist/anvParts-BGg5dgfl.js.map +0 -1
- package/dist/bulkActionTypes-Ct2cwT7b.js.map +0 -1
- package/dist/downshift.esm-xtSnQp44.js.map +0 -1
- package/dist/stripInlineMarkdown-82hVO9EP.js.map +0 -1
- package/dist/syncFilterUtils-CKXbRZG8.js.map +0 -1
- package/dist/useInitialFocus-BIvXK1Rp.js.map +0 -1
- package/dist/useInvalidateOnOptionsChange-C6tF7696.js.map +0 -1
- package/dist/usePopoverTransitionStates-B1opfxxn.js.map +0 -1
|
@@ -3,21 +3,36 @@ import { CSSProperties } from 'react';
|
|
|
3
3
|
import { OptionsPanelHandle } from './OptionsPanel';
|
|
4
4
|
import { GetItemPropsFn, GetMenuPropsFn, SectionMeta, SelectItem } from '../types/selectFieldInternalTypes';
|
|
5
5
|
export type MultiSelectOptionsProps = {
|
|
6
|
+
/** When false, option rows stay unmounted inside the menu scroller. */
|
|
6
7
|
isOpen: boolean;
|
|
8
|
+
/** Flattened option, pinned/group, and bulk-action rows. */
|
|
7
9
|
items: SelectItem[];
|
|
10
|
+
/** Downshift getter for the menu scroller. */
|
|
8
11
|
getMenuProps: GetMenuPropsFn;
|
|
12
|
+
/** Downshift getter for each option row. */
|
|
9
13
|
getItemProps: GetItemPropsFn;
|
|
14
|
+
/** Host highlight index into `items`. */
|
|
10
15
|
highlightedIndex: number;
|
|
16
|
+
/** Current multi selection used to derive each row's check state. */
|
|
11
17
|
selectedOptions: MultiSelectFieldOption[];
|
|
18
|
+
/** When true, shows the load-more control. */
|
|
12
19
|
hasMore: boolean;
|
|
20
|
+
/** Fetches the next page of options. */
|
|
13
21
|
onLoadMore: () => void;
|
|
22
|
+
/** Replaces the list with a spinner while the current page loads. */
|
|
14
23
|
loading: boolean;
|
|
24
|
+
/** Spinner in the load-more slot. */
|
|
15
25
|
loadingMore: boolean;
|
|
26
|
+
/** Skips automatic next-page fetch; the Load more button remains. */
|
|
16
27
|
disableAutoLoadMore?: boolean;
|
|
28
|
+
/** Disables every row, in addition to per-item `disabled`. */
|
|
17
29
|
disabled?: boolean;
|
|
18
30
|
className?: string;
|
|
19
31
|
style?: CSSProperties;
|
|
32
|
+
/** Pinned and group ranges over `items`. */
|
|
20
33
|
sectionsMeta?: SectionMeta[];
|
|
34
|
+
/** Uses the virtualized panel when true. Defaults to the non-virtual list. */
|
|
21
35
|
virtualize?: boolean;
|
|
22
36
|
};
|
|
37
|
+
/** Multi-select option list. Forwards to {@link OptionsPanel} or the virtualized panel. */
|
|
23
38
|
export declare const MultiSelectOptions: import('react').ForwardRefExoticComponent<MultiSelectOptionsProps & import('react').RefAttributes<OptionsPanelHandle>>;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { CheckState } from '../../types';
|
|
2
2
|
export type OptionCheckboxProps = {
|
|
3
|
+
/** Selects the checkbox glyph, or shows a spinner while loading. */
|
|
3
4
|
checkState: CheckState;
|
|
4
5
|
className?: string;
|
|
5
6
|
};
|
|
7
|
+
/** Decorative selection-state indicator for a multiple-select option. */
|
|
6
8
|
export declare function OptionCheckbox({ checkState, className }: OptionCheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { OptionContent } from '../types/optionContent';
|
|
3
3
|
export type OptionContentAreaProps = {
|
|
4
|
+
/** Fallback title when `content.title` is omitted. */
|
|
4
5
|
label: string;
|
|
6
|
+
/** Optional structured details for the option. */
|
|
5
7
|
content?: OptionContent;
|
|
8
|
+
/** Additional content rendered after the option's details. */
|
|
6
9
|
children?: ReactNode;
|
|
7
10
|
};
|
|
11
|
+
/** Arranges an option's avatar, text details, tags, and trailing icon. */
|
|
8
12
|
export declare function OptionContentArea({ label, content, children, }: OptionContentAreaProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
2
|
export type OptionRowProps = ComponentPropsWithoutRef<"div"> & {
|
|
3
|
+
/** Applies disabled styling; interaction semantics remain caller-owned. */
|
|
3
4
|
disabled?: boolean;
|
|
4
5
|
};
|
|
6
|
+
/** Shared layout and state styling for an option row. */
|
|
5
7
|
export declare const OptionRow: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
8
|
+
/** Applies disabled styling; interaction semantics remain caller-owned. */
|
|
6
9
|
disabled?: boolean;
|
|
7
10
|
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
+
/** Prevents leading or trailing row content from shrinking. */
|
|
8
12
|
export declare const OptionRowSideContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
9
13
|
children: ReactNode;
|
|
10
14
|
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1,12 +1,24 @@
|
|
|
1
1
|
import { FocusableElement } from '../../..';
|
|
2
|
+
/**
|
|
3
|
+
* Native modal host for select options. Sizes to the visual viewport.
|
|
4
|
+
*/
|
|
2
5
|
export declare const OptionsDialog: ({ id, isOpen, onClose, field, children, title, initialFocusResolver, footer, }: {
|
|
6
|
+
/** Scroll-lock and dialog identity. */
|
|
3
7
|
id: string;
|
|
8
|
+
/** Calls `showModal` when true and `close` when false. */
|
|
4
9
|
isOpen: boolean;
|
|
10
|
+
/** Escape, the cancel button, and host close paths. */
|
|
5
11
|
onClose: () => void;
|
|
12
|
+
/** Accessible name rendered as the dialog `h1`. */
|
|
6
13
|
title: string;
|
|
14
|
+
/** Optional search/trigger control above the list. */
|
|
7
15
|
field?: React.ReactNode;
|
|
8
16
|
children: React.ReactNode;
|
|
17
|
+
/**
|
|
18
|
+
* Picks initial focus among tabbables. Defaults to the first control that
|
|
19
|
+
* is not the cancel button.
|
|
20
|
+
*/
|
|
9
21
|
initialFocusResolver?: (focusables: FocusableElement[]) => FocusableElement;
|
|
10
|
-
/** Optional
|
|
22
|
+
/** Optional apply/clear/add-new controls after the list. */
|
|
11
23
|
footer?: React.ReactNode;
|
|
12
24
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,24 +3,40 @@ import { CSSProperties } from 'react';
|
|
|
3
3
|
import { CheckState } from '../../types';
|
|
4
4
|
export type OptionsPanelHandle = {
|
|
5
5
|
scrollToTop: () => void;
|
|
6
|
+
/** Scrolls the row at `index` into view. `<= 0` shows a leading group header. */
|
|
6
7
|
scrollToIndex: (index: number) => void;
|
|
7
8
|
};
|
|
8
9
|
export type OptionsPanelProps = {
|
|
10
|
+
/** When false, option rows stay unmounted inside the menu scroller. */
|
|
9
11
|
isOpen: boolean;
|
|
12
|
+
/** Flattened option, pinned/group, and bulk-action rows. */
|
|
10
13
|
items: SelectItem[];
|
|
14
|
+
/** Downshift getter for the menu scroller. */
|
|
11
15
|
getMenuProps: GetMenuPropsFn;
|
|
16
|
+
/** Downshift getter for each option row. */
|
|
12
17
|
getItemProps: GetItemPropsFn;
|
|
18
|
+
/** Host highlight index into `items`. */
|
|
13
19
|
highlightedIndex: number;
|
|
20
|
+
/** Selection indicator shown on each row. */
|
|
14
21
|
getCheckedState: (item: SelectItem) => CheckState;
|
|
22
|
+
/** Leading checkbox vs trailing selected checkmark. */
|
|
15
23
|
selectionType: "single" | "multiple";
|
|
24
|
+
/** When true, shows the load-more control. */
|
|
16
25
|
hasMore: boolean;
|
|
26
|
+
/** Fetches the next page of options. */
|
|
17
27
|
onLoadMore: () => void;
|
|
28
|
+
/** Replaces the list with a spinner while the current page loads. */
|
|
18
29
|
loading: boolean;
|
|
30
|
+
/** Spinner in the load-more slot. */
|
|
19
31
|
loadingMore: boolean;
|
|
32
|
+
/** Skips automatic next-page fetch; the Load more button remains. */
|
|
20
33
|
disableAutoLoadMore?: boolean;
|
|
34
|
+
/** Disables every row, in addition to per-item `disabled`. */
|
|
21
35
|
disabled?: boolean;
|
|
22
36
|
className?: string;
|
|
23
37
|
style?: CSSProperties;
|
|
38
|
+
/** Pinned and group ranges over `items`. */
|
|
24
39
|
sectionsMeta?: SectionMeta[];
|
|
25
40
|
};
|
|
41
|
+
/** Non-virtualized option list scroller. */
|
|
26
42
|
export declare const OptionsPanel: import('react').ForwardRefExoticComponent<OptionsPanelProps & import('react').RefAttributes<OptionsPanelHandle>>;
|
|
@@ -2,27 +2,22 @@ import { ReactNode, RefObject } from 'react';
|
|
|
2
2
|
export type OptionsPopoverProps = {
|
|
3
3
|
id: string;
|
|
4
4
|
children: ReactNode;
|
|
5
|
+
/** Anchor used for positioning and click-outside exclusion. */
|
|
5
6
|
referenceElement: RefObject<HTMLElement>;
|
|
7
|
+
/** Calls `showPopover` when true and `hidePopover` when false. */
|
|
6
8
|
open: boolean;
|
|
7
9
|
/**
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
* before invoking this callback; for other paths focus has already moved
|
|
11
|
-
* elsewhere intentionally.
|
|
10
|
+
* Click-outside, focus-out, and Escape. Escape restores focus to
|
|
11
|
+
* `referenceElement` first; other paths leave focus where it already moved.
|
|
12
12
|
*/
|
|
13
13
|
onClose: () => void;
|
|
14
|
-
/** Controls the popover width strategy.
|
|
15
|
-
* - `"reference"` — match the reference element's width
|
|
16
|
-
* - `number` — fixed width in px
|
|
17
|
-
* - `string` — any CSS width value (e.g. `"20rem"`)
|
|
18
|
-
* - `undefined` (default) — intrinsic sizing (`max-content`)
|
|
19
|
-
*/
|
|
20
|
-
width?: "reference" | number | string;
|
|
21
14
|
/**
|
|
22
|
-
*
|
|
23
|
-
*
|
|
24
|
-
* own bottom padding so the footer can hug the popover's lower edge.
|
|
15
|
+
* `"reference"` matches the anchor, a number is CSS pixels, a string is a
|
|
16
|
+
* CSS width. Omitted uses intrinsic `max-content` sizing.
|
|
25
17
|
*/
|
|
18
|
+
width?: "reference" | number | string;
|
|
19
|
+
/** Region below the scrollable body, separated by a top border. */
|
|
26
20
|
footer?: ReactNode;
|
|
27
21
|
};
|
|
22
|
+
/** Anchored popover shell for option lists. */
|
|
28
23
|
export declare const OptionsPopover: (props: OptionsPopoverProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,108 +3,77 @@ import { Placement } from '@floating-ui/react';
|
|
|
3
3
|
import { PopoverTrigger } from './PopoverTrigger';
|
|
4
4
|
import { DisableCloseOnEscapeOrClickProps } from '../../../types';
|
|
5
5
|
import { OpenCloseTransitionStateEffects } from '../../../internal/hooks';
|
|
6
|
-
/**
|
|
6
|
+
/** Popup roles supported by the internal popover interaction model. */
|
|
7
7
|
export type PopoverRole = "dialog" | "listbox" | "tree" | "grid";
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
10
|
-
* may choose from. Ignored when a specific placement is set.
|
|
9
|
+
* Placement options used only when `placement="auto"`.
|
|
11
10
|
*/
|
|
12
11
|
export type PopoverAutoPlacementConfig = {
|
|
13
|
-
/**
|
|
12
|
+
/** Restricts automatic positioning to these placements. Defaults to all placements. */
|
|
14
13
|
allowedPlacements?: Placement[];
|
|
15
14
|
};
|
|
16
15
|
/**
|
|
17
|
-
*
|
|
18
|
-
* opposite-side fallback sequence used by `flip()`. Ignored when `placement="auto"`.
|
|
16
|
+
* Placement options used only with a specific preferred placement.
|
|
19
17
|
*/
|
|
20
18
|
export type PopoverFlipPlacementConfig = {
|
|
21
|
-
/**
|
|
19
|
+
/** Overrides the default opposite-side fallback sequence. */
|
|
22
20
|
fallbackPlacements?: Placement[];
|
|
23
21
|
};
|
|
24
22
|
type PopoverPropsBase = {
|
|
25
|
-
/**
|
|
23
|
+
/** Compound trigger and content rendered under shared popover state. */
|
|
26
24
|
children?: ReactNode;
|
|
27
|
-
/**
|
|
25
|
+
/** Controls visibility when supplied. */
|
|
28
26
|
open?: boolean;
|
|
29
|
-
/** Initial
|
|
27
|
+
/** Initial visibility in uncontrolled mode. Defaults to `false`. */
|
|
30
28
|
defaultOpen?: boolean;
|
|
31
|
-
/**
|
|
29
|
+
/** Called when a non-hover interaction requests closure, but not when `open` changes externally. */
|
|
32
30
|
onClose?: () => void;
|
|
33
|
-
/**
|
|
31
|
+
/** Called before an outside press closes the popover. */
|
|
34
32
|
onClickOutside?: (e: globalThis.MouseEvent) => void;
|
|
35
|
-
/**
|
|
33
|
+
/** Shows a caret aligned to the resolved placement. Defaults to `false`. */
|
|
36
34
|
enableCaret?: boolean;
|
|
37
|
-
/**
|
|
35
|
+
/** Removes the content area's default padding. Defaults to `false`. */
|
|
38
36
|
noPadding?: boolean;
|
|
39
|
-
/**
|
|
37
|
+
/** Sets the content width to the measured trigger width. Defaults to `false`. */
|
|
40
38
|
matchReferenceWidth?: boolean;
|
|
41
|
-
/**
|
|
39
|
+
/** Uses the fixed viewport-relative width unless `matchReferenceWidth` is set. Defaults to `false`. */
|
|
42
40
|
fixedWidth?: boolean;
|
|
43
|
-
/** Fills
|
|
41
|
+
/** Fills the remaining viewport height on the resolved side. Defaults to `false`. */
|
|
44
42
|
fillAvailableHeight?: boolean;
|
|
45
|
-
/**
|
|
43
|
+
/** With `fitScreen`, becomes the content height while available space becomes its cap. */
|
|
46
44
|
maxHeight?: number | string;
|
|
47
|
-
/** Constrains
|
|
45
|
+
/** Constrains content to the available viewport height. Defaults to `false`. */
|
|
48
46
|
fitScreen?: boolean;
|
|
49
|
-
/** Minimum height
|
|
47
|
+
/** Minimum used when a constrained-height mode is active. Defaults to the component minimum. */
|
|
50
48
|
minHeight?: number | string;
|
|
51
49
|
} & DisableCloseOnEscapeOrClickProps & OpenCloseTransitionStateEffects;
|
|
52
50
|
/**
|
|
53
|
-
*
|
|
54
|
-
*
|
|
55
|
-
* Only dialog popovers use `FloatingFocusManager` — focus moves into the content
|
|
56
|
-
* on open. The `modal`, `openOnHover`, and `delay` props are only meaningful
|
|
57
|
-
* in this context.
|
|
51
|
+
* Dialog popovers manage focus and may use modal or read-only hover behavior.
|
|
58
52
|
*/
|
|
59
53
|
type DialogRoleProps = {
|
|
60
54
|
/**
|
|
61
|
-
*
|
|
62
|
-
* `role` on the content via Floating UI's `useRole`.
|
|
63
|
-
*
|
|
64
|
-
* @default "dialog"
|
|
55
|
+
* Gives the popup dialog semantics. Defaults to `"dialog"`.
|
|
65
56
|
*/
|
|
66
57
|
role?: "dialog";
|
|
67
|
-
/** Traps focus
|
|
58
|
+
/** Traps focus when modal; otherwise Tab-out closes the popover. Defaults to `false`. */
|
|
68
59
|
modal?: boolean;
|
|
69
60
|
/**
|
|
70
|
-
*
|
|
71
|
-
*
|
|
72
|
-
* @remarks
|
|
73
|
-
* Hover-triggered popovers should contain only readable text — no interactive
|
|
74
|
-
* elements (buttons, links, inputs). The content is intentionally removed from
|
|
75
|
-
* the tab order so Tab moves cleanly between page elements. Interactive content
|
|
76
|
-
* inside a hover-triggered popover is unreachable by keyboard users. Use a
|
|
77
|
-
* click-triggered popover (default) when the content includes interactive elements.
|
|
61
|
+
* Opens on hover and focus instead of click. Hover content is removed from the
|
|
62
|
+
* tab order, so use this only for read-only content. Defaults to `false`.
|
|
78
63
|
*/
|
|
79
64
|
openOnHover?: boolean;
|
|
80
|
-
/** Delay in
|
|
65
|
+
/** Delay in milliseconds before hover opens the popover. Defaults to `100`. */
|
|
81
66
|
delay?: number;
|
|
82
67
|
};
|
|
83
68
|
/**
|
|
84
|
-
*
|
|
85
|
-
*
|
|
86
|
-
* These roles follow the ARIA combobox pattern — focus stays on the trigger and
|
|
87
|
-
* the inner component (e.g. `Listbox`) owns the role and keyboard navigation.
|
|
88
|
-
* `FloatingFocusManager` is disabled. `modal`, `openOnHover`, and `delay` are
|
|
89
|
-
* not applicable and are excluded at the type level.
|
|
90
|
-
*
|
|
91
|
-
* @remarks
|
|
92
|
-
* Floating UI adds `role="combobox"` to the trigger element for these roles.
|
|
93
|
-
* The `combobox` ARIA role only accepts names from `aria-label` or
|
|
94
|
-
* `aria-labelledby` — visible text content is not used. Always provide an
|
|
95
|
-
* explicit `aria-label` on `Popover.Button` or your custom trigger.
|
|
96
|
-
*
|
|
97
|
-
* @example
|
|
98
|
-
* // ✅ Correct — explicit aria-label required for non-dialog roles
|
|
99
|
-
* <Popover role="listbox">
|
|
100
|
-
* <Popover.Button aria-label="Select an option">Open</Popover.Button>
|
|
101
|
-
* <Popover.Content>
|
|
102
|
-
* <Listbox>...</Listbox>
|
|
103
|
-
* </Popover.Content>
|
|
104
|
-
* </Popover>
|
|
69
|
+
* Combobox-style popovers leave focus, role, and keyboard navigation to the
|
|
70
|
+
* inner listbox, tree, or grid.
|
|
105
71
|
*/
|
|
106
72
|
type NonDialogRoleProps = {
|
|
107
|
-
/**
|
|
73
|
+
/**
|
|
74
|
+
* Selects popup semantics owned by the inner widget. The trigger becomes a
|
|
75
|
+
* combobox and requires `aria-label` or `aria-labelledby`; visible text is ignored.
|
|
76
|
+
*/
|
|
108
77
|
role: Exclude<PopoverRole, "dialog">;
|
|
109
78
|
modal?: never;
|
|
110
79
|
openOnHover?: never;
|
|
@@ -112,158 +81,54 @@ type NonDialogRoleProps = {
|
|
|
112
81
|
};
|
|
113
82
|
type WithAutoPlacement = {
|
|
114
83
|
/**
|
|
115
|
-
*
|
|
116
|
-
*
|
|
117
|
-
* with `flip()` fallback instead.
|
|
84
|
+
* Picks the placement with the most available space when explicitly set to `"auto"`.
|
|
85
|
+
* Omitting the prop uses `"bottom"` with opposite-side fallback.
|
|
118
86
|
*/
|
|
119
87
|
placement?: "auto";
|
|
120
|
-
/**
|
|
88
|
+
/** Restricts automatic placement choices. */
|
|
121
89
|
placementConfig?: PopoverAutoPlacementConfig;
|
|
122
90
|
};
|
|
123
91
|
type WithSpecificPlacement = {
|
|
124
92
|
/**
|
|
125
|
-
* Preferred placement
|
|
126
|
-
* middleware will adapt to the opposite side if there is not enough space.
|
|
127
|
-
* Pass `"auto"` to let Floating UI pick the best side automatically.
|
|
128
|
-
*
|
|
129
|
-
* @default "bottom"
|
|
93
|
+
* Preferred trigger-relative placement, with opposite-side fallback.
|
|
130
94
|
*/
|
|
131
95
|
placement: Placement;
|
|
132
|
-
/**
|
|
96
|
+
/** Overrides the fallback placement sequence. */
|
|
133
97
|
placementConfig?: PopoverFlipPlacementConfig;
|
|
134
98
|
};
|
|
135
99
|
export type PopoverDialogRoleProps = (PopoverPropsBase & DialogRoleProps & WithAutoPlacement) | (PopoverPropsBase & DialogRoleProps & WithSpecificPlacement);
|
|
136
100
|
export type PopoverNonDialogRoleProps = (PopoverPropsBase & NonDialogRoleProps & WithAutoPlacement) | (PopoverPropsBase & NonDialogRoleProps & WithSpecificPlacement);
|
|
137
101
|
/**
|
|
138
|
-
*
|
|
139
|
-
*
|
|
140
|
-
*
|
|
141
|
-
* - **Role**: `role="dialog"` (default) enables `FloatingFocusManager` and accepts `modal`,
|
|
142
|
-
* `openOnHover`, and `delay`. Non-dialog roles (`listbox`, `tree`, `grid`) disable
|
|
143
|
-
* focus management — the inner component owns focus and keyboard navigation.
|
|
144
|
-
* - **Placement**: `placement="auto"` uses `autoPlacement()` and accepts
|
|
145
|
-
* `placementConfig.allowedPlacements`. Specific placements use `flip()` and accept
|
|
146
|
-
* `placementConfig.fallbackPlacements`.
|
|
102
|
+
* Combines role-specific focus behavior with automatic or preferred placement.
|
|
103
|
+
* Dialogs accept modal and hover options; composite-widget roles leave focus to
|
|
104
|
+
* their inner widget.
|
|
147
105
|
*
|
|
148
106
|
* @extends DisableCloseOnEscapeOrClickProps
|
|
149
107
|
* @extends OpenCloseTransitionStateEffects
|
|
150
108
|
*/
|
|
151
109
|
export type PopoverProps = PopoverDialogRoleProps | PopoverNonDialogRoleProps;
|
|
152
110
|
/**
|
|
153
|
-
*
|
|
154
|
-
*
|
|
155
|
-
* Built on three layers:
|
|
156
|
-
* - HTML Popover API (`popover="manual"`) for top-layer rendering without z-index management
|
|
157
|
-
* - Floating UI (`@floating-ui/react`) for JavaScript-based positioning
|
|
158
|
-
* - Floating UI interaction hooks for correct ARIA attributes and keyboard behavior
|
|
159
|
-
*
|
|
160
|
-
* Features:
|
|
161
|
-
* - Correct ARIA linkage: `aria-controls`, `aria-haspopup` with role string, `aria-expanded`
|
|
162
|
-
* - `FloatingFocusManager` for both modal (focus trapped) and non-modal (Tab-out closes)
|
|
163
|
-
* - `safePolygon()` hover zone replaces CSS `::before` hover bridge
|
|
164
|
-
* - `role` prop drives both `aria-haspopup` on trigger and `role` on content
|
|
165
|
-
* - Controlled and uncontrolled modes via `open` / `defaultOpen`
|
|
166
|
-
* - Imperative handle exposing `openPopover` and `closePopover`
|
|
167
|
-
* - Animation lifecycle callbacks via `onOpenAnimationStart` etc.
|
|
168
|
-
*
|
|
169
|
-
* @example
|
|
170
|
-
* <Popover>
|
|
171
|
-
* <Popover.Button>Open</Popover.Button>
|
|
172
|
-
* <Popover.Content>
|
|
173
|
-
* <p>Popover content</p>
|
|
174
|
-
* <Popover.Close>Close</Popover.Close>
|
|
175
|
-
* </Popover.Content>
|
|
176
|
-
* </Popover>
|
|
177
|
-
*
|
|
178
|
-
* @example
|
|
179
|
-
* <Popover modal>
|
|
180
|
-
* <Popover.Trigger>
|
|
181
|
-
* {(props) => <Button {...props}>Open form</Button>}
|
|
182
|
-
* </Popover.Trigger>
|
|
183
|
-
* <Popover.Content>
|
|
184
|
-
* <TextField label="Name" />
|
|
185
|
-
* <Popover.Close>Done</Popover.Close>
|
|
186
|
-
* </Popover.Content>
|
|
187
|
-
* </Popover>
|
|
188
|
-
*
|
|
189
|
-
* @example
|
|
190
|
-
* <Popover openOnHover role="dialog">
|
|
191
|
-
* <Popover.Button>Hover me</Popover.Button>
|
|
192
|
-
* <Popover.Content>Hover content</Popover.Content>
|
|
193
|
-
* </Popover>
|
|
111
|
+
* Positions top-layer content relative to a trigger. Dialog popovers manage
|
|
112
|
+
* focus; listbox, tree, and grid popovers defer focus to their inner widget.
|
|
194
113
|
*/
|
|
195
114
|
export declare const Popover: import('react').ForwardRefExoticComponent<PopoverProps & import('react').RefAttributes<unknown>> & {
|
|
196
115
|
/**
|
|
197
|
-
*
|
|
198
|
-
*
|
|
199
|
-
* Features:
|
|
200
|
-
* - Render prop pattern for full control over the trigger element
|
|
201
|
-
* - ARIA attributes and event handlers injected via getReferenceProps
|
|
116
|
+
* Render-prop trigger for wiring a custom element to the popover.
|
|
202
117
|
*
|
|
203
118
|
* @example
|
|
204
119
|
* <Popover.Trigger>
|
|
205
|
-
* {(props) =>
|
|
206
|
-
* <Button {...props}>
|
|
207
|
-
* Click to open popover
|
|
208
|
-
* </Button>
|
|
209
|
-
* )}
|
|
120
|
+
* {(props) => <Button {...props}>Open</Button>}
|
|
210
121
|
* </Popover.Trigger>
|
|
211
122
|
*/
|
|
212
123
|
Trigger: typeof PopoverTrigger;
|
|
213
|
-
/**
|
|
214
|
-
* PopoverContent component for the main popover content area.
|
|
215
|
-
*
|
|
216
|
-
* Features:
|
|
217
|
-
* - HTML Popover API top-layer rendering (popover="manual")
|
|
218
|
-
* - Floating UI positioning via refs.setFloating and floatingStyles
|
|
219
|
-
* - FloatingFocusManager for focus trapping (modal) or Tab-out closing (non-modal)
|
|
220
|
-
* - Arrow/caret indicator with position computed from middlewareData.arrow
|
|
221
|
-
* - Scroll position reset when the popover opens
|
|
222
|
-
* - Optional scrollerRef for external scroll access
|
|
223
|
-
*
|
|
224
|
-
* @example
|
|
225
|
-
* <Popover.Content>
|
|
226
|
-
* <p>Popover content</p>
|
|
227
|
-
* <Popover.Close>Close</Popover.Close>
|
|
228
|
-
* </Popover.Content>
|
|
229
|
-
*/
|
|
124
|
+
/** Positioned top-layer container whose focus behavior follows the popover role. */
|
|
230
125
|
Content: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "popover"> & {
|
|
231
126
|
scrollerRef?: import('react').RefObject<HTMLDivElement>;
|
|
232
127
|
hideWhileClosed?: boolean;
|
|
233
128
|
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
234
|
-
/**
|
|
235
|
-
* PopoverClose component for closing the popover.
|
|
236
|
-
*
|
|
237
|
-
* Features:
|
|
238
|
-
* - Supports all Button component props and styling
|
|
239
|
-
* - Closes the popover on click via closePopover
|
|
240
|
-
* - Automatic tracking ID generation for analytics
|
|
241
|
-
*
|
|
242
|
-
* @example
|
|
243
|
-
* <Popover.Close>Close</Popover.Close>
|
|
244
|
-
*
|
|
245
|
-
* @example
|
|
246
|
-
* <Popover.Close appearance="secondary" size="small">
|
|
247
|
-
* Cancel
|
|
248
|
-
* </Popover.Close>
|
|
249
|
-
*/
|
|
129
|
+
/** Button that closes the enclosing popover before running its click handler. */
|
|
250
130
|
Close: import('react').ForwardRefExoticComponent<import('./PopoverClose').PopoverCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
251
|
-
/**
|
|
252
|
-
* PopoverButton component for creating button-style triggers.
|
|
253
|
-
*
|
|
254
|
-
* Features:
|
|
255
|
-
* - Button styling and behavior with all Button props
|
|
256
|
-
* - ARIA attributes and event handlers injected via getReferenceProps
|
|
257
|
-
* - Automatic tracking ID generation for analytics
|
|
258
|
-
*
|
|
259
|
-
* @example
|
|
260
|
-
* <Popover.Button>Click to open</Popover.Button>
|
|
261
|
-
*
|
|
262
|
-
* @example
|
|
263
|
-
* <Popover.Button appearance="primary" size="large" icon={InfoIcon}>
|
|
264
|
-
* Information
|
|
265
|
-
* </Popover.Button>
|
|
266
|
-
*/
|
|
131
|
+
/** Anvil Button wired as the popover trigger. */
|
|
267
132
|
Button: import('react').ForwardRefExoticComponent<import('./PopoverButton').PopoverButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
268
133
|
};
|
|
269
134
|
export {};
|
|
@@ -1,24 +1,4 @@
|
|
|
1
1
|
import { ButtonProps } from '../../../components/Button';
|
|
2
2
|
import { DataTrackingId } from '../../../types';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the PopoverButton component.
|
|
5
|
-
* @extends ButtonProps
|
|
6
|
-
*/
|
|
7
3
|
export type PopoverButtonProps = ButtonProps & DataTrackingId;
|
|
8
|
-
/**
|
|
9
|
-
* PopoverButton component for creating button-style triggers.
|
|
10
|
-
*
|
|
11
|
-
* Features:
|
|
12
|
-
* - Button styling and behavior with all Button props
|
|
13
|
-
* - ARIA attributes and event handlers injected via getReferenceProps
|
|
14
|
-
* - Automatic tracking ID generation for analytics
|
|
15
|
-
*
|
|
16
|
-
* @example
|
|
17
|
-
* <Popover.Button>Click to open</Popover.Button>
|
|
18
|
-
*
|
|
19
|
-
* @example
|
|
20
|
-
* <Popover.Button appearance="primary" size="large" icon={InfoIcon}>
|
|
21
|
-
* Information
|
|
22
|
-
* </Popover.Button>
|
|
23
|
-
*/
|
|
24
4
|
export declare const PopoverButton: import('react').ForwardRefExoticComponent<PopoverButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,24 +1,4 @@
|
|
|
1
1
|
import { ButtonProps } from '../../../components/Button';
|
|
2
2
|
import { DataTrackingId } from '../../../types';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the PopoverClose component.
|
|
5
|
-
* @extends ButtonProps
|
|
6
|
-
*/
|
|
7
3
|
export type PopoverCloseProps = ButtonProps & DataTrackingId;
|
|
8
|
-
/**
|
|
9
|
-
* PopoverClose component for closing the popover.
|
|
10
|
-
*
|
|
11
|
-
* Features:
|
|
12
|
-
* - Supports all Button component props and styling
|
|
13
|
-
* - Closes the popover on click via closePopover
|
|
14
|
-
* - Automatic tracking ID generation for analytics
|
|
15
|
-
*
|
|
16
|
-
* @example
|
|
17
|
-
* <Popover.Close>Close</Popover.Close>
|
|
18
|
-
*
|
|
19
|
-
* @example
|
|
20
|
-
* <Popover.Close appearance="secondary" size="small">
|
|
21
|
-
* Cancel
|
|
22
|
-
* </Popover.Close>
|
|
23
|
-
*/
|
|
24
4
|
export declare const PopoverClose: import('react').ForwardRefExoticComponent<PopoverCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,34 +1,13 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef, HTMLAttributes, RefObject } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Props for the PopoverContent component.
|
|
4
|
-
* @extends ComponentPropsWithoutRef<"div">
|
|
5
|
-
*/
|
|
6
2
|
export type PopoverContentProps = Omit<ComponentPropsWithoutRef<"div">, "popover"> & {
|
|
7
|
-
/**
|
|
3
|
+
/** Receives the inner scrolling element rather than the positioned wrapper. */
|
|
8
4
|
scrollerRef?: RefObject<HTMLDivElement>;
|
|
9
|
-
/**
|
|
5
|
+
/** Unmounts children while closed but keeps the top-layer wrapper mounted. Defaults to `false`. */
|
|
10
6
|
hideWhileClosed?: boolean;
|
|
11
7
|
};
|
|
12
|
-
/**
|
|
13
|
-
* PopoverContent component for the main popover content area.
|
|
14
|
-
*
|
|
15
|
-
* Features:
|
|
16
|
-
* - HTML Popover API top-layer rendering (popover="manual")
|
|
17
|
-
* - Floating UI positioning via refs.setFloating and floatingStyles
|
|
18
|
-
* - FloatingFocusManager for focus trapping (modal) or Tab-out closing (non-modal)
|
|
19
|
-
* - Arrow/caret indicator with position computed from middlewareData.arrow
|
|
20
|
-
* - Scroll position reset when the popover opens
|
|
21
|
-
* - Optional scrollerRef for external scroll access
|
|
22
|
-
*
|
|
23
|
-
* @example
|
|
24
|
-
* <Popover.Content>
|
|
25
|
-
* <p>Popover content</p>
|
|
26
|
-
* <Popover.Close>Close</Popover.Close>
|
|
27
|
-
* </Popover.Content>
|
|
28
|
-
*/
|
|
29
8
|
export declare const PopoverContent: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "popover"> & {
|
|
30
|
-
/**
|
|
9
|
+
/** Receives the inner scrolling element rather than the positioned wrapper. */
|
|
31
10
|
scrollerRef?: RefObject<HTMLDivElement>;
|
|
32
|
-
/**
|
|
11
|
+
/** Unmounts children while closed but keeps the top-layer wrapper mounted. Defaults to `false`. */
|
|
33
12
|
hideWhileClosed?: boolean;
|
|
34
13
|
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { AriaAttributes, ReactElement, MouseEvent, KeyboardEvent, FocusEvent } from 'react';
|
|
2
|
-
/** Props passed to the PopoverTrigger render function. */
|
|
3
2
|
type PopoverTriggerChildrenProps = {
|
|
4
3
|
ref: (node: Element | null) => void;
|
|
5
4
|
id: string;
|
|
@@ -14,31 +13,10 @@ type PopoverTriggerChildrenProps = {
|
|
|
14
13
|
onFocus?: (e: FocusEvent) => void;
|
|
15
14
|
onBlur?: (e: FocusEvent) => void;
|
|
16
15
|
};
|
|
17
|
-
/**
|
|
18
|
-
* Props for the PopoverTrigger component.
|
|
19
|
-
*/
|
|
20
16
|
export type PopoverTriggerProps = {
|
|
21
|
-
/**
|
|
22
|
-
* Render function that receives trigger props and returns a React element.
|
|
23
|
-
*/
|
|
17
|
+
/** Spread these ref, ARIA, and interaction props onto the custom trigger element. */
|
|
24
18
|
children: (props: PopoverTriggerChildrenProps) => ReactElement;
|
|
25
19
|
};
|
|
26
|
-
/**
|
|
27
|
-
* PopoverTrigger component for creating custom trigger elements.
|
|
28
|
-
*
|
|
29
|
-
* Features:
|
|
30
|
-
* - Render prop pattern for full control over the trigger element
|
|
31
|
-
* - ARIA attributes and event handlers injected via getReferenceProps
|
|
32
|
-
*
|
|
33
|
-
* @example
|
|
34
|
-
* <Popover.Trigger>
|
|
35
|
-
* {(props) => (
|
|
36
|
-
* <Button {...props}>
|
|
37
|
-
* Click to open popover
|
|
38
|
-
* </Button>
|
|
39
|
-
* )}
|
|
40
|
-
* </Popover.Trigger>
|
|
41
|
-
*/
|
|
42
20
|
export declare function PopoverTrigger(props: PopoverTriggerProps): ReactElement<any, string | import('react').JSXElementConstructor<any>>;
|
|
43
21
|
export declare namespace PopoverTrigger {
|
|
44
22
|
var displayName: string;
|