@midas-ds/components 11.2.0 → 12.0.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/AccordionItem-DEiRuizp.js +361 -0
- package/AccordionItem-Dhr7uo8u.cjs +1 -0
- package/BadgeContainer-CxVmqJ7g.cjs +1 -0
- package/BadgeContainer-DGJGJMPi.js +37 -0
- package/{Breadcrumbs-BBzSV4SK.js → Breadcrumbs-CEyKlcGU.js} +11 -11
- package/{Breadcrumbs-CFUryOhf.cjs → Breadcrumbs-CnGzvtbn.cjs} +1 -1
- package/{Button-Dq6ugqxT.cjs → Button-DQm2iqKU.cjs} +1 -1
- package/{Button-DExMoP5f.cjs → Button-DZzQGk-L.cjs} +1 -1
- package/{Button-CepQFEit.js → Button-DtC_ZOyd.js} +12 -12
- package/{Button-BjMaGya2.js → Button-akT6Hvug.js} +1 -1
- package/CHANGELOG.md +49 -0
- package/{Card-BRs1FKX5.js → Card-CwwVnA_a.js} +5 -5
- package/Card-DPfOZC7f.cjs +1 -0
- package/{CharacterCounter-DpBDwvLw.js → CharacterCounter-DPphWPzA.js} +5 -5
- package/{CharacterCounter-DSFBv3Rw.cjs → CharacterCounter-DQJVM-mZ.cjs} +1 -1
- package/{Checkbox-EB_SCBEo.js → Checkbox-BN_3F2Hl.js} +21 -21
- package/{Checkbox-Co3h0hur.cjs → Checkbox-CZtCj4yR.cjs} +1 -1
- package/{CheckboxGroup-DvrN1oyw.js → CheckboxGroup--xgOT1Do.js} +11 -11
- package/{CheckboxGroup-CT_eqERw.cjs → CheckboxGroup-DGHaqRvb.cjs} +1 -1
- package/{Collection-BtBX5IMY.cjs → Collection-B1xL4EdF.cjs} +1 -1
- package/{Collection-D2jVTmDW.js → Collection-C5vE9MtJ.js} +11 -11
- package/{ColorSchemeSwitch-owUryjYz.cjs → ColorSchemeSwitch-DtyJ9-5B.cjs} +3 -3
- package/{ColorSchemeSwitch-PiEHptw1.js → ColorSchemeSwitch-DyZ9FAKG.js} +12 -12
- package/{ComboBox-DfJ_aJrf.js → ComboBox-Dn3tQzri.js} +93 -97
- package/{ComboBox-D_jh7TKo.cjs → ComboBox-UadZMhiR.cjs} +1 -1
- package/{DateField-BURrxhil.cjs → DateField-CNEoLyf5.cjs} +1 -1
- package/{DateField-DKCbEonm.js → DateField-CZmLugT0.js} +4 -4
- package/{DateInputDivider-ToFY-yjB.cjs → DateInputDivider-CCjiq90K.cjs} +1 -1
- package/{DateInputDivider-BmvqW1Hk.js → DateInputDivider-CJEGWmG0.js} +22 -22
- package/{DateRangePicker-DkIAEIIj.cjs → DateRangePicker-DhgLEa9P.cjs} +2 -2
- package/{DateRangePicker-B5vx9onl.js → DateRangePicker-WQ97Psz7.js} +22 -22
- package/{Dialog-DtHk3eXI.cjs → Dialog-BT0tVGQb.cjs} +1 -1
- package/{Dialog-D5c_dUnB.js → Dialog-BuJdAr0D.js} +48 -48
- package/Dialog-DYK8lySl.cjs +1 -0
- package/Dialog-L53DWF0Z.js +220 -0
- package/{DragAndDrop-DOXLfJaA.js → DragAndDrop-DKxsUpmW.js} +9 -9
- package/{DragAndDrop-CSg60YQE.cjs → DragAndDrop-Dgfq6uJ0.cjs} +1 -1
- package/{Dropdown-Cpc2EszJ.js → Dropdown-BWbdSQ9U.js} +35 -34
- package/Dropdown-CJ-sujKv.cjs +6 -0
- package/FieldError-BlKkw9YL.js +46 -0
- package/{FieldError-Bv3Q6ZP-.cjs → FieldError-BvU0sueN.cjs} +1 -1
- package/{FileUpload-BokzdXVc.js → FileUpload-B89QfnCB.js} +13 -13
- package/{FileUpload-Bz9md5zc.cjs → FileUpload-KQ1XAKAc.cjs} +1 -1
- package/{FocusScope-vcXLOQiu.cjs → FocusScope-CAgWgk3N.cjs} +1 -1
- package/{FocusScope-DMsfA3bj.js → FocusScope-CEgd3xCY.js} +17 -17
- package/{Grid--OhtgCo6.js → Grid-B2av0vt8.js} +6 -9
- package/Grid-Db5wZrw6.cjs +1 -0
- package/{GridItem-XgHmZWXY.cjs → GridItem-BnyULDnc.cjs} +1 -1
- package/{GridItem-DlbSdRmB.js → GridItem-orSzD7H5.js} +27 -30
- package/{Group-B0vQfHDy.js → Group-B3mRMVy7.js} +11 -11
- package/{Group-DOpbdoAi.cjs → Group-Cdy6z9ra.cjs} +1 -1
- package/{Heading-D2y_kiC0.js → Heading-DDhdwRAW.js} +7 -7
- package/Heading-OUPkdoEJ.cjs +1 -0
- package/{Hidden-C9KWUR7b.js → Hidden-B5ir3Lei.js} +2 -2
- package/InfoBanner-DpLcq_1R.cjs +1 -0
- package/InfoBanner-U5hxOipC.js +99 -0
- package/{Input-n-Z20KbW.js → Input-BnpBRnJz.js} +9 -9
- package/{Input-MJji5hhq.cjs → Input-DIhhWEPW.cjs} +1 -1
- package/{Label-endv1fkJ.js → Label-ByWt6Lfh.js} +24 -24
- package/Label-COpr4xVt.cjs +1 -0
- package/{Layout-D0E1fOgZ.cjs → Layout-BR3Or1Ga.cjs} +2 -2
- package/{Layout-DtyhUz-G.js → Layout-Bdqauktv.js} +17 -17
- package/{Link-CibH8uRY.js → Link-CM2N5Jq-.js} +7 -7
- package/{Link-ovwNVMfg.js → Link-Dnnv00g9.js} +1 -1
- package/{Link-ESjrl63P.cjs → Link-Dq8IFDBx.cjs} +1 -1
- package/{Link-CidjjqHb.cjs → Link-ceVlGaWQ.cjs} +1 -1
- package/{LinkButton-B6AWNiRn.cjs → LinkButton-BJA9_HzL.cjs} +1 -1
- package/{LinkButton-BkZULm2a.js → LinkButton-DH3Nfdis.js} +1 -1
- package/{ListBox-B0E1hdEt.cjs → ListBox-D0u9svwm.cjs} +1 -1
- package/{ListBox-Djy7244v.js → ListBox-y_dw__MI.js} +16 -16
- package/{ListBoxButton-CIqNRR3y.cjs → ListBoxButton-C2zp-gXD.cjs} +1 -1
- package/{ListBoxButton-sqirI6I4.js → ListBoxButton-DiseS_LX.js} +1 -1
- package/{ListBoxSection-Cicbu8pS.js → ListBoxSection-Cv-gN76G.js} +9 -9
- package/{ListBoxSection-BYJccE4T.cjs → ListBoxSection-DtsigmC1.cjs} +1 -1
- package/{ListKeyboardDelegate-ZKBk2IId.cjs → ListKeyboardDelegate-fZKXmHAk.cjs} +1 -1
- package/{ListKeyboardDelegate-CHki611g.js → ListKeyboardDelegate-mcrZobNa.js} +2 -2
- package/{Logo-BpH0HC91.cjs → Logo-BW5NXAdu.cjs} +1 -1
- package/{Logo-ME4ffCue.js → Logo-qkVS1MCN.js} +1 -1
- package/{OverlayArrow-DpZ1FqOd.cjs → OverlayArrow-8praV_Xy.cjs} +1 -1
- package/{OverlayArrow-DB_aVTVM.js → OverlayArrow-DfkRZlgG.js} +4 -4
- package/{Popover-BDvKByTT.cjs → Popover-C5chAY42.cjs} +1 -1
- package/{Popover-Tniqbaes.js → Popover-viLqHHX2.js} +2 -2
- package/{PressResponder-C3APAKsz.js → PressResponder-B_Zqu7b1.js} +9 -9
- package/PressResponder-Bm3_RM9c.cjs +1 -0
- package/{ProgressBar-ClysdvqU.cjs → ProgressBar-D5mNQTID.cjs} +1 -1
- package/{ProgressBar-DTn23Zkr.js → ProgressBar-wQirOG1N.js} +2 -2
- package/{Radio-CCN3o3s-.js → Radio-BIomn_sP.js} +23 -23
- package/{Radio-Cz0vLIBw.cjs → Radio-CxvJ5Wrl.cjs} +1 -1
- package/{RangeCalendar-BY82hPRu.cjs → RangeCalendar-BvvZ2SBj.cjs} +1 -1
- package/{RangeCalendar-BCruEq9d.js → RangeCalendar-DGGMbb0j.js} +19 -19
- package/{SSRProvider-40TXmsUG.js → SSRProvider-D8lZ0o6A.js} +5 -5
- package/{SSRProvider-Bc-sMhsT.cjs → SSRProvider-DZRLwxPS.cjs} +1 -1
- package/{SearchField-nwlyszwt.js → SearchField-B0dlPqsW.js} +6 -6
- package/{SearchField-QFyuaT-K.cjs → SearchField-Ma3KB8Em.cjs} +2 -2
- package/{Select-MwvnbChP.js → Select-769RSZ9V.js} +114 -114
- package/{Select-lhIwwJL7.cjs → Select-Go5x0zWl.cjs} +1 -1
- package/{SelectionManager-BKrZ_mMO.js → SelectionManager-BdKKuso-.js} +9 -9
- package/{SelectionManager-BJjqIWtf.cjs → SelectionManager-BvREZgeu.cjs} +1 -1
- package/{Separator-DvvVAypT.js → Separator-CggS0R7Q.js} +4 -4
- package/{Separator-DPLEx950.cjs → Separator-DBsDhqCr.cjs} +1 -1
- package/{Spinner-VSyPhiJ9.js → Spinner-AXFRWuT6.js} +2 -2
- package/{Spinner-vof0Y9Hh.cjs → Spinner-yHx_DX_4.cjs} +1 -1
- package/TabList-0gj27e_e.js +386 -0
- package/TabList-Cqpup53E.cjs +1 -0
- package/Table-BhtlNY9P.cjs +16 -0
- package/{Table-DGTwyh7U.js → Table-CTS0J_sQ.js} +289 -268
- package/{Tag-rI-NhuT0.js → Tag-B9M-nBTM.js} +49 -49
- package/{Tag-bYq-wf5D.cjs → Tag-DkW6zaIS.cjs} +1 -1
- package/{Text-DcZqSUN9.js → Text--KL3Auo7.js} +3 -3
- package/{Text-BPcfhYQ9.js → Text-BUDAzDjW.js} +1 -1
- package/{Text-DBHWi5gA.cjs → Text-DA_gK6a2.cjs} +1 -1
- package/{Text-CfcjRtke.cjs → Text-wuw0HQoa.cjs} +1 -1
- package/TextArea-CSrrYY05.cjs +1 -0
- package/{TextArea-CrEALC58.js → TextArea-DphcH6wE.js} +16 -16
- package/{TextField-Dma22dnD.js → TextField-CsyRTSEG.js} +13 -13
- package/{TextField-BAX93sq7.cjs → TextField-P5yICj5z.cjs} +1 -1
- package/Toast-BEh5yYzO.cjs +1 -0
- package/{Toast-CWt_mNIg.js → Toast-BnzpC_5v.js} +130 -137
- package/{ToggleButtonGroup-DZ_wo0qx.cjs → ToggleButtonGroup-BwFAhFEi.cjs} +1 -1
- package/{ToggleButtonGroup-98z8Dw8-.js → ToggleButtonGroup-CuxAKB3-.js} +7 -7
- package/{Tooltip-pN5W3IK6.cjs → Tooltip-Bz0xCZSw.cjs} +1 -1
- package/{Tooltip-DjNc93tV.js → Tooltip-EuEQtHZj.js} +12 -12
- package/{VisuallyHidden-CYfmTSCD.js → VisuallyHidden-BKslUoMJ.js} +8 -8
- package/{VisuallyHidden-Doyzl0F7.cjs → VisuallyHidden-DxDOcIsh.cjs} +1 -1
- package/accordion/Accordion.d.ts +8 -2
- package/accordion/AccordionContext.d.ts +4 -0
- package/accordion/AccordionItem.d.ts +6 -4
- package/accordion/index.cjs +1 -1
- package/accordion/index.js +1 -1
- package/assets/AccordionItem.css +1 -1
- package/assets/BadgeContainer.css +1 -1
- package/assets/Button.css +1 -1
- package/assets/DateRangePicker.css +1 -1
- package/assets/Dialog.css +1 -1
- package/assets/LinkButton.css +1 -1
- package/assets/Table.css +1 -1
- package/assets/theme.css +1 -0
- package/badge/index.cjs +1 -1
- package/badge/index.js +1 -1
- package/breadcrumbs/Breadcrumbs.d.ts +0 -2
- package/breadcrumbs/index.cjs +1 -1
- package/breadcrumbs/index.js +1 -1
- package/button/index.cjs +1 -1
- package/button/index.js +1 -1
- package/calendar/index.cjs +1 -1
- package/calendar/index.js +1 -1
- package/card/index.cjs +1 -1
- package/card/index.js +1 -1
- package/character-counter/index.cjs +1 -1
- package/character-counter/index.js +1 -1
- package/checkbox/index.cjs +1 -1
- package/checkbox/index.js +2 -2
- package/color-scheme-switch/index.cjs +1 -1
- package/color-scheme-switch/index.js +1 -1
- package/combobox/ComboBox.d.ts +0 -4
- package/combobox/index.cjs +1 -1
- package/combobox/index.d.ts +1 -2
- package/combobox/index.js +2 -3
- package/combobox/types.d.ts +0 -13
- package/common/icon-map.d.ts +6 -0
- package/common/types.d.ts +8 -0
- package/{context-CGNJ3grH.js → context-Dl_saGB6.js} +11 -11
- package/{context-Df3XbgBG.cjs → context-UOrD6Zxk.cjs} +1 -1
- package/date-field/index.cjs +1 -1
- package/date-field/index.js +2 -2
- package/date-picker/index.cjs +1 -1
- package/date-picker/index.js +1 -1
- package/dropdown/Dropdown.d.ts +7 -1
- package/dropdown/index.cjs +1 -1
- package/dropdown/index.js +1 -1
- package/field-error/index.cjs +1 -1
- package/field-error/index.js +1 -1
- package/file-upload/index.cjs +1 -1
- package/file-upload/index.js +1 -1
- package/grid/Grid.d.ts +0 -8
- package/grid/GridItem.d.ts +0 -8
- package/grid/index.cjs +1 -1
- package/grid/index.d.ts +2 -2
- package/grid/index.js +4 -6
- package/heading/index.cjs +1 -1
- package/heading/index.js +1 -1
- package/icon-map-9XcghDra.cjs +11 -0
- package/icon-map-uS87FT_Q.js +43 -0
- package/{index-CGRFP4CC.js → index-BSMrH_Du.js} +7 -7
- package/{index-Dsz3aiWt.cjs → index-D97L3EBk.cjs} +2 -2
- package/index.cjs +1 -1
- package/index.js +108 -111
- package/inertValue-BWmZ1afe.cjs +1 -0
- package/info-banner/InfoBanner.d.ts +18 -10
- package/info-banner/index.cjs +1 -1
- package/info-banner/index.js +1 -1
- package/label/index.cjs +1 -1
- package/label/index.js +1 -1
- package/layout/index.cjs +1 -1
- package/layout/index.js +1 -1
- package/link/index.cjs +1 -1
- package/link/index.js +2 -2
- package/link-button/index.cjs +1 -1
- package/link-button/index.js +2 -2
- package/list-box/index.cjs +1 -1
- package/list-box/index.js +2 -2
- package/logo/index.cjs +1 -1
- package/logo/index.js +1 -1
- package/{mergeProps-C1U1OIeJ.js → mergeProps-BYJQ6N1s.js} +11 -11
- package/{mergeProps-B5KXZAI3.cjs → mergeProps-C7Sx47fA.cjs} +1 -1
- package/modal/index.cjs +1 -1
- package/modal/index.js +2 -2
- package/package.json +4 -1
- package/popover/index.cjs +1 -1
- package/popover/index.js +1 -1
- package/progress-bar/index.cjs +1 -1
- package/progress-bar/index.js +1 -1
- package/radio/index.cjs +1 -1
- package/radio/index.js +1 -1
- package/search-field/index.cjs +1 -1
- package/search-field/index.js +1 -1
- package/select/index.cjs +1 -1
- package/select/index.d.ts +1 -1
- package/select/index.js +1 -1
- package/select/types.d.ts +1 -13
- package/spinner/index.cjs +1 -1
- package/spinner/index.js +1 -1
- package/table/Table.d.ts +7 -12
- package/table/index.cjs +1 -1
- package/table/index.js +1 -1
- package/tabs/Tabs.d.ts +0 -12
- package/tabs/index.cjs +1 -1
- package/tabs/index.js +1 -1
- package/tag/Tag.d.ts +2 -1
- package/tag/index.cjs +1 -1
- package/tag/index.js +1 -1
- package/text/index.cjs +1 -1
- package/text/index.js +1 -1
- package/textfield/index.cjs +1 -1
- package/textfield/index.js +1 -1
- package/theme/index.cjs +1 -1
- package/theme/index.d.ts +36 -12
- package/theme/index.js +12 -11
- package/theme/tokens.d.ts +36 -18
- package/toast/Toast.d.ts +2 -1
- package/toast/index.cjs +1 -1
- package/toast/index.js +1 -1
- package/toggle-button/index.cjs +1 -1
- package/toggle-button/index.js +1 -1
- package/tokens-BWo7EvNX.cjs +1 -0
- package/{tokens-CqvelUoA.js → tokens-BtEBd3jO.js} +69 -31
- package/tooltip/index.cjs +1 -1
- package/tooltip/index.js +1 -1
- package/{useButton-BoIV3kDJ.js → useButton-CWHoXYnj.js} +3 -3
- package/{useButton-D60q0SQw.cjs → useButton-CwOQUGtY.cjs} +1 -1
- package/{useDateFormatter-C7BJgoDR.js → useDateFormatter-DiIUdTak.js} +2 -2
- package/{useDateFormatter-BJBt0jk_.cjs → useDateFormatter-bzjwqA2K.cjs} +1 -1
- package/{useDescription-CPo72trh.cjs → useDescription-ByNlNIRU.cjs} +1 -1
- package/{useDescription-DYfKjGGU.js → useDescription-LmB1V4Tg.js} +1 -1
- package/useEvent-CGRyLM2c.cjs +1 -0
- package/{useEvent-CigwyJOw.js → useEvent-DqWz89vg.js} +1 -1
- package/{useField-CefQB81E.js → useField-5CEdtfab.js} +2 -2
- package/{useField-D1UkzeaI.cjs → useField-CoQAzygg.cjs} +1 -1
- package/{useFilter-DsOxD9JB.js → useFilter-BKQT28sh.js} +1 -1
- package/{useFilter-BhM2yVO3.cjs → useFilter-Bjh5dq2Q.cjs} +1 -1
- package/{useFocusRing-B-A1OLhU.cjs → useFocusRing-BM-zcH6L.cjs} +1 -1
- package/{useFocusRing-DOfBqnUN.js → useFocusRing-HoJn20X5.js} +2 -2
- package/{useFocusWithin-T1ifEM_s.js → useFocusWithin-Cn18Myw6.js} +1 -1
- package/{useFocusWithin-CG8mAt2D.cjs → useFocusWithin-o0WjCpEB.cjs} +1 -1
- package/{useFocusable-D7I1ujkW.cjs → useFocusable-DbmryjUH.cjs} +1 -1
- package/{useFocusable-BjE42axF.js → useFocusable-ZjCKo1ed.js} +14 -14
- package/{useFormValidation-BzzruZKm.js → useFormValidation-BW2NSTM4.js} +2 -2
- package/{useFormValidation-BlFGdPZB.cjs → useFormValidation-DSRwb9US.cjs} +1 -1
- package/useHasTabbableChild-CogBR_6o.cjs +1 -0
- package/{useHasTabbableChild-BgEe5J35.js → useHasTabbableChild-CyOmqumh.js} +2 -2
- package/{useHighlightSelectionDescription-DmbDkFGY.cjs → useHighlightSelectionDescription-DAhPdEG6.cjs} +1 -1
- package/{useHighlightSelectionDescription-xr_16pKd.js → useHighlightSelectionDescription-DTxHtOsw.js} +5 -5
- package/{useHover-BE_XKZKe.cjs → useHover-CaFzQrR_.cjs} +1 -1
- package/{useHover-DQvJ3Y-W.js → useHover-D8fja4GW.js} +6 -6
- package/{useLabels-CSU0kbtJ.cjs → useLabels-BtDN_ALM.cjs} +1 -1
- package/{useLabels-LrKQiY11.js → useLabels-DZlvh4P4.js} +1 -1
- package/{useListState-wLau6fXo.cjs → useListState-TtWy_rDI.cjs} +1 -1
- package/{useListState-B3c3xcNW.js → useListState-e7cL-FOK.js} +1 -1
- package/{useLocalizedStringFormatter-BO2iZEL0.cjs → useLocalizedStringFormatter-BSac43NO.cjs} +1 -1
- package/useLocalizedStringFormatter-CHAo1AyN.cjs +1 -0
- package/{useLocalizedStringFormatter-CL9MUZ8A.js → useLocalizedStringFormatter-CSEh15AZ.js} +1 -1
- package/{useLocalizedStringFormatter-N0AyjzbM.js → useLocalizedStringFormatter-aOhh7wdl.js} +1 -1
- package/useObserveElement-BzEr5D32.cjs +1 -0
- package/{usePress-BooY_CAy.cjs → usePress-BOGIOlm8.cjs} +2 -2
- package/{usePress-BW47IcyU.js → usePress-B_jgTf4k.js} +105 -105
- package/{useSingleSelectListState-DlO5H9N-.cjs → useSingleSelectListState-BiJMNaOl.cjs} +1 -1
- package/{useSingleSelectListState-DdBsBWKG.js → useSingleSelectListState-D7LjjoUJ.js} +1 -1
- package/{useTextField-DnRrCg5o.cjs → useTextField-BVIOd8Ld.cjs} +1 -1
- package/{useTextField-DjxayZsV.js → useTextField-DFkSHoQN.js} +11 -11
- package/{useUpdateEffect-C5YQs_1w.cjs → useUpdateEffect-sk3kiVGz.cjs} +1 -1
- package/{utils-DHNZrQmj.cjs → utils-BM2vxlNA.cjs} +1 -1
- package/{utils-Dvdohqm9.cjs → utils-C5-CzvX2.cjs} +1 -1
- package/{utils-CoCR_Fce.js → utils-CuqJqFqQ.js} +1 -1
- package/{utils-KLjWgdLR.js → utils-KYuflGZt.js} +10 -10
- package/AccordionItem-BPOQqTkQ.js +0 -323
- package/AccordionItem-CS-QKqrU.cjs +0 -1
- package/BadgeContainer-CKBIZWsc.js +0 -37
- package/BadgeContainer-DWVHS5dn.cjs +0 -1
- package/Card-cdL5669N.cjs +0 -1
- package/Dialog-CxHiZorC.cjs +0 -1
- package/Dialog-DuGcBeNN.js +0 -212
- package/Dropdown-CYakzdJg.cjs +0 -6
- package/FieldError-CDCvUjK5.js +0 -46
- package/Grid-DVQtOcu9.cjs +0 -1
- package/Heading-CKTR4sOz.cjs +0 -1
- package/InfoBanner-CzwbOdRG.cjs +0 -1
- package/InfoBanner-D05poAe3.js +0 -91
- package/Label-ChjDdBlv.cjs +0 -1
- package/PressResponder-4jE_HLu3.cjs +0 -1
- package/TabList-CWMlbijV.cjs +0 -1
- package/TabList-VpTv_Xff.js +0 -435
- package/Table-DGYC-sDq.cjs +0 -16
- package/TextArea-DJKHFKuI.cjs +0 -1
- package/Toast-DdmSvNaO.cjs +0 -1
- package/circle-check-BErh6TKu.js +0 -26
- package/circle-check-OVUGxwp9.cjs +0 -11
- package/inertValue-B3AFhVG4.cjs +0 -1
- package/tokens-5PzK5zK7.cjs +0 -1
- package/triangle-alert-B_qAPmWC.js +0 -21
- package/triangle-alert-BviJNFjf.cjs +0 -6
- package/useEvent-DPxMu-X9.cjs +0 -1
- package/useHasTabbableChild-CoQRpNbC.cjs +0 -1
- package/useLocalizedStringFormatter-BiX5BTlb.cjs +0 -1
- package/useObserveElement-MhzEsCkX.cjs +0 -1
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { jsx as a, jsxs as
|
|
1
|
+
import { jsx as a, jsxs as p, Fragment as A } from "react/jsx-runtime";
|
|
2
2
|
import * as w from "react";
|
|
3
3
|
import v, { useMemo as D, useState as L, useCallback as E, useEffect as O, useRef as q } from "react";
|
|
4
4
|
import { c as V } from "./clsx-OuTLNxxd.js";
|
|
5
|
-
import { b as z } from "./utils-
|
|
6
|
-
import { a as j, $ as R, T as G } from "./Tag-
|
|
7
|
-
import { $ as W } from "./TextField-
|
|
8
|
-
import { c as H } from "./Collection-
|
|
9
|
-
import { C as P } from "./Checkbox-
|
|
10
|
-
import { L as U, c as X, a as J, b as Q } from "./ListBoxSection-
|
|
5
|
+
import { b as z } from "./utils-KYuflGZt.js";
|
|
6
|
+
import { a as j, $ as R, T as G } from "./Tag-B9M-nBTM.js";
|
|
7
|
+
import { $ as W } from "./TextField-CsyRTSEG.js";
|
|
8
|
+
import { c as H } from "./Collection-C5vE9MtJ.js";
|
|
9
|
+
import { C as P } from "./Checkbox-BN_3F2Hl.js";
|
|
10
|
+
import { L as U, c as X, a as J, b as Q } from "./ListBoxSection-Cv-gN76G.js";
|
|
11
11
|
import { C as Y } from "./check-B5h1DvDs.js";
|
|
12
|
-
import {
|
|
13
|
-
import { o as ee, p as te } from "./Dialog-
|
|
14
|
-
import { $ as le, a as oe } from "./ListKeyboardDelegate-
|
|
15
|
-
import { g as ae } from "./SelectionManager-
|
|
16
|
-
import { a as K, c as
|
|
12
|
+
import { d as Z } from "./useHover-D8fja4GW.js";
|
|
13
|
+
import { o as ee, p as te } from "./Dialog-BuJdAr0D.js";
|
|
14
|
+
import { $ as le, a as oe } from "./ListKeyboardDelegate-mcrZobNa.js";
|
|
15
|
+
import { g as ae } from "./SelectionManager-BdKKuso-.js";
|
|
16
|
+
import { a as K, c as re, e as ne } from "./mergeProps-BYJQ6N1s.js";
|
|
17
17
|
import { $ as ie } from "./filterDOMProps-D6KHYVBX.js";
|
|
18
|
-
import { $ as ce } from "./useField-
|
|
19
|
-
import { $ as se, a as de, b as ue } from "./useFormValidation-
|
|
20
|
-
import { $ as fe } from "./useListState-
|
|
18
|
+
import { $ as ce } from "./useField-5CEdtfab.js";
|
|
19
|
+
import { $ as se, a as de, b as ue } from "./useFormValidation-BW2NSTM4.js";
|
|
20
|
+
import { $ as fe } from "./useListState-e7cL-FOK.js";
|
|
21
21
|
import { u as me } from "./useObserveElement-BdI4zgd7.js";
|
|
22
|
-
import { a as
|
|
23
|
-
import { a as
|
|
24
|
-
import { T as ge } from "./Text-
|
|
25
|
-
import { L as ye } from "./ListBoxButton-
|
|
22
|
+
import { a as be } from "./VisuallyHidden-BKslUoMJ.js";
|
|
23
|
+
import { a as pe, L as he } from "./Label-ByWt6Lfh.js";
|
|
24
|
+
import { T as ge } from "./Text-BUDAzDjW.js";
|
|
25
|
+
import { L as ye } from "./ListBoxButton-DiseS_LX.js";
|
|
26
26
|
import { X as $e } from "./x-C2xUHAEl.js";
|
|
27
|
-
import { u as B } from "./useLocalizedStringFormatter-
|
|
28
|
-
import { $ as xe } from "./useButton-
|
|
27
|
+
import { u as B } from "./useLocalizedStringFormatter-aOhh7wdl.js";
|
|
28
|
+
import { $ as xe } from "./useButton-CWHoXYnj.js";
|
|
29
29
|
import { C as ve } from "./chevron-down-DmZMdOiC.js";
|
|
30
|
-
import { $ as Se, F as Ce } from "./FieldError-
|
|
30
|
+
import { $ as Se, F as Ce } from "./FieldError-BlKkw9YL.js";
|
|
31
31
|
import './assets/Select.css';function I(e) {
|
|
32
32
|
return null;
|
|
33
33
|
}
|
|
34
|
-
I.getCollectionNode = function* (t,
|
|
35
|
-
let { childItems: i, title: o, children:
|
|
36
|
-
!s && !(
|
|
34
|
+
I.getCollectionNode = function* (t, r) {
|
|
35
|
+
let { childItems: i, title: o, children: n } = t, l = t.title || t.children, s = t.textValue || (typeof l == "string" ? l : "") || t["aria-label"] || "";
|
|
36
|
+
!s && !(r != null && r.suppressTextValueWarning) && process.env.NODE_ENV !== "production" && console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop."), yield {
|
|
37
37
|
type: "item",
|
|
38
38
|
props: t,
|
|
39
39
|
rendered: l,
|
|
@@ -47,7 +47,7 @@ I.getCollectionNode = function* (t, n) {
|
|
|
47
47
|
};
|
|
48
48
|
else if (o) {
|
|
49
49
|
let c = [];
|
|
50
|
-
v.Children.forEach(
|
|
50
|
+
v.Children.forEach(n, (u) => {
|
|
51
51
|
c.push({
|
|
52
52
|
type: "item",
|
|
53
53
|
element: u
|
|
@@ -65,7 +65,7 @@ function N(e) {
|
|
|
65
65
|
return null;
|
|
66
66
|
}
|
|
67
67
|
N.getCollectionNode = function* (t) {
|
|
68
|
-
let { children:
|
|
68
|
+
let { children: r, title: i, items: o } = t;
|
|
69
69
|
yield {
|
|
70
70
|
type: "section",
|
|
71
71
|
props: t,
|
|
@@ -73,27 +73,27 @@ N.getCollectionNode = function* (t) {
|
|
|
73
73
|
rendered: i,
|
|
74
74
|
"aria-label": t["aria-label"],
|
|
75
75
|
*childNodes() {
|
|
76
|
-
if (typeof
|
|
76
|
+
if (typeof r == "function") {
|
|
77
77
|
if (!o) throw new Error("props.children was a function but props.items is missing");
|
|
78
|
-
for (let
|
|
78
|
+
for (let n of o) yield {
|
|
79
79
|
type: "item",
|
|
80
|
-
value:
|
|
81
|
-
renderer:
|
|
80
|
+
value: n,
|
|
81
|
+
renderer: r
|
|
82
82
|
};
|
|
83
83
|
} else {
|
|
84
|
-
let
|
|
85
|
-
v.Children.forEach(
|
|
86
|
-
|
|
84
|
+
let n = [];
|
|
85
|
+
v.Children.forEach(r, (l) => {
|
|
86
|
+
n.push({
|
|
87
87
|
type: "item",
|
|
88
88
|
element: l
|
|
89
89
|
});
|
|
90
|
-
}), yield*
|
|
90
|
+
}), yield* n;
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
93
|
};
|
|
94
94
|
};
|
|
95
95
|
let _e = N;
|
|
96
|
-
const ke = "_wrapper_1rlqo_10", we = "_trigger_1rlqo_21", Ve = "_medium_1rlqo_35", Pe = "_icon_1rlqo_71", Be = "_tagGroup_1rlqo_77", Ie = "_listBoxItemCheckmark_1rlqo_93", Ne = "_triggerContainer_1rlqo_98", Me = "_selectValueTag_1rlqo_104", Te = "_clearButton_1rlqo_120", Fe = "_truncate_1rlqo_132", Ae = "_checkboxContainer_1rlqo_169",
|
|
96
|
+
const ke = "_wrapper_1rlqo_10", we = "_trigger_1rlqo_21", Ve = "_medium_1rlqo_35", Pe = "_icon_1rlqo_71", Be = "_tagGroup_1rlqo_77", Ie = "_listBoxItemCheckmark_1rlqo_93", Ne = "_triggerContainer_1rlqo_98", Me = "_selectValueTag_1rlqo_104", Te = "_clearButton_1rlqo_120", Fe = "_truncate_1rlqo_132", Ae = "_checkboxContainer_1rlqo_169", b = {
|
|
97
97
|
wrapper: ke,
|
|
98
98
|
trigger: we,
|
|
99
99
|
medium: Ve,
|
|
@@ -110,28 +110,28 @@ const ke = "_wrapper_1rlqo_10", we = "_trigger_1rlqo_21", Ve = "_medium_1rlqo_35
|
|
|
110
110
|
{
|
|
111
111
|
...e.value,
|
|
112
112
|
textValue: e.textValue,
|
|
113
|
-
children: ({ isDisabled: t, isSelected:
|
|
114
|
-
i === "multiple" ? /* @__PURE__ */ a("div", { className:
|
|
113
|
+
children: ({ isDisabled: t, isSelected: r, selectionMode: i }) => /* @__PURE__ */ p(A, { children: [
|
|
114
|
+
i === "multiple" ? /* @__PURE__ */ a("div", { className: b.checkboxContainer, children: /* @__PURE__ */ a(
|
|
115
115
|
P,
|
|
116
116
|
{
|
|
117
117
|
isDisabled: t,
|
|
118
|
-
isSelected:
|
|
118
|
+
isSelected: r,
|
|
119
119
|
isReadOnly: !0,
|
|
120
120
|
excludeFromTabOrder: !0,
|
|
121
121
|
"aria-label": e.textValue
|
|
122
122
|
}
|
|
123
123
|
) }) : null,
|
|
124
124
|
e.rendered,
|
|
125
|
-
|
|
125
|
+
r && i === "single" ? /* @__PURE__ */ a(
|
|
126
126
|
Y,
|
|
127
127
|
{
|
|
128
128
|
size: 20,
|
|
129
|
-
className:
|
|
129
|
+
className: b.listBoxItemCheckmark
|
|
130
130
|
}
|
|
131
131
|
) : null
|
|
132
132
|
] })
|
|
133
133
|
}
|
|
134
|
-
), De = ({ section: e, state: t }) => /* @__PURE__ */ a(X, { ...e.value, children: t.collection.getChildren ? /* @__PURE__ */ a(H, { items: t.collection.getChildren(e.key), children: (
|
|
134
|
+
), De = ({ section: e, state: t }) => /* @__PURE__ */ a(X, { ...e.value, children: t.collection.getChildren ? /* @__PURE__ */ a(H, { items: t.collection.getChildren(e.key), children: (r) => /* @__PURE__ */ a(M, { item: r }) }) : null }), Le = ({
|
|
135
135
|
state: e,
|
|
136
136
|
...t
|
|
137
137
|
}) => /* @__PURE__ */ a(
|
|
@@ -142,31 +142,31 @@ const ke = "_wrapper_1rlqo_10", we = "_trigger_1rlqo_21", Ve = "_medium_1rlqo_35
|
|
|
142
142
|
escapeKeyBehavior: "none",
|
|
143
143
|
onSelectionChange: e.setSelectedKeys,
|
|
144
144
|
items: e.collection,
|
|
145
|
-
children: (
|
|
145
|
+
children: (r) => r.type === "section" ? /* @__PURE__ */ a(
|
|
146
146
|
De,
|
|
147
147
|
{
|
|
148
148
|
state: e,
|
|
149
|
-
section:
|
|
149
|
+
section: r
|
|
150
150
|
}
|
|
151
|
-
) : /* @__PURE__ */ a(M, { item:
|
|
151
|
+
) : /* @__PURE__ */ a(M, { item: r })
|
|
152
152
|
}
|
|
153
153
|
);
|
|
154
|
-
function Ee(e, t,
|
|
155
|
-
const { disallowEmptySelection: i, isDisabled: o } = e,
|
|
154
|
+
function Ee(e, t, r) {
|
|
155
|
+
const { disallowEmptySelection: i, isDisabled: o } = e, n = le({ usage: "search", sensitivity: "base" }), l = D(
|
|
156
156
|
() => new oe(
|
|
157
157
|
t.collection,
|
|
158
158
|
t.disabledKeys,
|
|
159
159
|
null,
|
|
160
|
-
|
|
160
|
+
n
|
|
161
161
|
),
|
|
162
|
-
[t.collection, t.disabledKeys,
|
|
162
|
+
[t.collection, t.disabledKeys, n]
|
|
163
163
|
), { menuTriggerProps: s, menuProps: c } = ee(
|
|
164
164
|
{
|
|
165
165
|
isDisabled: o,
|
|
166
166
|
type: "listbox"
|
|
167
167
|
},
|
|
168
168
|
t,
|
|
169
|
-
|
|
169
|
+
r
|
|
170
170
|
), u = (f) => {
|
|
171
171
|
const { selectedKeys: x, selectionMode: F } = t, C = x.values().next().value;
|
|
172
172
|
if (F === "single")
|
|
@@ -195,18 +195,18 @@ function Ee(e, t, n) {
|
|
|
195
195
|
labelElementType: "span"
|
|
196
196
|
});
|
|
197
197
|
d.onKeyDown = d.onKeyDownCapture, delete d.onKeyDownCapture;
|
|
198
|
-
const m = ie(e, { labelable: !0 }), g = K(d, s, h), S =
|
|
198
|
+
const m = ie(e, { labelable: !0 }), g = K(d, s, h), S = re();
|
|
199
199
|
return {
|
|
200
200
|
labelProps: {
|
|
201
201
|
...y,
|
|
202
202
|
onClick: () => {
|
|
203
203
|
var f;
|
|
204
|
-
e.isDisabled || ((f =
|
|
204
|
+
e.isDisabled || ((f = r.current) == null || f.focus(), Z("keyboard"));
|
|
205
205
|
}
|
|
206
206
|
},
|
|
207
207
|
triggerProps: K(m, {
|
|
208
208
|
...g,
|
|
209
|
-
onKeyDown:
|
|
209
|
+
onKeyDown: ne(
|
|
210
210
|
g.onKeyDown,
|
|
211
211
|
u,
|
|
212
212
|
e.onKeyDown
|
|
@@ -246,10 +246,10 @@ function Ee(e, t, n) {
|
|
|
246
246
|
function Oe(e) {
|
|
247
247
|
const {
|
|
248
248
|
collection: t,
|
|
249
|
-
disabledKeys:
|
|
249
|
+
disabledKeys: r,
|
|
250
250
|
selectionManager: i,
|
|
251
|
-
selectionManager: { setSelectedKeys: o, selectedKeys:
|
|
252
|
-
} = fe(e), s = [], c =
|
|
251
|
+
selectionManager: { setSelectedKeys: o, selectedKeys: n, selectionMode: l }
|
|
252
|
+
} = fe(e), s = [], c = n.size !== 0 ? Array.from(n).map((u) => {
|
|
253
253
|
const d = t.getItem(u);
|
|
254
254
|
return d || s.push(u), d;
|
|
255
255
|
}).filter(Boolean) : null;
|
|
@@ -259,16 +259,16 @@ function Oe(e) {
|
|
|
259
259
|
)}" passed to "selectedKeys" are not present in the collection.`
|
|
260
260
|
), {
|
|
261
261
|
collection: t,
|
|
262
|
-
disabledKeys:
|
|
262
|
+
disabledKeys: r,
|
|
263
263
|
selectionManager: i,
|
|
264
264
|
selectionMode: l,
|
|
265
|
-
selectedKeys:
|
|
265
|
+
selectedKeys: n,
|
|
266
266
|
setSelectedKeys: o.bind(i),
|
|
267
267
|
selectedItems: c
|
|
268
268
|
};
|
|
269
269
|
}
|
|
270
270
|
function qe(e) {
|
|
271
|
-
const [t,
|
|
271
|
+
const [t, r] = L(!1), i = te(e), o = e.selectionMode === "single", n = Oe({
|
|
272
272
|
...e,
|
|
273
273
|
onSelectionChange: (d) => {
|
|
274
274
|
e.onSelectionChange && e.onSelectionChange(d), o && i.close();
|
|
@@ -276,14 +276,14 @@ function qe(e) {
|
|
|
276
276
|
}), l = se({
|
|
277
277
|
...e,
|
|
278
278
|
validationBehavior: "native",
|
|
279
|
-
value:
|
|
280
|
-
}), s =
|
|
279
|
+
value: n.selectedKeys
|
|
280
|
+
}), s = n.collection.size === 0, c = !!n.selectedKeys.size, u = E(() => {
|
|
281
281
|
l.resetValidation(), l.commitValidation();
|
|
282
282
|
}, [l]);
|
|
283
283
|
return O(() => {
|
|
284
284
|
o && c && u();
|
|
285
285
|
}, [c, o, u]), {
|
|
286
|
-
...
|
|
286
|
+
...n,
|
|
287
287
|
...i,
|
|
288
288
|
close() {
|
|
289
289
|
i.close(), c && u();
|
|
@@ -295,19 +295,19 @@ function qe(e) {
|
|
|
295
295
|
s || i.toggle(d);
|
|
296
296
|
},
|
|
297
297
|
isFocused: t,
|
|
298
|
-
setFocused:
|
|
298
|
+
setFocused: r,
|
|
299
299
|
...l
|
|
300
300
|
};
|
|
301
301
|
}
|
|
302
302
|
function ze({
|
|
303
303
|
autoComplete: e,
|
|
304
304
|
name: t,
|
|
305
|
-
isDisabled:
|
|
305
|
+
isDisabled: r,
|
|
306
306
|
isRequired: i,
|
|
307
307
|
selectRef: o
|
|
308
|
-
},
|
|
309
|
-
const { visuallyHiddenProps: s } =
|
|
310
|
-
return de(o,
|
|
308
|
+
}, n, l) {
|
|
309
|
+
const { visuallyHiddenProps: s } = be();
|
|
310
|
+
return de(o, n.selectedKeys, n.setSelectedKeys), ue(
|
|
311
311
|
{
|
|
312
312
|
validationBehavior: "native",
|
|
313
313
|
focus: () => {
|
|
@@ -315,7 +315,7 @@ function ze({
|
|
|
315
315
|
return (c = l.current) == null ? void 0 : c.focus();
|
|
316
316
|
}
|
|
317
317
|
},
|
|
318
|
-
|
|
318
|
+
n,
|
|
319
319
|
o
|
|
320
320
|
), {
|
|
321
321
|
containerProps: {
|
|
@@ -331,29 +331,29 @@ function ze({
|
|
|
331
331
|
selectProps: {
|
|
332
332
|
tabIndex: -1,
|
|
333
333
|
autoComplete: e,
|
|
334
|
-
disabled:
|
|
334
|
+
disabled: r,
|
|
335
335
|
required: i,
|
|
336
336
|
name: t,
|
|
337
|
-
value: Array.from(
|
|
338
|
-
onChange: (c) =>
|
|
337
|
+
value: Array.from(n.selectedKeys).map((c) => c.toString()),
|
|
338
|
+
onChange: (c) => n.setSelectedKeys(c.target.value),
|
|
339
339
|
multiple: !0
|
|
340
340
|
}
|
|
341
341
|
};
|
|
342
342
|
}
|
|
343
343
|
function je(e) {
|
|
344
|
-
const { state: t, triggerRef:
|
|
344
|
+
const { state: t, triggerRef: r, name: i, isDisabled: o } = e, n = `${e.label}-hidden`, l = q(null), { containerProps: s, selectProps: c } = ze(
|
|
345
345
|
{ ...e, selectRef: l },
|
|
346
346
|
t,
|
|
347
|
-
|
|
347
|
+
r
|
|
348
348
|
);
|
|
349
349
|
return t.collection.size <= 300 ? /* @__PURE__ */ a(
|
|
350
350
|
"div",
|
|
351
351
|
{
|
|
352
352
|
...s,
|
|
353
353
|
"data-testid": "hidden-select-container",
|
|
354
|
-
children: /* @__PURE__ */
|
|
355
|
-
|
|
356
|
-
/* @__PURE__ */
|
|
354
|
+
children: /* @__PURE__ */ p("label", { children: [
|
|
355
|
+
n,
|
|
356
|
+
/* @__PURE__ */ p(
|
|
357
357
|
"select",
|
|
358
358
|
{
|
|
359
359
|
...c,
|
|
@@ -403,32 +403,32 @@ const Re = {
|
|
|
403
403
|
}, We = ({
|
|
404
404
|
state: { selectedItems: e },
|
|
405
405
|
isDisabled: t,
|
|
406
|
-
parentWidth:
|
|
406
|
+
parentWidth: r,
|
|
407
407
|
onClear: i,
|
|
408
408
|
triggerRef: o,
|
|
409
|
-
isClearable:
|
|
409
|
+
isClearable: n
|
|
410
410
|
}) => {
|
|
411
411
|
const l = B(T);
|
|
412
|
-
return /* @__PURE__ */
|
|
412
|
+
return /* @__PURE__ */ p(
|
|
413
413
|
"div",
|
|
414
414
|
{
|
|
415
|
-
className:
|
|
415
|
+
className: b.selectValueTag,
|
|
416
416
|
"data-disabled": t || void 0,
|
|
417
417
|
children: [
|
|
418
418
|
/* @__PURE__ */ a(
|
|
419
419
|
"span",
|
|
420
420
|
{
|
|
421
|
-
className:
|
|
422
|
-
style: { maxWidth:
|
|
421
|
+
className: b.truncate,
|
|
422
|
+
style: { maxWidth: r - 92 },
|
|
423
423
|
children: e != null && e.length && e.length > 1 ? `${e.length} ${l.format("chosen")}` : e == null ? void 0 : e[0].textValue
|
|
424
424
|
}
|
|
425
425
|
),
|
|
426
|
-
|
|
426
|
+
n && /* @__PURE__ */ a(
|
|
427
427
|
"button",
|
|
428
428
|
{
|
|
429
429
|
disabled: t,
|
|
430
430
|
"aria-label": l.format("clearAll"),
|
|
431
|
-
className:
|
|
431
|
+
className: b.clearButton,
|
|
432
432
|
onClick: () => {
|
|
433
433
|
var s;
|
|
434
434
|
i(), (s = o == null ? void 0 : o.current) == null || s.focus();
|
|
@@ -448,10 +448,10 @@ const Re = {
|
|
|
448
448
|
}, He = ({
|
|
449
449
|
autoFocus: e,
|
|
450
450
|
excludeFromTabOrder: t,
|
|
451
|
-
isDisabled:
|
|
451
|
+
isDisabled: r,
|
|
452
452
|
size: i = "large",
|
|
453
453
|
isOpen: o,
|
|
454
|
-
isInvalid:
|
|
454
|
+
isInvalid: n,
|
|
455
455
|
selectionMode: l,
|
|
456
456
|
state: { selectedItems: s },
|
|
457
457
|
placeholder: c,
|
|
@@ -460,25 +460,25 @@ const Re = {
|
|
|
460
460
|
...y
|
|
461
461
|
}) => {
|
|
462
462
|
const { buttonProps: h } = xe(
|
|
463
|
-
{ autoFocus: e, excludeFromTabOrder: t, isDisabled:
|
|
463
|
+
{ autoFocus: e, excludeFromTabOrder: t, isDisabled: r, ...y },
|
|
464
464
|
d
|
|
465
465
|
), m = l === "multiple";
|
|
466
|
-
return /* @__PURE__ */
|
|
466
|
+
return /* @__PURE__ */ p(
|
|
467
467
|
"div",
|
|
468
468
|
{
|
|
469
|
-
className:
|
|
470
|
-
"data-disabled":
|
|
469
|
+
className: b.triggerContainer,
|
|
470
|
+
"data-disabled": r || void 0,
|
|
471
471
|
children: [
|
|
472
|
-
/* @__PURE__ */
|
|
472
|
+
/* @__PURE__ */ p(
|
|
473
473
|
"button",
|
|
474
474
|
{
|
|
475
475
|
...h,
|
|
476
476
|
autoFocus: e,
|
|
477
|
-
className: V(
|
|
478
|
-
[
|
|
477
|
+
className: V(b.trigger, {
|
|
478
|
+
[b.medium]: i === "medium"
|
|
479
479
|
}),
|
|
480
|
-
"data-disabled":
|
|
481
|
-
"data-invalid":
|
|
480
|
+
"data-disabled": r || void 0,
|
|
481
|
+
"data-invalid": n || void 0,
|
|
482
482
|
"data-open": o || void 0,
|
|
483
483
|
ref: d,
|
|
484
484
|
type: "button",
|
|
@@ -488,7 +488,7 @@ const Re = {
|
|
|
488
488
|
/* @__PURE__ */ a(
|
|
489
489
|
"div",
|
|
490
490
|
{
|
|
491
|
-
className:
|
|
491
|
+
className: b.icon,
|
|
492
492
|
"aria-hidden": "true",
|
|
493
493
|
children: /* @__PURE__ */ a(ve, { size: 20 })
|
|
494
494
|
}
|
|
@@ -504,7 +504,7 @@ const Re = {
|
|
|
504
504
|
state: e,
|
|
505
505
|
errorMessage: t
|
|
506
506
|
}) => /* @__PURE__ */ a(Se.Provider, { value: { ...e.displayValidation }, children: /* @__PURE__ */ a(Ce, { children: t }) }), Ue = w.forwardRef(
|
|
507
|
-
({ isClearable: e = !0, popover: t, ...
|
|
507
|
+
({ isClearable: e = !0, popover: t, ...r }, i) => {
|
|
508
508
|
const o = {
|
|
509
509
|
selectionMode: "single",
|
|
510
510
|
errorPosition: "top",
|
|
@@ -512,29 +512,29 @@ const Re = {
|
|
|
512
512
|
isClearable: e,
|
|
513
513
|
size: "large",
|
|
514
514
|
popover: t,
|
|
515
|
-
...
|
|
516
|
-
},
|
|
515
|
+
...r
|
|
516
|
+
}, n = z(i), l = qe(o), s = B(T), { labelProps: c, triggerProps: u, valueProps: d, menuProps: y } = Ee(
|
|
517
517
|
o,
|
|
518
518
|
l,
|
|
519
|
-
|
|
520
|
-
), { width: h } = me(
|
|
519
|
+
n
|
|
520
|
+
), { width: h } = me(n.current, {
|
|
521
521
|
includePadding: !0
|
|
522
522
|
});
|
|
523
|
-
return /* @__PURE__ */
|
|
523
|
+
return /* @__PURE__ */ p(
|
|
524
524
|
W,
|
|
525
525
|
{
|
|
526
526
|
...o,
|
|
527
|
-
className: V(
|
|
527
|
+
className: V(b.wrapper, o.className),
|
|
528
528
|
children: [
|
|
529
529
|
/* @__PURE__ */ a(
|
|
530
530
|
je,
|
|
531
531
|
{
|
|
532
532
|
...o,
|
|
533
533
|
state: l,
|
|
534
|
-
triggerRef:
|
|
534
|
+
triggerRef: n
|
|
535
535
|
}
|
|
536
536
|
),
|
|
537
|
-
/* @__PURE__ */ a(
|
|
537
|
+
/* @__PURE__ */ a(pe, { popover: t, children: o.label && /* @__PURE__ */ a(
|
|
538
538
|
he,
|
|
539
539
|
{
|
|
540
540
|
...c,
|
|
@@ -556,7 +556,7 @@ const Re = {
|
|
|
556
556
|
...o,
|
|
557
557
|
...u,
|
|
558
558
|
isInvalid: l.displayValidation.isInvalid,
|
|
559
|
-
triggerRef:
|
|
559
|
+
triggerRef: n,
|
|
560
560
|
state: l,
|
|
561
561
|
children: o.selectionMode === "multiple" && l.selectedItems ? /* @__PURE__ */ a("span", { ...d, children: /* @__PURE__ */ a(
|
|
562
562
|
We,
|
|
@@ -565,7 +565,7 @@ const Re = {
|
|
|
565
565
|
state: l,
|
|
566
566
|
parentWidth: h,
|
|
567
567
|
onClear: () => l.selectionManager.clearSelection(),
|
|
568
|
-
triggerRef:
|
|
568
|
+
triggerRef: n
|
|
569
569
|
}
|
|
570
570
|
) }) : null
|
|
571
571
|
}
|
|
@@ -577,22 +577,22 @@ const Re = {
|
|
|
577
577
|
state: l
|
|
578
578
|
}
|
|
579
579
|
),
|
|
580
|
-
/* @__PURE__ */
|
|
580
|
+
/* @__PURE__ */ p(
|
|
581
581
|
Q,
|
|
582
582
|
{
|
|
583
583
|
isOpen: l.isOpen,
|
|
584
584
|
onOpenChange: (m) => {
|
|
585
585
|
m || l.close();
|
|
586
586
|
},
|
|
587
|
-
triggerRef:
|
|
587
|
+
triggerRef: n,
|
|
588
588
|
style: { width: h },
|
|
589
589
|
children: [
|
|
590
|
-
o.isSelectableAll && /* @__PURE__ */
|
|
590
|
+
o.isSelectableAll && /* @__PURE__ */ p(
|
|
591
591
|
ye,
|
|
592
592
|
{
|
|
593
593
|
onClick: () => l.selectionManager.toggleSelectAll(),
|
|
594
594
|
children: [
|
|
595
|
-
/* @__PURE__ */ a("div", { className:
|
|
595
|
+
/* @__PURE__ */ a("div", { className: b.checkboxContainer, children: /* @__PURE__ */ a(
|
|
596
596
|
P,
|
|
597
597
|
{
|
|
598
598
|
isSelected: l.selectionManager.isSelectAll,
|
|
@@ -621,7 +621,7 @@ const Re = {
|
|
|
621
621
|
"aria-label": s.format("selectedItems"),
|
|
622
622
|
selectionBehavior: "toggle",
|
|
623
623
|
onRemove: (m) => l.selectionManager.toggleSelection(Array.from(m)[0]),
|
|
624
|
-
className:
|
|
624
|
+
className: b.tagGroup,
|
|
625
625
|
children: /* @__PURE__ */ a(R, { items: l.selectedItems, children: (m) => /* @__PURE__ */ a(
|
|
626
626
|
G,
|
|
627
627
|
{
|
|
@@ -640,12 +640,12 @@ const Re = {
|
|
|
640
640
|
);
|
|
641
641
|
}
|
|
642
642
|
), Xe = w.forwardRef(
|
|
643
|
-
({ options: e, ...t },
|
|
643
|
+
({ options: e, ...t }, r) => /* @__PURE__ */ a(
|
|
644
644
|
Ue,
|
|
645
645
|
{
|
|
646
646
|
...t,
|
|
647
647
|
items: e,
|
|
648
|
-
ref:
|
|
648
|
+
ref: r,
|
|
649
649
|
children: (i) => i.children ? /* @__PURE__ */ a(
|
|
650
650
|
_e,
|
|
651
651
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('./assets/Select.css');const l=require("react/jsx-runtime"),x=require("react"),V=require("./clsx-C11secjj.cjs"),z=require("./utils-DHNZrQmj.cjs"),j=require("./Tag-bYq-wf5D.cjs"),R=require("./TextField-BAX93sq7.cjs"),H=require("./Collection-BtBX5IMY.cjs"),I=require("./Checkbox-Co3h0hur.cjs"),S=require("./ListBoxSection-BYJccE4T.cjs"),G=require("./check-B0aKTFe5.cjs"),W=require("./useHover-BE_XKZKe.cjs"),M=require("./Dialog-DtHk3eXI.cjs"),_=require("./ListKeyboardDelegate-ZKBk2IId.cjs"),U=require("./SelectionManager-BJjqIWtf.cjs"),$=require("./mergeProps-B5KXZAI3.cjs"),X=require("./filterDOMProps-BS2lrgFA.cjs"),J=require("./useField-D1UkzeaI.cjs"),C=require("./useFormValidation-BlFGdPZB.cjs"),Q=require("./useListState-wLau6fXo.cjs"),Y=require("./useObserveElement-MhzEsCkX.cjs"),Z=require("./VisuallyHidden-Doyzl0F7.cjs"),k=require("./Label-ChjDdBlv.cjs"),ee=require("./Text-DBHWi5gA.cjs"),te=require("./ListBoxButton-CIqNRR3y.cjs"),le=require("./x-rV-nu490.cjs"),F=require("./useLocalizedStringFormatter-BO2iZEL0.cjs"),ne=require("./useButton-D60q0SQw.cjs"),re=require("./chevron-down-5hFlg_lR.cjs"),P=require("./FieldError-Bv3Q6ZP-.cjs");function oe(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const N=oe(x);function T(e){return null}T.getCollectionNode=function*(t,o){let{childItems:i,title:r,children:s}=t,n=t.title||t.children,a=t.textValue||(typeof n=="string"?n:"")||t["aria-label"]||"";!a&&!(o!=null&&o.suppressTextValueWarning)&&process.env.NODE_ENV!=="production"&&console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop."),yield{type:"item",props:t,rendered:n,textValue:a,"aria-label":t["aria-label"],hasChildNodes:ie(t),*childNodes(){if(i)for(let c of i)yield{type:"item",value:c};else if(r){let c=[];x.Children.forEach(s,u=>{c.push({type:"item",element:u})}),yield*c}}}};function ie(e){return e.hasChildItems!=null?e.hasChildItems:!!(e.childItems||e.title&&x.Children.count(e.children)>0)}let w=T;function D(e){return null}D.getCollectionNode=function*(t){let{children:o,title:i,items:r}=t;yield{type:"section",props:t,hasChildNodes:!0,rendered:i,"aria-label":t["aria-label"],*childNodes(){if(typeof o=="function"){if(!r)throw new Error("props.children was a function but props.items is missing");for(let s of r)yield{type:"item",value:s,renderer:o}}else{let s=[];x.Children.forEach(o,n=>{s.push({type:"item",element:n})}),yield*s}}}};let se=D;const ce="_wrapper_1rlqo_10",ae="_trigger_1rlqo_21",de="_medium_1rlqo_35",ue="_icon_1rlqo_71",fe="_tagGroup_1rlqo_77",be="_listBoxItemCheckmark_1rlqo_93",he="_triggerContainer_1rlqo_98",xe="_selectValueTag_1rlqo_104",ge="_clearButton_1rlqo_120",me="_truncate_1rlqo_132",ye="_checkboxContainer_1rlqo_169",h={wrapper:ce,trigger:ae,medium:de,icon:ue,tagGroup:fe,listBoxItemCheckmark:be,triggerContainer:he,selectValueTag:xe,clearButton:ge,truncate:me,checkboxContainer:ye},O=({item:e})=>l.jsx(S.ListBoxItem,{...e.value,textValue:e.textValue,children:({isDisabled:t,isSelected:o,selectionMode:i})=>l.jsxs(l.Fragment,{children:[i==="multiple"?l.jsx("div",{className:h.checkboxContainer,children:l.jsx(I.Checkbox,{isDisabled:t,isSelected:o,isReadOnly:!0,excludeFromTabOrder:!0,"aria-label":e.textValue})}):null,e.rendered,o&&i==="single"?l.jsx(G.Check,{size:20,className:h.listBoxItemCheckmark}):null]})}),pe=({section:e,state:t})=>l.jsx(S.ListBoxSection,{...e.value,children:t.collection.getChildren?l.jsx(H.$e1995378a142960e$export$fb8073518f34e6ec,{items:t.collection.getChildren(e.key),children:o=>l.jsx(O,{item:o})}):null}),$e=({state:e,...t})=>l.jsx(S.ListBox,{...t,...e,escapeKeyBehavior:"none",onSelectionChange:e.setSelectedKeys,items:e.collection,children:o=>o.type==="section"?l.jsx(pe,{state:e,section:o}):l.jsx(O,{item:o})});function Se(e,t,o){const{disallowEmptySelection:i,isDisabled:r}=e,s=_.$325a3faab7a68acd$export$a16aca283550c30d({usage:"search",sensitivity:"base"}),n=x.useMemo(()=>new _.$2a25aae57d74318e$export$a05409b8bb224a5a(t.collection,t.disabledKeys,null,s),[t.collection,t.disabledKeys,s]),{menuTriggerProps:a,menuProps:c}=M.$168583247155ddda$export$dc9c12ed27dd1b49({isDisabled:r,type:"listbox"},t,o),u=f=>{const{selectedKeys:v,selectionMode:E}=t,K=v.values().next().value;if(E==="single")switch(f.key){case"ArrowLeft":{f.preventDefault();const p=v.size>0?n.getKeyAbove(K):n.getFirstKey();p&&t.setSelectedKeys([p]);break}case"ArrowRight":{f.preventDefault();const p=v.size>0?n.getKeyBelow(K):n.getFirstKey();p&&t.setSelectedKeys([p]);break}}},{typeSelectProps:d}=U.$fb3050f43d946246$export$e32c88dfddc6e1d8({keyboardDelegate:n,selectionManager:t.selectionManager,onTypeSelect(f){t.setSelectedKeys([f])}}),{labelProps:y,fieldProps:g}=J.$2baaea4c71418dea$export$294aa081a6c6f55d({...e,labelElementType:"span"});d.onKeyDown=d.onKeyDownCapture,delete d.onKeyDownCapture;const b=X.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0}),m=$.$3ef42575df84b30b$export$9d1611c77c2fe928(d,a,g),q=$.$bdb11010cef70236$export$f680877a34711e37();return{labelProps:{...y,onClick:()=>{var f;e.isDisabled||((f=o.current)==null||f.focus(),W.$507fabe10e71c6fb$export$8397ddfc504fdb9a("keyboard"))}},triggerProps:$.$3ef42575df84b30b$export$9d1611c77c2fe928(b,{...m,onKeyDown:$.$ff5963eb1fccf552$export$e08e3b67e392101e(m.onKeyDown,u,e.onKeyDown),onKeyUp:e.onKeyUp,"aria-labelledby":[m["aria-labelledby"],m["aria-label"]&&!m["aria-labelledby"]?m.id:null,q].filter(Boolean).join(" "),onFocus(f){t.isFocused||(e.onFocus&&e.onFocus(f),t.setFocused(!0))},onBlur(f){t.isOpen||(e.onBlur&&e.onBlur(f),t.setFocused(!1))}}),valueProps:{id:q},menuProps:{...c,disallowEmptySelection:i,autoFocus:t.focusStrategy||!0,shouldSelectOnPressUp:!0,shouldFocusOnHover:!0,onBlur:f=>{f.currentTarget.contains(f.relatedTarget)||(e.onBlur&&e.onBlur(f),t.setFocused(!1))},"aria-labelledby":[g["aria-labelledby"],m["aria-label"]&&!g["aria-labelledby"]?m.id:null].filter(Boolean).join(" ")}}}function ve(e){const{collection:t,disabledKeys:o,selectionManager:i,selectionManager:{setSelectedKeys:r,selectedKeys:s,selectionMode:n}}=Q.$e72dd72e1c76a225$export$2f645645f7bca764(e),a=[],c=s.size!==0?Array.from(s).map(u=>{const d=t.getItem(u);return d||a.push(u),d}).filter(Boolean):null;return a.length&&console.warn(`Select: Keys "${a.join(", ")}" passed to "selectedKeys" are not present in the collection.`),{collection:t,disabledKeys:o,selectionManager:i,selectionMode:n,selectedKeys:s,setSelectedKeys:r.bind(i),selectedItems:c}}function je(e){const[t,o]=x.useState(!1),i=M.$a28c903ee9ad8dc5$export$79fefeb1c2091ac3(e),r=e.selectionMode==="single",s=ve({...e,onSelectionChange:d=>{e.onSelectionChange&&e.onSelectionChange(d),r&&i.close()}}),n=C.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,validationBehavior:"native",value:s.selectedKeys}),a=s.collection.size===0,c=!!s.selectedKeys.size,u=x.useCallback(()=>{n.resetValidation(),n.commitValidation()},[n]);return x.useEffect(()=>{r&&c&&u()},[c,r,u]),{...s,...i,close(){i.close(),c&&u()},open(){a||i.open()},toggle(d){a||i.toggle(d)},isFocused:t,setFocused:o,...n}}function Ce({autoComplete:e,name:t,isDisabled:o,isRequired:i,selectRef:r},s,n){const{visuallyHiddenProps:a}=Z.$5c3e21d68f1c4674$export$a966af930f325cab();return C.$99facab73266f662$export$5add1d006293d136(r,s.selectedKeys,s.setSelectedKeys),C.$e93e671b31057976$export$b8473d3665f3a75a({validationBehavior:"native",focus:()=>{var c;return(c=n.current)==null?void 0:c.focus()}},s,r),{containerProps:{...a,"aria-hidden":!0,"data-react-aria-prevent-focus":!0,"data-a11y-ignore":"aria-hidden-focus"},inputProps:{style:{display:"none"}},selectProps:{tabIndex:-1,autoComplete:e,disabled:o,required:i,name:t,value:Array.from(s.selectedKeys).map(c=>c.toString()),onChange:c=>s.setSelectedKeys(c.target.value),multiple:!0}}}function qe(e){const{state:t,triggerRef:o,name:i,isDisabled:r}=e,s=`${e.label}-hidden`,n=x.useRef(null),{containerProps:a,selectProps:c}=Ce({...e,selectRef:n},t,o);return t.collection.size<=300?l.jsx("div",{...a,"data-testid":"hidden-select-container",children:l.jsxs("label",{children:[s,l.jsxs("select",{...c,ref:n,children:[l.jsx("option",{}),[...t.collection.getKeys()].map(u=>{const d=t.collection.getItem(u);return d&&d.type==="item"?l.jsx("option",{value:d.key,children:d.textValue},d.key):null})]})]})}):i?l.jsx("input",{type:"hidden",autoComplete:c.autoComplete,name:i,disabled:r,value:Array.from(t.selectedKeys).map(u=>u.toString())??[""]}):null}const Ke={clearAll:"Clear all",selectAll:"Select all",selectedItems:"Selected items",chosen:"chosen"},_e={clearAll:"Rensa alla",selectAll:"Välj alla",selectedItems:"Valda objekt",chosen:"valda"},L={en:Ke,sv:_e},ke=({state:{selectedItems:e},isDisabled:t,parentWidth:o,onClear:i,triggerRef:r,isClearable:s})=>{const n=F.useLocalizedStringFormatter(L);return l.jsxs("div",{className:h.selectValueTag,"data-disabled":t||void 0,children:[l.jsx("span",{className:h.truncate,style:{maxWidth:o-92},children:e!=null&&e.length&&e.length>1?`${e.length} ${n.format("chosen")}`:e==null?void 0:e[0].textValue}),s&&l.jsx("button",{disabled:t,"aria-label":n.format("clearAll"),className:h.clearButton,onClick:()=>{var a;i(),(a=r==null?void 0:r.current)==null||a.focus()},children:l.jsx(le.X,{width:20,height:20})})]})},Pe=({autoFocus:e,excludeFromTabOrder:t,isDisabled:o,size:i="large",isOpen:r,isInvalid:s,selectionMode:n,state:{selectedItems:a},placeholder:c,children:u,triggerRef:d,...y})=>{const{buttonProps:g}=ne.$701a24aa0da5b062$export$ea18c227d4417cc3({autoFocus:e,excludeFromTabOrder:t,isDisabled:o,...y},d),b=n==="multiple";return l.jsxs("div",{className:h.triggerContainer,"data-disabled":o||void 0,children:[l.jsxs("button",{...g,autoFocus:e,className:V.clsx(h.trigger,{[h.medium]:i==="medium"}),"data-disabled":o||void 0,"data-invalid":s||void 0,"data-open":r||void 0,ref:d,type:"button",children:[b&&!a?l.jsx("span",{children:c}):null,b?null:l.jsx("span",{children:a?a[0].textValue:c}),l.jsx("div",{className:h.icon,"aria-hidden":"true",children:l.jsx(re.ChevronDown,{size:20})})]}),u]})},B=({state:e,errorMessage:t})=>l.jsx(P.$ee014567cb39d3f0$export$ff05c3ac10437e03.Provider,{value:{...e.displayValidation},children:l.jsx(P.FieldError,{children:t})}),we=N.forwardRef(({isClearable:e=!0,popover:t,...o},i)=>{const r={selectionMode:"single",errorPosition:"top",disallowEmptySelection:!e,isClearable:e,size:"large",popover:t,...o},s=z.$df56164dff5785e2$export$4338b53315abf666(i),n=je(r),a=F.useLocalizedStringFormatter(L),{labelProps:c,triggerProps:u,valueProps:d,menuProps:y}=Se(r,n,s),{width:g}=Y.useObserveElement(s.current,{includePadding:!0});return l.jsxs(R.$bcdf0525bf22703d$export$2c73285ae9390cec,{...r,className:V.clsx(h.wrapper,r.className),children:[l.jsx(qe,{...r,state:n,triggerRef:s}),l.jsx(k.LabelWrapper,{popover:t,children:r.label&&l.jsx(k.Label,{...c,"data-disabled":r.isDisabled||void 0,children:r.label})}),r.description&&l.jsx(ee.Text,{slot:"description",children:r.description}),r.errorPosition==="top"&&l.jsx(B,{...r,state:n}),l.jsx(Pe,{...r,...u,isInvalid:n.displayValidation.isInvalid,triggerRef:s,state:n,children:r.selectionMode==="multiple"&&n.selectedItems?l.jsx("span",{...d,children:l.jsx(ke,{...r,state:n,parentWidth:g,onClear:()=>n.selectionManager.clearSelection(),triggerRef:s})}):null}),r.errorPosition==="bottom"&&l.jsx(B,{...r,state:n}),l.jsxs(S.ListBoxPopover,{isOpen:n.isOpen,onOpenChange:b=>{b||n.close()},triggerRef:s,style:{width:g},children:[r.isSelectableAll&&l.jsxs(te.ListBoxButton,{onClick:()=>n.selectionManager.toggleSelectAll(),children:[l.jsx("div",{className:h.checkboxContainer,children:l.jsx(I.Checkbox,{isSelected:n.selectionManager.isSelectAll,isIndeterminate:!n.selectionManager.isSelectAll&&!n.selectionManager.isEmpty,isReadOnly:!0,excludeFromTabOrder:!0})}),l.jsx("span",{children:a.format("selectAll")})]}),l.jsx($e,{...y,state:n})]}),r.showTags&&!!n.selectedItems&&l.jsx(j.TagGroup,{"aria-label":a.format("selectedItems"),selectionBehavior:"toggle",onRemove:b=>n.selectionManager.toggleSelection(Array.from(b)[0]),className:h.tagGroup,children:l.jsx(j.$eaf9e70818b436db$export$f9fef0f55402315b,{items:n.selectedItems,children:b=>l.jsx(j.Tag,{textValue:b.textValue,id:b.key,dismissable:!0,isDisabled:r.isDisabled,children:b.textValue},b.key)})})]})}),A=N.forwardRef(({options:e,...t},o)=>l.jsx(we,{...t,items:e,ref:o,children:i=>i.children?l.jsx(se,{items:i.children,title:i.name,children:r=>l.jsx(w,{textValue:r.textValue,children:r.name})},i.name):l.jsx(w,{textValue:i.textValue,children:i.name})}));A.displayName="Select";exports.Select=A;
|
|
1
|
+
"use strict";require('./assets/Select.css');const l=require("react/jsx-runtime"),x=require("react"),V=require("./clsx-C11secjj.cjs"),z=require("./utils-BM2vxlNA.cjs"),j=require("./Tag-DkW6zaIS.cjs"),R=require("./TextField-P5yICj5z.cjs"),H=require("./Collection-B1xL4EdF.cjs"),I=require("./Checkbox-CZtCj4yR.cjs"),S=require("./ListBoxSection-DtsigmC1.cjs"),G=require("./check-B0aKTFe5.cjs"),W=require("./useHover-CaFzQrR_.cjs"),M=require("./Dialog-BT0tVGQb.cjs"),_=require("./ListKeyboardDelegate-fZKXmHAk.cjs"),U=require("./SelectionManager-BvREZgeu.cjs"),$=require("./mergeProps-C7Sx47fA.cjs"),X=require("./filterDOMProps-BS2lrgFA.cjs"),J=require("./useField-CoQAzygg.cjs"),C=require("./useFormValidation-DSRwb9US.cjs"),Q=require("./useListState-TtWy_rDI.cjs"),Y=require("./useObserveElement-BzEr5D32.cjs"),Z=require("./VisuallyHidden-DxDOcIsh.cjs"),k=require("./Label-COpr4xVt.cjs"),ee=require("./Text-DA_gK6a2.cjs"),te=require("./ListBoxButton-C2zp-gXD.cjs"),le=require("./x-rV-nu490.cjs"),F=require("./useLocalizedStringFormatter-BSac43NO.cjs"),ne=require("./useButton-CwOQUGtY.cjs"),re=require("./chevron-down-5hFlg_lR.cjs"),P=require("./FieldError-BvU0sueN.cjs");function oe(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const N=oe(x);function T(e){return null}T.getCollectionNode=function*(t,o){let{childItems:i,title:r,children:s}=t,n=t.title||t.children,a=t.textValue||(typeof n=="string"?n:"")||t["aria-label"]||"";!a&&!(o!=null&&o.suppressTextValueWarning)&&process.env.NODE_ENV!=="production"&&console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop."),yield{type:"item",props:t,rendered:n,textValue:a,"aria-label":t["aria-label"],hasChildNodes:ie(t),*childNodes(){if(i)for(let c of i)yield{type:"item",value:c};else if(r){let c=[];x.Children.forEach(s,u=>{c.push({type:"item",element:u})}),yield*c}}}};function ie(e){return e.hasChildItems!=null?e.hasChildItems:!!(e.childItems||e.title&&x.Children.count(e.children)>0)}let w=T;function D(e){return null}D.getCollectionNode=function*(t){let{children:o,title:i,items:r}=t;yield{type:"section",props:t,hasChildNodes:!0,rendered:i,"aria-label":t["aria-label"],*childNodes(){if(typeof o=="function"){if(!r)throw new Error("props.children was a function but props.items is missing");for(let s of r)yield{type:"item",value:s,renderer:o}}else{let s=[];x.Children.forEach(o,n=>{s.push({type:"item",element:n})}),yield*s}}}};let se=D;const ce="_wrapper_1rlqo_10",ae="_trigger_1rlqo_21",de="_medium_1rlqo_35",ue="_icon_1rlqo_71",fe="_tagGroup_1rlqo_77",be="_listBoxItemCheckmark_1rlqo_93",he="_triggerContainer_1rlqo_98",xe="_selectValueTag_1rlqo_104",ge="_clearButton_1rlqo_120",me="_truncate_1rlqo_132",ye="_checkboxContainer_1rlqo_169",h={wrapper:ce,trigger:ae,medium:de,icon:ue,tagGroup:fe,listBoxItemCheckmark:be,triggerContainer:he,selectValueTag:xe,clearButton:ge,truncate:me,checkboxContainer:ye},O=({item:e})=>l.jsx(S.ListBoxItem,{...e.value,textValue:e.textValue,children:({isDisabled:t,isSelected:o,selectionMode:i})=>l.jsxs(l.Fragment,{children:[i==="multiple"?l.jsx("div",{className:h.checkboxContainer,children:l.jsx(I.Checkbox,{isDisabled:t,isSelected:o,isReadOnly:!0,excludeFromTabOrder:!0,"aria-label":e.textValue})}):null,e.rendered,o&&i==="single"?l.jsx(G.Check,{size:20,className:h.listBoxItemCheckmark}):null]})}),pe=({section:e,state:t})=>l.jsx(S.ListBoxSection,{...e.value,children:t.collection.getChildren?l.jsx(H.$e1995378a142960e$export$fb8073518f34e6ec,{items:t.collection.getChildren(e.key),children:o=>l.jsx(O,{item:o})}):null}),$e=({state:e,...t})=>l.jsx(S.ListBox,{...t,...e,escapeKeyBehavior:"none",onSelectionChange:e.setSelectedKeys,items:e.collection,children:o=>o.type==="section"?l.jsx(pe,{state:e,section:o}):l.jsx(O,{item:o})});function Se(e,t,o){const{disallowEmptySelection:i,isDisabled:r}=e,s=_.$325a3faab7a68acd$export$a16aca283550c30d({usage:"search",sensitivity:"base"}),n=x.useMemo(()=>new _.$2a25aae57d74318e$export$a05409b8bb224a5a(t.collection,t.disabledKeys,null,s),[t.collection,t.disabledKeys,s]),{menuTriggerProps:a,menuProps:c}=M.$168583247155ddda$export$dc9c12ed27dd1b49({isDisabled:r,type:"listbox"},t,o),u=f=>{const{selectedKeys:v,selectionMode:E}=t,K=v.values().next().value;if(E==="single")switch(f.key){case"ArrowLeft":{f.preventDefault();const p=v.size>0?n.getKeyAbove(K):n.getFirstKey();p&&t.setSelectedKeys([p]);break}case"ArrowRight":{f.preventDefault();const p=v.size>0?n.getKeyBelow(K):n.getFirstKey();p&&t.setSelectedKeys([p]);break}}},{typeSelectProps:d}=U.$fb3050f43d946246$export$e32c88dfddc6e1d8({keyboardDelegate:n,selectionManager:t.selectionManager,onTypeSelect(f){t.setSelectedKeys([f])}}),{labelProps:y,fieldProps:g}=J.$2baaea4c71418dea$export$294aa081a6c6f55d({...e,labelElementType:"span"});d.onKeyDown=d.onKeyDownCapture,delete d.onKeyDownCapture;const b=X.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0}),m=$.$3ef42575df84b30b$export$9d1611c77c2fe928(d,a,g),q=$.$bdb11010cef70236$export$f680877a34711e37();return{labelProps:{...y,onClick:()=>{var f;e.isDisabled||((f=o.current)==null||f.focus(),W.$507fabe10e71c6fb$export$8397ddfc504fdb9a("keyboard"))}},triggerProps:$.$3ef42575df84b30b$export$9d1611c77c2fe928(b,{...m,onKeyDown:$.$ff5963eb1fccf552$export$e08e3b67e392101e(m.onKeyDown,u,e.onKeyDown),onKeyUp:e.onKeyUp,"aria-labelledby":[m["aria-labelledby"],m["aria-label"]&&!m["aria-labelledby"]?m.id:null,q].filter(Boolean).join(" "),onFocus(f){t.isFocused||(e.onFocus&&e.onFocus(f),t.setFocused(!0))},onBlur(f){t.isOpen||(e.onBlur&&e.onBlur(f),t.setFocused(!1))}}),valueProps:{id:q},menuProps:{...c,disallowEmptySelection:i,autoFocus:t.focusStrategy||!0,shouldSelectOnPressUp:!0,shouldFocusOnHover:!0,onBlur:f=>{f.currentTarget.contains(f.relatedTarget)||(e.onBlur&&e.onBlur(f),t.setFocused(!1))},"aria-labelledby":[g["aria-labelledby"],m["aria-label"]&&!g["aria-labelledby"]?m.id:null].filter(Boolean).join(" ")}}}function ve(e){const{collection:t,disabledKeys:o,selectionManager:i,selectionManager:{setSelectedKeys:r,selectedKeys:s,selectionMode:n}}=Q.$e72dd72e1c76a225$export$2f645645f7bca764(e),a=[],c=s.size!==0?Array.from(s).map(u=>{const d=t.getItem(u);return d||a.push(u),d}).filter(Boolean):null;return a.length&&console.warn(`Select: Keys "${a.join(", ")}" passed to "selectedKeys" are not present in the collection.`),{collection:t,disabledKeys:o,selectionManager:i,selectionMode:n,selectedKeys:s,setSelectedKeys:r.bind(i),selectedItems:c}}function je(e){const[t,o]=x.useState(!1),i=M.$a28c903ee9ad8dc5$export$79fefeb1c2091ac3(e),r=e.selectionMode==="single",s=ve({...e,onSelectionChange:d=>{e.onSelectionChange&&e.onSelectionChange(d),r&&i.close()}}),n=C.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,validationBehavior:"native",value:s.selectedKeys}),a=s.collection.size===0,c=!!s.selectedKeys.size,u=x.useCallback(()=>{n.resetValidation(),n.commitValidation()},[n]);return x.useEffect(()=>{r&&c&&u()},[c,r,u]),{...s,...i,close(){i.close(),c&&u()},open(){a||i.open()},toggle(d){a||i.toggle(d)},isFocused:t,setFocused:o,...n}}function Ce({autoComplete:e,name:t,isDisabled:o,isRequired:i,selectRef:r},s,n){const{visuallyHiddenProps:a}=Z.$5c3e21d68f1c4674$export$a966af930f325cab();return C.$99facab73266f662$export$5add1d006293d136(r,s.selectedKeys,s.setSelectedKeys),C.$e93e671b31057976$export$b8473d3665f3a75a({validationBehavior:"native",focus:()=>{var c;return(c=n.current)==null?void 0:c.focus()}},s,r),{containerProps:{...a,"aria-hidden":!0,"data-react-aria-prevent-focus":!0,"data-a11y-ignore":"aria-hidden-focus"},inputProps:{style:{display:"none"}},selectProps:{tabIndex:-1,autoComplete:e,disabled:o,required:i,name:t,value:Array.from(s.selectedKeys).map(c=>c.toString()),onChange:c=>s.setSelectedKeys(c.target.value),multiple:!0}}}function qe(e){const{state:t,triggerRef:o,name:i,isDisabled:r}=e,s=`${e.label}-hidden`,n=x.useRef(null),{containerProps:a,selectProps:c}=Ce({...e,selectRef:n},t,o);return t.collection.size<=300?l.jsx("div",{...a,"data-testid":"hidden-select-container",children:l.jsxs("label",{children:[s,l.jsxs("select",{...c,ref:n,children:[l.jsx("option",{}),[...t.collection.getKeys()].map(u=>{const d=t.collection.getItem(u);return d&&d.type==="item"?l.jsx("option",{value:d.key,children:d.textValue},d.key):null})]})]})}):i?l.jsx("input",{type:"hidden",autoComplete:c.autoComplete,name:i,disabled:r,value:Array.from(t.selectedKeys).map(u=>u.toString())??[""]}):null}const Ke={clearAll:"Clear all",selectAll:"Select all",selectedItems:"Selected items",chosen:"chosen"},_e={clearAll:"Rensa alla",selectAll:"Välj alla",selectedItems:"Valda objekt",chosen:"valda"},L={en:Ke,sv:_e},ke=({state:{selectedItems:e},isDisabled:t,parentWidth:o,onClear:i,triggerRef:r,isClearable:s})=>{const n=F.useLocalizedStringFormatter(L);return l.jsxs("div",{className:h.selectValueTag,"data-disabled":t||void 0,children:[l.jsx("span",{className:h.truncate,style:{maxWidth:o-92},children:e!=null&&e.length&&e.length>1?`${e.length} ${n.format("chosen")}`:e==null?void 0:e[0].textValue}),s&&l.jsx("button",{disabled:t,"aria-label":n.format("clearAll"),className:h.clearButton,onClick:()=>{var a;i(),(a=r==null?void 0:r.current)==null||a.focus()},children:l.jsx(le.X,{width:20,height:20})})]})},Pe=({autoFocus:e,excludeFromTabOrder:t,isDisabled:o,size:i="large",isOpen:r,isInvalid:s,selectionMode:n,state:{selectedItems:a},placeholder:c,children:u,triggerRef:d,...y})=>{const{buttonProps:g}=ne.$701a24aa0da5b062$export$ea18c227d4417cc3({autoFocus:e,excludeFromTabOrder:t,isDisabled:o,...y},d),b=n==="multiple";return l.jsxs("div",{className:h.triggerContainer,"data-disabled":o||void 0,children:[l.jsxs("button",{...g,autoFocus:e,className:V.clsx(h.trigger,{[h.medium]:i==="medium"}),"data-disabled":o||void 0,"data-invalid":s||void 0,"data-open":r||void 0,ref:d,type:"button",children:[b&&!a?l.jsx("span",{children:c}):null,b?null:l.jsx("span",{children:a?a[0].textValue:c}),l.jsx("div",{className:h.icon,"aria-hidden":"true",children:l.jsx(re.ChevronDown,{size:20})})]}),u]})},B=({state:e,errorMessage:t})=>l.jsx(P.$ee014567cb39d3f0$export$ff05c3ac10437e03.Provider,{value:{...e.displayValidation},children:l.jsx(P.FieldError,{children:t})}),we=N.forwardRef(({isClearable:e=!0,popover:t,...o},i)=>{const r={selectionMode:"single",errorPosition:"top",disallowEmptySelection:!e,isClearable:e,size:"large",popover:t,...o},s=z.$df56164dff5785e2$export$4338b53315abf666(i),n=je(r),a=F.useLocalizedStringFormatter(L),{labelProps:c,triggerProps:u,valueProps:d,menuProps:y}=Se(r,n,s),{width:g}=Y.useObserveElement(s.current,{includePadding:!0});return l.jsxs(R.$bcdf0525bf22703d$export$2c73285ae9390cec,{...r,className:V.clsx(h.wrapper,r.className),children:[l.jsx(qe,{...r,state:n,triggerRef:s}),l.jsx(k.LabelWrapper,{popover:t,children:r.label&&l.jsx(k.Label,{...c,"data-disabled":r.isDisabled||void 0,children:r.label})}),r.description&&l.jsx(ee.Text,{slot:"description",children:r.description}),r.errorPosition==="top"&&l.jsx(B,{...r,state:n}),l.jsx(Pe,{...r,...u,isInvalid:n.displayValidation.isInvalid,triggerRef:s,state:n,children:r.selectionMode==="multiple"&&n.selectedItems?l.jsx("span",{...d,children:l.jsx(ke,{...r,state:n,parentWidth:g,onClear:()=>n.selectionManager.clearSelection(),triggerRef:s})}):null}),r.errorPosition==="bottom"&&l.jsx(B,{...r,state:n}),l.jsxs(S.ListBoxPopover,{isOpen:n.isOpen,onOpenChange:b=>{b||n.close()},triggerRef:s,style:{width:g},children:[r.isSelectableAll&&l.jsxs(te.ListBoxButton,{onClick:()=>n.selectionManager.toggleSelectAll(),children:[l.jsx("div",{className:h.checkboxContainer,children:l.jsx(I.Checkbox,{isSelected:n.selectionManager.isSelectAll,isIndeterminate:!n.selectionManager.isSelectAll&&!n.selectionManager.isEmpty,isReadOnly:!0,excludeFromTabOrder:!0})}),l.jsx("span",{children:a.format("selectAll")})]}),l.jsx($e,{...y,state:n})]}),r.showTags&&!!n.selectedItems&&l.jsx(j.TagGroup,{"aria-label":a.format("selectedItems"),selectionBehavior:"toggle",onRemove:b=>n.selectionManager.toggleSelection(Array.from(b)[0]),className:h.tagGroup,children:l.jsx(j.$eaf9e70818b436db$export$f9fef0f55402315b,{items:n.selectedItems,children:b=>l.jsx(j.Tag,{textValue:b.textValue,id:b.key,dismissable:!0,isDisabled:r.isDisabled,children:b.textValue},b.key)})})]})}),A=N.forwardRef(({options:e,...t},o)=>l.jsx(we,{...t,items:e,ref:o,children:i=>i.children?l.jsx(se,{items:i.children,title:i.name,children:r=>l.jsx(w,{textValue:r.textValue,children:r.name})},i.name):l.jsx(w,{textValue:i.textValue,children:i.name})}));A.displayName="Select";exports.Select=A;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import V, { useRef as S, useEffect as q, useMemo as j, useState as se } from "react";
|
|
2
|
-
import { $ as he, a as Y, c as we, d as ye } from "./mergeProps-
|
|
3
|
-
import { $ as ke, b as xe, m as ue, c as Ae } from "./utils-
|
|
4
|
-
import { b as Fe, c as Pe, f as Ie } from "./usePress-
|
|
5
|
-
import { $ as J } from "./useEvent-
|
|
2
|
+
import { $ as he, a as Y, c as we, d as ye } from "./mergeProps-BYJQ6N1s.js";
|
|
3
|
+
import { $ as ke, b as xe, m as ue, c as Ae } from "./utils-CuqJqFqQ.js";
|
|
4
|
+
import { b as Fe, c as Pe, f as Ie } from "./usePress-B_jgTf4k.js";
|
|
5
|
+
import { $ as J } from "./useEvent-DqWz89vg.js";
|
|
6
6
|
import { a as Me, b as pe } from "./scrollIntoView-ClEACHUk.js";
|
|
7
7
|
import { flushSync as Ce } from "react-dom";
|
|
8
|
-
import { h as Be, o as Re,
|
|
9
|
-
import { b as ae } from "./useFocusable-
|
|
10
|
-
import { $ as Le } from "./FocusScope-
|
|
11
|
-
import { $ as Oe } from "./context-
|
|
12
|
-
import { $ as ze } from "./useDescription-
|
|
8
|
+
import { h as Be, o as Re, g as ve } from "./useHover-D8fja4GW.js";
|
|
9
|
+
import { b as ae } from "./useFocusable-ZjCKo1ed.js";
|
|
10
|
+
import { $ as Le } from "./FocusScope-CEgd3xCY.js";
|
|
11
|
+
import { $ as Oe } from "./context-Dl_saGB6.js";
|
|
12
|
+
import { $ as ze } from "./useDescription-LmB1V4Tg.js";
|
|
13
13
|
import { $ as Ue } from "./useControlledState-u436Wbp1.js";
|
|
14
14
|
function be(n, e) {
|
|
15
15
|
const t = S(!0), l = S(null);
|