@servicetitan/anvil2 1.26.1 → 1.27.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +83 -0
- package/dist/{Alert-BGxnwh4U-ytPHdG2h.js → Alert-BmiMaHHl-C4TKrNF3.js} +13 -13
- package/dist/{Alert-BGxnwh4U-ytPHdG2h.js.map → Alert-BmiMaHHl-C4TKrNF3.js.map} +1 -1
- package/dist/{Alert-BGxnwh4U.css → Alert-BmiMaHHl.css} +18 -18
- package/dist/{Alert-Dm9uevPZ.js → Alert-DhJoO6si.js} +2 -2
- package/dist/{Alert-Dm9uevPZ.js.map → Alert-DhJoO6si.js.map} +1 -1
- package/dist/Alert.js +1 -1
- package/dist/{Announcement-BPow1TbL.js → Announcement-DDIsOYU0.js} +12 -12
- package/dist/{Announcement-BPow1TbL.js.map → Announcement-DDIsOYU0.js.map} +1 -1
- package/dist/Announcement.css +24 -12
- package/dist/Announcement.js +1 -1
- package/dist/{AnvilProvider-C-6UdeBs.js → AnvilProvider-DNJk1Ait.js} +2 -2
- package/dist/{AnvilProvider-C-6UdeBs.js.map → AnvilProvider-DNJk1Ait.js.map} +1 -1
- package/dist/AnvilProvider.js +1 -1
- package/dist/{Avatar-DR0nw5eu.js → Avatar-BbOnZyM_.js} +10 -10
- package/dist/{Avatar-DR0nw5eu.js.map → Avatar-BbOnZyM_.js.map} +1 -1
- package/dist/Avatar.css +18 -18
- package/dist/Avatar.js +1 -1
- package/dist/{Breadcrumbs-ChNbRqbi.js → Breadcrumbs-ByNGkX5w.js} +3 -3
- package/dist/{Breadcrumbs-ChNbRqbi.js.map → Breadcrumbs-ByNGkX5w.js.map} +1 -1
- package/dist/Breadcrumbs.js +1 -1
- package/dist/{Button-4ih4Ht_z.js → Button-B2ruRsLb.js} +2 -2
- package/dist/{Button-4ih4Ht_z.js.map → Button-B2ruRsLb.js.map} +1 -1
- package/dist/{Button-DPIUyV2O-DxCH2dlc.js → Button-BHwg8Uip-DPU6y8-l.js} +23 -23
- package/dist/Button-BHwg8Uip-DPU6y8-l.js.map +1 -0
- package/dist/Button-BHwg8Uip.css +300 -0
- package/dist/Button.js +1 -1
- package/dist/{ButtonCompound-VpV-hDUY.js → ButtonCompound-DQ9LGk2K.js} +2 -2
- package/dist/{ButtonCompound-VpV-hDUY.js.map → ButtonCompound-DQ9LGk2K.js.map} +1 -1
- package/dist/ButtonCompound.js +1 -1
- package/dist/{ButtonLink-C1cCAIG0.js → ButtonLink-CjxVUldA.js} +2 -2
- package/dist/{ButtonLink-C1cCAIG0.js.map → ButtonLink-CjxVUldA.js.map} +1 -1
- package/dist/ButtonLink.js +1 -1
- package/dist/{ButtonToggle-DHX9ryn1-BzRjiG0o.js → ButtonToggle-9HqVrCoP-DsNu__N0.js} +4 -4
- package/dist/{ButtonToggle-DHX9ryn1-BzRjiG0o.js.map → ButtonToggle-9HqVrCoP-DsNu__N0.js.map} +1 -1
- package/dist/{ButtonToggle-Mf15vOmV.js → ButtonToggle-DYKdmH_u.js} +2 -2
- package/dist/{ButtonToggle-Mf15vOmV.js.map → ButtonToggle-DYKdmH_u.js.map} +1 -1
- package/dist/ButtonToggle.js +1 -1
- package/dist/{Calendar-Dx2sfg5W.js → Calendar-Dg_yoWxL.js} +2 -2
- package/dist/{Calendar-Dx2sfg5W.js.map → Calendar-Dg_yoWxL.js.map} +1 -1
- package/dist/{Calendar-BLyOeR3U-rYLyYewL.js → Calendar-Z_nAtpoV-B0uWpOrw.js} +23 -23
- package/dist/{Calendar-BLyOeR3U-rYLyYewL.js.map → Calendar-Z_nAtpoV-B0uWpOrw.js.map} +1 -1
- package/dist/{Calendar-BLyOeR3U.css → Calendar-Z_nAtpoV.css} +44 -44
- package/dist/Calendar.js +1 -1
- package/dist/{Checkbox-CIMoRELh-B3GJHXyO.js → Checkbox-D6-kiZ0g-6jox0aDW.js} +46 -32
- package/dist/Checkbox-D6-kiZ0g-6jox0aDW.js.map +1 -0
- package/dist/{Checkbox-BTD0_Qkv.js → Checkbox-DJguu7Kw.js} +2 -2
- package/dist/Checkbox-DJguu7Kw.js.map +1 -0
- package/dist/Checkbox.css +106 -68
- package/dist/Checkbox.js +1 -1
- package/dist/{Checkbox.module-9DnErc2T-CoENWijd.js → Checkbox.module-DMrZNVpb-DL8zOKBQ.js} +16 -14
- package/dist/Checkbox.module-DMrZNVpb-DL8zOKBQ.js.map +1 -0
- package/dist/{Chip-CwBvUKwn.js → Chip-C5ElPVsb.js} +2 -2
- package/dist/{Chip-CwBvUKwn.js.map → Chip-C5ElPVsb.js.map} +1 -1
- package/dist/{Chip-B09LeE8a-D517lNXd.js → Chip-CAxTyjIZ-DfkCTnYy.js} +10 -10
- package/dist/{Chip-B09LeE8a-D517lNXd.js.map → Chip-CAxTyjIZ-DfkCTnYy.js.map} +1 -1
- package/dist/{Chip-B09LeE8a.css → Chip-CAxTyjIZ.css} +20 -20
- package/dist/Chip.js +1 -1
- package/dist/{Combobox-UI4iNs4v.js → Combobox-BRZIYucw.js} +247 -67
- package/dist/Combobox-BRZIYucw.js.map +1 -0
- package/dist/Combobox.css +72 -72
- package/dist/Combobox.js +1 -1
- package/dist/{DateField-DJxvns1P.js → DateField-DHIXyi2_.js} +6 -6
- package/dist/{DateField-DJxvns1P.js.map → DateField-DHIXyi2_.js.map} +1 -1
- package/dist/DateField.js +1 -1
- package/dist/{Details-C00yOpMs.js → Details-B1wMLkdg.js} +9 -9
- package/dist/{Details-C00yOpMs.js.map → Details-B1wMLkdg.js.map} +1 -1
- package/dist/Details.css +18 -18
- package/dist/Details.js +1 -1
- package/dist/{Dialog-DhG6Qvhz-CZ1yBSYv.js → Dialog-DDsVwnZZ-s9GGnSax.js} +13 -13
- package/dist/Dialog-DDsVwnZZ-s9GGnSax.js.map +1 -0
- package/dist/{Dialog-DhG6Qvhz.css → Dialog-DDsVwnZZ.css} +23 -22
- package/dist/{Dialog-V7cjDiFS.js → Dialog-wuBdQ785.js} +2 -2
- package/dist/{Dialog-V7cjDiFS.js.map → Dialog-wuBdQ785.js.map} +1 -1
- package/dist/Dialog.js +1 -1
- package/dist/{Divider-Ctp-0EQ8.js → Divider-CLnPwn7z.js} +17 -14
- package/dist/Divider-CLnPwn7z.js.map +1 -0
- package/dist/Divider.css +52 -28
- package/dist/Divider.js +1 -1
- package/dist/{Drawer-CRReZbV6.js → Drawer-BX7LCwCa.js} +2 -2
- package/dist/{Drawer-CRReZbV6.js.map → Drawer-BX7LCwCa.js.map} +1 -1
- package/dist/Drawer.js +1 -1
- package/dist/{EditCard-CP0pQm_U.js → EditCard-CrlcI07q.js} +14 -14
- package/dist/{EditCard-CP0pQm_U.js.map → EditCard-CrlcI07q.js.map} +1 -1
- package/dist/EditCard.css +16 -16
- package/dist/EditCard.js +1 -1
- package/dist/{Helper-D1wqxi-n-DL9ve0e9.js → Helper-Ba5DBS51-DBtASfJG.js} +6 -6
- package/dist/{Helper-D1wqxi-n-DL9ve0e9.js.map → Helper-Ba5DBS51-DBtASfJG.js.map} +1 -1
- package/dist/{Helper-D1wqxi-n.css → Helper-Ba5DBS51.css} +5 -5
- package/dist/{Icon-Dl30QYlC.js → Icon-CrE5UgZV.js} +2 -2
- package/dist/{Icon-Dl30QYlC.js.map → Icon-CrE5UgZV.js.map} +1 -1
- package/dist/{Icon-BgNIrmZM-CUkfW-_l.js → Icon-DbHA5GV1-DwO2aGkj.js} +6 -6
- package/dist/{Icon-BgNIrmZM-CUkfW-_l.js.map → Icon-DbHA5GV1-DwO2aGkj.js.map} +1 -1
- package/dist/{Icon-BgNIrmZM.css → Icon-DbHA5GV1.css} +9 -9
- package/dist/Icon.js +1 -1
- package/dist/{InputMask-CDnbSm-K-DeTUYLsI.js → InputMask-CiAjFhsc-Bnbf_ZQq.js} +2 -2
- package/dist/{InputMask-CDnbSm-K-DeTUYLsI.js.map → InputMask-CiAjFhsc-Bnbf_ZQq.js.map} +1 -1
- package/dist/{InputMask-CSseS-fh.js → InputMask-Cifzg7Ee.js} +2 -2
- package/dist/{InputMask-CSseS-fh.js.map → InputMask-Cifzg7Ee.js.map} +1 -1
- package/dist/InputMask.js +1 -1
- package/dist/{Label-B-Z4Vp58-k9UxGncl.js → Label-Do6kKzVr-BvIRT-vF.js} +4 -4
- package/dist/{Label-B-Z4Vp58-k9UxGncl.js.map → Label-Do6kKzVr-BvIRT-vF.js.map} +1 -1
- package/dist/{Link-CL7Gc29S-LYooajNS.js → Link-BZ7vy96e-DolN6mMF.js} +8 -7
- package/dist/Link-BZ7vy96e-DolN6mMF.js.map +1 -0
- package/dist/Link-BZ7vy96e.css +63 -0
- package/dist/{Link-Ct0qNPzS.js → Link-CBkwLJrX.js} +2 -2
- package/dist/{Link-Ct0qNPzS.js.map → Link-CBkwLJrX.js.map} +1 -1
- package/dist/Link.js +1 -1
- package/dist/{ListView-Bf1mwMXt.js → ListView-DX7NxNSw.js} +2 -2
- package/dist/{ListView-Bf1mwMXt.js.map → ListView-DX7NxNSw.js.map} +1 -1
- package/dist/ListView.js +1 -1
- package/dist/{Listbox-BsQmGv15-C5bH4eex.js → Listbox-CCUnPdBn-DwvTVF0i.js} +3 -3
- package/dist/{Listbox-BsQmGv15-C5bH4eex.js.map → Listbox-CCUnPdBn-DwvTVF0i.js.map} +1 -1
- package/dist/{Listbox-BSf6vpMR.js → Listbox-DcMJEUMo.js} +2 -2
- package/dist/{Listbox-BSf6vpMR.js.map → Listbox-DcMJEUMo.js.map} +1 -1
- package/dist/Listbox.css +33 -33
- package/dist/Listbox.js +1 -1
- package/dist/Listbox.module-CJuWm7RR-CJuWm7RR.js +18 -0
- package/dist/Listbox.module-CJuWm7RR-CJuWm7RR.js.map +1 -0
- package/dist/{Menu-CYK-VXSj.js → Menu-COlGXBmd.js} +5 -5
- package/dist/{Menu-CYK-VXSj.js.map → Menu-COlGXBmd.js.map} +1 -1
- package/dist/Menu.js +1 -1
- package/dist/{Overflow-24qqgMkR.js → Overflow-Codc9CEy.js} +2 -2
- package/dist/{Overflow-24qqgMkR.js.map → Overflow-Codc9CEy.js.map} +1 -1
- package/dist/{Overflow-6zidmm4F-BNg3Wh59.js → Overflow-Cv9sOPm3-AYGUgSQn.js} +13 -13
- package/dist/Overflow-Cv9sOPm3-AYGUgSQn.js.map +1 -0
- package/dist/{Overflow-6zidmm4F.css → Overflow-Cv9sOPm3.css} +29 -29
- package/dist/Overflow.js +1 -1
- package/dist/Page-C5GjTBZh.js +452 -0
- package/dist/Page-C5GjTBZh.js.map +1 -0
- package/dist/Page.css +135 -65
- package/dist/Page.js +1 -1
- package/dist/{Popover-DRMCsDWy.js → Popover-DAxtbeRA.js} +2 -2
- package/dist/{Popover-DRMCsDWy.js.map → Popover-DAxtbeRA.js.map} +1 -1
- package/dist/{Popover-Btv8a_UW-CCpcppuW.js → Popover-tcXHJePS-CMjz_uId.js} +70 -48
- package/dist/Popover-tcXHJePS-CMjz_uId.js.map +1 -0
- package/dist/{Popover-Btv8a_UW.css → Popover-tcXHJePS.css} +10 -10
- package/dist/Popover.js +1 -1
- package/dist/{ProgressBar-EpBsXzcs-BgE8GDtg.js → ProgressBar-BrXijLda-BDwH4WrE.js} +12 -12
- package/dist/{ProgressBar-EpBsXzcs-BgE8GDtg.js.map → ProgressBar-BrXijLda-BDwH4WrE.js.map} +1 -1
- package/dist/{ProgressBar-EpBsXzcs.css → ProgressBar-BrXijLda.css} +20 -20
- package/dist/{ProgressBar-CmpuRo93.js → ProgressBar-aP7gOxee.js} +2 -2
- package/dist/{ProgressBar-CmpuRo93.js.map → ProgressBar-aP7gOxee.js.map} +1 -1
- package/dist/ProgressBar.js +1 -1
- package/dist/{Radio-D008X69w.js → Radio-BBwG1fqT-vopD4gzD.js} +55 -68
- package/dist/Radio-BBwG1fqT-vopD4gzD.js.map +1 -0
- package/dist/Radio-BBwG1fqT.css +232 -0
- package/dist/Radio-CtFSLOYa.js +34 -0
- package/dist/Radio-CtFSLOYa.js.map +1 -0
- package/dist/Radio.js +1 -1
- package/dist/{SearchField-Cu_XUoP4.js → SearchField-CWb0kaV8.js} +16 -8
- package/dist/SearchField-CWb0kaV8.js.map +1 -0
- package/dist/SearchField.css +9 -9
- package/dist/SearchField.js +1 -1
- package/dist/{SegmentedControl-ahC8vXbk.js → SegmentedControl-DyeWOOF3.js} +12 -12
- package/dist/{SegmentedControl-ahC8vXbk.js.map → SegmentedControl-DyeWOOF3.js.map} +1 -1
- package/dist/SegmentedControl.css +27 -27
- package/dist/SegmentedControl.js +1 -1
- package/dist/SelectCard.d.ts +6 -0
- package/dist/SelectCard.js +2 -0
- package/dist/SelectCard.js.map +1 -0
- package/dist/SelectCardGroup-Ch56Mp-k.js +178 -0
- package/dist/SelectCardGroup-Ch56Mp-k.js.map +1 -0
- package/dist/SelectCardGroup.css +37 -0
- package/dist/{SideNav-CCN45mjt.js → SideNav-Mdwo6zfi.js} +23 -23
- package/dist/{SideNav-CCN45mjt.js.map → SideNav-Mdwo6zfi.js.map} +1 -1
- package/dist/SideNav.css +55 -55
- package/dist/SideNav.js +1 -1
- package/dist/{Spinner-Cd29kwQb.js → Spinner-C0SZj1Xr.js} +2 -2
- package/dist/{Spinner-Cd29kwQb.js.map → Spinner-C0SZj1Xr.js.map} +1 -1
- package/dist/{Spinner-DsuW7OPp-Bct1KVcB.js → Spinner-DdirfhPp-c7cDfIit.js} +5 -5
- package/dist/{Spinner-DsuW7OPp-Bct1KVcB.js.map → Spinner-DdirfhPp-c7cDfIit.js.map} +1 -1
- package/dist/{Spinner-DsuW7OPp.css → Spinner-DdirfhPp.css} +7 -7
- package/dist/Spinner.js +1 -1
- package/dist/{Stepper-DE_jtDku.js → Stepper-CAuH-6cR.js} +11 -11
- package/dist/{Stepper-DE_jtDku.js.map → Stepper-CAuH-6cR.js.map} +1 -1
- package/dist/Stepper.css +37 -37
- package/dist/Stepper.js +1 -1
- package/dist/{Switch-C993WLM-.js → Switch-D2mURCX4.js} +6 -6
- package/dist/{Switch-C993WLM-.js.map → Switch-D2mURCX4.js.map} +1 -1
- package/dist/Switch.css +26 -26
- package/dist/Switch.js +1 -1
- package/dist/{Tab-D9fCuiyt.js → Tab-x6_xtr13.js} +14 -14
- package/dist/{Tab-D9fCuiyt.js.map → Tab-x6_xtr13.js.map} +1 -1
- package/dist/Tab.css +38 -38
- package/dist/Tab.js +1 -1
- package/dist/{TextField-86ebcPf6.js → TextField-BWHsVZiC.js} +2 -2
- package/dist/{TextField-86ebcPf6.js.map → TextField-BWHsVZiC.js.map} +1 -1
- package/dist/{TextField-BsIkt2PK-Cc3PZ7Kh.js → TextField-C614D1ZV-DeVOfPoS.js} +5 -5
- package/dist/{TextField-BsIkt2PK-Cc3PZ7Kh.js.map → TextField-C614D1ZV-DeVOfPoS.js.map} +1 -1
- package/dist/TextField.css +25 -25
- package/dist/TextField.js +1 -1
- package/dist/TextField.module-B411p3ST-B411p3ST.js +22 -0
- package/dist/{TextField.module-JJ6esEDk-JJ6esEDk.js.map → TextField.module-B411p3ST-B411p3ST.js.map} +1 -1
- package/dist/{Textarea-Cd6IsaY3.js → Textarea-Dj47MRiF.js} +10 -10
- package/dist/{Textarea-Cd6IsaY3.js.map → Textarea-Dj47MRiF.js.map} +1 -1
- package/dist/Textarea.css +15 -15
- package/dist/Textarea.js +1 -1
- package/dist/{ThemeProvider-Dvp6YuaY.js → ThemeProvider-CRXKTOvG.js} +2 -2
- package/dist/{ThemeProvider-Dvp6YuaY.js.map → ThemeProvider-CRXKTOvG.js.map} +1 -1
- package/dist/{ThemeProvider-C15J9JBA-BiL6I6O0.js → ThemeProvider-CioBp3gk-B6HyDICa.js} +10 -6
- package/dist/ThemeProvider-CioBp3gk-B6HyDICa.js.map +1 -0
- package/dist/ThemeProvider-CioBp3gk.css +407 -0
- package/dist/ThemeProvider.js +1 -1
- package/dist/Toast.js +1 -1
- package/dist/Toolbar-BAvsl6fK.js +710 -0
- package/dist/Toolbar-BAvsl6fK.js.map +1 -0
- package/dist/Toolbar.js +1 -709
- package/dist/Toolbar.js.map +1 -1
- package/dist/{Tooltip-ULhSGqQ0.js → Tooltip-D38gdiV_.js} +2 -2
- package/dist/{Tooltip-ULhSGqQ0.js.map → Tooltip-D38gdiV_.js.map} +1 -1
- package/dist/{Tooltip-DYbpkTNG-C9rTTa_A.js → Tooltip-DVBEjajY-DN86i_oi.js} +4 -4
- package/dist/{Tooltip-DYbpkTNG-C9rTTa_A.js.map → Tooltip-DVBEjajY-DN86i_oi.js.map} +1 -1
- package/dist/Tooltip.js +1 -1
- package/dist/assets/css-utils/border.css +45 -29
- package/dist/assets/css-utils/color.css +219 -103
- package/dist/assets/css-utils/font.css +45 -43
- package/dist/assets/css-utils/spacing.css +71 -1
- package/dist/assets/css-utils/utils.css +562 -368
- package/dist/assets/icons/st/add_purchase_order.svg +1 -0
- package/dist/assets/icons/st/add_to_list.svg +1 -0
- package/dist/assets/icons/st/add_user.svg +1 -0
- package/dist/assets/icons/st/apply_template.svg +1 -0
- package/dist/assets/icons/st/attach_file.svg +1 -0
- package/dist/assets/icons/st/collect_payment.svg +1 -0
- package/dist/assets/icons/st/create_event.svg +1 -0
- package/dist/assets/icons/st/create_task.svg +1 -0
- package/dist/assets/icons/st/estimate.svg +1 -1
- package/dist/assets/icons/st/job.svg +1 -1
- package/dist/assets/icons/st/local_settings.svg +1 -1
- package/dist/assets/icons/st/preview_file.svg +1 -0
- package/dist/assets/icons/st/save_for_later.svg +1 -0
- package/dist/assets/icons/st/send_message.svg +1 -0
- package/dist/assets/icons/st/set_reminder.svg +1 -0
- package/dist/assets/icons/st/view_timesheet.svg +1 -0
- package/dist/assets/icons/st.ts +13 -0
- package/dist/components/Checkbox/Checkbox.d.ts +2 -16
- package/dist/components/Combobox/index.d.ts +1 -0
- package/dist/components/Combobox/useInfiniteCombobox.d.ts +1 -0
- package/dist/components/Divider/Divider.d.ts +1 -1
- package/dist/components/Grid/Grid.d.ts +5 -35
- package/dist/components/Page/Page.d.ts +49 -4
- package/dist/components/Popover/Popover.d.ts +6 -2
- package/dist/components/Radio/Radio.d.ts +2 -13
- package/dist/components/SelectCard/SelectCard.d.ts +3 -0
- package/dist/components/SelectCard/SelectCardGroup.d.ts +3 -0
- package/dist/components/SelectCard/index.d.ts +4 -0
- package/dist/components/Toolbar/Toolbar.d.ts +3 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/{floating-ui.react-dom-DFKXqfVl.js → floating-ui.react-dom-D912oS4K.js} +2 -2
- package/dist/{floating-ui.react-dom-DFKXqfVl.js.map → floating-ui.react-dom-D912oS4K.js.map} +1 -1
- package/dist/index.js +45 -43
- package/dist/index.js.map +1 -1
- package/dist/{toast-BFAs1GYa.js → toast-DMKrL2Ew.js} +73 -55
- package/dist/toast-DMKrL2Ew.js.map +1 -0
- package/dist/toast.css +59 -45
- package/dist/token/core/component-variables.scss +139 -0
- package/dist/token/core/component.js +645 -0
- package/dist/token/core/component.scss +69 -0
- package/dist/token/core/css-utils/border.css +45 -29
- package/dist/token/core/css-utils/color.css +219 -103
- package/dist/token/core/css-utils/font.css +45 -43
- package/dist/token/core/css-utils/spacing.css +71 -1
- package/dist/token/core/css-utils/utils.css +562 -368
- package/dist/token/core/index.js +2 -1
- package/dist/token/core/raw.js +28 -24
- package/dist/token/core/semantic-variables.scss +28 -24
- package/dist/token/core/semantic.js +44 -24
- package/dist/token/core/semantic.scss +13 -11
- package/dist/token.js +766 -24
- package/dist/token.js.map +1 -1
- package/dist/useLinkStyles.js +1 -1
- package/package.json +3 -3
- package/dist/Button-DPIUyV2O-DxCH2dlc.js.map +0 -1
- package/dist/Button-DPIUyV2O.css +0 -337
- package/dist/Checkbox-BTD0_Qkv.js.map +0 -1
- package/dist/Checkbox-CIMoRELh-B3GJHXyO.js.map +0 -1
- package/dist/Checkbox.module-9DnErc2T-CoENWijd.js.map +0 -1
- package/dist/Combobox-UI4iNs4v.js.map +0 -1
- package/dist/Dialog-DhG6Qvhz-CZ1yBSYv.js.map +0 -1
- package/dist/Divider-Ctp-0EQ8.js.map +0 -1
- package/dist/Link-CL7Gc29S-LYooajNS.js.map +0 -1
- package/dist/Link-CL7Gc29S.css +0 -60
- package/dist/Listbox.module-D3Ewu_8u-D3Ewu_8u.js +0 -18
- package/dist/Listbox.module-D3Ewu_8u-D3Ewu_8u.js.map +0 -1
- package/dist/Overflow-6zidmm4F-BNg3Wh59.js.map +0 -1
- package/dist/Page-f5A2PjHI.js +0 -311
- package/dist/Page-f5A2PjHI.js.map +0 -1
- package/dist/Popover-Btv8a_UW-CCpcppuW.js.map +0 -1
- package/dist/Radio-D008X69w.js.map +0 -1
- package/dist/Radio.css +0 -212
- package/dist/SearchField-Cu_XUoP4.js.map +0 -1
- package/dist/TextField.module-JJ6esEDk-JJ6esEDk.js +0 -22
- package/dist/ThemeProvider-C15J9JBA-BiL6I6O0.js.map +0 -1
- package/dist/ThemeProvider-C15J9JBA.css +0 -270
- package/dist/toast-BFAs1GYa.js.map +0 -1
- /package/dist/{Label-B-Z4Vp58.css → Label-Do6kKzVr.css} +0 -0
- /package/dist/{Tooltip-DYbpkTNG.css → Tooltip-DVBEjajY.css} +0 -0
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import { useTrackingId } from './useTrackingId.js';
|
|
3
|
-
import React__default, { useRef, useCallback, useEffect, useMemo, cloneElement, useLayoutEffect, useReducer, Component, createContext,
|
|
3
|
+
import React__default, { useRef, useCallback, useEffect, useMemo, cloneElement, useLayoutEffect, useReducer, Component, createContext, useState, useDeferredValue, useContext, useId } from 'react';
|
|
4
4
|
import { g as getDefaultExportFromCjs, c as cx } from './index-tZvMCc77.js';
|
|
5
5
|
import { a as _extends, _ as _objectWithoutPropertiesLoose } from './extends-Bg2s_OKl.js';
|
|
6
|
-
import { u as usePopoverContext, d as Popover } from './Popover-
|
|
6
|
+
import { u as usePopoverContext, d as Popover } from './Popover-tcXHJePS-CMjz_uId.js';
|
|
7
7
|
import { F as Flex } from './Flex-pdHNcZrF-CdQdYhOU.js';
|
|
8
8
|
import { T as Text } from './Text-C2n3GDdC-rz_AelM0.js';
|
|
9
|
-
import { S as Spinner } from './Spinner-
|
|
10
|
-
import { s as styles$2 } from './Listbox.module-
|
|
9
|
+
import { S as Spinner } from './Spinner-DdirfhPp-c7cDfIit.js';
|
|
10
|
+
import { s as styles$2 } from './Listbox.module-CJuWm7RR-CJuWm7RR.js';
|
|
11
11
|
import { s as styles$1 } from './ListView.module-BqvHsIQ9-BqvHsIQ9.js';
|
|
12
|
-
import { I as Icon$1 } from './Icon-
|
|
13
|
-
import { c as checkboxStyles, a as SvgIndeterminateCheckBox, S as SvgCheckBox, b as SvgCheckBoxOutlineBlank } from './Checkbox.module-
|
|
12
|
+
import { I as Icon$1 } from './Icon-DbHA5GV1-DwO2aGkj.js';
|
|
13
|
+
import { c as checkboxStyles, a as SvgIndeterminateCheckBox, S as SvgCheckBox, b as SvgCheckBoxOutlineBlank } from './Checkbox.module-DMrZNVpb-DL8zOKBQ.js';
|
|
14
14
|
import { S as SvgCheck } from './check-Cf67OWrZ.js';
|
|
15
15
|
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-C6qizVc6-BkgAan7h.js';
|
|
16
|
-
import { L as Label } from './Label-
|
|
17
|
-
import { B as Button } from './Button-
|
|
18
|
-
import { C as Chip } from './Chip-
|
|
16
|
+
import { L as Label } from './Label-Do6kKzVr-BvIRT-vF.js';
|
|
17
|
+
import { B as Button } from './Button-BHwg8Uip-DPU6y8-l.js';
|
|
18
|
+
import { C as Chip } from './Chip-CAxTyjIZ-DfkCTnYy.js';
|
|
19
19
|
import { S as SvgClose } from './close-DZj38AEh.js';
|
|
20
20
|
import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
|
|
21
|
-
import { H as Helper } from './Helper-
|
|
21
|
+
import { H as Helper } from './Helper-Ba5DBS51-DBtASfJG.js';
|
|
22
22
|
import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
|
|
23
23
|
|
|
24
24
|
import './Combobox.css';function _setPrototypeOf(t, e) {
|
|
@@ -6281,54 +6281,54 @@ function getKeyAttributes(key) {
|
|
|
6281
6281
|
};
|
|
6282
6282
|
}
|
|
6283
6283
|
|
|
6284
|
-
const item = "
|
|
6285
|
-
const input = "
|
|
6286
|
-
const prefix = "
|
|
6287
|
-
const suffix = "
|
|
6288
|
-
const combobox = "
|
|
6289
|
-
const select = "
|
|
6290
|
-
const chip = "
|
|
6291
|
-
const listview = "
|
|
6292
|
-
const empty = "
|
|
6293
|
-
const children = "
|
|
6294
|
-
const Icon = "
|
|
6295
|
-
const small = "
|
|
6296
|
-
const large = "
|
|
6297
|
-
const error = "
|
|
6298
|
-
const disabled = "
|
|
6284
|
+
const item = "_item_1ued6_5";
|
|
6285
|
+
const input = "_input_1ued6_18";
|
|
6286
|
+
const prefix = "_prefix_1ued6_46";
|
|
6287
|
+
const suffix = "_suffix_1ued6_47";
|
|
6288
|
+
const combobox = "_combobox_1ued6_62";
|
|
6289
|
+
const select = "_select_1ued6_71";
|
|
6290
|
+
const chip = "_chip_1ued6_167";
|
|
6291
|
+
const listview = "_listview_1ued6_208";
|
|
6292
|
+
const empty = "_empty_1ued6_216";
|
|
6293
|
+
const children = "_children_1ued6_244";
|
|
6294
|
+
const Icon = "_Icon_1ued6_247";
|
|
6295
|
+
const small = "_small_1ued6_252";
|
|
6296
|
+
const large = "_large_1ued6_255";
|
|
6297
|
+
const error = "_error_1ued6_273";
|
|
6298
|
+
const disabled = "_disabled_1ued6_286";
|
|
6299
6299
|
const styles = {
|
|
6300
|
-
"buttons-wrapper": "_buttons-
|
|
6301
|
-
"search-field": "_search-
|
|
6300
|
+
"buttons-wrapper": "_buttons-wrapper_1ued6_3",
|
|
6301
|
+
"search-field": "_search-field_1ued6_4",
|
|
6302
6302
|
item: item,
|
|
6303
6303
|
input: input,
|
|
6304
|
-
"input-wrapper": "_input-
|
|
6305
|
-
"toggle-button-wrapper": "_toggle-button-
|
|
6306
|
-
"close-button-wrapper": "_close-button-
|
|
6304
|
+
"input-wrapper": "_input-wrapper_1ued6_19",
|
|
6305
|
+
"toggle-button-wrapper": "_toggle-button-wrapper_1ued6_32",
|
|
6306
|
+
"close-button-wrapper": "_close-button-wrapper_1ued6_33",
|
|
6307
6307
|
prefix: prefix,
|
|
6308
6308
|
suffix: suffix,
|
|
6309
6309
|
combobox: combobox,
|
|
6310
6310
|
select: select,
|
|
6311
|
-
"popover-content": "_popover-
|
|
6312
|
-
"no-clear-button": "_no-clear-
|
|
6313
|
-
"input-flex": "_input-
|
|
6314
|
-
"fake-placeholder": "_fake-
|
|
6315
|
-
"close-button": "_close-
|
|
6316
|
-
"toggle-button": "_toggle-
|
|
6317
|
-
"rows-wrapper": "_rows-
|
|
6318
|
-
"chip-wrapper": "_chip-
|
|
6311
|
+
"popover-content": "_popover-content_1ued6_74",
|
|
6312
|
+
"no-clear-button": "_no-clear-button_1ued6_93",
|
|
6313
|
+
"input-flex": "_input-flex_1ued6_96",
|
|
6314
|
+
"fake-placeholder": "_fake-placeholder_1ued6_124",
|
|
6315
|
+
"close-button": "_close-button_1ued6_33",
|
|
6316
|
+
"toggle-button": "_toggle-button_1ued6_32",
|
|
6317
|
+
"rows-wrapper": "_rows-wrapper_1ued6_157",
|
|
6318
|
+
"chip-wrapper": "_chip-wrapper_1ued6_167",
|
|
6319
6319
|
chip: chip,
|
|
6320
6320
|
listview: listview,
|
|
6321
|
-
"loading-spinner": "_loading-
|
|
6321
|
+
"loading-spinner": "_loading-spinner_1ued6_212",
|
|
6322
6322
|
empty: empty,
|
|
6323
6323
|
children: children,
|
|
6324
6324
|
Icon: Icon,
|
|
6325
6325
|
small: small,
|
|
6326
6326
|
large: large,
|
|
6327
6327
|
error: error,
|
|
6328
|
-
"loading-infinite": "_loading-
|
|
6329
|
-
"loading-progress": "_loading-
|
|
6328
|
+
"loading-infinite": "_loading-infinite_1ued6_286",
|
|
6329
|
+
"loading-progress": "_loading-progress_1ued6_286",
|
|
6330
6330
|
disabled: disabled,
|
|
6331
|
-
"listview-option": "_listview-
|
|
6331
|
+
"listview-option": "_listview-option_1ued6_304"
|
|
6332
6332
|
};
|
|
6333
6333
|
|
|
6334
6334
|
const ComboboxTrigger = ({
|
|
@@ -6416,7 +6416,7 @@ const ComboboxTrigger = ({
|
|
|
6416
6416
|
const handleBlur = (e) => {
|
|
6417
6417
|
const target = e.relatedTarget ?? e.target;
|
|
6418
6418
|
const focusedOnReference = context?.invoker.ref.current && context?.invoker.ref.current.contains(target);
|
|
6419
|
-
const focusedOnContent = context?.popover.ref.current && context?.popover.ref.current.contains(target);
|
|
6419
|
+
const focusedOnContent = context?.popover.ref.current && context?.popover.ref.current.contains(target) || context?.popover.element?.contains(target);
|
|
6420
6420
|
if (!focusedOnReference && !focusedOnContent || !e.relatedTarget) {
|
|
6421
6421
|
closeMenu();
|
|
6422
6422
|
}
|
|
@@ -6455,7 +6455,7 @@ const ComboboxTrigger = ({
|
|
|
6455
6455
|
},
|
|
6456
6456
|
[]
|
|
6457
6457
|
);
|
|
6458
|
-
if (!rowData[maxRows] || visibleChipsCount === 0) {
|
|
6458
|
+
if (!rowData[maxRows] || visibleChipsCount === 0 || selectedItems.length === 1) {
|
|
6459
6459
|
setStillCalculating(false);
|
|
6460
6460
|
} else {
|
|
6461
6461
|
setCollapsedChips(true);
|
|
@@ -6790,7 +6790,7 @@ const ComboboxList$1 = function({
|
|
|
6790
6790
|
} = useCombobox();
|
|
6791
6791
|
if (multiple) {
|
|
6792
6792
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
6793
|
-
/* @__PURE__ */
|
|
6793
|
+
/* @__PURE__ */ jsx(
|
|
6794
6794
|
"div",
|
|
6795
6795
|
{
|
|
6796
6796
|
...getMenuProps(rest),
|
|
@@ -6800,17 +6800,14 @@ const ComboboxList$1 = function({
|
|
|
6800
6800
|
display: items.length || hasAddNew ? undefined : "none",
|
|
6801
6801
|
overflow: "auto"
|
|
6802
6802
|
},
|
|
6803
|
-
children
|
|
6804
|
-
children,
|
|
6805
|
-
loading ? /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Spinner, { className: styles["loading-spinner"] }) }) : null
|
|
6806
|
-
]
|
|
6803
|
+
children
|
|
6807
6804
|
}
|
|
6808
6805
|
),
|
|
6809
|
-
!items.length && !hasEmpty ? /* @__PURE__ */ jsx("div", { className: styles["empty"], children: /* @__PURE__ */ jsx(Text, { subdued: true, size: "small", children: "No match found" }) }) : null
|
|
6806
|
+
loading ? /* @__PURE__ */ jsx("div", { className: styles["empty"], children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Spinner, { className: styles["loading-spinner"] }) }) }) : !items.length && !hasEmpty ? /* @__PURE__ */ jsx("div", { className: styles["empty"], children: /* @__PURE__ */ jsx(Text, { subdued: true, size: "small", children: "No match found" }) }) : null
|
|
6810
6807
|
] });
|
|
6811
6808
|
} else {
|
|
6812
6809
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
6813
|
-
/* @__PURE__ */
|
|
6810
|
+
/* @__PURE__ */ jsx(
|
|
6814
6811
|
"ul",
|
|
6815
6812
|
{
|
|
6816
6813
|
...getMenuProps(rest),
|
|
@@ -6820,13 +6817,10 @@ const ComboboxList$1 = function({
|
|
|
6820
6817
|
display: items.length || hasAddNew ? undefined : "none",
|
|
6821
6818
|
overflow: "auto"
|
|
6822
6819
|
},
|
|
6823
|
-
children
|
|
6824
|
-
children,
|
|
6825
|
-
loading ? /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Spinner, { className: styles["loading-spinner"] }) }) }) : null
|
|
6826
|
-
]
|
|
6820
|
+
children
|
|
6827
6821
|
}
|
|
6828
6822
|
),
|
|
6829
|
-
!items.length && !hasEmpty ? /* @__PURE__ */ jsx("div", { className: styles["empty"], children: /* @__PURE__ */ jsx(Text, { subdued: true, size: "small", children: "No match found" }) }) : null
|
|
6823
|
+
loading ? /* @__PURE__ */ jsx("div", { className: styles["empty"], children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Spinner, { className: styles["loading-spinner"] }) }) }) : !items.length && !hasEmpty ? /* @__PURE__ */ jsx("div", { className: styles["empty"], children: /* @__PURE__ */ jsx(Text, { subdued: true, size: "small", children: "No match found" }) }) : null
|
|
6830
6824
|
] });
|
|
6831
6825
|
}
|
|
6832
6826
|
};
|
|
@@ -6889,7 +6883,7 @@ const ComboboxItem$1 = function({
|
|
|
6889
6883
|
styles$1["listview-option"]
|
|
6890
6884
|
),
|
|
6891
6885
|
children: [
|
|
6892
|
-
/* @__PURE__ */ jsx("div", { className: cx(styles["cell"], styles$1["cell"]), children: /* @__PURE__ */ jsx("div", { className: checkboxStyles["wrapper"], children: /* @__PURE__ */ jsxs("div", { className: checkboxStyles["checkbox"], children: [
|
|
6886
|
+
item !== ADD_NEW ? /* @__PURE__ */ jsx("div", { className: cx(styles["cell"], styles$1["cell"]), children: /* @__PURE__ */ jsx("div", { className: checkboxStyles["wrapper"], children: /* @__PURE__ */ jsxs("div", { className: checkboxStyles["checkbox"], children: [
|
|
6893
6887
|
/* @__PURE__ */ jsx(
|
|
6894
6888
|
"input",
|
|
6895
6889
|
{
|
|
@@ -6929,7 +6923,7 @@ const ComboboxItem$1 = function({
|
|
|
6929
6923
|
)
|
|
6930
6924
|
] }),
|
|
6931
6925
|
/* @__PURE__ */ jsx("span", { "aria-hidden": true })
|
|
6932
|
-
] }) }) }),
|
|
6926
|
+
] }) }) }) : null,
|
|
6933
6927
|
/* @__PURE__ */ jsx(
|
|
6934
6928
|
Flex,
|
|
6935
6929
|
{
|
|
@@ -7096,6 +7090,7 @@ const ComboboxSingle = function(props) {
|
|
|
7096
7090
|
disableMatchReferenceWidth = false,
|
|
7097
7091
|
disableCloseOnSelectItem = false,
|
|
7098
7092
|
filterOptions,
|
|
7093
|
+
disableFilter = false,
|
|
7099
7094
|
loading = false,
|
|
7100
7095
|
minPopoverHeight,
|
|
7101
7096
|
root,
|
|
@@ -7190,7 +7185,7 @@ const ComboboxSingle = function(props) {
|
|
|
7190
7185
|
if (type === useCombobox$1.stateChangeTypes.InputKeyDownEnter || type === useCombobox$1.stateChangeTypes.ItemClick) {
|
|
7191
7186
|
setItems(itemsProp);
|
|
7192
7187
|
setHasExactMatch(true);
|
|
7193
|
-
} else if (!inputValueMatchesSelectedItem && !inputValueIsEmpty) {
|
|
7188
|
+
} else if (!inputValueMatchesSelectedItem && !inputValueIsEmpty && !disableFilter) {
|
|
7194
7189
|
setItems(matchSorter(itemsProp, inputValue2, filterOptions));
|
|
7195
7190
|
setHasExactMatch(
|
|
7196
7191
|
matchSorter(itemsProp, inputValue2, {
|
|
@@ -7254,7 +7249,7 @@ const ComboboxSingle = function(props) {
|
|
|
7254
7249
|
if (firstRenderRef.current) return;
|
|
7255
7250
|
const inputValueMatchesSelectedItem = selectedItem != null && inputValue === itemToString(selectedItem);
|
|
7256
7251
|
const inputValueIsEmpty = inputValue == null || inputValue === "";
|
|
7257
|
-
if (!inputValueMatchesSelectedItem && !inputValueIsEmpty) {
|
|
7252
|
+
if (!inputValueMatchesSelectedItem && !inputValueIsEmpty && !disableFilter) {
|
|
7258
7253
|
setItems(matchSorter(itemsProp, inputValue, filterOptions));
|
|
7259
7254
|
setHasExactMatch(
|
|
7260
7255
|
matchSorter(itemsProp, inputValue, {
|
|
@@ -7350,11 +7345,13 @@ const ComboboxMultiple = function(props) {
|
|
|
7350
7345
|
itemToKey: itemToKeyProp,
|
|
7351
7346
|
onChange,
|
|
7352
7347
|
onSelectedItemsChange,
|
|
7348
|
+
onStateChange,
|
|
7353
7349
|
disableCloseOnClickOutside = false,
|
|
7354
7350
|
disableMatchReferenceWidth = false,
|
|
7355
7351
|
disableCloseOnSelectItem = false,
|
|
7356
7352
|
disableClearInputValueOnSelectItem = false,
|
|
7357
7353
|
filterOptions,
|
|
7354
|
+
disableFilter = false,
|
|
7358
7355
|
loading = false,
|
|
7359
7356
|
minPopoverHeight,
|
|
7360
7357
|
root,
|
|
@@ -7428,12 +7425,14 @@ const ComboboxMultiple = function(props) {
|
|
|
7428
7425
|
return changes;
|
|
7429
7426
|
}
|
|
7430
7427
|
},
|
|
7431
|
-
onStateChange(
|
|
7428
|
+
onStateChange(changes) {
|
|
7429
|
+
const { type } = changes;
|
|
7432
7430
|
switch (type) {
|
|
7433
7431
|
case useMultipleSelection.stateChangeTypes.FunctionReset:
|
|
7434
7432
|
storedSetInputValue?.("");
|
|
7435
7433
|
break;
|
|
7436
7434
|
}
|
|
7435
|
+
onStateChange?.(changes);
|
|
7437
7436
|
},
|
|
7438
7437
|
onSelectedItemsChange(changes) {
|
|
7439
7438
|
const { selectedItems: selectedItems2 } = changes;
|
|
@@ -7505,7 +7504,8 @@ const ComboboxMultiple = function(props) {
|
|
|
7505
7504
|
return changes;
|
|
7506
7505
|
}
|
|
7507
7506
|
},
|
|
7508
|
-
onStateChange(
|
|
7507
|
+
onStateChange(changes) {
|
|
7508
|
+
const { type, selectedItem: newSelectedItem } = changes;
|
|
7509
7509
|
switch (type) {
|
|
7510
7510
|
case useCombobox$1.stateChangeTypes.InputKeyDownEnter:
|
|
7511
7511
|
case useCombobox$1.stateChangeTypes.ItemClick:
|
|
@@ -7522,6 +7522,7 @@ const ComboboxMultiple = function(props) {
|
|
|
7522
7522
|
}
|
|
7523
7523
|
break;
|
|
7524
7524
|
}
|
|
7525
|
+
onStateChange?.(changes);
|
|
7525
7526
|
},
|
|
7526
7527
|
onInputValueChange: onInputValueChange ?? (({ inputValue: inputValue2, ...changes }) => {
|
|
7527
7528
|
const { type, selectedItem: selectedItem2 } = changes;
|
|
@@ -7530,7 +7531,7 @@ const ComboboxMultiple = function(props) {
|
|
|
7530
7531
|
if (type === useCombobox$1.stateChangeTypes.InputKeyDownEnter || type === useCombobox$1.stateChangeTypes.ItemClick) {
|
|
7531
7532
|
setItems(itemsProp);
|
|
7532
7533
|
setHasExactMatch(true);
|
|
7533
|
-
} else if (!inputValueMatchesSelectedItem && !inputValueIsEmpty) {
|
|
7534
|
+
} else if (!inputValueMatchesSelectedItem && !inputValueIsEmpty && !disableFilter) {
|
|
7534
7535
|
setItems(matchSorter(itemsProp, inputValue2, filterOptions));
|
|
7535
7536
|
setHasExactMatch(
|
|
7536
7537
|
matchSorter(itemsProp, inputValue2, {
|
|
@@ -7583,7 +7584,7 @@ const ComboboxMultiple = function(props) {
|
|
|
7583
7584
|
useEffect(() => {
|
|
7584
7585
|
if (firstRenderRef.current) return;
|
|
7585
7586
|
const inputValueIsEmpty = inputValue == null || inputValue === "";
|
|
7586
|
-
if (!inputValueIsEmpty) {
|
|
7587
|
+
if (!inputValueIsEmpty && !disableFilter) {
|
|
7587
7588
|
setItems(matchSorter(itemsProp, inputValue, filterOptions));
|
|
7588
7589
|
setHasExactMatch(
|
|
7589
7590
|
matchSorter(itemsProp, inputValue, {
|
|
@@ -7844,6 +7845,7 @@ const SelectMultiple = function(props) {
|
|
|
7844
7845
|
itemToKey: itemToKeyProp,
|
|
7845
7846
|
onChange,
|
|
7846
7847
|
onSelectedItemsChange,
|
|
7848
|
+
onStateChange,
|
|
7847
7849
|
disableCloseOnClickOutside = false,
|
|
7848
7850
|
disableMatchReferenceWidth = false,
|
|
7849
7851
|
disableCloseOnSelectItem = false,
|
|
@@ -7909,6 +7911,7 @@ const SelectMultiple = function(props) {
|
|
|
7909
7911
|
return changes;
|
|
7910
7912
|
}
|
|
7911
7913
|
},
|
|
7914
|
+
onStateChange,
|
|
7912
7915
|
onSelectedItemsChange(changes) {
|
|
7913
7916
|
const { selectedItems: selectedItems2 } = changes;
|
|
7914
7917
|
if (onChange != null) onChange(selectedItems2);
|
|
@@ -7949,7 +7952,8 @@ const SelectMultiple = function(props) {
|
|
|
7949
7952
|
return changes;
|
|
7950
7953
|
}
|
|
7951
7954
|
},
|
|
7952
|
-
onStateChange(
|
|
7955
|
+
onStateChange(changes) {
|
|
7956
|
+
const { type, selectedItem: newSelectedItem } = changes;
|
|
7953
7957
|
switch (type) {
|
|
7954
7958
|
case useSelect.stateChangeTypes.ToggleButtonKeyDownEnter:
|
|
7955
7959
|
case useSelect.stateChangeTypes.ItemClick:
|
|
@@ -7966,6 +7970,7 @@ const SelectMultiple = function(props) {
|
|
|
7966
7970
|
}
|
|
7967
7971
|
break;
|
|
7968
7972
|
}
|
|
7973
|
+
onStateChange?.(changes);
|
|
7969
7974
|
},
|
|
7970
7975
|
isItemDisabled(item) {
|
|
7971
7976
|
if (isDisabled || isReadOnly) {
|
|
@@ -8082,6 +8087,181 @@ const Combobox$1 = Object.assign(ComboboxElement$1, {
|
|
|
8082
8087
|
Empty: ComboboxEmpty$1
|
|
8083
8088
|
});
|
|
8084
8089
|
|
|
8090
|
+
const SCROLL_THRESHOLD = 0.64;
|
|
8091
|
+
function useInfiniteCombobox({
|
|
8092
|
+
query,
|
|
8093
|
+
queryInitialItems,
|
|
8094
|
+
initialItems = [],
|
|
8095
|
+
initialPage = 0,
|
|
8096
|
+
initialLoading = false,
|
|
8097
|
+
initialInputValue,
|
|
8098
|
+
defaultInputValue,
|
|
8099
|
+
initialSelectedItem,
|
|
8100
|
+
defaultSelectedItem,
|
|
8101
|
+
initialSelectedItems,
|
|
8102
|
+
defaultSelectedItems,
|
|
8103
|
+
updateOnInputValueChange = true,
|
|
8104
|
+
updateOnSelectedItemChange = true,
|
|
8105
|
+
updateOnSelectedItemsChange = true,
|
|
8106
|
+
queryOnFirstRender = false,
|
|
8107
|
+
shouldTriggerQuery: shouldTriggerQueryProp
|
|
8108
|
+
}) {
|
|
8109
|
+
const [items, setItems] = useState(initialItems);
|
|
8110
|
+
const deferredItems = useDeferredValue(items);
|
|
8111
|
+
const [page, setPage] = useState(initialPage);
|
|
8112
|
+
const [loading, setLoading] = useState(initialLoading);
|
|
8113
|
+
const deferredLoading = useDeferredValue(loading);
|
|
8114
|
+
const [inputValue, setInputValue] = useState(
|
|
8115
|
+
initialInputValue ?? defaultInputValue ?? ""
|
|
8116
|
+
);
|
|
8117
|
+
const [selectedItem, setSelectedItem] = useState(
|
|
8118
|
+
initialSelectedItem ?? defaultSelectedItem ?? null
|
|
8119
|
+
);
|
|
8120
|
+
const [selectedItems, setSelectedItems] = useState(
|
|
8121
|
+
initialSelectedItems ?? defaultSelectedItems ?? []
|
|
8122
|
+
);
|
|
8123
|
+
const scrollerRef = useRef(null);
|
|
8124
|
+
const defaultShouldTriggerQuery = (element) => {
|
|
8125
|
+
const totalScrollHeight = element.scrollHeight - element.clientHeight;
|
|
8126
|
+
return element.scrollTop / totalScrollHeight > SCROLL_THRESHOLD;
|
|
8127
|
+
};
|
|
8128
|
+
const [triggerQueryCount, setTriggerQueryCount] = useState(0);
|
|
8129
|
+
const triggerQueryCountRef = useRef(0);
|
|
8130
|
+
const triggerQuery = () => {
|
|
8131
|
+
setTriggerQueryCount((x) => x + 1);
|
|
8132
|
+
triggerQueryCountRef.current += 1;
|
|
8133
|
+
};
|
|
8134
|
+
const [done, setDone] = useState(false);
|
|
8135
|
+
const firstRenderRef = useRef(true);
|
|
8136
|
+
const scrollTimeoutRef = useRef(false);
|
|
8137
|
+
const loadingRef = useRef(false);
|
|
8138
|
+
const setLoadingStateAndRef = (isLoading) => {
|
|
8139
|
+
setLoading(isLoading);
|
|
8140
|
+
loadingRef.current = isLoading;
|
|
8141
|
+
};
|
|
8142
|
+
const queryRetryCountRef = useRef(0);
|
|
8143
|
+
useEffect(() => {
|
|
8144
|
+
if (firstRenderRef.current && queryInitialItems) {
|
|
8145
|
+
setItems(queryInitialItems());
|
|
8146
|
+
}
|
|
8147
|
+
if (firstRenderRef.current && !queryOnFirstRender) {
|
|
8148
|
+
firstRenderRef.current = false;
|
|
8149
|
+
return;
|
|
8150
|
+
}
|
|
8151
|
+
setLoadingStateAndRef(true);
|
|
8152
|
+
const timeoutID = setTimeout(() => {
|
|
8153
|
+
if (triggerQueryCount < triggerQueryCountRef.current) return;
|
|
8154
|
+
query({
|
|
8155
|
+
page,
|
|
8156
|
+
inputValue,
|
|
8157
|
+
selectedItem,
|
|
8158
|
+
selectedItems
|
|
8159
|
+
}).then((res) => {
|
|
8160
|
+
queryRetryCountRef.current = 0;
|
|
8161
|
+
if (triggerQueryCount < triggerQueryCountRef.current) return;
|
|
8162
|
+
setLoadingStateAndRef(false);
|
|
8163
|
+
setPage((x) => x + 1);
|
|
8164
|
+
if (res == null || page > 0 && res.length === 0) {
|
|
8165
|
+
setDone(true);
|
|
8166
|
+
} else if (page === 0) {
|
|
8167
|
+
setItems(() => [...res]);
|
|
8168
|
+
} else {
|
|
8169
|
+
setItems((prevItems) => [...prevItems, ...res]);
|
|
8170
|
+
}
|
|
8171
|
+
}).catch(() => {
|
|
8172
|
+
queryRetryCountRef.current += 1;
|
|
8173
|
+
if (queryRetryCountRef.current > 7) {
|
|
8174
|
+
queryRetryCountRef.current = 0;
|
|
8175
|
+
return;
|
|
8176
|
+
} else {
|
|
8177
|
+
setTimeout(
|
|
8178
|
+
() => {
|
|
8179
|
+
triggerQuery();
|
|
8180
|
+
},
|
|
8181
|
+
2 ** queryRetryCountRef.current * 160
|
|
8182
|
+
);
|
|
8183
|
+
}
|
|
8184
|
+
});
|
|
8185
|
+
}, 160);
|
|
8186
|
+
return () => {
|
|
8187
|
+
clearTimeout(timeoutID);
|
|
8188
|
+
};
|
|
8189
|
+
}, [triggerQueryCount]);
|
|
8190
|
+
useLayoutEffect(() => {
|
|
8191
|
+
setTimeout(() => {
|
|
8192
|
+
if (scrollerRef.current && scrollerRef.current.scrollHeight > 0 && scrollerRef.current.clientHeight > 0 && scrollerRef.current.scrollHeight <= scrollerRef.current.clientHeight) {
|
|
8193
|
+
triggerQuery();
|
|
8194
|
+
}
|
|
8195
|
+
}, 160);
|
|
8196
|
+
}, [items]);
|
|
8197
|
+
const isEmpty = items.length === 0 && page === 0;
|
|
8198
|
+
const onStateChange = useCallback(
|
|
8199
|
+
(changes) => {
|
|
8200
|
+
if (isEmpty && "isOpen" in changes && changes.isOpen === true) {
|
|
8201
|
+
triggerQuery();
|
|
8202
|
+
}
|
|
8203
|
+
const inputValueShouldUpdate = updateOnInputValueChange && "inputValue" in changes;
|
|
8204
|
+
const selectedItemsShouldUpdate = updateOnSelectedItemsChange && "selectedItems" in changes && changes.selectedItems;
|
|
8205
|
+
const selectedItemShouldUpdate = updateOnSelectedItemChange && "selectedItem" in changes && changes.selectedItem !== undefined;
|
|
8206
|
+
if (inputValueShouldUpdate) {
|
|
8207
|
+
setInputValue(changes.inputValue ?? "");
|
|
8208
|
+
}
|
|
8209
|
+
if (selectedItemsShouldUpdate) {
|
|
8210
|
+
setSelectedItems(changes.selectedItems ?? []);
|
|
8211
|
+
}
|
|
8212
|
+
if (selectedItemShouldUpdate) {
|
|
8213
|
+
setSelectedItem(changes.selectedItem);
|
|
8214
|
+
}
|
|
8215
|
+
if (inputValueShouldUpdate || selectedItemsShouldUpdate || selectedItemShouldUpdate) {
|
|
8216
|
+
setPage(0);
|
|
8217
|
+
setDone(false);
|
|
8218
|
+
triggerQuery();
|
|
8219
|
+
}
|
|
8220
|
+
},
|
|
8221
|
+
[
|
|
8222
|
+
isEmpty,
|
|
8223
|
+
updateOnInputValueChange,
|
|
8224
|
+
updateOnSelectedItemsChange,
|
|
8225
|
+
updateOnSelectedItemChange
|
|
8226
|
+
]
|
|
8227
|
+
);
|
|
8228
|
+
const onScroll = useCallback(
|
|
8229
|
+
(e) => {
|
|
8230
|
+
const element = e.currentTarget;
|
|
8231
|
+
if (!scrollTimeoutRef.current && !loadingRef.current) {
|
|
8232
|
+
setTimeout(() => {
|
|
8233
|
+
const shouldTriggerQuery = shouldTriggerQueryProp ?? defaultShouldTriggerQuery;
|
|
8234
|
+
if (shouldTriggerQuery(element) && !done) {
|
|
8235
|
+
triggerQuery();
|
|
8236
|
+
}
|
|
8237
|
+
scrollTimeoutRef.current = false;
|
|
8238
|
+
}, 40);
|
|
8239
|
+
scrollTimeoutRef.current = true;
|
|
8240
|
+
}
|
|
8241
|
+
},
|
|
8242
|
+
[done, shouldTriggerQueryProp]
|
|
8243
|
+
);
|
|
8244
|
+
return {
|
|
8245
|
+
comboboxProps: {
|
|
8246
|
+
items: deferredItems,
|
|
8247
|
+
loading: deferredLoading,
|
|
8248
|
+
initialInputValue,
|
|
8249
|
+
defaultInputValue,
|
|
8250
|
+
initialSelectedItem,
|
|
8251
|
+
defaultSelectedItem,
|
|
8252
|
+
initialSelectedItems,
|
|
8253
|
+
defaultSelectedItems,
|
|
8254
|
+
disableFilter: true,
|
|
8255
|
+
// assume the query will return a filtered/sorted list
|
|
8256
|
+
onStateChange
|
|
8257
|
+
},
|
|
8258
|
+
contentProps: {
|
|
8259
|
+
onScroll,
|
|
8260
|
+
scrollerRef
|
|
8261
|
+
}
|
|
8262
|
+
};
|
|
8263
|
+
}
|
|
8264
|
+
|
|
8085
8265
|
const ComboboxElement = function(props) {
|
|
8086
8266
|
return /* @__PURE__ */ jsx(Combobox$1, { ...props });
|
|
8087
8267
|
};
|
|
@@ -8166,5 +8346,5 @@ const Combobox = Object.assign(ComboboxElement, {
|
|
|
8166
8346
|
Empty: ComboboxEmpty
|
|
8167
8347
|
});
|
|
8168
8348
|
|
|
8169
|
-
export { Combobox as C, ComboboxElement as a, ComboboxSelect as b, ComboboxSearchField as c, ComboboxSelectTrigger as d, ComboboxContent as e, ComboboxList as f, ComboboxItem as g, ComboboxItemAddNew as h, ComboboxEmpty as i };
|
|
8170
|
-
//# sourceMappingURL=Combobox-
|
|
8349
|
+
export { Combobox as C, ComboboxElement as a, ComboboxSelect as b, ComboboxSearchField as c, ComboboxSelectTrigger as d, ComboboxContent as e, ComboboxList as f, ComboboxItem as g, ComboboxItemAddNew as h, ComboboxEmpty as i, useInfiniteCombobox as u };
|
|
8350
|
+
//# sourceMappingURL=Combobox-BRZIYucw.js.map
|