@servicetitan/anvil2 3.5.0 → 3.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +26 -0
- package/dist/{AiMark-D3nw58ho.js → AiMark-voHPSerQ.js} +26 -11
- package/dist/{AiMark-D3nw58ho.js.map → AiMark-voHPSerQ.js.map} +1 -1
- package/dist/AiMark.js +1 -1
- package/dist/{Alert-CSV4hRBD.js → Alert-CPe0yh6A.js} +3 -3
- package/dist/{Alert-CSV4hRBD.js.map → Alert-CPe0yh6A.js.map} +1 -1
- package/dist/Alert.js +1 -1
- package/dist/{Announcement-4w6XjLcB.js → Announcement-DU0J4111.js} +3 -3
- package/dist/{Announcement-4w6XjLcB.js.map → Announcement-DU0J4111.js.map} +1 -1
- package/dist/Announcement.js +1 -1
- package/dist/{Breadcrumbs-BkZVA_ux.js → Breadcrumbs-VzOM2nBU.js} +4 -4
- package/dist/{Breadcrumbs-BkZVA_ux.js.map → Breadcrumbs-VzOM2nBU.js.map} +1 -1
- package/dist/Breadcrumbs.js +1 -1
- package/dist/{Button-CjeF1Agb.js → Button-BNzCI47m.js} +2 -2
- package/dist/{Button-CjeF1Agb.js.map → Button-BNzCI47m.js.map} +1 -1
- package/dist/Button.js +1 -1
- package/dist/{ButtonLink-BSReBbc3.js → ButtonLink-PlW08u41.js} +2 -2
- package/dist/{ButtonLink-BSReBbc3.js.map → ButtonLink-PlW08u41.js.map} +1 -1
- package/dist/ButtonLink.js +1 -1
- package/dist/{ButtonToggle-CnOsM7-u.js → ButtonToggle-DBGc7dIn.js} +2 -2
- package/dist/{ButtonToggle-CnOsM7-u.js.map → ButtonToggle-DBGc7dIn.js.map} +1 -1
- package/dist/ButtonToggle.js +1 -1
- package/dist/{Calendar-Cw2UKiof.js → Calendar-CekTYzdT.js} +3 -3
- package/dist/{Calendar-Cw2UKiof.js.map → Calendar-CekTYzdT.js.map} +1 -1
- package/dist/{Calendar-CJaZFWmO.js → Calendar-MRUB0XU7.js} +2 -2
- package/dist/Calendar-MRUB0XU7.js.map +1 -0
- package/dist/Calendar.js +2 -2
- package/dist/{Checkbox-7KubQWJc.js → Checkbox-C3rtd-Xe.js} +4 -4
- package/dist/{Checkbox-7KubQWJc.js.map → Checkbox-C3rtd-Xe.js.map} +1 -1
- package/dist/{Checkbox-Bq2EfltF.js → Checkbox-zz9TyZWn.js} +2 -2
- package/dist/{Checkbox-Bq2EfltF.js.map → Checkbox-zz9TyZWn.js.map} +1 -1
- package/dist/Checkbox.js +1 -1
- package/dist/{Chip-yyEbwLdG.js → Chip-CxgryK86.js} +3 -3
- package/dist/{Chip-yyEbwLdG.js.map → Chip-CxgryK86.js.map} +1 -1
- package/dist/Chip.js +1 -1
- package/dist/Combobox.js +1 -1
- package/dist/{DataTable-BgD9Sh-7.js → DataTable-CP9r6SAu.js} +11 -9
- package/dist/{DataTable-BgD9Sh-7.js.map → DataTable-CP9r6SAu.js.map} +1 -1
- package/dist/{DateFieldRange-OlkU5oeu.js → DateFieldRange-CP7QgS6P.js} +5 -5
- package/dist/{DateFieldRange-OlkU5oeu.js.map → DateFieldRange-CP7QgS6P.js.map} +1 -1
- package/dist/DateFieldRange.js +1 -1
- package/dist/{DateFieldSingle-BGGlLAID.js → DateFieldSingle-CgMPTi1v.js} +5 -5
- package/dist/{DateFieldSingle-BGGlLAID.js.map → DateFieldSingle-CgMPTi1v.js.map} +1 -1
- package/dist/DateFieldSingle.js +1 -1
- package/dist/{DateFieldYearless-X9_F3VFM.js → DateFieldYearless-DYjvqxRb.js} +4 -4
- package/dist/{DateFieldYearless-X9_F3VFM.js.map → DateFieldYearless-DYjvqxRb.js.map} +1 -1
- package/dist/DateFieldYearless.js +1 -1
- package/dist/{DateFieldYearlessRange-CWdTbFDF.js → DateFieldYearlessRange-lQdJGOaS.js} +4 -4
- package/dist/DateFieldYearlessRange-lQdJGOaS.js.map +1 -0
- package/dist/DateFieldYearlessRange.js +1 -1
- package/dist/{DaysOfTheWeek-DfNYEwbg.js → DaysOfTheWeek-Ci-SKebP.js} +3 -3
- package/dist/{DaysOfTheWeek-DfNYEwbg.js.map → DaysOfTheWeek-Ci-SKebP.js.map} +1 -1
- package/dist/DaysOfTheWeek.js +1 -1
- package/dist/{Details-Xb49PJ-r.js → Details-DkteVZbk.js} +2 -2
- package/dist/{Details-Xb49PJ-r.js.map → Details-DkteVZbk.js.map} +1 -1
- package/dist/Details.js +1 -1
- package/dist/{Dialog-BpS3KScw.js → Dialog-BxulNN8n.js} +21 -21
- package/dist/{Dialog-BpS3KScw.js.map → Dialog-BxulNN8n.js.map} +1 -1
- package/dist/Dialog.css +32 -31
- package/dist/Dialog.js +1 -1
- package/dist/{DialogCancelButton-CIGGMaOE.js → DialogCancelButton-DmSUPuCR.js} +2 -2
- package/dist/{DialogCancelButton-CIGGMaOE.js.map → DialogCancelButton-DmSUPuCR.js.map} +1 -1
- package/dist/Dnd.js +2 -2
- package/dist/{DndHandleButton-B_Geiaeb.js → DndHandleButton-Ck5nc8w2.js} +2 -2
- package/dist/{DndHandleButton-B_Geiaeb.js.map → DndHandleButton-Ck5nc8w2.js.map} +1 -1
- package/dist/DndSort.js +2 -2
- package/dist/{Drawer-CxVIDCIB.js → Drawer-_spmOgwH.js} +4 -4
- package/dist/{Drawer-CxVIDCIB.js.map → Drawer-_spmOgwH.js.map} +1 -1
- package/dist/Drawer.js +1 -1
- package/dist/DrillDown.js +1 -1
- package/dist/{EditCard-T5mbl573.js → EditCard-ZpF032WP.js} +4 -4
- package/dist/{EditCard-T5mbl573.js.map → EditCard-ZpF032WP.js.map} +1 -1
- package/dist/EditCard.js +1 -1
- package/dist/{FieldLabel-Dfg4wEra.js → FieldLabel-Cm5A1Jcx.js} +3 -3
- package/dist/{FieldLabel-Dfg4wEra.js.map → FieldLabel-Cm5A1Jcx.js.map} +1 -1
- package/dist/FieldLabel.js +1 -1
- package/dist/{FilterBar-CA4MDEF-.js → FilterBar-D82QyNFD.js} +7 -7
- package/dist/{FilterBar-CA4MDEF-.js.map → FilterBar-D82QyNFD.js.map} +1 -1
- package/dist/FilterBar.js +1 -1
- package/dist/Icon-B4uCvMU9.js +107 -0
- package/dist/Icon-B4uCvMU9.js.map +1 -0
- package/dist/Icon.js +1 -1
- package/dist/{InputMask-C8ZAwqFi.js → InputMask-CX6XiOOm.js} +3 -3
- package/dist/{InputMask-C8ZAwqFi.js.map → InputMask-CX6XiOOm.js.map} +1 -1
- package/dist/InputMask.js +1 -1
- package/dist/{Link-DI4eVVdI.js → Link-C7dtI5K6.js} +2 -2
- package/dist/{Link-DI4eVVdI.js.map → Link-C7dtI5K6.js.map} +1 -1
- package/dist/Link.js +1 -1
- package/dist/LinkButton-C0wps8r1.js.map +1 -1
- package/dist/{ListView-BMo04Epa.js → ListView-DpveXOsN.js} +2 -2
- package/dist/{ListView-BMo04Epa.js.map → ListView-DpveXOsN.js.map} +1 -1
- package/dist/ListView.js +1 -1
- package/dist/{Listbox-BQRMsA0L.js → Listbox-Cdwaofd2.js} +21 -21
- package/dist/Listbox-Cdwaofd2.js.map +1 -0
- package/dist/Listbox.js +1 -1
- package/dist/{Menu-BAya9Qnd.js → Menu-DmEXQLXt.js} +3 -3
- package/dist/{Menu-BAya9Qnd.js.map → Menu-DmEXQLXt.js.map} +1 -1
- package/dist/Menu.js +1 -1
- package/dist/{MenuFooter-BZTsAaOz.js → MenuFooter-Ck9L599M.js} +2 -2
- package/dist/{MenuFooter-BZTsAaOz.js.map → MenuFooter-Ck9L599M.js.map} +1 -1
- package/dist/MultiSelectField.js +1 -1
- package/dist/{MultiSelectFieldSync-Cn3tNZcf.js → MultiSelectFieldSync-qQzpnvfP.js} +17 -9
- package/dist/MultiSelectFieldSync-qQzpnvfP.js.map +1 -0
- package/dist/MultiSelectMenu.js +1 -1
- package/dist/{MultiSelectMenuSync-FH_hXlIa.js → MultiSelectMenuSync-BSJSDRtE.js} +11 -7
- package/dist/MultiSelectMenuSync-BSJSDRtE.js.map +1 -0
- package/dist/{NumberField-DdaBRyCJ.js → NumberField-CjC6KHKl.js} +5 -5
- package/dist/NumberField-CjC6KHKl.js.map +1 -0
- package/dist/NumberField.js +1 -1
- package/dist/Overflow.js.map +1 -1
- package/dist/{Page-DpUv1L7T.js → Page-BreBQ3pG.js} +11 -11
- package/dist/{Page-DpUv1L7T.js.map → Page-BreBQ3pG.js.map} +1 -1
- package/dist/Page.js +1 -1
- package/dist/{Pagination-Dm10ZvKj.js → Pagination-CmqAut6y.js} +5 -5
- package/dist/{Pagination-Dm10ZvKj.js.map → Pagination-CmqAut6y.js.map} +1 -1
- package/dist/Pagination.js +1 -1
- package/dist/{Popover-C-pv_ah6.js → Popover-CdRuNv3C.js} +2 -2
- package/dist/{Popover-C-pv_ah6.js.map → Popover-CdRuNv3C.js.map} +1 -1
- package/dist/Popover.js +1 -1
- package/dist/{ProgressBar-fwE4FkQt.js → ProgressBar-065vjsQ0.js} +3 -3
- package/dist/{ProgressBar-fwE4FkQt.js.map → ProgressBar-065vjsQ0.js.map} +1 -1
- package/dist/ProgressBar.js +1 -1
- package/dist/{Radio-DUKkDky9.js → Radio-D9w_-JYw.js} +2 -2
- package/dist/{Radio-DUKkDky9.js.map → Radio-D9w_-JYw.js.map} +1 -1
- package/dist/{Radio-BuzABI6-.js → Radio-dyLcVmUw.js} +4 -4
- package/dist/{Radio-BuzABI6-.js.map → Radio-dyLcVmUw.js.map} +1 -1
- package/dist/Radio.js +1 -1
- package/dist/{RichTextEditor-x0anoUnS.js → RichTextEditor-byoMZaJy.js} +14172 -7454
- package/dist/RichTextEditor-byoMZaJy.js.map +1 -0
- package/dist/RichTextEditor.css +42 -40
- package/dist/RichTextEditor.js +1 -1
- package/dist/{SavedFiltersButton-DgP-7upC.js → SavedFiltersButton-9xR4ZtBZ.js} +10 -10
- package/dist/{SavedFiltersButton-DgP-7upC.js.map → SavedFiltersButton-9xR4ZtBZ.js.map} +1 -1
- package/dist/SavedFiltersButton.js +1 -1
- package/dist/{SearchField-GMJ6vfV9.js → SearchField-B7fIOJf-.js} +2 -2
- package/dist/{SearchField-GMJ6vfV9.js.map → SearchField-B7fIOJf-.js.map} +1 -1
- package/dist/{SearchField-hjWzcHZF.js → SearchField-X4B7f23E.js} +2 -2
- package/dist/{SearchField-hjWzcHZF.js.map → SearchField-X4B7f23E.js.map} +1 -1
- package/dist/SearchField.js +1 -1
- package/dist/{SegmentedControl-fBjqazBR.js → SegmentedControl-Be6jCglV.js} +2 -2
- package/dist/{SegmentedControl-fBjqazBR.js.map → SegmentedControl-Be6jCglV.js.map} +1 -1
- package/dist/SegmentedControl.js +1 -1
- package/dist/{SelectCard-CKlBGGSW.js → SelectCard-CMSG_ba1.js} +4 -4
- package/dist/{SelectCard-CKlBGGSW.js.map → SelectCard-CMSG_ba1.js.map} +1 -1
- package/dist/SelectCard.js +1 -1
- package/dist/SelectField.js +1 -1
- package/dist/{SelectFieldLabel-_LjbBRaT.js → SelectFieldLabel-dKVBaki2.js} +2 -2
- package/dist/{SelectFieldLabel-_LjbBRaT.js.map → SelectFieldLabel-dKVBaki2.js.map} +1 -1
- package/dist/{SelectFieldSync-DUwFm6OH.js → SelectFieldSync-CGCf0sRf.js} +16 -8
- package/dist/SelectFieldSync-CGCf0sRf.js.map +1 -0
- package/dist/SelectMenu.js +1 -1
- package/dist/{SelectMenuSync-BZ3iXj3n.js → SelectMenuSync-BDx1yhZT.js} +11 -7
- package/dist/SelectMenuSync-BDx1yhZT.js.map +1 -0
- package/dist/{SelectOptions-DDindDgw.js → SelectOptions-BIVTviOh.js} +2 -2
- package/dist/{SelectOptions-DDindDgw.js.map → SelectOptions-BIVTviOh.js.map} +1 -1
- package/dist/{SelectTrigger-DZ33_p3P.js → SelectTrigger-APxYfL3V.js} +3 -3
- package/dist/SelectTrigger-APxYfL3V.js.map +1 -0
- package/dist/SelectTrigger.js +1 -1
- package/dist/{SelectTriggerBase-DcP0Fsia.js → SelectTriggerBase-lYieONTb.js} +4 -4
- package/dist/{SelectTriggerBase-DcP0Fsia.js.map → SelectTriggerBase-lYieONTb.js.map} +1 -1
- package/dist/{SideNav-BNMwTm1u.js → SideNav-DoxX8Vi-.js} +2 -2
- package/dist/{SideNav-BNMwTm1u.js.map → SideNav-DoxX8Vi-.js.map} +1 -1
- package/dist/SideNav.js +1 -1
- package/dist/{Stepper-Bp5XkY2q.js → Stepper-CvaR7OoT.js} +3 -3
- package/dist/{Stepper-Bp5XkY2q.js.map → Stepper-CvaR7OoT.js.map} +1 -1
- package/dist/Stepper.js +1 -1
- package/dist/{Switch-DEDfnLGU.js → Switch-Bm3qqjd6.js} +3 -3
- package/dist/{Switch-DEDfnLGU.js.map → Switch-Bm3qqjd6.js.map} +1 -1
- package/dist/Switch.js +1 -1
- package/dist/{Tab-FOIali7o.js → Tab-Cy4G562A.js} +2 -2
- package/dist/{Tab-FOIali7o.js.map → Tab-Cy4G562A.js.map} +1 -1
- package/dist/Tab.js +1 -1
- package/dist/Table.js +1 -1
- package/dist/{Text-Dp-1foEc.js → Text-mDcQHC2U.js} +2 -2
- package/dist/{Text-Dp-1foEc.js.map → Text-mDcQHC2U.js.map} +1 -1
- package/dist/Text.js +1 -1
- package/dist/{TextField-B0iTBGho.js → TextField-CUVsDfWo.js} +3 -3
- package/dist/{TextField-B0iTBGho.js.map → TextField-CUVsDfWo.js.map} +1 -1
- package/dist/{TextField-CwJliCi7.js → TextField-WQTlqKso.js} +2 -2
- package/dist/TextField-WQTlqKso.js.map +1 -0
- package/dist/TextField.js +1 -1
- package/dist/{Textarea-CU3j_Yo0.js → Textarea-CW3KGuB9.js} +3 -3
- package/dist/{Textarea-CU3j_Yo0.js.map → Textarea-CW3KGuB9.js.map} +1 -1
- package/dist/Textarea.js +1 -1
- package/dist/{TimeField-CpMwgKDi.js → TimeField-JA3gXyS7.js} +5 -5
- package/dist/{TimeField-CpMwgKDi.js.map → TimeField-JA3gXyS7.js.map} +1 -1
- package/dist/TimeField.js +1 -1
- package/dist/Toast.js +2 -2
- package/dist/{Toaster-Djn0LfKr.js → Toaster-DMZng3Im.js} +4 -4
- package/dist/{Toaster-Djn0LfKr.js.map → Toaster-DMZng3Im.js.map} +1 -1
- package/dist/{Toaster-D75ZXkU1.js → Toaster-fPcgIF7Q.js} +2 -2
- package/dist/{Toaster-D75ZXkU1.js.map → Toaster-fPcgIF7Q.js.map} +1 -1
- package/dist/{Toolbar-DjkQ2_cV.js → Toolbar-BfGcDXgC.js} +8 -8
- package/dist/{Toolbar-DjkQ2_cV.js.map → Toolbar-BfGcDXgC.js.map} +1 -1
- package/dist/{Toolbar--psHvtjP.js → Toolbar-Dlu39v69.js} +6 -6
- package/dist/{Toolbar--psHvtjP.js.map → Toolbar-Dlu39v69.js.map} +1 -1
- package/dist/Toolbar.js +2 -2
- package/dist/{ToolbarButtonToggle-D62XxVp0.js → ToolbarButtonToggle-3xbnm1Qr.js} +2 -2
- package/dist/{ToolbarButtonToggle-D62XxVp0.js.map → ToolbarButtonToggle-3xbnm1Qr.js.map} +1 -1
- package/dist/TreeSelectField.js +1 -1
- package/dist/{TreeSelectFieldSync-DR0Tzn2b.js → TreeSelectFieldSync-CdtC8d3Q.js} +6 -6
- package/dist/{TreeSelectFieldSync-DR0Tzn2b.js.map → TreeSelectFieldSync-CdtC8d3Q.js.map} +1 -1
- package/dist/TreeSelectMenu.js +1 -1
- package/dist/{TreeSelectMenuSync-B8GmAstR.js → TreeSelectMenuSync-CPuQWUNU.js} +5 -5
- package/dist/{TreeSelectMenuSync-B8GmAstR.js.map → TreeSelectMenuSync-CPuQWUNU.js.map} +1 -1
- package/dist/{TypeaheadTextField-N_6q6ojK.js → TypeaheadTextField-BkLECKZY.js} +3 -3
- package/dist/TypeaheadTextField-BkLECKZY.js.map +1 -0
- package/dist/TypeaheadTextField.js +1 -1
- package/dist/{YearlessDateInputWithPicker-w3VGYELR.js → YearlessDateInputWithPicker-Bd8JnTaZ.js} +3 -3
- package/dist/{YearlessDateInputWithPicker-w3VGYELR.js.map → YearlessDateInputWithPicker-Bd8JnTaZ.js.map} +1 -1
- package/dist/beta.js +16 -16
- package/dist/{bulkActionTypes-wU7Cby5y.js → bulkActionTypes-2Ha09bCS.js} +2 -2
- package/dist/{bulkActionTypes-wU7Cby5y.js.map → bulkActionTypes-2Ha09bCS.js.map} +1 -1
- package/dist/{filter-state-CSA3wjAR.js → filter-state-CMUjEn8U.js} +23 -23
- package/dist/{filter-state-CSA3wjAR.js.map → filter-state-CMUjEn8U.js.map} +1 -1
- package/dist/{index-BN9SK9L3.js → index-B7BIlotN.js} +289 -1074
- package/dist/index-B7BIlotN.js.map +1 -0
- package/dist/{index-Bg9IAYMO.js → index-SZMmvI3D.js} +2 -2
- package/dist/{index-Bg9IAYMO.js.map → index-SZMmvI3D.js.map} +1 -1
- package/dist/index.js +54 -54
- package/dist/src/beta/components/Calendar/Calendar.d.ts +19 -0
- package/dist/src/beta/components/RichTextEditor/RichTextEditor.d.ts +4 -2
- package/dist/src/beta/components/RichTextEditor/internal/RichTextEditorProvider.d.ts +1 -1
- package/dist/src/beta/components/RichTextEditor/internal/extensions/SafeImageExtension.d.ts +13 -0
- package/dist/src/beta/components/RichTextEditor/internal/useRichTextEditor.d.ts +2 -2
- package/dist/src/beta/components/RichTextEditor/types.d.ts +42 -1
- package/dist/src/beta/components/TypeaheadTextField/TypeaheadTextField.d.ts +19 -0
- package/dist/src/components/DateFieldRange/DateFieldRange.d.ts +21 -0
- package/dist/src/components/DateFieldSingle/DateFieldSingle.d.ts +20 -0
- package/dist/src/components/DateFieldYearlessRange/DateFieldYearlessRange.d.ts +19 -0
- package/dist/src/components/FieldLabel/FieldLabel.d.ts +36 -0
- package/dist/src/components/LinkButton/LinkButton.d.ts +13 -0
- package/dist/src/components/Listbox/Listbox.d.ts +3 -3
- package/dist/src/components/NumberField/NumberField.d.ts +21 -0
- package/dist/src/components/Overflow/Overflow.d.ts +22 -0
- package/dist/src/components/SelectTrigger/SelectTrigger.d.ts +19 -0
- package/dist/src/components/TextField/TextField.d.ts +14 -0
- package/dist/src/internal/components/AddNewItemButton.d.ts +2 -1
- package/dist/src/internal/components/Popover/internal/PopoverContext.d.ts +4 -0
- package/dist/src/internal/types/addNewItemTypes.d.ts +17 -2
- package/dist/src/internal/utils/index.d.ts +1 -0
- package/dist/src/internal/utils/uniquifySvgDomIds.d.ts +12 -0
- package/dist/{stripInlineMarkdown-_rZx_gXG.js → stripInlineMarkdown-BZzgG-Zm.js} +2 -2
- package/dist/{stripInlineMarkdown-_rZx_gXG.js.map → stripInlineMarkdown-BZzgG-Zm.js.map} +1 -1
- package/dist/{syncFilterUtils-CpDXQtFA.js → syncFilterUtils-BVclVovw.js} +18 -7
- package/dist/syncFilterUtils-BVclVovw.js.map +1 -0
- package/dist/{treeSync-Dcq1ntVm.js → treeSync-oC-VZpP0.js} +4 -4
- package/dist/{treeSync-Dcq1ntVm.js.map → treeSync-oC-VZpP0.js.map} +1 -1
- package/dist/{useAdaptiveView-B8-BkcBX.js → useAdaptiveView-AvsDkChF.js} +5 -5
- package/dist/{useAdaptiveView-B8-BkcBX.js.map → useAdaptiveView-AvsDkChF.js.map} +1 -1
- package/dist/{useDrilldown-DmILG6sb.js → useDrilldown-PmrZ4BXn.js} +3 -3
- package/dist/{useDrilldown-DmILG6sb.js.map → useDrilldown-PmrZ4BXn.js.map} +1 -1
- package/dist/{useInfiniteCombobox-BfM3muPW.js → useInfiniteCombobox-C78WQZx4.js} +5 -5
- package/dist/{useInfiniteCombobox-BfM3muPW.js.map → useInfiniteCombobox-C78WQZx4.js.map} +1 -1
- package/package.json +17 -16
- package/dist/Calendar-CJaZFWmO.js.map +0 -1
- package/dist/DateFieldYearlessRange-CWdTbFDF.js.map +0 -1
- package/dist/Icon-BEwHECSM.js +0 -56
- package/dist/Icon-BEwHECSM.js.map +0 -1
- package/dist/Listbox-BQRMsA0L.js.map +0 -1
- package/dist/MultiSelectFieldSync-Cn3tNZcf.js.map +0 -1
- package/dist/MultiSelectMenuSync-FH_hXlIa.js.map +0 -1
- package/dist/NumberField-DdaBRyCJ.js.map +0 -1
- package/dist/RichTextEditor-x0anoUnS.js.map +0 -1
- package/dist/SelectFieldSync-DUwFm6OH.js.map +0 -1
- package/dist/SelectMenuSync-BZ3iXj3n.js.map +0 -1
- package/dist/SelectTrigger-DZ33_p3P.js.map +0 -1
- package/dist/TextField-CwJliCi7.js.map +0 -1
- package/dist/TypeaheadTextField-N_6q6ojK.js.map +0 -1
- package/dist/index-BN9SK9L3.js.map +0 -1
- package/dist/syncFilterUtils-CpDXQtFA.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D as DndHandleButton, a as DndHandle } from './DndHandleButton-
|
|
1
|
+
import { D as DndHandleButton, a as DndHandle } from './DndHandleButton-Ck5nc8w2.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { c as cx } from './index-De1g9FRV.js';
|
|
4
4
|
import { forwardRef } from 'react';
|
|
@@ -68,4 +68,4 @@ const Dnd = {
|
|
|
68
68
|
};
|
|
69
69
|
|
|
70
70
|
export { Dnd as D, DndSortLine as a, styles as s };
|
|
71
|
-
//# sourceMappingURL=index-
|
|
71
|
+
//# sourceMappingURL=index-SZMmvI3D.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-SZMmvI3D.js","sources":["../src/components/Dnd/DndSortLine.tsx","../src/components/Dnd/DndZone.tsx","../src/components/Dnd/index.ts"],"sourcesContent":["import cx from \"classnames\";\n\nimport styles from \"./Dnd.module.scss\";\nimport { CSSProperties } from \"react\";\n\n/**\n * Props for the DndSortLine component\n * @extends React.ComponentPropsWithoutRef<\"div\">\n */\nexport type SortLineProps = React.ComponentPropsWithoutRef<\"div\"> & {\n /**\n * The offset of the line from the item. This is a CSS value, typically negative.\n */\n offset: string;\n /**\n * The orientation of the sort - Note this may be counterintuitive, as the line is rendered perpendicular to the sort.\n */\n orientation: \"horizontal\" | \"vertical\";\n /**\n * The position of the line relative to a target item.\n */\n position: \"before\" | \"after\";\n};\n\n/**\n * A visual indicator line that shows where an item will be dropped during drag and drop operations.\n *\n * Features:\n * - Visual feedback for drop positioning\n * - Configurable orientation (horizontal/vertical)\n * - Adjustable positioning (before/after)\n * - Customizable offset for precise placement\n * - Accessible with proper ARIA attributes\n * - Automatic CSS class management\n * - Supports all standard HTML div props\n *\n * @example\n * <DndSortLine\n * offset=\"-10px\"\n * orientation=\"vertical\"\n * position=\"after\"\n * className=\"custom-drop-line\"\n * />\n */\nexport const DndSortLine = ({\n offset,\n orientation,\n position,\n ...rest\n}: SortLineProps) => {\n const classes = cx(\n styles[\"drop-line\"],\n styles[`orientation-${orientation}`],\n styles[`position-${position}`],\n );\n\n return (\n <div\n aria-hidden\n className={classes}\n style={{ \"--a2-inline-drop-line-offset\": offset } as CSSProperties}\n {...rest}\n />\n );\n};\n","import { ElementType, forwardRef, ReactNode } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Dnd.module.scss\";\n\n/**\n * Props for the DndZone component\n * @extends Omit<React.ComponentPropsWithoutRef<T>, \"el\" | \"ref\">\n */\nexport type DndZoneProps<T extends ElementType = \"div\"> = {\n /**\n * The HTML element type to render. Can be any valid HTML element or React component.\n * @default \"div\"\n */\n el?: T;\n /**\n * The content to be rendered inside the drop zone.\n */\n children?: ReactNode;\n /**\n * Additional CSS class names to apply to the drop zone.\n */\n className?: string;\n /**\n * Indicates whether a draggable item is currently over this drop zone.\n */\n isOver: boolean;\n /**\n * Indicates whether the current drag operation is valid for this drop zone.\n */\n isValid: boolean;\n /**\n * Indicates whether any item is currently being dragged.\n */\n isDragging: boolean;\n} & Omit<React.ComponentPropsWithoutRef<T>, \"el\" | \"ref\">;\n\n/**\n * Base styling component for drop zones that handles visual states and styling.\n *\n * Features:\n * - Configurable HTML element rendering with the 'el' prop\n * - Visual feedback for drag states (over, valid, dragging)\n * - Automatic CSS class management based on drag state\n * - Supports all standard HTML element props\n * - Accessible with proper ARIA attributes\n * - Flexible styling through className prop\n * - Responsive design that adapts to container\n *\n * @example\n * <DndZone\n * isOver={isOver}\n * isValid={isValid}\n * isDragging={isDragging}\n * className=\"custom-drop-zone\"\n * >\n * Drop items here\n * </DndZone>\n */\nexport const DndZone = forwardRef<HTMLDivElement, DndZoneProps<ElementType>>(\n (\n {\n el: Component = \"div\" as ElementType,\n children,\n className,\n isDragging,\n isOver,\n isValid,\n ...rest\n },\n ref,\n ) => {\n const classes = cx(className, {\n [styles[\"drop-zone\"]]: true,\n [styles[\"over-valid\"]]: isDragging && isOver && isValid,\n [styles[\"over-invalid\"]]: isDragging && isOver && !isValid,\n [styles[\"active-not-over\"]]: isDragging && !isOver,\n });\n\n return (\n <Component ref={ref} className={classes} {...rest}>\n {children}\n </Component>\n );\n },\n);\n\nDndZone.displayName = \"DndZoneBase\";\n","import { DndHandle } from \"./DndHandle\";\nimport { DndHandleButton } from \"./DndHandleButton\";\nimport { DndSortLine } from \"./DndSortLine\";\nimport { DndZone } from \"./DndZone\";\n\nexport const Dnd = {\n Handle: DndHandle,\n HandleButton: DndHandleButton,\n SortLine: DndSortLine,\n Zone: DndZone,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AA4CO,MAAM,cAAc,CAAC;AAAA,EAC1B,MAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAqB;AACnB,EAAA,MAAM,OAAA,GAAU,EAAA;AAAA,IACd,OAAO,WAAW,CAAA;AAAA,IAClB,MAAA,CAAO,CAAA,YAAA,EAAe,WAAW,CAAA,CAAE,CAAA;AAAA,IACnC,MAAA,CAAO,CAAA,SAAA,EAAY,QAAQ,CAAA,CAAE;AAAA,GAC/B;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAW,OAAA;AAAA,MACX,KAAA,EAAO,EAAE,8BAAA,EAAgC,MAAA,EAAO;AAAA,MAC/C,GAAG;AAAA;AAAA,GACN;AAEJ;;ACLO,MAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CACE;AAAA,IACE,IAAI,SAAA,GAAY,KAAA;AAAA,IAChB,QAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,OAAA,GAAU,GAAG,SAAA,EAAW;AAAA,MAC5B,CAAC,MAAA,CAAO,WAAW,CAAC,GAAG,IAAA;AAAA,MACvB,CAAC,MAAA,CAAO,YAAY,CAAC,GAAG,cAAc,MAAA,IAAU,OAAA;AAAA,MAChD,CAAC,MAAA,CAAO,cAAc,CAAC,GAAG,UAAA,IAAc,UAAU,CAAC,OAAA;AAAA,MACnD,CAAC,MAAA,CAAO,iBAAiB,CAAC,GAAG,cAAc,CAAC;AAAA,KAC7C,CAAA;AAED,IAAA,2BACG,SAAA,EAAA,EAAU,GAAA,EAAU,WAAW,OAAA,EAAU,GAAG,MAC1C,QAAA,EACH,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,OAAA,CAAQ,WAAA,GAAc,aAAA;;AClFf,MAAM,GAAA,GAAM;AAAA,EACjB,MAAA,EAAQ,SAAA;AAAA,EACR,YAAA,EAAc,eAAA;AAAA,EACd,QAAA,EAAU,WAAA;AAAA,EACV,IAAA,EAAM;AACR;;;;"}
|
package/dist/index.js
CHANGED
|
@@ -1,75 +1,75 @@
|
|
|
1
1
|
export { DndSort, DndSortCard, DndSortZone } from './DndSort.js';
|
|
2
|
-
export { A as Alert } from './Alert-
|
|
3
|
-
export { A as AiMark } from './AiMark-
|
|
4
|
-
export { A as Announcement } from './Announcement-
|
|
2
|
+
export { A as Alert } from './Alert-CPe0yh6A.js';
|
|
3
|
+
export { A as AiMark } from './AiMark-voHPSerQ.js';
|
|
4
|
+
export { A as Announcement } from './Announcement-DU0J4111.js';
|
|
5
5
|
export { A as Avatar } from './Avatar-DX96Mxe7.js';
|
|
6
6
|
export { A as AvatarGroup } from './Avatar-CoQcOHWU.js';
|
|
7
7
|
export { B as Badge } from './Badge-BNrYBFiU.js';
|
|
8
|
-
export { B as Breadcrumbs } from './Breadcrumbs-
|
|
9
|
-
export { B as Button } from './Button-
|
|
8
|
+
export { B as Breadcrumbs } from './Breadcrumbs-VzOM2nBU.js';
|
|
9
|
+
export { B as Button } from './Button-BNzCI47m.js';
|
|
10
10
|
export { B as ButtonCompound } from './ButtonCompound-D7kA0qXr.js';
|
|
11
|
-
export { B as ButtonLink } from './ButtonLink-
|
|
12
|
-
export { B as ButtonToggle } from './ButtonToggle-
|
|
13
|
-
export { a as Calendar, g as CalendarMonth, f as CalendarMonthButton, e as CalendarNext, b as CalendarNow, d as CalendarPrev, c as CalendarYearButton } from './Calendar-
|
|
11
|
+
export { B as ButtonLink } from './ButtonLink-PlW08u41.js';
|
|
12
|
+
export { B as ButtonToggle } from './ButtonToggle-DBGc7dIn.js';
|
|
13
|
+
export { a as Calendar, g as CalendarMonth, f as CalendarMonthButton, e as CalendarNext, b as CalendarNow, d as CalendarPrev, c as CalendarYearButton } from './Calendar-CekTYzdT.js';
|
|
14
14
|
export { C as Card } from './Card-Bt0F6RTq.js';
|
|
15
|
-
export { C as Checkbox } from './Checkbox-
|
|
16
|
-
export { C as Chip } from './Chip-
|
|
17
|
-
export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, u as useInfiniteCombobox } from './useInfiniteCombobox-
|
|
18
|
-
export { D as DateFieldRange } from './DateFieldRange-
|
|
19
|
-
export { D as DateFieldSingle } from './DateFieldSingle-
|
|
20
|
-
export { D as DateFieldYearless } from './DateFieldYearless-
|
|
21
|
-
export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-
|
|
22
|
-
export { D as DaysOfTheWeek } from './DaysOfTheWeek-
|
|
23
|
-
export { D as Details } from './Details-
|
|
24
|
-
export { D as Dialog } from './Dialog-
|
|
15
|
+
export { C as Checkbox } from './Checkbox-zz9TyZWn.js';
|
|
16
|
+
export { C as Chip } from './Chip-CxgryK86.js';
|
|
17
|
+
export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, u as useInfiniteCombobox } from './useInfiniteCombobox-C78WQZx4.js';
|
|
18
|
+
export { D as DateFieldRange } from './DateFieldRange-CP7QgS6P.js';
|
|
19
|
+
export { D as DateFieldSingle } from './DateFieldSingle-CgMPTi1v.js';
|
|
20
|
+
export { D as DateFieldYearless } from './DateFieldYearless-DYjvqxRb.js';
|
|
21
|
+
export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-lQdJGOaS.js';
|
|
22
|
+
export { D as DaysOfTheWeek } from './DaysOfTheWeek-Ci-SKebP.js';
|
|
23
|
+
export { D as Details } from './Details-DkteVZbk.js';
|
|
24
|
+
export { D as Dialog } from './Dialog-BxulNN8n.js';
|
|
25
25
|
export { D as Divider } from './Divider-C7fp5Xb6.js';
|
|
26
|
-
export { D as Dnd } from './index-
|
|
27
|
-
export { D as Drawer } from './Drawer-
|
|
28
|
-
export { D as DrillDown, b as DrillDownContent, c as DrillDownFooter, a as DrillDownHeader, d as DrillDownNextButton, e as DrillDownPrevButton, u as useDrillDown } from './useDrilldown-
|
|
29
|
-
export { E as EditCard } from './EditCard-
|
|
30
|
-
export { F as FieldLabel } from './FieldLabel-
|
|
26
|
+
export { D as Dnd } from './index-SZMmvI3D.js';
|
|
27
|
+
export { D as Drawer } from './Drawer-_spmOgwH.js';
|
|
28
|
+
export { D as DrillDown, b as DrillDownContent, c as DrillDownFooter, a as DrillDownHeader, d as DrillDownNextButton, e as DrillDownPrevButton, u as useDrillDown } from './useDrilldown-PmrZ4BXn.js';
|
|
29
|
+
export { E as EditCard } from './EditCard-ZpF032WP.js';
|
|
30
|
+
export { F as FieldLabel } from './FieldLabel-Cm5A1Jcx.js';
|
|
31
31
|
export { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
|
|
32
32
|
export { F as FieldMessage } from './FieldMessage-mTGdycSA.js';
|
|
33
33
|
export { F as Flex } from './Flex-Bb3iHExM.js';
|
|
34
34
|
export { G as Grid } from './Grid-ho1pGJ5L.js';
|
|
35
|
-
export { I as Icon } from './Icon-
|
|
36
|
-
export { I as InputMask } from './InputMask-
|
|
35
|
+
export { I as Icon } from './Icon-B4uCvMU9.js';
|
|
36
|
+
export { I as InputMask } from './InputMask-CX6XiOOm.js';
|
|
37
37
|
export { L as Layout, b as LayoutElement, a as LayoutItem } from './Layout-C2Q2hyLG.js';
|
|
38
|
-
export { L as Link, u as useLinkStyles } from './Link-
|
|
38
|
+
export { L as Link, u as useLinkStyles } from './Link-C7dtI5K6.js';
|
|
39
39
|
export { L as LinkButton } from './LinkButton-C0wps8r1.js';
|
|
40
40
|
export { L as List } from './List-BvzfZ9TW.js';
|
|
41
|
-
export { L as Listbox } from './Listbox-
|
|
42
|
-
export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-
|
|
43
|
-
export { M as Menu } from './Menu-
|
|
44
|
-
export { N as NumberField } from './NumberField-
|
|
41
|
+
export { L as Listbox } from './Listbox-Cdwaofd2.js';
|
|
42
|
+
export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-DpveXOsN.js';
|
|
43
|
+
export { M as Menu } from './Menu-DmEXQLXt.js';
|
|
44
|
+
export { N as NumberField } from './NumberField-CjC6KHKl.js';
|
|
45
45
|
export { Overflow, OverflowText } from './Overflow.js';
|
|
46
|
-
export { P as Page } from './Page-
|
|
47
|
-
export { P as Pagination } from './Pagination-
|
|
48
|
-
export { P as Popover } from './Popover-
|
|
49
|
-
export { P as ProgressBar } from './ProgressBar-
|
|
50
|
-
export { R as Radio } from './Radio-
|
|
51
|
-
export { S as SearchField } from './SearchField-
|
|
52
|
-
export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-
|
|
53
|
-
export { S as SelectCard } from './SelectCard-
|
|
54
|
-
export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-
|
|
55
|
-
export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-
|
|
56
|
-
export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-
|
|
57
|
-
export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-
|
|
58
|
-
export { S as SelectTrigger } from './SelectTrigger-
|
|
59
|
-
export { S as SideNav } from './SideNav-
|
|
46
|
+
export { P as Page } from './Page-BreBQ3pG.js';
|
|
47
|
+
export { P as Pagination } from './Pagination-CmqAut6y.js';
|
|
48
|
+
export { P as Popover } from './Popover-CdRuNv3C.js';
|
|
49
|
+
export { P as ProgressBar } from './ProgressBar-065vjsQ0.js';
|
|
50
|
+
export { R as Radio } from './Radio-D9w_-JYw.js';
|
|
51
|
+
export { S as SearchField } from './SearchField-B7fIOJf-.js';
|
|
52
|
+
export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-Be6jCglV.js';
|
|
53
|
+
export { S as SelectCard } from './SelectCard-CMSG_ba1.js';
|
|
54
|
+
export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-CGCf0sRf.js';
|
|
55
|
+
export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-qQzpnvfP.js';
|
|
56
|
+
export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-BDx1yhZT.js';
|
|
57
|
+
export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-BSJSDRtE.js';
|
|
58
|
+
export { S as SelectTrigger } from './SelectTrigger-APxYfL3V.js';
|
|
59
|
+
export { S as SideNav } from './SideNav-DoxX8Vi-.js';
|
|
60
60
|
export { Skeleton, SkeletonCircle, SkeletonPill, SkeletonRectangle, SkeletonText } from './Skeleton.js';
|
|
61
61
|
export { S as Spinner } from './Spinner-B7tTWcP6.js';
|
|
62
62
|
export { S as SrOnly } from './SrOnly-pnf8ajnh.js';
|
|
63
|
-
export { S as Stepper } from './Stepper-
|
|
64
|
-
export { S as Switch } from './Switch-
|
|
65
|
-
export { T as Tab } from './Tab-
|
|
66
|
-
export { T as Text } from './Text-
|
|
67
|
-
export { T as Textarea } from './Textarea-
|
|
68
|
-
export { T as TextField } from './TextField-
|
|
69
|
-
export { T as TimeField } from './TimeField-
|
|
70
|
-
export { T as Toaster } from './Toaster-
|
|
71
|
-
export { t as toast } from './Toaster-
|
|
72
|
-
export { T as Toolbar } from './Toolbar
|
|
63
|
+
export { S as Stepper } from './Stepper-CvaR7OoT.js';
|
|
64
|
+
export { S as Switch } from './Switch-Bm3qqjd6.js';
|
|
65
|
+
export { T as Tab } from './Tab-Cy4G562A.js';
|
|
66
|
+
export { T as Text } from './Text-mDcQHC2U.js';
|
|
67
|
+
export { T as Textarea } from './Textarea-CW3KGuB9.js';
|
|
68
|
+
export { T as TextField } from './TextField-WQTlqKso.js';
|
|
69
|
+
export { T as TimeField } from './TimeField-JA3gXyS7.js';
|
|
70
|
+
export { T as Toaster } from './Toaster-fPcgIF7Q.js';
|
|
71
|
+
export { t as toast } from './Toaster-DMZng3Im.js';
|
|
72
|
+
export { T as Toolbar } from './Toolbar-Dlu39v69.js';
|
|
73
73
|
export { T as Tooltip } from './Tooltip-BC8lnFhe.js';
|
|
74
74
|
export { u as useAccessibleColor } from './useAccessibleColor-BYKjkGRg.js';
|
|
75
75
|
export { u as useBreakpoint } from './useBreakpoint-BBNRlMGZ.js';
|
|
@@ -9,4 +9,23 @@ export interface CalendarBetaProps {
|
|
|
9
9
|
year: number;
|
|
10
10
|
}) => void;
|
|
11
11
|
}
|
|
12
|
+
/**
|
|
13
|
+
* Beta Calendar component — wraps the stable Calendar with per-date
|
|
14
|
+
* annotations and month-view tracking, on top of its single/range date
|
|
15
|
+
* selection.
|
|
16
|
+
*
|
|
17
|
+
* Features:
|
|
18
|
+
* - All stable Calendar props and behavior (see `Calendar` in `components`)
|
|
19
|
+
* - `dateMetadata` to annotate specific dates with contextual text (e.g.
|
|
20
|
+
* "3 available time slots"), surfaced via `Calendar.Month`'s day pips
|
|
21
|
+
* - `onMonthView` callback fired whenever the visible month/year changes
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* <Calendar
|
|
25
|
+
* value="2024-01-15"
|
|
26
|
+
* onSelection={({ value }) => console.log('Selected:', value)}
|
|
27
|
+
* dateMetadata={[{ date: "2024-01-20", context: "3 available slots" }]}
|
|
28
|
+
* onMonthView={({ month, year }) => console.log('Viewing:', month, year)}
|
|
29
|
+
* />
|
|
30
|
+
*/
|
|
12
31
|
export declare const Calendar: (props: CalendarBetaProps & StableCalendarProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -4,12 +4,14 @@ import { RichTextEditorProps } from './types';
|
|
|
4
4
|
*
|
|
5
5
|
* Features:
|
|
6
6
|
* - Supports both controlled (`value`) and uncontrolled (`defaultValue`) modes
|
|
7
|
-
* - Emits content as
|
|
7
|
+
* - Emits content as HTML (`onChange`), TipTap JSON (`onJsonChange`), and markdown (`onMarkdownChange`)
|
|
8
|
+
* - Accepts markdown as input via `contentType="markdown"`
|
|
9
|
+
* - Extensible via `extensions` for custom nodes/marks not covered by the built-in toolbar
|
|
8
10
|
* - Text formatting toolbar: bold, italic, underline, strikethrough, inline code, blockquote
|
|
9
11
|
* - Headings (H1–H3), paragraph, font size, text alignment, and indentation
|
|
10
12
|
* - Bullet lists, ordered lists, and checklists
|
|
11
13
|
* - Link insertion and removal via popover
|
|
12
|
-
* - Image upload and YouTube video embedding via Insert dropdown (`allowMedia`)
|
|
14
|
+
* - Image upload and YouTube video embedding via Insert dropdown (`allowMedia`), with `src` restricted to `http`/`https` by default (`isAllowedImageSrc`)
|
|
13
15
|
* - Drag handle for reordering content blocks (`allowDragDrop`)
|
|
14
16
|
* - @mention typeahead with hover card support (`allowMention`)
|
|
15
17
|
* - Disabled state disables both toolbar and editor content
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { RichTextEditorProps } from '../types';
|
|
3
|
-
type RichTextEditorProviderProps = Pick<RichTextEditorProps, "value" | "defaultValue" | "onChange" | "onJsonChange" | "placeholder" | "disabled" | "allowTextFormat" | "allowTextAlignment" | "allowLists" | "allowChecklist" | "allowCode" | "allowBlockquote" | "allowLink" | "allowMedia" | "allowMention" | "allowDragDrop" | "mentionOptions" | "onMentionInputChange" | "renderMentionHoverContent" | "onImageUpload"> & {
|
|
3
|
+
type RichTextEditorProviderProps = Pick<RichTextEditorProps, "value" | "defaultValue" | "onChange" | "onJsonChange" | "contentType" | "onMarkdownChange" | "extensions" | "placeholder" | "disabled" | "allowTextFormat" | "allowTextAlignment" | "allowLists" | "allowChecklist" | "allowCode" | "allowBlockquote" | "allowLink" | "allowMedia" | "allowMention" | "allowDragDrop" | "mentionOptions" | "onMentionInputChange" | "renderMentionHoverContent" | "onImageUpload" | "isAllowedImageSrc"> & {
|
|
4
4
|
allowedMimeTypes?: `image/${string}`[];
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Wraps TipTap's Image extension to restrict `src` to an allowed set of URI
|
|
3
|
+
* schemes/hosts (http/https only by default). `@tiptap/extension-image` only
|
|
4
|
+
* blocks `data:` at HTML-parse time and otherwise allows any scheme or host,
|
|
5
|
+
* including third-party tracking-pixel hosts.
|
|
6
|
+
*
|
|
7
|
+
* Disallowed `src` values are stripped from the document model (set to `null`)
|
|
8
|
+
* on every entry path — HTML (`parseHTML`), markdown (`parseMarkdown`), and
|
|
9
|
+
* programmatic insert/JSON (`appendTransaction`) — so they never reach
|
|
10
|
+
* `onJsonChange` / `onMarkdownChange`. `renderHTML` still paints a blocked
|
|
11
|
+
* placeholder for nodes whose `src` was cleared.
|
|
12
|
+
*/
|
|
13
|
+
export declare const createSafeImageExtension: (isAllowedSrc?: (src: string) => boolean) => import('@tiptap/core').Node<import('@tiptap/extension-image').ImageOptions, any>;
|
|
@@ -11,7 +11,7 @@ import { RichTextEditorProps } from '../types';
|
|
|
11
11
|
* @property {MutableRefObject<OpenLinkPopover | null>} openLinkPopoverRef - Stable ref to the function that opens the link popover, wired to the `Ctrl/Cmd+K` keyboard shortcut extension.
|
|
12
12
|
* @property {`image/${string}`[]} [allowedMimeTypes] - MIME types accepted for image upload via paste and drop.
|
|
13
13
|
*/
|
|
14
|
-
export type UseRichTextEditorParams = Pick<RichTextEditorProps, "value" | "defaultValue" | "onChange" | "onJsonChange" | "placeholder" | "disabled" | "allowTextFormat" | "allowTextAlignment" | "allowLists" | "allowChecklist" | "allowCode" | "allowBlockquote" | "allowLink" | "allowMedia" | "allowMention" | "onImageUpload"> & {
|
|
14
|
+
export type UseRichTextEditorParams = Pick<RichTextEditorProps, "value" | "defaultValue" | "onChange" | "onJsonChange" | "contentType" | "onMarkdownChange" | "extensions" | "placeholder" | "disabled" | "allowTextFormat" | "allowTextAlignment" | "allowLists" | "allowChecklist" | "allowCode" | "allowBlockquote" | "allowLink" | "allowMedia" | "allowMention" | "onImageUpload" | "isAllowedImageSrc"> & {
|
|
15
15
|
allowedMimeTypes?: `image/${string}`[];
|
|
16
16
|
onImageUploadRef: MutableRefObject<RichTextEditorProps["onImageUpload"]>;
|
|
17
17
|
mentionCallbacksRef: MutableRefObject<MentionCallbacks>;
|
|
@@ -29,4 +29,4 @@ export type UseRichTextEditorParams = Pick<RichTextEditorProps, "value" | "defau
|
|
|
29
29
|
* @param params - Configuration derived from RichTextEditorProps plus stable callback refs.
|
|
30
30
|
* @returns The TipTap `Editor` instance, or `null` during SSR / before mount.
|
|
31
31
|
*/
|
|
32
|
-
export declare const useRichTextEditor: ({ value, defaultValue, onChange, onJsonChange, placeholder, disabled, allowTextFormat, allowTextAlignment, allowLists, allowChecklist, allowCode, allowBlockquote, allowLink, allowMedia, allowMention, allowedMimeTypes, onImageUploadRef, mentionCallbacksRef, onYoutubePasteRef, openLinkPopoverRef, }: UseRichTextEditorParams) => import('@tiptap/core').Editor;
|
|
32
|
+
export declare const useRichTextEditor: ({ value, defaultValue, onChange, onJsonChange, contentType, onMarkdownChange, extensions, placeholder, disabled, allowTextFormat, allowTextAlignment, allowLists, allowChecklist, allowCode, allowBlockquote, allowLink, allowMedia, allowMention, allowedMimeTypes, isAllowedImageSrc, onImageUploadRef, mentionCallbacksRef, onYoutubePasteRef, openLinkPopoverRef, }: UseRichTextEditorParams) => import('@tiptap/core').Editor;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
-
import { JSONContent } from '@tiptap/core';
|
|
2
|
+
import { Extensions, JSONContent } from '@tiptap/core';
|
|
3
3
|
import { HelperProps } from '../../../internal/components';
|
|
4
4
|
import { FieldLabelProps } from '../../../components/FieldLabel';
|
|
5
5
|
import { LayoutUtilProps } from '../../../types';
|
|
@@ -19,6 +19,34 @@ type RichTextEditorBaseProps = {
|
|
|
19
19
|
defaultValue?: string;
|
|
20
20
|
onChange?: (html: string) => void;
|
|
21
21
|
onJsonChange?: (json: JSONContent) => void;
|
|
22
|
+
/**
|
|
23
|
+
* How `value`/`defaultValue` are parsed. Defaults to HTML. Set once — the
|
|
24
|
+
* editor instance is created on mount, so changing this afterwards
|
|
25
|
+
* re-parses the current string under the new assumption instead of
|
|
26
|
+
* converting existing content.
|
|
27
|
+
*/
|
|
28
|
+
contentType?: "html" | "markdown";
|
|
29
|
+
/**
|
|
30
|
+
* Fires with the TipTap-markdown-serialized content on every update,
|
|
31
|
+
* alongside `onChange`/`onJsonChange`, regardless of `contentType`. Uses
|
|
32
|
+
* TipTap's official `@tiptap/markdown` extension, which is BETA upstream:
|
|
33
|
+
* known limitations are single-child-per-cell tables and possible loss of
|
|
34
|
+
* HTML comments on round-trip. In markdown mode, a controlled `value`
|
|
35
|
+
* should be the exact string previously emitted here — serialization
|
|
36
|
+
* normalizes formatting and isn't guaranteed to round-trip arbitrary
|
|
37
|
+
* hand-written markdown. Markdown syntax for a feature disabled via an
|
|
38
|
+
* `allow*` flag (e.g. `- item` when `allowLists` is false) is parsed into
|
|
39
|
+
* whatever the configured schema supports; unsupported nodes are dropped
|
|
40
|
+
* or flattened rather than causing an error.
|
|
41
|
+
*/
|
|
42
|
+
onMarkdownChange?: (markdown: string) => void;
|
|
43
|
+
/**
|
|
44
|
+
* Extra TipTap extensions appended after the built-in ones (e.g. a custom
|
|
45
|
+
* node type). An extension sharing a built-in's name overrides it. Toolbar
|
|
46
|
+
* controls don't automatically wire up to custom nodes — build any needed
|
|
47
|
+
* UI yourself.
|
|
48
|
+
*/
|
|
49
|
+
extensions?: Extensions;
|
|
22
50
|
placeholder?: string;
|
|
23
51
|
disabled?: boolean;
|
|
24
52
|
error?: boolean | string | string[];
|
|
@@ -57,11 +85,20 @@ type RichTextEditorWithMedia = {
|
|
|
57
85
|
* e.g. `["image/jpeg", "image/png"]`. When omitted, defaults to common image types.
|
|
58
86
|
*/
|
|
59
87
|
allowedMimeTypes?: `image/${string}`[];
|
|
88
|
+
/**
|
|
89
|
+
* Validates an image's `src` before it's kept in the document (and thus
|
|
90
|
+
* before it can render or be emitted via `onJsonChange`/`onMarkdownChange`),
|
|
91
|
+
* for any input path (typed, pasted, dropped/uploaded, markdown, or set via
|
|
92
|
+
* `value`/`defaultValue`). Defaults to allowing `http:`/`https:` only.
|
|
93
|
+
* Pass a custom validator to loosen or further restrict.
|
|
94
|
+
*/
|
|
95
|
+
isAllowedImageSrc?: (src: string) => boolean;
|
|
60
96
|
};
|
|
61
97
|
type RichTextEditorWithoutMedia = {
|
|
62
98
|
allowMedia?: false;
|
|
63
99
|
onImageUpload?: never;
|
|
64
100
|
allowedMimeTypes?: never;
|
|
101
|
+
isAllowedImageSrc?: never;
|
|
65
102
|
};
|
|
66
103
|
/**
|
|
67
104
|
* Props for the RichTextEditor component.
|
|
@@ -70,6 +107,9 @@ type RichTextEditorWithoutMedia = {
|
|
|
70
107
|
* @property {string} [defaultValue] - Default HTML string value for uncontrolled mode.
|
|
71
108
|
* @property {(html: string) => void} [onChange] - Callback fired with the HTML string on each content change.
|
|
72
109
|
* @property {(json: JSONContent) => void} [onJsonChange] - Callback fired with the TipTap JSON representation on each content change.
|
|
110
|
+
* @property {"html" | "markdown"} [contentType] - How `value`/`defaultValue` are parsed. Default: "html". Set once at mount.
|
|
111
|
+
* @property {(markdown: string) => void} [onMarkdownChange] - Callback fired with the markdown representation on each content change, regardless of `contentType`.
|
|
112
|
+
* @property {Extensions} [extensions] - Extra TipTap extensions appended after the built-in ones; same-named extensions override a built-in.
|
|
73
113
|
* @property {string} [placeholder] - Placeholder text shown when the editor is empty.
|
|
74
114
|
* @property {boolean} [disabled] - Disables the editor and toolbar when true.
|
|
75
115
|
* @property {boolean | string | string[]} [error] - Error state. Pass `true` for error styling only, or a string/string[] for error messages.
|
|
@@ -95,6 +135,7 @@ type RichTextEditorWithoutMedia = {
|
|
|
95
135
|
* @property {(option: RichTextEditorMentionOption) => ReactNode} [renderMentionHoverContent] - Render function for the hover card shown when hovering over an inserted mention.
|
|
96
136
|
* @property {(files: File[], onComplete: (srcs: string[]) => void) => void} [onImageUpload] - Required when `allowMedia` is true. Called when the user selects, pastes, or drops image files. Invoke the callback with the resulting URLs once upload is complete.
|
|
97
137
|
* @property {`image/${string}`[]} [allowedMimeTypes] - MIME types accepted by the file picker and paste/drop handler when `allowMedia` is true. Defaults to common image types when omitted.
|
|
138
|
+
* @property {(src: string) => boolean} [isAllowedImageSrc] - Validates an image's `src` before it's allowed to render when `allowMedia` is true. Defaults to allowing `http:`/`https:` only.
|
|
98
139
|
* @extends Omit<ComponentPropsWithoutRef<"div">, "onChange">
|
|
99
140
|
* @extends LayoutUtilProps
|
|
100
141
|
* @extends DataTrackingId
|
|
@@ -60,6 +60,25 @@ export type TypeaheadTextFieldProps<T = string> = DistributiveOmit<TextFieldProp
|
|
|
60
60
|
*/
|
|
61
61
|
openOnEmptyFocus?: boolean;
|
|
62
62
|
};
|
|
63
|
+
/**
|
|
64
|
+
* TypeaheadTextField component — a text input that shows an async
|
|
65
|
+
* suggestion menu as the user types.
|
|
66
|
+
*
|
|
67
|
+
* Features:
|
|
68
|
+
* - `loadOptions` fetches suggestions (sync or async) for the current input
|
|
69
|
+
* - Debounced fetching via `debounceMs`
|
|
70
|
+
* - Custom suggestion rendering via `renderOption`
|
|
71
|
+
* - Configurable open-on-focus behavior, including for an empty input
|
|
72
|
+
* - Loading and no-suggestions states with customizable labels
|
|
73
|
+
* - All standard TextField props (label, hint, error, prefix, etc.)
|
|
74
|
+
*
|
|
75
|
+
* @example
|
|
76
|
+
* <TypeaheadTextField
|
|
77
|
+
* label="City"
|
|
78
|
+
* loadOptions={(search) => fetchCities(search)}
|
|
79
|
+
* onSelectOption={(option) => console.log(option)}
|
|
80
|
+
* />
|
|
81
|
+
*/
|
|
63
82
|
export declare function TypeaheadTextField<T = string>({ value: valueProp, defaultValue, onChange, loadOptions, onSelectOption, debounceMs, noSuggestionsLabel, loadingLabel, renderOption, openOnFocus, openOnEmptyFocus, onFocus, onBlur, onKeyDown, onClick, disabled, readOnly, loading: loadingProp, ...textFieldProps }: TypeaheadTextFieldProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
64
83
|
export declare namespace TypeaheadTextField {
|
|
65
84
|
var displayName: string;
|
|
@@ -62,6 +62,27 @@ export type DateFieldRangeProps = Omit<MaskedDateRangeInputProps, "onChange" | "
|
|
|
62
62
|
*/
|
|
63
63
|
timezone?: IanaZone;
|
|
64
64
|
} & DataTrackingId;
|
|
65
|
+
/**
|
|
66
|
+
* DateFieldRange component for entering a start and end date via a masked
|
|
67
|
+
* text input, with an optional popover calendar for picking the range
|
|
68
|
+
* visually.
|
|
69
|
+
*
|
|
70
|
+
* Features:
|
|
71
|
+
* - Masked start/end date input with configurable mm/dd/yyyy or dd/mm/yyyy mode
|
|
72
|
+
* - Optional popover range calendar
|
|
73
|
+
* - Min/max date and unavailable-date/day-of-week constraints applied to both ends
|
|
74
|
+
* - Reports input validity and range validity separately via `onChange`
|
|
75
|
+
* - Full keyboard support (arrow-down opens the calendar from the input)
|
|
76
|
+
*
|
|
77
|
+
* @example
|
|
78
|
+
* <DateFieldRange
|
|
79
|
+
* label="Trip dates"
|
|
80
|
+
* value={{ startDate: "2025-07-02", endDate: "2025-07-10" }}
|
|
81
|
+
* onChange={({ startDate, endDate, isDateRangeValid }) =>
|
|
82
|
+
* console.log(startDate, endDate, isDateRangeValid)
|
|
83
|
+
* }
|
|
84
|
+
* />
|
|
85
|
+
*/
|
|
65
86
|
export declare const DateFieldRange: {
|
|
66
87
|
(props: DateFieldRangeProps): import("react/jsx-runtime").JSX.Element;
|
|
67
88
|
displayName: string;
|
|
@@ -60,6 +60,26 @@ export type DateFieldSingleChange = {
|
|
|
60
60
|
isDateValid: boolean;
|
|
61
61
|
};
|
|
62
62
|
export type DateFieldSingleChangeHandler = (change: DateFieldSingleChange) => void;
|
|
63
|
+
/**
|
|
64
|
+
* DateFieldSingle component for entering a single date via a masked text
|
|
65
|
+
* input, with an optional popover calendar for picking the date visually.
|
|
66
|
+
*
|
|
67
|
+
* Features:
|
|
68
|
+
* - Masked date input with configurable mm/dd/yyyy or dd/mm/yyyy mode
|
|
69
|
+
* - Optional popover calendar (disable with `disableCalendar`)
|
|
70
|
+
* - Min/max date and unavailable-date/day-of-week constraints
|
|
71
|
+
* - Timezone-aware "Today" navigation via `timezone`
|
|
72
|
+
* - Reports input validity and constraint validity separately via `onChange`
|
|
73
|
+
* - Full keyboard support (arrow-down opens the calendar from the input)
|
|
74
|
+
*
|
|
75
|
+
* @example
|
|
76
|
+
* <DateFieldSingle
|
|
77
|
+
* label="Appointment date"
|
|
78
|
+
* value="2025-07-02"
|
|
79
|
+
* onChange={({ date, isDateValid }) => console.log(date, isDateValid)}
|
|
80
|
+
* minDate="2025-01-01"
|
|
81
|
+
* />
|
|
82
|
+
*/
|
|
63
83
|
export declare const DateFieldSingle: {
|
|
64
84
|
(props: DateFieldSingleProps): import("react/jsx-runtime").JSX.Element;
|
|
65
85
|
displayName: string;
|
|
@@ -74,4 +74,23 @@ export type DateFieldYearlessRangeProps = {
|
|
|
74
74
|
legendProps?: Omit<FieldLabelProps, "el">;
|
|
75
75
|
moreInfo?: FieldLabelProps["moreInfo"];
|
|
76
76
|
} & LayoutUtilProps;
|
|
77
|
+
/**
|
|
78
|
+
* DateFieldYearlessRange component for entering a start and end month/day
|
|
79
|
+
* pair — a date range with no year, e.g. recurring events or anniversaries.
|
|
80
|
+
*
|
|
81
|
+
* Features:
|
|
82
|
+
* - Two masked month/day inputs (mm/dd or dd/mm mode) with a picker toggle
|
|
83
|
+
* - Separate `startLabel`/`endLabel` under a shared field-group `label`
|
|
84
|
+
* - Optional error, warning, hint, and description messaging
|
|
85
|
+
* - `disablePicker` and `disableHint` to trim the UI down when not needed
|
|
86
|
+
*
|
|
87
|
+
* @example
|
|
88
|
+
* <DateFieldYearlessRange
|
|
89
|
+
* label="Recurring event"
|
|
90
|
+
* startLabel="Start"
|
|
91
|
+
* endLabel="End"
|
|
92
|
+
* value={{ startDate: { month: 7, day: 2 }, endDate: { month: 7, day: 10 } }}
|
|
93
|
+
* onChange={(change) => console.log(change)}
|
|
94
|
+
* />
|
|
95
|
+
*/
|
|
77
96
|
export declare const DateFieldYearlessRange: (props: DateFieldYearlessRangeProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -27,6 +27,42 @@ type FieldLabelOwnProps<E extends ElementType = ElementType> = AiMarkWithTooltip
|
|
|
27
27
|
* Props for the FieldLabel component.
|
|
28
28
|
*/
|
|
29
29
|
export type FieldLabelProps<E extends ElementType = ElementType> = FieldLabelOwnProps<E> & Omit<IntrinsicAttributes<E>, keyof FieldLabelOwnProps>;
|
|
30
|
+
/**
|
|
31
|
+
* FieldLabel component for form field labels with optional required indicator and help tooltip.
|
|
32
|
+
*
|
|
33
|
+
* Features:
|
|
34
|
+
* - Accessible form label with proper semantic HTML
|
|
35
|
+
* - Optional required field indicator with red asterisk
|
|
36
|
+
* - Help tooltip with info icon for additional context
|
|
37
|
+
* - Screen reader support for required field announcement
|
|
38
|
+
* - Keyboard-accessible info icon button for additional field context
|
|
39
|
+
* - Flexible content support for label text and help information
|
|
40
|
+
* - Proper ARIA attributes and semantic structure
|
|
41
|
+
* - Responsive design with consistent typography
|
|
42
|
+
* - Polymorphic element support for different HTML elements
|
|
43
|
+
*
|
|
44
|
+
* @example
|
|
45
|
+
* <FieldLabel htmlFor="email" required>
|
|
46
|
+
* Email Address
|
|
47
|
+
* </FieldLabel>
|
|
48
|
+
* <input id="email" type="email" />
|
|
49
|
+
*
|
|
50
|
+
* @example
|
|
51
|
+
* <FieldLabel
|
|
52
|
+
* el="label"
|
|
53
|
+
* htmlFor="password"
|
|
54
|
+
* required
|
|
55
|
+
* moreInfo="Password must be at least 8 characters long"
|
|
56
|
+
* >
|
|
57
|
+
* Password
|
|
58
|
+
* </FieldLabel>
|
|
59
|
+
* <input id="password" type="password" />
|
|
60
|
+
*
|
|
61
|
+
* @example
|
|
62
|
+
* <FieldLabel el="legend" required>
|
|
63
|
+
* Form Section
|
|
64
|
+
* </FieldLabel>
|
|
65
|
+
*/
|
|
30
66
|
export declare const FieldLabel: <E extends ElementType = "label">(props: FieldLabelProps<E> & {
|
|
31
67
|
ref?: React.Ref<any>;
|
|
32
68
|
}) => JSX.Element;
|
|
@@ -28,4 +28,17 @@ export type LinkButtonProps = Omit<ComponentPropsWithoutRef<"button">, "type" |
|
|
|
28
28
|
*/
|
|
29
29
|
ghost?: false;
|
|
30
30
|
}) & DataTrackingId;
|
|
31
|
+
/**
|
|
32
|
+
* LinkButton component — a `<button>` styled to look like a text link,
|
|
33
|
+
* for triggering actions (not navigation; use `Link` for navigation).
|
|
34
|
+
*
|
|
35
|
+
* Features:
|
|
36
|
+
* - Primary appearance with an optional quieter `ghost` variant
|
|
37
|
+
* - Secondary appearance (cannot be combined with `ghost`)
|
|
38
|
+
* - Supports layout utility props for positioning and spacing
|
|
39
|
+
* - Automatic tracking ID generation for analytics
|
|
40
|
+
*
|
|
41
|
+
* @example
|
|
42
|
+
* <LinkButton onClick={() => console.log('clicked')}>Learn more</LinkButton>
|
|
43
|
+
*/
|
|
31
44
|
export declare const LinkButton: import('react').ForwardRefExoticComponent<LinkButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
@@ -42,7 +42,7 @@ type MultipleWithoutItems = {
|
|
|
42
42
|
/** Default selected items (uncontrolled) */
|
|
43
43
|
defaultSelected?: string[];
|
|
44
44
|
/** Callback when selection changes */
|
|
45
|
-
onSelectionChange?: (selected: string[]
|
|
45
|
+
onSelectionChange?: (selected: string[]) => void;
|
|
46
46
|
/** Items array - not allowed in this mode */
|
|
47
47
|
items?: never;
|
|
48
48
|
/** Child elements to render */
|
|
@@ -76,7 +76,7 @@ type SingleWithItems<T> = {
|
|
|
76
76
|
*/
|
|
77
77
|
type MultipleWithItems<T> = {
|
|
78
78
|
/** Selection mode for multiple item selection */
|
|
79
|
-
selectionMode
|
|
79
|
+
selectionMode: "multiple";
|
|
80
80
|
/** Auto-select on focus is not available in multiple mode */
|
|
81
81
|
disableAutoSelectOnFocus?: never;
|
|
82
82
|
/** Currently selected items (controlled) */
|
|
@@ -84,7 +84,7 @@ type MultipleWithItems<T> = {
|
|
|
84
84
|
/** Default selected items (uncontrolled) */
|
|
85
85
|
defaultSelected?: ListboxItemType<T>[];
|
|
86
86
|
/** Callback when selection changes */
|
|
87
|
-
onSelectionChange?: (selected: ListboxItemType<T>[]
|
|
87
|
+
onSelectionChange?: (selected: ListboxItemType<T>[]) => void;
|
|
88
88
|
/** Array of items to render */
|
|
89
89
|
items: ListboxItemType<T>[];
|
|
90
90
|
/** Optional render function for items */
|
|
@@ -58,6 +58,27 @@ export type NumberFieldProps = Omit<ComponentPropsWithoutRef<"input">, "size" |
|
|
|
58
58
|
*/
|
|
59
59
|
isHighlighted?: boolean;
|
|
60
60
|
} & DataTrackingId;
|
|
61
|
+
/**
|
|
62
|
+
* NumberField component for entering numeric values, with optional
|
|
63
|
+
* increment/decrement stepper controls.
|
|
64
|
+
*
|
|
65
|
+
* Features:
|
|
66
|
+
* - Min/max value constraints and configurable `step`
|
|
67
|
+
* - Fraction-digit formatting via `minimumFractionDigits`/`maximumFractionDigits`
|
|
68
|
+
* - Optional `hideControls` to hide the +/- stepper buttons
|
|
69
|
+
* - Label, hint, description, error, and warning messaging
|
|
70
|
+
* - Loading state with spinner, and a highlighted-field variant
|
|
71
|
+
* - Optional prefix/suffix content
|
|
72
|
+
*
|
|
73
|
+
* @example
|
|
74
|
+
* <NumberField
|
|
75
|
+
* label="Quantity"
|
|
76
|
+
* value={quantity}
|
|
77
|
+
* onChange={setQuantity}
|
|
78
|
+
* minValue={0}
|
|
79
|
+
* maxValue={99}
|
|
80
|
+
* />
|
|
81
|
+
*/
|
|
61
82
|
export declare const NumberField: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "defaultValue" | "prefix" | "inputMode" | "onFocus" | "onBlur" | "onChange" | "size" | "value" | "type"> & LayoutUtilProps & Pick<import('../../internal').LabelProps, "required" | "moreInfo"> & {
|
|
62
83
|
labelProps?: Omit<import('../../internal').LabelProps, "children" | "moreInfo" | "required" | "id" | "htmlFor"> & import('../..').AiMarkWithTooltipOrPopoverProps;
|
|
63
84
|
} & {
|
|
@@ -63,4 +63,26 @@ export type OverflowProps = ComponentPropsWithoutRef<"div"> & Omit<LayoutUtilPro
|
|
|
63
63
|
onCollapse?: (e: MouseEvent<HTMLButtonElement>) => void;
|
|
64
64
|
};
|
|
65
65
|
}) & DataTrackingId;
|
|
66
|
+
/**
|
|
67
|
+
* Overflow component for a scrollable container with edge shadow
|
|
68
|
+
* indicators, and optional truncate-with-expand/collapse behavior.
|
|
69
|
+
*
|
|
70
|
+
* Features:
|
|
71
|
+
* - Scrolls content that exceeds the configured `height`/`width`
|
|
72
|
+
* - Shows shadow indicators on whichever edges have more content to scroll to
|
|
73
|
+
* - Optional `truncate` mode (column direction only) with expand/collapse
|
|
74
|
+
* buttons and customizable button text
|
|
75
|
+
* - `contentRef` exposes the actual scrolling element, separate from the
|
|
76
|
+
* outer wrapper `ref`, for integrations like virtualizers or IntersectionObserver
|
|
77
|
+
*
|
|
78
|
+
* @example
|
|
79
|
+
* <Overflow height={200}>
|
|
80
|
+
* <LongContent />
|
|
81
|
+
* </Overflow>
|
|
82
|
+
*
|
|
83
|
+
* @example
|
|
84
|
+
* <Overflow direction="column" truncate={{ expandText: "Show more", collapseText: "Show less" }}>
|
|
85
|
+
* <LongContent />
|
|
86
|
+
* </Overflow>
|
|
87
|
+
*/
|
|
66
88
|
export declare const Overflow: import('react').ForwardRefExoticComponent<OverflowProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -22,4 +22,23 @@ export type SelectTriggerProps<Item> = DistributiveOmit<SelectTriggerBaseProps<I
|
|
|
22
22
|
selectedItem?: never;
|
|
23
23
|
selectedItems: UseDownshiftMultipleSelectionProps<Item>["selectedItems"];
|
|
24
24
|
});
|
|
25
|
+
/**
|
|
26
|
+
* SelectTrigger component — a field-styled button for opening a custom
|
|
27
|
+
* select-like menu (e.g. paired with `Combobox.Content` or a custom
|
|
28
|
+
* popover), for building select components that need a trigger different
|
|
29
|
+
* from `SelectMenu`'s built-in one.
|
|
30
|
+
*
|
|
31
|
+
* Features:
|
|
32
|
+
* - Single (`selectedItem`) or multiple (`selectedItems`) selection display
|
|
33
|
+
* - Optional prefix as text, an icon, or an avatar
|
|
34
|
+
* - Label, hint, description, error, and required-field messaging
|
|
35
|
+
* - Full accessibility support via `FieldLabel`
|
|
36
|
+
*
|
|
37
|
+
* @example
|
|
38
|
+
* <SelectTrigger
|
|
39
|
+
* label="Assignee"
|
|
40
|
+
* selectedItem={selected}
|
|
41
|
+
* itemToString={(item) => item?.name ?? ""}
|
|
42
|
+
* />
|
|
43
|
+
*/
|
|
25
44
|
export declare const SelectTrigger: <Item = any>(props: SelectTriggerProps<Item>) => import("react/jsx-runtime").JSX.Element;
|