@servicetitan/anvil2 3.13.6 → 3.14.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 +27 -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-DcYAaAvs.js → AnvilProvider-DagOuc9c.js} +13 -7
- package/dist/AnvilProvider-DagOuc9c.js.map +1 -0
- package/dist/AnvilProvider.js +1 -1
- package/dist/{Avatar-D31JDNrs.js → Avatar-DZxHhMTP.js} +2 -4
- package/dist/Avatar-DZxHhMTP.js.map +1 -0
- package/dist/{Avatar-DXI-w1Vi.js → Avatar-DkWoRhJu.js} +2 -2
- package/dist/{Avatar-DXI-w1Vi.js.map → Avatar-DkWoRhJu.js.map} +1 -1
- package/dist/Avatar.js +2 -2
- 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-DnK6UwPE.js → Calendar-CK-AAaSG.js} +33 -41
- package/dist/Calendar-CK-AAaSG.js.map +1 -0
- package/dist/{Calendar-C1mgmbWt.js → Calendar-DLnn6dJE.js} +2 -2
- package/dist/{Calendar-C1mgmbWt.js.map → Calendar-DLnn6dJE.js.map} +1 -1
- package/dist/Calendar.css +50 -48
- package/dist/Calendar.js +2 -2
- 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-AILbiVZ6.js → Chip-UbrxYEqs.js} +4 -6
- package/dist/Chip-UbrxYEqs.js.map +1 -0
- package/dist/Chip.js +1 -1
- package/dist/Combobox.js +1 -1
- package/dist/{DataTable-BE1YvSto.js → DataTable-COExZbOC.js} +11 -25
- package/dist/DataTable-COExZbOC.js.map +1 -0
- package/dist/{DateFieldRange-VK82YRwV.js → DateFieldRange-CpTxlASD.js} +5 -5
- package/dist/{DateFieldRange-VK82YRwV.js.map → DateFieldRange-CpTxlASD.js.map} +1 -1
- package/dist/DateFieldRange.js +1 -1
- package/dist/{DateFieldSingle-BikPSISX.js → DateFieldSingle-DR2kfrzh.js} +5 -5
- package/dist/{DateFieldSingle-BikPSISX.js.map → DateFieldSingle-DR2kfrzh.js.map} +1 -1
- package/dist/DateFieldSingle.js +1 -1
- package/dist/{DateFieldYearless-DQIEBYKe.js → DateFieldYearless-4mS_2Mgw.js} +5 -5
- package/dist/{DateFieldYearless-DQIEBYKe.js.map → DateFieldYearless-4mS_2Mgw.js.map} +1 -1
- package/dist/DateFieldYearless.js +1 -1
- package/dist/{DateFieldYearlessRange-BpQqvD9U.js → DateFieldYearlessRange-C-yvKBkJ.js} +4 -4
- package/dist/{DateFieldYearlessRange-BpQqvD9U.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-XMZ-Q-aW.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/{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-C57Hms2z.js → MultiSelectFieldSync-CqWUidCm.js} +8 -8
- package/dist/MultiSelectFieldSync-CqWUidCm.js.map +1 -0
- package/dist/MultiSelectMenu.js +1 -1
- package/dist/{MultiSelectMenuSync-DxU1AtCL.js → MultiSelectMenuSync-DG3rKyQc.js} +6 -6
- package/dist/{MultiSelectMenuSync-DxU1AtCL.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-CBmCe-YR.js → Page-BmpojvuI.js} +8 -8
- package/dist/{Page-CBmCe-YR.js.map → Page-BmpojvuI.js.map} +1 -1
- 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-DFy_R8yv.js → SavedFiltersButton-Cvf1mJk8.js} +10 -10
- package/dist/{SavedFiltersButton-DFy_R8yv.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-CLpTOgdr.js → SelectFieldSync-Wkx6DGpg.js} +7 -7
- package/dist/{SelectFieldSync-CLpTOgdr.js.map → SelectFieldSync-Wkx6DGpg.js.map} +1 -1
- package/dist/SelectMenu.js +1 -1
- package/dist/{SelectMenuSync-DqUIPJtu.js → SelectMenuSync-O55TODxn.js} +6 -6
- package/dist/{SelectMenuSync-DqUIPJtu.js.map → SelectMenuSync-O55TODxn.js.map} +1 -1
- package/dist/{SelectOptions-BkqBzRiG.js → SelectOptions-0A8BYx1q.js} +2 -2
- package/dist/SelectOptions-0A8BYx1q.js.map +1 -0
- package/dist/{SelectTrigger-DdIvzkNw.js → SelectTrigger-BfJ7DWYq.js} +3 -3
- package/dist/{SelectTrigger-DdIvzkNw.js.map → SelectTrigger-BfJ7DWYq.js.map} +1 -1
- package/dist/SelectTrigger.js +1 -1
- package/dist/{SelectTriggerBase-f2z0XQDf.js → SelectTriggerBase-DvsI-kSG.js} +3 -3
- package/dist/{SelectTriggerBase-f2z0XQDf.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-nD0qctC8.js → TreeSelectFieldSync-DpvwlM7B.js} +6 -6
- package/dist/{TreeSelectFieldSync-nD0qctC8.js.map → TreeSelectFieldSync-DpvwlM7B.js.map} +1 -1
- package/dist/TreeSelectMenu.js +1 -1
- package/dist/{TreeSelectMenuSync-B8pwy4dA.js → TreeSelectMenuSync-BDitYX_k.js} +5 -5
- package/dist/{TreeSelectMenuSync-B8pwy4dA.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-CuHWd_Vp.js → YearlessDateInputWithPicker-CoomgSEK.js} +8 -6
- package/dist/YearlessDateInputWithPicker-CoomgSEK.js.map +1 -0
- 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-cnslVUIT.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-B7lCzjsR.js → filter-state-CZcczj37.js} +21 -21
- package/dist/{filter-state-B7lCzjsR.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 +44 -45
- package/dist/index.js.map +1 -1
- package/dist/portalScopeClassNames-DA28LrXe.js.map +1 -1
- package/dist/src/components/DateFieldYearless/internal/YearlessDateSelectionPopover.d.ts +2 -2
- 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/prefersColorScheme.d.ts +7 -0
- 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-CMH8ApTo.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 +156 -0
- package/dist/token/core/component.d.ts +78 -0
- package/dist/token/core/component.js +1018 -0
- package/dist/token/core/component.scss +82 -0
- package/dist/token.js +1096 -0
- package/dist/token.js.map +1 -1
- package/dist/{treeSync-8byHuYib.js → treeSync-Bp80Xduj.js} +4 -4
- package/dist/{treeSync-8byHuYib.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-BS7W8JkW.js → useInfiniteCombobox-ORhH44Rp.js} +7 -7
- package/dist/{useInfiniteCombobox-BS7W8JkW.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-BKKS9HXb.js → useInvalidateOnOptionsChange-ieSgbkwT.js} +5 -5
- 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 +3 -3
- package/dist/AnvilProvider-DcYAaAvs.js.map +0 -1
- package/dist/Avatar-D31JDNrs.js.map +0 -1
- package/dist/Calendar-DnK6UwPE.js.map +0 -1
- package/dist/Chip-AILbiVZ6.js.map +0 -1
- package/dist/DataTable-BE1YvSto.js.map +0 -1
- package/dist/FieldLabel-CYCk2rz-.js.map +0 -1
- package/dist/FilterBar-XMZ-Q-aW.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-C57Hms2z.js.map +0 -1
- package/dist/SelectFieldLabel-CcX2GAym.js.map +0 -1
- package/dist/SelectOptions-BkqBzRiG.js.map +0 -1
- package/dist/TimeField-DpnX_t31.js.map +0 -1
- package/dist/YearlessDateInputWithPicker-CuHWd_Vp.js.map +0 -1
- package/dist/anvParts-BGg5dgfl.js +0 -43
- package/dist/anvParts-BGg5dgfl.js.map +0 -1
- package/dist/bulkActionTypes-cnslVUIT.js.map +0 -1
- package/dist/downshift.esm-xtSnQp44.js.map +0 -1
- package/dist/stripInlineMarkdown-82hVO9EP.js.map +0 -1
- package/dist/syncFilterUtils-CMH8ApTo.js.map +0 -1
- package/dist/useInitialFocus-BIvXK1Rp.js.map +0 -1
- package/dist/useInvalidateOnOptionsChange-BKKS9HXb.js.map +0 -1
- package/dist/usePopoverTransitionStates-B1opfxxn.js.map +0 -1
|
@@ -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;
|
|
@@ -2,50 +2,29 @@ import { CSSProperties, RefObject, HTMLProps } from 'react';
|
|
|
2
2
|
import { FloatingContext, MiddlewareData, Placement } from '@floating-ui/react';
|
|
3
3
|
import { PopoverRole } from '../Popover';
|
|
4
4
|
export type PopoverContextProps = {
|
|
5
|
-
/** Context object from useFloating; required by FloatingFocusManager and interaction hooks. */
|
|
6
5
|
floatingContext: FloatingContext;
|
|
7
|
-
/** Callback refs from useFloating; setReference for the trigger, setFloating for the content. */
|
|
8
6
|
refs: {
|
|
9
7
|
setReference: (node: Element | null) => void;
|
|
10
8
|
setFloating: (node: HTMLElement | null) => void;
|
|
11
9
|
};
|
|
12
|
-
/** Inline positioning styles from useFloating; applied to the content element. */
|
|
13
10
|
floatingStyles: CSSProperties;
|
|
14
|
-
/** Middleware output from useFloating; used for arrow positioning via middlewareData.arrow. */
|
|
15
11
|
middlewareData: MiddlewareData;
|
|
16
|
-
/** Merged prop getter for the trigger; spreads ARIA attributes and event handlers. */
|
|
17
12
|
getReferenceProps: (userProps?: HTMLProps<Element>) => Record<string, unknown>;
|
|
18
|
-
/** Merged prop getter for the content; spreads ARIA attributes and event handlers. */
|
|
19
13
|
getFloatingProps: (userProps?: HTMLProps<HTMLElement>) => Record<string, unknown>;
|
|
20
|
-
/** Auto-generated id for the trigger element; used as the default aria-labelledby on content. */
|
|
21
14
|
triggerId: string;
|
|
22
|
-
/** Current open/closed state. */
|
|
23
15
|
openState: boolean;
|
|
24
|
-
/** Opens the popover. */
|
|
25
16
|
openPopover: () => void;
|
|
26
|
-
/** Closes the popover. Fires onClose unless opened via hover. */
|
|
27
17
|
closePopover: () => void;
|
|
28
|
-
/** Whether the open state is externally controlled. */
|
|
29
18
|
controlled: boolean;
|
|
30
|
-
/** Resolved placement after flip/shift middleware; may differ from the placement prop. */
|
|
31
19
|
actualPlacement: Placement;
|
|
32
|
-
/** Ref attached to the arrow span element inside PopoverContent. */
|
|
33
20
|
arrowRef: RefObject<HTMLSpanElement>;
|
|
34
|
-
/** Whether the most recent close was keyboard-driven (e.g. Escape); drives the focus ring on the returned-to trigger. */
|
|
35
21
|
closedViaKeyboardRef: RefObject<boolean>;
|
|
36
|
-
/** Whether the most recent close was FloatingFocusManager's non-modal Tab-out guard (reported via a FocusEvent); tells the focus-return effect to reclaim focus even though the browser's native Tab has already moved it past the trigger. */
|
|
37
22
|
closedViaTabOutRef: RefObject<boolean>;
|
|
38
|
-
/** Clears closedViaKeyboardRef/closedViaTabOutRef. Call once the focus-return effect has reacted to a close event, so a later unrelated re-run of that effect (while still closed) doesn't reuse a stale close-reason signal. */
|
|
39
23
|
clearCloseReasonRefs: () => void;
|
|
40
|
-
/** Whether the popover traps focus (modal) or closes on Tab-out (non-modal). Only applies when role is "dialog". */
|
|
41
24
|
modal?: boolean;
|
|
42
|
-
/** Whether the popover opens on hover/focus instead of click. Only applies when role is "dialog". */
|
|
43
25
|
openOnHover: boolean;
|
|
44
|
-
/** Whether to remove default padding from the content area. */
|
|
45
26
|
noPadding?: boolean;
|
|
46
|
-
/** Whether to show the arrow/caret indicator. */
|
|
47
27
|
enableCaret?: boolean;
|
|
48
|
-
/** The ARIA role of the popup. Drives FloatingFocusManager and ARIA attribute behavior. */
|
|
49
28
|
role: PopoverRole;
|
|
50
29
|
};
|
|
51
30
|
export declare const PopoverContext: import('react').Context<PopoverContextProps | null>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
3
|
-
* @returns The current PopoverContextProps value.
|
|
4
|
-
* @throws Error if called outside a Popover component.
|
|
2
|
+
* Reads the enclosing popover state and rejects use outside the compound root.
|
|
5
3
|
*/
|
|
6
4
|
export declare function usePopoverContext(): import('./PopoverContext').PopoverContextProps;
|
|
@@ -2,12 +2,20 @@ import { SelectItem, GetItemPropsFn } from '../types/selectFieldInternalTypes';
|
|
|
2
2
|
import { CheckState } from '../../types';
|
|
3
3
|
export type SelectOptionProps = {
|
|
4
4
|
item: SelectItem;
|
|
5
|
+
/** Position passed to the host's item-prop getter. */
|
|
5
6
|
index: number;
|
|
7
|
+
/** Whether the host currently highlights this row. */
|
|
6
8
|
highlighted: boolean;
|
|
9
|
+
/** Applies disabled row styling. */
|
|
7
10
|
disabled: boolean;
|
|
11
|
+
/** Supplies the host listbox's interaction and accessibility props. */
|
|
8
12
|
getItemProps: GetItemPropsFn;
|
|
13
|
+
/** Chooses a leading checkbox or trailing selected checkmark. */
|
|
9
14
|
selectionType: "single" | "multiple";
|
|
15
|
+
/** Selection state shown by the row indicator. */
|
|
10
16
|
checked: CheckState;
|
|
17
|
+
/** Adds separation styling to sticky bulk-action rows after scrolling. */
|
|
11
18
|
isListScrolled?: boolean;
|
|
12
19
|
};
|
|
20
|
+
/** Renders a select item with its content and selection indicator. */
|
|
13
21
|
export declare const SelectOption: ({ item, index, highlighted, disabled, getItemProps, selectionType, checked, isListScrolled, }: SelectOptionProps) => import("react/jsx-runtime").JSX.Element;
|