@ryuzaki13/react-foundation-ui 1.1.8 → 1.1.9
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/dist/layout-picker/index.js +46 -44
- package/dist/layout-picker/index.js.map +1 -1
- package/dist/layout-picker/ui/LayoutPicker.d.ts +6 -1
- package/dist/layout-picker/ui/LayoutPicker.d.ts.map +1 -1
- package/package.json +1 -1
- package/storybook-static/assets/{Badge-Dn74JUF_.js → Badge-CYUtks4i.js} +1 -1
- package/storybook-static/assets/{Badge.stories-0f2dBkFF.js → Badge.stories-CiwiuZND.js} +1 -1
- package/storybook-static/assets/{Button-C1TJgYBn.js → Button-DxBLrgCb.js} +1 -1
- package/storybook-static/assets/{Button-DDo_z6nQ.js → Button-GcMG_GZZ.js} +1 -1
- package/storybook-static/assets/{Button.stories-CEhM2nmB.js → Button.stories-Cd0Os334.js} +1 -1
- package/storybook-static/assets/{CheckBox-Brecn2Go.js → CheckBox-DFUUkGhT.js} +1 -1
- package/storybook-static/assets/{CheckBox-Dou46_Q2.js → CheckBox-m8RUUjvq.js} +1 -1
- package/storybook-static/assets/{CheckBox.stories-BX0rAtSE.js → CheckBox.stories-CJ_3y5UH.js} +1 -1
- package/storybook-static/assets/{Color-KMSTOMOX-BWvVg2h-.js → Color-KMSTOMOX-D_F5kPOR.js} +1 -1
- package/storybook-static/assets/{ContextMenu-wm9Jh9ZJ.js → ContextMenu-Bwi_RCid.js} +1 -1
- package/storybook-static/assets/{ContextMenu.stories-BNgeqlBC.js → ContextMenu.stories-CD3V_TkA.js} +1 -1
- package/storybook-static/assets/{DateInput-C4POi6jK.js → DateInput-BLOXukhB.js} +1 -1
- package/storybook-static/assets/{DateInput-BvCdgET8.js → DateInput-D838WG9k.js} +1 -1
- package/storybook-static/assets/{DateInput.stories-Co44UsPz.js → DateInput.stories-B5IcEl_E.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-DS2LFGpx.js → DateRangePresetSelect-D-5OmKVI.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-CFRcBK8Q.js → DateRangePresetSelect-nV0sOrrq.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect.stories-Bw2wid1f.js → DateRangePresetSelect.stories-B0OEeGyM.js} +1 -1
- package/storybook-static/assets/{Detail-DRVWmbKj.js → Detail-BoRol63k.js} +1 -1
- package/storybook-static/assets/{Detail.stories-DiPu8idx.js → Detail.stories-Bvoc4JyH.js} +1 -1
- package/storybook-static/assets/{Dialog-DWwwmwKU.js → Dialog-6f4X_UF_.js} +1 -1
- package/storybook-static/assets/{Dialog.stories-H65hC3at.js → Dialog.stories-DupxCJ26.js} +1 -1
- package/storybook-static/assets/{Disclosure-DXCJIvn2.js → Disclosure-mjTMcSOm.js} +1 -1
- package/storybook-static/assets/{Disclosure.stories-BtvyHQlf.js → Disclosure.stories-BXY5v1i7.js} +1 -1
- package/storybook-static/assets/{DocsRenderer-JROSPFPF-BIOn2Yw2.js → DocsRenderer-JROSPFPF-B5gLF2_w.js} +2 -2
- package/storybook-static/assets/{DropZone-B5GgSTT6.js → DropZone-BWidhx3w.js} +1 -1
- package/storybook-static/assets/{DropZone.stories-DXQz-psy.js → DropZone.stories-DdzxEO58.js} +1 -1
- package/storybook-static/assets/{DropdownMenu-DiCKdtJQ.js → DropdownMenu-CTP2q7WN.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel.stories--iDMcu7P.js → ExpandableActionPanel.stories-zrVipsOg.js} +1 -1
- package/storybook-static/assets/{Flex-Cl2bB8Po.js → Flex-BOdbeJ0I.js} +1 -1
- package/storybook-static/assets/{Flex-COhmAKNn.js → Flex-DZrPfPl7.js} +1 -1
- package/storybook-static/assets/{Flex.stories-DMuAAT19.js → Flex.stories-BXa9Ld3i.js} +1 -1
- package/storybook-static/assets/{Grid-PM5n8eI2.js → Grid-BHcgytfy.js} +1 -1
- package/storybook-static/assets/{Grid-Df08ACJK.js → Grid-JvQFWmt_.js} +1 -1
- package/storybook-static/assets/{Grid.stories-Do5Od8Vw.js → Grid.stories-B5poAGUr.js} +1 -1
- package/storybook-static/assets/{ImageCropper.stories-EvtSYfKt.js → ImageCropper.stories-DddyTDWa.js} +1 -1
- package/storybook-static/assets/{ImageRenderer-B2AC5NZh.js → ImageRenderer-VdBmXv1k.js} +1 -1
- package/storybook-static/assets/{ImageRenderer.stories-DzFi_sDQ.js → ImageRenderer.stories-B5W5SEMP.js} +1 -1
- package/storybook-static/assets/{ImageView.stories-B1g_OpL2.js → ImageView.stories-Bxdytr0W.js} +1 -1
- package/storybook-static/assets/{ImageViewer.stories-b0cFqboR.js → ImageViewer.stories-BXJN4esR.js} +2 -2
- package/storybook-static/assets/{ImageViewerRuntime-D_IBJyiC.js → ImageViewerRuntime-DLzkYOMn.js} +1 -1
- package/storybook-static/assets/{Input-y5ZPRO5m.js → Input-D6FlpB4Y.js} +1 -1
- package/storybook-static/assets/{Input-CyGgeUCG.js → Input-DoKDcdGf.js} +1 -1
- package/storybook-static/assets/{Input.stories-Dhv3f6d7.js → Input.stories-tR41eQh7.js} +1 -1
- package/storybook-static/assets/{InputDateTime-ZXVROSAW.js → InputDateTime-BpvZYBm8.js} +1 -1
- package/storybook-static/assets/{InputDateTime.stories-NMpK5Peb.js → InputDateTime.stories-BOVClwU1.js} +1 -1
- package/storybook-static/assets/{InputFile-BR2c0rNb.js → InputFile-BGHb93zX.js} +1 -1
- package/storybook-static/assets/{InputFile.stories-BuNiPkPF.js → InputFile.stories-CmhCmMX6.js} +1 -1
- package/storybook-static/assets/{InputFiles-BlGer_7z.js → InputFiles-Bsatbrje.js} +1 -1
- package/storybook-static/assets/{InputFiles-BdhvE0kz.js → InputFiles-CLnOm0x9.js} +1 -1
- package/storybook-static/assets/{InputFiles.stories-BPGnbszv.js → InputFiles.stories-BOH1-zD8.js} +1 -1
- package/storybook-static/assets/{InputImage-zHzuV5NX.js → InputImage-CZAwib3W.js} +1 -1
- package/storybook-static/assets/{InputImage.stories-BXKgBMoQ.js → InputImage.stories-BobdHmpf.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-L-0F9Vrb.js → LayoutPicker-BNQIVp3u.js} +4 -3
- package/storybook-static/assets/LayoutPicker.stories-Du0HfXjJ.js +449 -0
- package/storybook-static/assets/{Listbox-YWvaCK77.js → Listbox-Cup327ne.js} +1 -1
- package/storybook-static/assets/{Listbox.stories-BSJmd-mH.js → Listbox.stories-BlrBt5zM.js} +1 -1
- package/storybook-static/assets/{Modal-CQW1mNSz.js → Modal-d1loZR-M.js} +1 -1
- package/storybook-static/assets/{Modal.stories-BEpdLX9t.js → Modal.stories-ClQnn-f_.js} +1 -1
- package/storybook-static/assets/{MultiSelect-DbjbyS6f.js → MultiSelect-BUWlGDnx.js} +1 -1
- package/storybook-static/assets/{MultiSelect-HXlabU2B.js → MultiSelect-DydDWE0p.js} +1 -1
- package/storybook-static/assets/{MultiSelect.stories-CflQTXbQ.js → MultiSelect.stories-iBixjG7e.js} +1 -1
- package/storybook-static/assets/{NotificationsHost-s71CKpxG.js → NotificationsHost-C86XqiWb.js} +1 -1
- package/storybook-static/assets/{NotificationsHost.stories-Ovu7jDcj.js → NotificationsHost.stories-B1zhHRl_.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect-B-u9xRiQ.js → ODataMultiSelect-wVgBQ88Z.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect.stories-DajVZbpu.js → ODataMultiSelect.stories-Cv2ibcVz.js} +1 -1
- package/storybook-static/assets/{ODataSelect-3wE4Syu-.js → ODataSelect-BMymfHVd.js} +1 -1
- package/storybook-static/assets/{ODataSelect-DCGV65OH.js → ODataSelect-Rq48Ismc.js} +1 -1
- package/storybook-static/assets/{ODataSelect.stories-C4ymfrRw.js → ODataSelect.stories-DFID1Uev.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect-fFgkMoG7.js → ODataTreeMultiSelect-y1_5XOhF.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect.stories-Ac6Y2rRQ.js → ODataTreeMultiSelect.stories-Be4AaF8U.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect-DHsV3AcR.js → ODataTreeSelect-Dxo-54Zi.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect.stories-Dfv4WQyR.js → ODataTreeSelect.stories-B3SQ3ubn.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-DlcFkHM4.js → PeriodSelect-B2brJahg.js} +1 -1
- package/storybook-static/assets/{PeriodSelect.stories-DWwvypiE.js → PeriodSelect.stories-Je8sNgoc.js} +1 -1
- package/storybook-static/assets/{Popover-CDhH2vdG.js → Popover-Dqyna8Ub.js} +1 -1
- package/storybook-static/assets/{Popover.stories-DE7VCujJ.js → Popover.stories-DHGRJd3v.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-CrsxXLDG.js → PresetRangeDateInput-Bq32kP8I.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput.stories-DEG3r-qf.js → PresetRangeDateInput.stories-C34e4bWa.js} +1 -1
- package/storybook-static/assets/{RadioButton-C46MFmRl.js → RadioButton-D6gcuP42.js} +1 -1
- package/storybook-static/assets/{RadioButton.stories-C3--ehs5.js → RadioButton.stories-CcupC0LJ.js} +1 -1
- package/storybook-static/assets/{RadioGroup-wy1BaQ9o.js → RadioGroup-B1nKl71P.js} +1 -1
- package/storybook-static/assets/{RadioGroup-Cj_foF9x.js → RadioGroup-BfsMzoOg.js} +1 -1
- package/storybook-static/assets/{RadioGroup.stories-Bi9_WOVj.js → RadioGroup.stories-WojhAYJm.js} +1 -1
- package/storybook-static/assets/{Select-B36pVYvS.js → Select-BxZr4NfI.js} +1 -1
- package/storybook-static/assets/{Select-Bgg-NjIq.js → Select-_QFx3i7X.js} +1 -1
- package/storybook-static/assets/{Select.stories-Bl6_HqCh.js → Select.stories-2_XweKMH.js} +1 -1
- package/storybook-static/assets/{SelectOptionContent-CeSDFaTr.js → SelectOptionContent-YY3Lf4SM.js} +1 -1
- package/storybook-static/assets/{SerializableSelect-CCcdn7s3.js → SerializableSelect-BxIcA2AU.js} +1 -1
- package/storybook-static/assets/{SerializableSelect-EIZrsX_q.js → SerializableSelect-CDQfz0rk.js} +1 -1
- package/storybook-static/assets/{SerializableSelect.stories-D85sap4g.js → SerializableSelect.stories-D23YkoRX.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-BJdvvXVc.js → SingleDateTimeInput-Ds1pL3ge.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput.stories-Cpq8DLvn.js → SingleDateTimeInput.stories-DaHEQhiz.js} +1 -1
- package/storybook-static/assets/{Slider-CqkHk2lK.js → Slider-D4sBhVAB.js} +1 -1
- package/storybook-static/assets/{Slider.stories-DmW9jsnD.js → Slider.stories-BsM03Rby.js} +1 -1
- package/storybook-static/assets/{SliderInput-DkekHTab.js → SliderInput-cP0GSpO-.js} +1 -1
- package/storybook-static/assets/{SliderInput.stories-CqQh0HWR.js → SliderInput.stories-BGk9ZIYB.js} +1 -1
- package/storybook-static/assets/{Sortable-BBYH-Tva.js → Sortable-CW9mxBpj.js} +1 -1
- package/storybook-static/assets/{Sortable.stories-DjEGWs4-.js → Sortable.stories-CkFOw5CW.js} +1 -1
- package/storybook-static/assets/{Splitter-G3aR-zi9.js → Splitter-BFbFbn0X.js} +1 -1
- package/storybook-static/assets/{Splitter.stories-XKGTUPMP.js → Splitter.stories-Dj4bWJtu.js} +1 -1
- package/storybook-static/assets/{StateSelect-DhzkYW8p.js → StateSelect-CHvxD1oY.js} +1 -1
- package/storybook-static/assets/{StateSelect.stories-BAxN3YfG.js → StateSelect.stories-DiAdGF8Q.js} +1 -1
- package/storybook-static/assets/{Switch-NVpZLd3g.js → Switch-DzE9B2Ue.js} +1 -1
- package/storybook-static/assets/{Switch.stories-BBowyrzJ.js → Switch.stories-DmRSgOsO.js} +1 -1
- package/storybook-static/assets/{Table-C9r-j5hO.js → Table-DgbZNzAp.js} +1 -1
- package/storybook-static/assets/{Table.stories-CkoEoxYB.js → Table.stories-DqYHNHnR.js} +1 -1
- package/storybook-static/assets/{Tabs-tH37q7nI.js → Tabs-DSUhNbam.js} +1 -1
- package/storybook-static/assets/{Tabs.stories-aIywaszH.js → Tabs.stories-DKsEFwhg.js} +1 -1
- package/storybook-static/assets/{TagInput.stories-BX4XcJaC.js → TagInput.stories-B8x2doJL.js} +1 -1
- package/storybook-static/assets/{Textarea-DDn4pvJF.js → Textarea-ZqM5o8fk.js} +1 -1
- package/storybook-static/assets/{Textarea.stories-BZVZYh4p.js → Textarea.stories-B0IBcsuI.js} +1 -1
- package/storybook-static/assets/{TimePanel-vKlzE6gd.js → TimePanel-DFVpYrKi.js} +1 -1
- package/storybook-static/assets/{TimePanel.stories-BfdDWhtQ.js → TimePanel.stories-Dah8MdEV.js} +1 -1
- package/storybook-static/assets/{Toggle-DAb5_sHq.js → Toggle-CE93J6yJ.js} +1 -1
- package/storybook-static/assets/{Toggle.stories-Bp99WoMR.js → Toggle.stories-DQSLZ16I.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-CG09ybVB.js → TreeMultiSelect-Cm8XLcaB.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-CkNDwWuK.js → TreeMultiSelect-DtUozmC9.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect.stories-DE6tQFRY.js → TreeMultiSelect.stories-DKd_qDqk.js} +1 -1
- package/storybook-static/assets/{TreePickerBase-DhZ9tbrV.js → TreePickerBase-xFkOCgy0.js} +1 -1
- package/storybook-static/assets/{TreeSelect-D3tOqZzi.js → TreeSelect-C0Oxcp_s.js} +1 -1
- package/storybook-static/assets/{TreeSelect-BYYl0yhs.js → TreeSelect-C1dHJDVC.js} +1 -1
- package/storybook-static/assets/{TreeSelect.stories-C56cleOX.js → TreeSelect.stories-C_fffAaM.js} +1 -1
- package/storybook-static/assets/{TreeTable-CPctUXOv.js → TreeTable-mGpVE4fE.js} +1 -1
- package/storybook-static/assets/{TreeTable.stories-D-R0a5NF.js → TreeTable.stories-on_ck1LO.js} +1 -1
- package/storybook-static/assets/{WithTooltip-7X4HQR7L-DYINYmJM.js → WithTooltip-7X4HQR7L-BP3dvWMO.js} +1 -1
- package/storybook-static/assets/{base-table-CTBvWnIb.js → base-table-XPKfaZOF.js} +1 -1
- package/storybook-static/assets/{blocks-D2VXMZGt.js → blocks-CdNjp0UR.js} +6 -6
- package/storybook-static/assets/{button-CofLsODD.js → button-mxhQ6kpI.js} +1 -1
- package/storybook-static/assets/{check-box-BUYji84r.js → check-box-CuugSv5K.js} +1 -1
- package/storybook-static/assets/{chunk-3LY4VQVK-Dk0vkvRJ.js → chunk-3LY4VQVK-CNZt5fIP.js} +1 -1
- package/storybook-static/assets/{chunk-LITCR56V-DgP8YOaP.js → chunk-LITCR56V--UakKRHa.js} +1 -1
- package/storybook-static/assets/{contextMenu-MmOUI04g.js → contextMenu-DRYHg4YV.js} +1 -1
- package/storybook-static/assets/{error-D6G67nWf.js → error-s5vKL37a.js} +1 -1
- package/storybook-static/assets/{flex-DEzwJFBs.js → flex-4NGrP0a9.js} +1 -1
- package/storybook-static/assets/{floating-ui.react-DeHGyTLR.js → floating-ui.react-DV6_xxif.js} +1 -1
- package/storybook-static/assets/formatter-L2YTDE3Q-BC5xVOel.js +1 -0
- package/storybook-static/assets/{formatters-DO-Bplkc.js → formatters-D4nD5Nic.js} +1 -1
- package/storybook-static/assets/grid-DZrPQELi.js +1 -0
- package/storybook-static/assets/{hooks-3gvuoU6a.js → hooks-hqscBU_x.js} +1 -1
- package/storybook-static/assets/{iframe-BlBhvHwk.js → iframe-BxBCFrOJ.js} +3 -3
- package/storybook-static/assets/{input-DM0LWdwF.js → input-CjJ-AgIT.js} +1 -1
- package/storybook-static/assets/{lucide-react-DMR456up.js → lucide-react-BmnaUuit.js} +1 -1
- package/storybook-static/assets/{mdx-react-shim-BXKB7xbF.js → mdx-react-shim-BEzdmfRR.js} +1 -1
- package/storybook-static/assets/{media-BZMZJXu3.js → media-NSeJNB4V.js} +1 -1
- package/storybook-static/assets/{misc-_mjs2DH3.js → misc-_2j1xxm-.js} +1 -1
- package/storybook-static/assets/{notifications-BxYiooNp.js → notifications-Bb4NwpnZ.js} +1 -1
- package/storybook-static/assets/{odata-B4-s71TA.js → odata-DkCpE6Ui.js} +1 -1
- package/storybook-static/assets/odata-service-BO_9B-Az.js +1 -0
- package/storybook-static/assets/{odataStoryFixtures-D5fZfJe7.js → odataStoryFixtures-h0MkHLcZ.js} +1 -1
- package/storybook-static/assets/{picker-RP6lU_O4.js → picker-CxN205s6.js} +1 -1
- package/storybook-static/assets/{popover-B40B8LiS.js → popover-DBec4vEA.js} +1 -1
- package/storybook-static/assets/{preset-select-CH5-L7v5.js → preset-select-CaY8SOYT.js} +1 -1
- package/storybook-static/assets/{react-BRNfkHvq.js → react-0gkFNWVQ.js} +1 -1
- package/storybook-static/assets/{react-18-BGjST092.js → react-18-DPMOLLe1.js} +1 -1
- package/storybook-static/assets/{react-dom-Dymo4Ige.js → react-dom-BKRiX1TT.js} +1 -1
- package/storybook-static/assets/select-C23Vd0JX.js +1 -0
- package/storybook-static/assets/{slider-CZr1wjo-.js → slider-BqG2yvL2.js} +1 -1
- package/storybook-static/assets/{sortable-Do0zRVl3.js → sortable-Viqf8wuB.js} +1 -1
- package/storybook-static/assets/{syntaxhighlighter-RTCFPKCB-YpNtMx0l.js → syntaxhighlighter-RTCFPKCB-DuzwRVHO.js} +1 -1
- package/storybook-static/assets/{text-BBt8S4hV.js → text-B62c97-X.js} +1 -1
- package/storybook-static/assets/{theming-C9D6rg4N.js → theming-CG2b7751.js} +1 -1
- package/storybook-static/assets/ui-CAk1ISqX.js +1 -0
- package/storybook-static/assets/{useODataSelectBase-Vi75dcI2.js → useODataSelectBase-J0YKxol4.js} +1 -1
- package/storybook-static/assets/{useODataTreeData-3VDV4NsS.js → useODataTreeData-wlNQaI0p.js} +1 -1
- package/storybook-static/assets/{utils-De5IM4sM.js → utils-CMnxoKbT.js} +1 -1
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/project.json +1 -1
- package/storybook-static/assets/LayoutPicker.stories-s1valXGj.js +0 -449
- package/storybook-static/assets/formatter-L2YTDE3Q-Cz7NqHTg.js +0 -1
- package/storybook-static/assets/grid-CUgqbILF.js +0 -1
- package/storybook-static/assets/odata-service-BHLtW14i.js +0 -1
- package/storybook-static/assets/select-DDFRb6jY.js +0 -1
- package/storybook-static/assets/ui-5r8X6Kmj.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-
|
|
1
|
+
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-BxBCFrOJ.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o,o as ee}from"./utils-CMnxoKbT.js";import{c as s,i as c,o as l,t as u,u as d}from"./misc-_2j1xxm-.js";function f(e){return e.find(e=>!e.disabled)?.id??null}function p(e,t){return t?e.find(e=>e.id===t&&!e.disabled)?.id??f(e):f(e)}function m(e){return e.filter(e=>!e.disabled)}function h({mountStrategy:e,isSelected:t,isVisited:n}){return e===`keep-mounted`||t||e===`lazy`&&n}var g=n((()=>{}));function _({items:e,value:t,defaultValue:n,onValueChange:r,orientation:i=`horizontal`,activationMode:a=`automatic`,loop:o=!0}){let s=t!==void 0,c=(0,v.useMemo)(()=>m(e),[e]),l=c[0]?.id??null,[u,d]=(0,v.useState)(()=>p(e,n)),[f,h]=(0,v.useState)(()=>p(e,t??n)),g=p(e,t??n),[_,y]=(0,v.useState)(()=>g?new Set([g]):new Set),b=(0,v.useId)(),x=(0,v.useRef)({}),S=p(e,s?t:u),C=p(e,f)??S??l,te=(0,v.useMemo)(()=>{if(!S||_.has(S))return _;let e=new Set(_);return e.add(S),e},[S,_]),w=t=>{let n=p(e,t);n&&(y(e=>{if(e.has(n))return e;let t=new Set(e);return t.add(n),t}),s||d(n),r?.(n))},ne=e=>{x.current[e]?.focus()},re=e=>{if(c.length<2)return;let t=ee({currentIndex:Math.max(0,c.findIndex(e=>e.id===(C??S??l))),itemCount:c.length,key:e.key,orientation:i,wrap:o});if(t===null)return;e.preventDefault();let n=c[t]?.id;n&&(h(n),ne(n),a===`automatic`&&w(n))},ie=e=>{let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||h(S??l)},T=e=>`${b}-tab-${e}`,E=e=>`${b}-panel-${e}`;return{activationMode:a,orientation:i,selectedTabId:S,tabbableTabId:C,onTabListKeyDown:re,onTabListBlur:ie,getTabElementId:T,getPanelElementId:E,getTabButtonProps:e=>{let t=e.id===S,n=e.id===C;return{ref:t=>{x.current[e.id]=t},type:`button`,role:`tab`,id:T(e.id),disabled:e.disabled,"aria-selected":t,"aria-controls":E(e.id),"aria-disabled":e.disabled||void 0,tabIndex:e.disabled?-1:n?0:-1,onFocus:()=>h(e.id),onClick:()=>w(e.id)}},isVisited:e=>te.has(e)}}var v,y=n((()=>{v=t(r(),1),o(),g()})),b,x,S,C,te,w,ne,re,ie,T,E,ae,oe,se,ce,le,D,O=n((()=>{b=`pcMjuj`,x=`ITP5v-`,S=`kzs94N`,C=`ZSAoAa`,te=`psYhsZ`,w=`mNDq9-`,ne=`g156KO`,re=`C2mO1e`,ie=`_28F3fs`,T=`UKZXTZ`,E=`jiTafe`,ae=`nhD0k7`,oe=`G8FICe`,se=`W50XHh`,ce=`vnjXkU`,le=`Nzvfhw`,D={tabsContainer:b,bordered:x,cleanPanel:S,tabs:C,panels:te,horizontal:w,vertical:ne,panelScrollable:re,tab:ie,selected:T,panel:E,panelBody:ae,layoutPanels:oe,layoutPanel:se,layoutSection:ce,layoutContent:le}}));function ue({containerClassName:e,tabListClassName:t,panelsClassName:n,panelClassName:r,panelBodyClassName:i,loadingText:o}){return(0,k.jsxs)(`div`,{className:e,children:[(0,k.jsx)(`div`,{className:t,"aria-hidden":`true`,children:(0,k.jsx)(`button`,{type:`button`,disabled:!0,"data-disabled":``,className:a(D.tab,`skeletonLine`),children:`Загрузка...`})}),(0,k.jsx)(`div`,{className:n,"aria-busy":`true`,children:(0,k.jsx)(`div`,{className:r,children:(0,k.jsx)(`div`,{className:i,children:(0,k.jsx)(d,{text:o,className:`radiusSm`})})})})]})}var k,de=n((()=>{o(),u(),O(),k=i(),ue.__docgenInfo={description:"Служебное loading-состояние для `TabsBox`.",methods:[],displayName:`TabsLoadingState`,props:{containerClassName:{required:!0,tsType:{name:`string`},description:``},tabListClassName:{required:!0,tsType:{name:`string`},description:``},panelsClassName:{required:!0,tsType:{name:`string`},description:``},panelClassName:{required:!0,tsType:{name:`string`},description:``},panelBodyClassName:{required:!0,tsType:{name:`string`},description:``},loadingText:{required:!1,tsType:{name:`string`},description:``}}}}));function fe({containerClassName:e,panelsClassName:t,panelClassName:n,panelBodyClassName:r}){return(0,A.jsx)(`div`,{className:e,children:(0,A.jsx)(`div`,{className:t,children:(0,A.jsx)(`div`,{className:n,children:(0,A.jsx)(`div`,{className:r,children:(0,A.jsx)(s,{className:`radiusSm`})})})})})}var A,pe=n((()=>{u(),A=i(),fe.__docgenInfo={description:"Служебное empty-состояние для `TabsBox`.",methods:[],displayName:`TabsNoDataState`,props:{containerClassName:{required:!0,tsType:{name:`string`},description:``},panelsClassName:{required:!0,tsType:{name:`string`},description:``},panelClassName:{required:!0,tsType:{name:`string`},description:``},panelBodyClassName:{required:!0,tsType:{name:`string`},description:``}}}}));function me({tabId:e,isSelected:t,className:n,getTabElementId:r,getPanelElementId:i,children:a}){return(0,he.jsx)(`div`,{role:`tabpanel`,id:i(e),"aria-labelledby":r(e),hidden:!t,className:n,children:a})}var he,ge=n((()=>{r(),he=i(),me.__docgenInfo={description:``,methods:[],displayName:`TabsPanel`,props:{tabId:{required:!0,tsType:{name:`string`},description:``},isSelected:{required:!0,tsType:{name:`boolean`},description:``},className:{required:!1,tsType:{name:`string`},description:``},getTabElementId:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(tabId: string) => string`,signature:{arguments:[{type:{name:`string`},name:`tabId`}],return:{name:`string`}}},description:``},getPanelElementId:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(tabId: string) => string`,signature:{arguments:[{type:{name:`string`},name:`tabId`}],return:{name:`string`}}},description:``},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``}}}}));function _e({items:e,state:t,className:n,ariaLabel:r,ariaLabelledBy:i}){return(0,j.jsx)(`div`,{className:n,role:`tablist`,"aria-orientation":t.orientation,"aria-label":r,"aria-labelledby":i,onKeyDown:t.onTabListKeyDown,onBlur:t.onTabListBlur,children:(e=>t.orientation===`horizontal`?(0,j.jsx)(l,{children:e}):(0,j.jsx)(j.Fragment,{children:e}))(e.map(e=>(0,j.jsx)(`button`,{...t.getTabButtonProps(e),"data-ui":`tabs-tab`,"data-action":`select-tab`,className:a(D.tab,`textWrap`,e.id===t.selectedTabId&&D.selected),children:e.title},e.id)))})}var j,ve=n((()=>{o(),u(),O(),j=i(),_e.__docgenInfo={description:``,methods:[],displayName:`TabsTabList`,props:{items:{required:!0,tsType:{name:`Array`,elements:[{name:`TabsDescriptor`}],raw:`TabsDescriptor[]`},description:``},state:{required:!0,tsType:{name:`TabsStateModel`},description:``},className:{required:!1,tsType:{name:`string`},description:``},ariaLabel:{required:!1,tsType:{name:`string`},description:``},ariaLabelledBy:{required:!1,tsType:{name:`string`},description:``}}}}));function M({items:e,value:t,defaultValue:n,onValueChange:r,className:i,isLoading:o,loadingText:ee,cleanPanel:s,bordered:c=!1,orientation:l=`horizontal`,activationMode:u=`automatic`,mountStrategy:d=`unmount`,loop:f=!0,"aria-label":p,"aria-labelledby":m}){let g=_({items:e,value:t,defaultValue:n,onValueChange:r,orientation:l,activationMode:u,loop:f}),v=a(D.tabsContainer,D[l],c&&D.bordered,s&&D.cleanPanel,i),y=D.tabs,b=a(D.panels,D.panelScrollable,`scrollable overscroll`),x=D.panel,S=D.panelBody;return o?(0,N.jsx)(ue,{containerClassName:v,tabListClassName:y,panelsClassName:b,panelClassName:x,panelBodyClassName:S,loadingText:ee}):e.length?(0,N.jsxs)(`div`,{className:v,children:[(0,N.jsx)(_e,{items:e,state:g,className:y,ariaLabel:p,ariaLabelledBy:m}),(0,N.jsx)(`div`,{className:b,children:e.map(e=>{let t=e.id===g.selectedTabId;return h({mountStrategy:d,isSelected:t,isVisited:g.isVisited(e.id)})?(0,N.jsx)(me,{tabId:e.id,isSelected:t,className:x,getTabElementId:g.getTabElementId,getPanelElementId:g.getPanelElementId,children:(0,N.jsx)(`div`,{className:S,children:e.content})},e.id):null})})]}):(0,N.jsx)(fe,{containerClassName:v,panelsClassName:b,panelClassName:x,panelBodyClassName:S})}var N,ye=n((()=>{o(),g(),y(),O(),de(),pe(),ge(),ve(),N=i(),M.__docgenInfo={description:`Простой items-based tabs-компонент.
|
|
2
2
|
Сам управляет областью панели и её прокруткой.`,methods:[],displayName:`TabsBox`,props:{value:{required:!1,tsType:{name:`string`},description:``},defaultValue:{required:!1,tsType:{name:`string`},description:``},onValueChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},orientation:{required:!1,tsType:{name:`union`,raw:`"horizontal" | "vertical"`,elements:[{name:`literal`,value:`"horizontal"`},{name:`literal`,value:`"vertical"`}]},description:``,defaultValue:{value:`"horizontal"`,computed:!1}},activationMode:{required:!1,tsType:{name:`union`,raw:`"automatic" | "manual"`,elements:[{name:`literal`,value:`"automatic"`},{name:`literal`,value:`"manual"`}]},description:``,defaultValue:{value:`"automatic"`,computed:!1}},mountStrategy:{required:!1,tsType:{name:`union`,raw:`"unmount" | "lazy" | "keep-mounted"`,elements:[{name:`literal`,value:`"unmount"`},{name:`literal`,value:`"lazy"`},{name:`literal`,value:`"keep-mounted"`}]},description:``,defaultValue:{value:`"unmount"`,computed:!1}},loop:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},cleanPanel:{required:!1,tsType:{name:`boolean`},description:``},bordered:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},className:{required:!1,tsType:{name:`string`},description:``},"aria-label":{required:!1,tsType:{name:`string`},description:``},"aria-labelledby":{required:!1,tsType:{name:`string`},description:``},items:{required:!0,tsType:{name:`Array`,elements:[{name:`TabsBoxItem`}],raw:`TabsBoxItem[]`},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``},loadingText:{required:!1,tsType:{name:`string`},description:``}}}}));function be({onChange:e,onValueChange:t,...n}){return(0,xe.jsx)(M,{...n,onValueChange:n=>{t?.(n),e?.(n)}})}var xe,Se=n((()=>{ye(),xe=i(),be.__docgenInfo={description:"@deprecated Используйте `TabsBox` для простого сценария и `TabsLayout` для составных layout-сценариев.",methods:[],displayName:`Tabs`,props:{value:{required:!1,tsType:{name:`string`},description:``},defaultValue:{required:!1,tsType:{name:`string`},description:``},onValueChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},orientation:{required:!1,tsType:{name:`union`,raw:`"horizontal" | "vertical"`,elements:[{name:`literal`,value:`"horizontal"`},{name:`literal`,value:`"vertical"`}]},description:``},activationMode:{required:!1,tsType:{name:`union`,raw:`"automatic" | "manual"`,elements:[{name:`literal`,value:`"automatic"`},{name:`literal`,value:`"manual"`}]},description:``},mountStrategy:{required:!1,tsType:{name:`union`,raw:`"unmount" | "lazy" | "keep-mounted"`,elements:[{name:`literal`,value:`"unmount"`},{name:`literal`,value:`"lazy"`},{name:`literal`,value:`"keep-mounted"`}]},description:``},loop:{required:!1,tsType:{name:`boolean`},description:``},cleanPanel:{required:!1,tsType:{name:`boolean`},description:``},bordered:{required:!1,tsType:{name:`boolean`},description:``},className:{required:!1,tsType:{name:`string`},description:``},"aria-label":{required:!1,tsType:{name:`string`},description:``},"aria-labelledby":{required:!1,tsType:{name:`string`},description:``},items:{required:!0,tsType:{name:`Array`,elements:[{name:`TabsBoxItem`}],raw:`TabsBoxItem[]`},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``},loadingText:{required:!1,tsType:{name:`string`},description:``},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``}}}}));function Ce(e){let{type:t}=e;if(typeof t==`function`){let e=t;return e.displayName??e.name??null}if(typeof t==`object`&&t&&`displayName`in t){let e=t;return typeof e.displayName==`string`?e.displayName:null}return null}function P(e,t){return(0,F.isValidElement)(e)&&Ce(e)===t}function we({children:e}){return(0,I.jsx)(I.Fragment,{children:e})}function Te({children:e}){return(0,I.jsx)(I.Fragment,{children:e})}function Ee({children:e}){return(0,I.jsx)(I.Fragment,{children:e})}function De({children:e}){return(0,I.jsx)(I.Fragment,{children:e})}function Oe(e,t){let n=null,r=null,i=null;for(let a of F.Children.toArray(e)){if(!(0,F.isValidElement)(a))throw Error(`TabsLayout.Tab "${t}" поддерживает только дочерние элементы TabsLayout.Toolbar, TabsLayout.Content и TabsLayout.Footer.`);if(P(a,L)){if(n)throw Error(`TabsLayout.Tab "${t}" содержит более одного блока TabsLayout.Toolbar.`);n=a.props;continue}if(P(a,je)){if(r)throw Error(`TabsLayout.Tab "${t}" содержит более одного блока TabsLayout.Content.`);r=a.props;continue}if(P(a,Me)){if(i)throw Error(`TabsLayout.Tab "${t}" содержит более одного блока TabsLayout.Footer.`);i=a.props;continue}throw Error(`TabsLayout.Tab "${t}" поддерживает только дочерние элементы TabsLayout.Toolbar, TabsLayout.Content и TabsLayout.Footer.`)}if(!r)throw Error(`TabsLayout.Tab "${t}" должен содержать блок TabsLayout.Content.`);return{toolbar:n,content:r,footer:i}}function ke(e){return F.Children.toArray(e).map(e=>{if(!P(e,Ae))throw Error(`TabsLayout принимает только дочерние элементы TabsLayout.Tab.`);return{id:e.props.id,title:e.props.title,disabled:e.props.disabled,...Oe(e.props.children,e.props.id)}})}var F,I,Ae,L,je,Me,R,z,Ne=n((()=>{F=t(r(),1),o(),g(),y(),O(),ge(),ve(),I=i(),Ae=`TabsLayout.Tab`,L=`TabsLayout.Toolbar`,je=`TabsLayout.Content`,Me=`TabsLayout.Footer`,we.displayName=Ae,Te.displayName=L,Ee.displayName=je,De.displayName=Me,R=({children:e,value:t,defaultValue:n,onValueChange:r,className:i,bordered:o,cleanPanel:ee,orientation:s=`horizontal`,activationMode:c=`manual`,mountStrategy:l=`lazy`,loop:u=!0,"aria-label":d,"aria-labelledby":f})=>{let p=(0,F.useMemo)(()=>ke(e),[e]),m=_({items:p,value:t,defaultValue:n,onValueChange:r,orientation:s,activationMode:c,loop:u}),g=a(D.tabsContainer,D[s],o&&D.bordered,ee&&D.cleanPanel,i),v=a(D.panels,D.layoutPanels);return(0,I.jsxs)(`div`,{className:g,children:[(0,I.jsx)(_e,{items:p,state:m,className:D.tabs,ariaLabel:d,ariaLabelledBy:f}),(0,I.jsx)(`div`,{className:v,children:p.map(e=>{let t=e.id===m.selectedTabId;if(!h({mountStrategy:l,isSelected:t,isVisited:m.isVisited(e.id)}))return null;let n=`${e.toolbar?`auto `:``}minmax(0, 1fr)${e.footer?` auto`:``}`;return(0,I.jsx)(me,{tabId:e.id,isSelected:t,className:D.panel,getTabElementId:m.getTabElementId,getPanelElementId:m.getPanelElementId,children:(0,I.jsxs)(`div`,{className:D.layoutPanel,style:{gridTemplateRows:n},children:[e.toolbar?(0,I.jsx)(`div`,{className:a(D.layoutSection,e.toolbar.className),children:e.toolbar.children}):null,(0,I.jsx)(`div`,{className:a(D.layoutSection,D.layoutContent,e.content.className),children:e.content.children}),e.footer?(0,I.jsx)(`div`,{className:a(D.layoutSection,e.footer.className),children:e.footer.children}):null]})},e.id)})})]})},R.displayName=`TabsLayout`,z=Object.assign(R,{Tab:we,Toolbar:Te,Content:Ee,Footer:De}),R.__docgenInfo={description:`Compound-оболочка tabs для составных panel-layout сценариев.
|
|
3
3
|
Сам компонент управляет только переключением и каркасом панели.`,methods:[],displayName:`TabsLayout`,props:{value:{required:!1,tsType:{name:`string`},description:``},defaultValue:{required:!1,tsType:{name:`string`},description:``},onValueChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},orientation:{required:!1,tsType:{name:`union`,raw:`"horizontal" | "vertical"`,elements:[{name:`literal`,value:`"horizontal"`},{name:`literal`,value:`"vertical"`}]},description:``,defaultValue:{value:`"horizontal"`,computed:!1}},activationMode:{required:!1,tsType:{name:`union`,raw:`"automatic" | "manual"`,elements:[{name:`literal`,value:`"automatic"`},{name:`literal`,value:`"manual"`}]},description:``,defaultValue:{value:`"manual"`,computed:!1}},mountStrategy:{required:!1,tsType:{name:`union`,raw:`"unmount" | "lazy" | "keep-mounted"`,elements:[{name:`literal`,value:`"unmount"`},{name:`literal`,value:`"lazy"`},{name:`literal`,value:`"keep-mounted"`}]},description:``,defaultValue:{value:`"lazy"`,computed:!1}},loop:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},cleanPanel:{required:!1,tsType:{name:`boolean`},description:``},bordered:{required:!1,tsType:{name:`boolean`},description:``},className:{required:!1,tsType:{name:`string`},description:``},"aria-label":{required:!1,tsType:{name:`string`},description:``},"aria-labelledby":{required:!1,tsType:{name:`string`},description:``},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``}}}})),Pe=n((()=>{Se(),ye(),Ne()})),Fe=e({BoxBasic:()=>G,BoxControlled:()=>K,BoxMountStrategies:()=>J,BoxVertical:()=>q,DisabledTabs:()=>Y,Empty:()=>$,LayoutPanels:()=>X,LegacyTabs:()=>Z,Loading:()=>Q,__namedExportsOrder:()=>Ve,default:()=>Be});function Ie({label:e}){let[t,n]=(0,B.useState)(0);return(0,V.jsxs)(`div`,{style:H,children:[(0,V.jsxs)(`div`,{children:[`Панель: `,e]}),(0,V.jsxs)(`div`,{children:[`Локальный счётчик: `,t]}),(0,V.jsx)(`button`,{type:`button`,onClick:()=>n(e=>e+1),children:`Увеличить`})]})}function Le(){let[e,t]=(0,B.useState)(`details`);return(0,V.jsx)(`div`,{style:{height:360},children:(0,V.jsxs)(z,{value:e,onValueChange:t,bordered:!0,"aria-label":`Составные панели документа`,children:[(0,V.jsxs)(z.Tab,{id:`details`,title:`Детали`,children:[(0,V.jsx)(z.Toolbar,{children:(0,V.jsx)(`div`,{className:`surface0 border radiusSm paddingSm`,children:`Панель инструментов вне scroll-области.`})}),(0,V.jsx)(z.Content,{children:(0,V.jsxs)(`div`,{style:{display:`grid`,gridTemplateColumns:`1fr 1fr`,gap:12,height:`100%`},children:[(0,V.jsx)(c,{className:`surface0 border radiusSm paddingSm h100`,children:W.map(e=>(0,V.jsxs)(`div`,{className:`paddingBlockXs`,children:[`Левая колонка: `,e]},`left-${e}`))}),(0,V.jsx)(c,{className:`surface0 border radiusSm paddingSm h100`,children:W.map(e=>(0,V.jsxs)(`div`,{className:`paddingBlockXs`,children:[`Правая колонка: `,e]},`right-${e}`))})]})}),(0,V.jsx)(z.Footer,{children:(0,V.jsx)(`div`,{className:`surface0 border radiusSm paddingSm`,children:`Футер тоже исключён из scroll-контента.`})})]}),(0,V.jsx)(z.Tab,{id:`history`,title:`История`,children:(0,V.jsx)(z.Content,{children:(0,V.jsx)(c,{className:`surface0 border radiusSm paddingSm h100`,children:W.map(e=>(0,V.jsxs)(`div`,{className:`paddingBlockXs`,children:[`История изменения: `,e]},`history-${e}`))})})})]})})}var B,V,H,U,Re,ze,W,Be,G,K,q,J,Y,X,Z,Q,$,Ve,He=n((()=>{B=t(r(),1),Pe(),u(),V=i(),H={padding:16,display:`grid`,gap:12},U=[{id:`profile`,title:`Профиль`,content:(0,V.jsx)(`div`,{style:H,children:`Карточка пользователя и основные поля профиля.`})},{id:`settings`,title:`Настройки`,content:(0,V.jsx)(`div`,{style:H,children:`Параметры интерфейса, уведомлений и доступа.`})},{id:`history`,title:`История`,content:(0,V.jsx)(`div`,{style:H,children:`Последние действия, комментарии и изменения.`})}],Re=[{id:`first`,title:`Первая`,content:(0,V.jsx)(Ie,{label:`Первая`})},{id:`second`,title:`Вторая`,content:(0,V.jsx)(Ie,{label:`Вторая`})},{id:`third`,title:`Третья`,content:(0,V.jsx)(Ie,{label:`Третья`})}],ze=[{id:`overview`,title:`Обзор`,content:(0,V.jsx)(`div`,{style:H,children:`Раздел доступен сразу.`})},{id:`analytics`,title:`Аналитика`,disabled:!0,content:(0,V.jsx)(`div`,{style:H,children:`Пока недоступно.`})},{id:`history`,title:`История`,content:(0,V.jsx)(`div`,{style:H,children:`История изменений и действий.`})}],W=Array.from({length:12},(e,t)=>`Элемент ${t+1}`),Be={title:`Shared/UI/Tabs`,component:M,args:{items:U,orientation:`horizontal`,activationMode:`automatic`,mountStrategy:`unmount`,isLoading:!1,loadingText:`Загрузка вкладок...`,bordered:!1,loop:!0},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{items:{description:"Набор вкладок для `TabsBox`. Каждая вкладка задаётся через `id`, `title`, `content` и опциональный `disabled`.",control:!1},value:{description:`Активная вкладка в controlled-режиме.`,control:`text`},defaultValue:{description:`Начальная вкладка в uncontrolled-режиме.`,control:`text`},onValueChange:{description:`Вызывается при смене активной вкладки.`,control:!1},orientation:{description:`Направление списка вкладок.`,control:`inline-radio`,options:[`horizontal`,`vertical`]},activationMode:{description:"Режим клавиатурной активации: `automatic` меняет вкладку стрелками, `manual` только переводит фокус.",control:`inline-radio`,options:[`automatic`,`manual`]},mountStrategy:{description:"Политика монтирования панелей: `unmount`, `lazy` или `keep-mounted`.",control:`inline-radio`,options:[`unmount`,`lazy`,`keep-mounted`]},bordered:{description:`Добавляет рамку вокруг области панелей.`,control:`boolean`},loop:{description:`Разрешает циклическую навигацию стрелками и Home/End.`,control:`boolean`},className:{description:`Дополнительный CSS-класс корневого контейнера.`,control:`text`},isLoading:{description:"Показывает loading-состояние `TabsBox`.",control:`boolean`},loadingText:{description:`Текст внутри loading-состояния.`,control:`text`},"aria-label":{description:"Текстовая подпись для `tablist`, если рядом нет видимого заголовка.",control:`text`},"aria-labelledby":{description:"Ссылка на внешний заголовок `tablist`.",control:`text`}}},G={args:{"aria-label":`Основные разделы профиля`}},K={render:e=>{let[t,n]=(0,B.useState)(`settings`);return(0,V.jsx)(M,{...e,value:t,onValueChange:n})},args:{value:`settings`,"aria-label":`Управляемые вкладки`}},q={render:e=>(0,V.jsx)(`div`,{style:{height:320},children:(0,V.jsx)(M,{...e})}),args:{orientation:`vertical`,bordered:!0,"aria-label":`Вертикальные вкладки`}},J={render:e=>(0,V.jsx)(M,{...e,items:Re}),args:{mountStrategy:`lazy`,"aria-label":`Демонстрация стратегий монтирования`}},Y={args:{items:ze,"aria-label":`Вкладки с недоступным разделом`}},X={render:()=>(0,V.jsx)(Le,{})},Z={render:e=>(0,V.jsx)(be,{...e,items:U,"aria-label":`Устаревший совместимый API`}),parameters:{docs:{description:{story:"Совместимый фасад поверх `TabsBox`. Новый функционал добавляется только в `TabsBox` и `TabsLayout`."}}}},Q={args:{isLoading:!0,items:U}},$={args:{items:[]}},G.parameters={...G.parameters,docs:{...G.parameters?.docs,source:{originalSource:`{
|
|
4
4
|
args: {
|
package/storybook-static/assets/{TagInput.stories-BX4XcJaC.js → TagInput.stories-B8x2doJL.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-
|
|
1
|
+
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-BxBCFrOJ.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,i as a}from"./utils-CMnxoKbT.js";import{o,t as s}from"./lucide-react-BmnaUuit.js";import{n as c,t as l}from"./ui.module-wFHXkJzp.js";import{o as ee,u}from"./Input-D6FlpB4Y.js";import{t as d}from"./input-CjJ-AgIT.js";function f(...e){return e.filter(Boolean).join(` `)||void 0}var p=t((()=>{}));function te(e){return e.trim()}function ne(e){return e}function re(e){return`Удалить тег «${e}»`}var m=t((()=>{})),h,g,_,v,y,b,x,S=t((()=>{h=`AoFB3K`,g=`PvaUEA`,_=`FZ-xEM`,v=`-RCqfG`,y=`ggY643`,b=`hiZq-y`,x={control:h,tagList:g,tag:_,tagText:v,removeButton:y,input:b}}));function C({ref:e,value:t,onChange:n,label:r,description:a,placeholder:s,size:l,disabled:d,readOnly:p=!1,error:m,onClearError:h,maxTags:g,normalizeTag:_=te,getTagKey:v=ne,addOnBlur:y=!0,getRemoveButtonAriaLabel:b=re,tokensAriaLabel:S=`Добавленные теги`,inputClassName:C,className:O,id:k,name:A,form:j,required:M,maxLength:N,onKeyDown:P,onPaste:F,onBlur:I,onCompositionStart:L,onCompositionEnd:R,"aria-describedby":z,"aria-labelledby":B,...ie}){let V=(0,w.useRef)(null),H=(0,w.useRef)(null),U=(0,w.useRef)(!1),[W,G]=(0,w.useState)(``),[ae,K]=(0,w.useState)(``),{controlId:q,labelId:J,descriptionId:oe,errorId:se,describedBy:ce}=u({id:k,hasLabel:r!=null,hasDescription:!!a,hasError:!!m}),Y=g===void 0?1/0:Math.max(0,Math.floor(g)),X=d||p,le=f(ce,z),ue=f(J,B);(0,w.useImperativeHandle)(e,()=>{let e=V.current;if(!e)throw Error(`TagInput: внутренний input недоступен при создании imperative handle.`);return e},[]);let Z=e=>{if(X)return;h?.();let r=[...t],i=new Set(r.map(e=>v(e))),a=[],o=0,s=!1;for(let t of e){let e=_(t);if(!e)continue;if(N!==void 0&&e.length>N){K(`Тег «${e}» длиннее допустимого значения.`);continue}let n=v(e);if(i.has(n)){o+=1;continue}if(r.length>=Y){s=!0;break}i.add(n),r.push(e),a.push(e)}a.length>0?(n(r),K(a.length===1?`Добавлен тег «${a[0]}».`:`Добавлено тегов: ${a.length}.`)):s?K(`Достигнуто максимальное количество тегов: ${Y}.`):o>0&&K(`Такой тег уже добавлен.`)},Q=()=>W?(Z(W.split(D)),G(``),!0):!1,$=e=>{if(X)return;let r=t[e];r!==void 0&&(n(t.filter((t,n)=>n!==e)),h?.(),K(`Удалён тег «${r}».`),V.current?.focus())},de=e=>{if(P?.(e),!(e.defaultPrevented||e.nativeEvent.isComposing||U.current||X)){if(e.key===`Enter`||e.key===`,`){(Q()||e.key===`,`)&&e.preventDefault();return}e.key===`Backspace`&&W.length===0&&t.length>0&&(e.preventDefault(),$(t.length-1))}},fe=e=>{if(F?.(e),e.defaultPrevented||X)return;let t=e.clipboardData.getData(`text`);if(!E.test(t))return;e.preventDefault();let n=e.currentTarget.selectionStart??W.length,r=e.currentTarget.selectionEnd??n,i=`${W.slice(0,n)}${t}${W.slice(r)}`;Z(i.split(D)),G(``)};return(0,T.jsxs)(ee,{label:r,description:a,disabled:d,className:O,size:l,error:m,controlId:q,labelId:J,descriptionId:oe,errorId:se,children:[(0,T.jsxs)(`div`,{ref:H,className:i(c.uiControl,m&&c.invalid,x.control),"data-disabled":d?``:void 0,"data-readonly":p?``:void 0,"data-invalid":m?``:void 0,onClick:()=>V.current?.focus(),children:[t.length>0&&(0,T.jsx)(`ul`,{className:x.tagList,"aria-label":S,children:t.map((e,t)=>(0,T.jsxs)(`li`,{className:x.tag,children:[(0,T.jsx)(`span`,{className:x.tagText,children:e}),!X&&(0,T.jsx)(`button`,{type:`button`,className:x.removeButton,onClick:e=>{e.stopPropagation(),$(t)},"aria-label":b(e,t),children:(0,T.jsx)(o,{"aria-hidden":`true`})})]},`${v(e)}-${t}`))}),(0,T.jsx)(`input`,{...ie,ref:V,id:q,form:j,disabled:d,readOnly:p,required:M&&t.length===0,maxLength:N,value:W,placeholder:t.length===0?s:void 0,"aria-invalid":!!m||void 0,"aria-labelledby":ue,"aria-describedby":le,className:i(x.input,C),onChange:e=>{let t=e.target.value,n=E.test(t);if(U.current)G(t);else if(n){let e=t.split(D),n=E.test(t.at(-1)??``)?``:e.pop()??``;Z(e),G(n)}else G(t);(U.current||!n)&&h?.()},onKeyDown:de,onPaste:fe,onCompositionStart:e=>{U.current=!0,L?.(e)},onCompositionEnd:e=>{U.current=!1,R?.(e)},onBlur:e=>{I?.(e);let t=e.relatedTarget,n=t instanceof Node&&H.current?.contains(t);!e.defaultPrevented&&!n&&y&&!X&&Q()}}),A&&t.map((e,t)=>(0,T.jsx)(`input`,{type:`hidden`,name:A,value:e,form:j,disabled:d},`${v(e)}-${t}`))]}),(0,T.jsx)(`span`,{className:`visuallyHidden`,"aria-live":`polite`,"aria-atomic":`true`,children:ae})]})}var w,T,E,D,O=t((()=>{w=e(n(),1),a(),s(),d(),l(),p(),m(),S(),T=r(),E=/[,\r\n]/,D=/[,\r\n]+/,C.__docgenInfo={description:"Controlled-поле для создания коротких строковых тегов.\n\nНовое значение фиксируется по `Enter`, запятой, вставке списка или потере фокуса. Компонент хранит\nтолько незавершённый текст input, а окончательный набор всегда принадлежит потребителю через `value`.",methods:[],displayName:`TagInput`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLInputElement`}],raw:`Ref<HTMLInputElement>`},description:"Ссылка на внутренний нативный `input`, передаваемая напрямую как React 19 prop."},error:{required:!1,tsType:{name:`string`},description:"Сообщение валидации, связанное с полем через `aria-describedby`."},onClearError:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:`Сбрасывает внешнюю ошибку после изменения черновика или набора тегов.`},readOnly:{required:!1,tsType:{name:`boolean`},description:`Запрещает изменение набора тегов, сохраняя возможность выделять и копировать текст.`,defaultValue:{value:`false`,computed:!1}},maxTags:{required:!1,tsType:{name:`number`},description:`Максимальное количество тегов. Отсутствие значения не ограничивает набор.`},normalizeTag:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => string`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`string`}}},description:`Нормализует введённое значение перед проверкой дубликата и добавлением.
|
|
2
2
|
По умолчанию удаляет пробелы в начале и конце.`,defaultValue:{value:`function defaultNormalizeTag(value: string) {
|
|
3
3
|
return value.trim();
|
|
4
4
|
}`,computed:!1}},getTagKey:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => string`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`string`}}},description:`Возвращает ключ сравнения тегов. Позволяет, например, запретить дубликаты без учёта регистра.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-
|
|
1
|
+
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CdNjp0UR.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-BEzdmfRR.js";import{Controlled as p,Disabled as m,WithValue as h,n as g,t as _}from"./Textarea.stories-B0IBcsuI.js";function v(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{of:_,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,b.jsx)(c,{children:`Textarea`}),`
|
|
3
3
|
`,(0,b.jsx)(i,{children:`Многострочное текстовое поле для описаний, комментариев и заметок`}),`
|
|
4
4
|
`,(0,b.jsx)(o.p,{children:`Textarea уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
package/storybook-static/assets/{Textarea.stories-BZVZYh4p.js → Textarea.stories-B0IBcsuI.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-
|
|
1
|
+
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-BxBCFrOJ.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-CMnxoKbT.js";import{n as s,t as c}from"./ui.module-wFHXkJzp.js";import{o as l,u}from"./Input-D6FlpB4Y.js";import{t as d}from"./input-CjJ-AgIT.js";var f,p,m=n((()=>{f=`TjY2iu`,p={textarea:f}}));function h({label:e,description:t,className:n,disabled:r,size:i,value:o,onChange:c,error:d,onClearError:f,id:m,...h}){let{controlId:_,labelId:v,descriptionId:y,errorId:b,describedBy:x}=u({id:m,hasLabel:e!=null,hasDescription:!!t,hasError:!!d});return(0,g.jsx)(l,{label:e,description:t,disabled:r,size:i,error:d,controlId:_,labelId:v,descriptionId:y,errorId:b,children:(0,g.jsx)(`textarea`,{...h,id:_,disabled:r,value:o,"aria-invalid":!!d||void 0,"aria-labelledby":v,"aria-describedby":x,"data-invalid":d?``:void 0,className:a(s.uiControl,p.textarea,`scrollable`,n),onChange:e=>{c?.(e.target.value),d&&f&&f()}})})}var g,_=n((()=>{o(),d(),c(),m(),g=i(),h.__docgenInfo={description:`Многострочное текстовое поле для ввода свободного текста. Поддерживает подпись, описание, ошибки и единый визуальный стиль формы.`,methods:[],displayName:`Textarea`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},error:{required:!1,tsType:{name:`string`},description:``},onClearError:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``}},composes:[`Omit`]}})),v=e({Controlled:()=>S,Disabled:()=>w,WithValue:()=>C,__namedExportsOrder:()=>T,default:()=>x}),y,b,x,S,C,w,T,E=n((()=>{y=t(r(),1),_(),b=i(),x={title:`Shared/UI/Textarea`,component:h,args:{label:`Комментарий`,description:`Оставьте примечание к документу.`,placeholder:`Введите текст...`,rows:4,disabled:!1,value:``,onChange:()=>void 0},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок текстовой области.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Плейсхолдер поля ввода.`,control:`text`},value:{description:`Текущее значение текстовой области.`,control:`text`},onChange:{description:`Вызывается при изменении текста.`,control:!1},rows:{description:`Количество видимых строк.`,control:`number`},cols:{description:`Ширина в количестве символов.`,control:`number`},disabled:{description:`Блокирует редактирование.`,control:`boolean`},className:{description:`Дополнительный CSS-класс.`,control:`text`}}},S={args:{value:``,onChange:()=>void 0},render:e=>{let[t,n]=(0,y.useState)(`Первичный комментарий`);return(0,b.jsx)(h,{...e,value:t,onChange:n})}},C={args:{rows:5,value:``,onChange:()=>void 0},render:e=>{let[t,n]=(0,y.useState)(`Шаблонный текст для редактирования.`);return(0,b.jsx)(h,{...e,value:t,onChange:n})}},w={args:{disabled:!0,value:`Редактирование недоступно.`,onChange:()=>void 0},render:e=>(0,b.jsx)(h,{...e})},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
value: "",
|
|
4
4
|
onChange: () => undefined
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-
|
|
1
|
+
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-BxBCFrOJ.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,i as a}from"./utils-CMnxoKbT.js";import{R as o,t as s,v as c}from"./formatters-D4nD5Nic.js";import{i as l,r as u}from"./date-segments-CzU9k5bl.js";function d(e=0,t=0){return c(S,C,w,e,t,0,0)}function f(e=`date-time`){return e===`time`?x:b}function p(e,t=`date-time`){if(e==null)return null;let n=o(e);return n?t===`time`?d(n.getHours(),n.getMinutes()):n:null}function m(e,t,n,r=`date-time`){let i=p(e,r);if(!i)return!1;if(r===`time`){let e=i.getHours()*60+i.getMinutes(),r=t?p(t,`time`):null,a=n?p(n,`time`):null;return!(r&&e<r.getHours()*60+r.getMinutes()||a&&e>a.getHours()*60+a.getMinutes())}return!(t&&i<t||n&&i>n)}function h(e,t){let n=p(t),r=n?.getHours()??0,i=n?.getMinutes()??0;return c(e.getFullYear(),e.getMonth(),e.getDate(),r,i,0,0)}function g(e,t,n,r=`date-time`){return r===`time`?d(t,n):c(e.getFullYear(),e.getMonth(),e.getDate(),t,n,0,0)}function _(e,t,n=`date-time`){return n===`time`?p(e,`time`)??d():p(e,n)??t}function v(e,t,n,r=`date-time`){let i=p(e,r)??e,a=t?p(t,r):null,o=n?p(n,r):null,s=!!a&&i.getFullYear()===a.getFullYear()&&i.getMonth()===a.getMonth()&&i.getDate()===a.getDate(),c=!!o&&i.getFullYear()===o.getFullYear()&&i.getMonth()===o.getMonth()&&i.getDate()===o.getDate(),l=s?a.getHours():0,u=c?o.getHours():23,d=s&&l===u?a.getMinutes():0,f=c&&l===u?o.getMinutes():59,m=l>u||l===u&&d>f;return{disabled:m,minHour:l,maxHour:u,minMinuteByHour:e=>m?0:s&&e===l?a.getMinutes():0,maxMinuteByHour:e=>m?59:c&&e===u?o.getMinutes():59}}function y(e,t,n,r,i,a=`date-time`){let o=v(e,r,i,a);if(o.disabled)return{hours:0,minutes:0};let s=Math.min(Math.max(t,o.minHour),o.maxHour),c=o.minMinuteByHour(s),l=o.maxMinuteByHour(s);return{hours:s,minutes:Math.min(Math.max(n,c),l)}}var b,x,S,C,w,T=t((()=>{u(),s(),b=`dd.MM.yyyy HH:mm`,x=`HH:mm`,S=1970,C=0,w=1,l(x)}));function ee(e,t,n,r=`date-time`){let i=v(e,t,n,r),a=e.getHours(),o=e.getMinutes(),s=i.minMinuteByHour(a),c=i.maxMinuteByHour(a);return i.disabled?{disabled:!0,selectedHour:a,selectedMinute:o,hours:[],minutes:[]}:{disabled:!1,selectedHour:a,selectedMinute:o,hours:Array.from({length:i.maxHour-i.minHour+1},(e,t)=>i.minHour+t),minutes:Array.from({length:c-s+1},(e,t)=>s+t)}}var te=t((()=>{T()}));function E(e,t){return t<=0||e<0?0:e>t-1?t-1:e}function D(e,t){return!Number.isFinite(e)||e<=0?t:Math.max(e,t)}function ne(e,t){return Math.max(1,Math.round(e/Math.max(1,t)))}function re(e,t){return Math.max(0,Math.round(e/2-t/2))}function O(e,t){return Math.max(0,Math.round(e*t))}function k(e,t,n){return n<=0||t<=0?0:E(Math.round(e/t),n)}var A=t((()=>{})),j,M,N,P,F,I,L,R=t((()=>{j=`GLhdJ6`,M=`_2xLNL2`,N=`dgX32S`,P=`WfOtQ9`,F=`XIdSMi`,I=`_--Hsbk`,L={wheelPicker:j,viewport:M,scroller:N,items:P,item:F,selectionFrame:I}}));function z({items:e,value:t,onChange:n,ariaLabel:r,disabled:a,className:o,minHeight:s=H,visibleRows:c=U,formatItem:l,getItemKey:u}){let d=(0,B.useRef)(null),f=(0,B.useRef)(null),p=(0,B.useRef)(null),m=(0,B.useMemo)(()=>Math.max(0,e.findIndex(e=>Object.is(e,t))),[e,t]),[h,g]=(0,B.useState)(0),_=D(h,s),v=ne(_,c),y=re(_,v),b=(0,B.useRef)(m),x=(0,B.useCallback)(e=>Math.round(e.clientHeight),[]),S=(0,B.useCallback)(()=>{let t=f.current;if(!t||e.length===0)return;let r=k(t.scrollTop,v,e.length);t.scrollTo({top:O(r,v),behavior:`smooth`}),r!==b.current&&(b.current=r,n(e[r]))},[v,e,n]),C=(0,B.useCallback)(()=>{p.current!==null&&window.clearTimeout(p.current),p.current=window.setTimeout(()=>{p.current=null,S()},W)},[S]);(0,B.useEffect)(()=>{let e=d.current;if(!e||typeof ResizeObserver>`u`)return;let t=e=>{g(t=>t===e?t:e)},n=new ResizeObserver(n=>{let r=n[0],i=Math.round(r?.contentRect.height??x(e));t(i)});return n.observe(e),t(x(e)),()=>n.disconnect()},[x]),(0,B.useEffect)(()=>{let t=f.current;if(!t||e.length===0)return;let n=E(m,e.length);b.current=n,t.scrollTo({top:O(n,v),behavior:`auto`})},[v,e.length,m]),(0,B.useEffect)(()=>{let e=f.current;if(!e)return;let t=()=>{a||C()},n=t=>{a||(t.preventDefault(),e.scrollTop+=t.deltaY,C())};return e.addEventListener(`scroll`,t,{passive:!0}),e.addEventListener(`wheel`,n,{passive:!1}),()=>{e.removeEventListener(`scroll`,t),e.removeEventListener(`wheel`,n)}},[a,e,n,C]),(0,B.useEffect)(()=>()=>{p.current!==null&&window.clearTimeout(p.current)},[]);let w=t=>{if(a||e.length===0||t.key!==`ArrowUp`&&t.key!==`ArrowDown`)return;t.preventDefault();let r=t.key===`ArrowUp`?-1:1,i=E(m+r,e.length);i!==m&&(b.current=i,n(e[i]))},T={"--wheel-picker-min-height":`${s}px`,"--wheel-picker-viewport-height":`${_}px`,"--wheel-picker-item-height":`${v}px`,"--wheel-picker-edge-padding":`${y}px`};return(0,V.jsx)(`div`,{ref:d,className:i(L.wheelPicker,o),style:T,children:(0,V.jsxs)(`div`,{className:L.viewport,children:[(0,V.jsx)(`div`,{ref:f,className:L.scroller,role:`listbox`,tabIndex:a?-1:0,"aria-label":r,"aria-disabled":a||void 0,onKeyDown:w,children:(0,V.jsx)(`div`,{className:L.items,children:e.map((e,t)=>{let r=t===m;return(0,V.jsx)(`button`,{type:`button`,role:`option`,"aria-selected":r,className:L.item,"data-selected":r?``:void 0,disabled:a,onClick:()=>{b.current=t,n(e)},children:l?.(e)??String(e)},u?.(e,t)??t)})})}),(0,V.jsx)(`div`,{className:L.selectionFrame,"aria-hidden":`true`})]})})}var B,V,H,U,W,ie=t((()=>{B=e(n(),1),a(),A(),R(),V=r(),H=192,U=7,W=96,z.__docgenInfo={description:`Внутренний wheel-picker со snap-кареткой по центру и блокировкой page scroll.`,methods:[],displayName:`WheelPicker`,props:{items:{required:!0,tsType:{name:`unknown`},description:``},value:{required:!0,tsType:{name:`T`},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`T`},name:`value`}],return:{name:`void`}}},description:``},ariaLabel:{required:!0,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},className:{required:!1,tsType:{name:`string`},description:``},minHeight:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`192`,computed:!1}},visibleRows:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`7`,computed:!1}},formatItem:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(item: T) => ReactNode`,signature:{arguments:[{type:{name:`T`},name:`item`}],return:{name:`ReactNode`}}},description:``},getItemKey:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(item: T, index: number) => Key`,signature:{arguments:[{type:{name:`T`},name:`item`},{type:{name:`number`},name:`index`}],return:{name:`Key`}}},description:``}}}})),ae=t((()=>{ie()})),G,K,q,J,Y,X,Z,oe=t((()=>{G=`_5-SSnO`,K=`s1NHua`,q=`KQC9-8`,J=`WDu02W`,Y=`_9mEhfD`,X=`N-Fzjk`,Z={timePanel:G,hint:K,fields:q,field:J,label:Y,wheel:X}}));function Q({value:e,disabled:t,minDate:n,maxDate:r,mode:i=`date-time`,onChange:a}){let o=ee(e,n,r,i),s=e=>String(e).padStart(2,`0`);return o.disabled?(0,$.jsx)(`div`,{className:Z.timePanel,children:(0,$.jsx)(`p`,{className:Z.hint,children:`Для выбранного дня нет доступного времени в заданном диапазоне.`})}):(0,$.jsx)(`div`,{className:Z.timePanel,children:(0,$.jsxs)(`div`,{className:Z.fields,children:[(0,$.jsxs)(`label`,{className:Z.field,children:[(0,$.jsx)(`span`,{className:Z.label,children:`Часы`}),(0,$.jsx)(z,{className:Z.wheel,items:o.hours,value:o.selectedHour,onChange:e=>a(e,o.selectedMinute),ariaLabel:`Выбор часов`,disabled:t,formatItem:s})]}),(0,$.jsxs)(`label`,{className:Z.field,children:[(0,$.jsx)(`span`,{className:Z.label,children:`Минуты`}),(0,$.jsx)(z,{className:Z.wheel,items:o.minutes,value:o.selectedMinute,onChange:e=>a(o.selectedHour,e),ariaLabel:`Выбор минут`,disabled:t,formatItem:s})]})]})})}var $,se=t((()=>{ae(),te(),oe(),$=r(),Q.__docgenInfo={description:`Переиспользуемая панель выбора времени поверх internal wheel-picker.`,methods:[],displayName:`TimePanel`,props:{value:{required:!0,tsType:{name:`Date`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},minDate:{required:!1,tsType:{name:`Date`},description:``},maxDate:{required:!1,tsType:{name:`Date`},description:``},mode:{required:!1,tsType:{name:`union`,raw:`"date-time" | "time"`,elements:[{name:`literal`,value:`"date-time"`},{name:`literal`,value:`"time"`}]},description:``,defaultValue:{value:`"date-time"`,computed:!1}},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(hours: number, minutes: number) => void`,signature:{arguments:[{type:{name:`number`},name:`hours`},{type:{name:`number`},name:`minutes`}],return:{name:`void`}}},description:``}}}}));export{f as a,h as c,_ as d,d as i,g as l,se as n,T as o,y as r,m as s,Q as t,p as u};
|
package/storybook-static/assets/{TimePanel.stories-BfdDWhtQ.js → TimePanel.stories-Dah8MdEV.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-
|
|
1
|
+
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-BxBCFrOJ.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{n as i,t as a}from"./TimePanel-DFVpYrKi.js";var o,s,c,l,u,d;t((()=>{o=e(n(),1),i(),s=r(),c={title:`Shared/UI/Internal/DateTime/TimePanel`,component:a,args:{value:new Date(2026,2,10,12,30,0,0),onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`centered`}},l={render:e=>{let[t,n]=(0,o.useState)(e.value);return(0,s.jsx)(`div`,{style:{width:320,minHeight:280},children:(0,s.jsx)(a,{...e,value:t,onChange:(e,r)=>{n(new Date(t.getFullYear(),t.getMonth(),t.getDate(),e,r,0,0))}})})}},u={render:e=>{let[t,n]=(0,o.useState)(new Date(2026,2,10,9,30,0,0));return(0,s.jsx)(`div`,{style:{width:320,minHeight:280},children:(0,s.jsx)(a,{...e,value:t,minDate:new Date(2026,2,10,9,15,0,0),maxDate:new Date(2026,2,10,18,30,0,0),onChange:(e,r)=>{n(new Date(t.getFullYear(),t.getMonth(),t.getDate(),e,r,0,0))}})})}},l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: args => {
|
|
3
3
|
const [value, setValue] = useState<Date>(args.value);
|
|
4
4
|
return <div style={{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-
|
|
1
|
+
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CdNjp0UR.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-BEzdmfRR.js";import{Controlled as p,Disabled as m,LabelAfter as h,n as g,t as _}from"./Toggle.stories-DQSLZ16I.js";function v(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{of:_,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,b.jsx)(c,{children:`Toggle`}),`
|
|
3
3
|
`,(0,b.jsx)(i,{children:`Переключаемый булев контрол для локальных режимов и простых опций`}),`
|
|
4
4
|
`,(0,b.jsx)(o.p,{children:`Toggle уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-
|
|
1
|
+
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-BxBCFrOJ.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-CMnxoKbT.js";import{n as s,t as c}from"./ui.module-wFHXkJzp.js";var l,u,d,f,p,m,h,g,_,v=n((()=>{l=`FFyoOs`,u=`zPYy7T`,d=`j6ek6R`,f=`HFTPXI`,p=`_0RK4xF`,m=`kDPnKt`,h=`DQHqws`,g=`nCQ9v4`,_={row:l,wrapper:u,input:d,track:f,thumb:p,unchecked:m,checked:h,option:g}}));function y({label:e,description:t,placeholder:n,disabled:r,size:i,className:o,onChange:c,value:l,id:u,checkedText:d=`ВКЛ`,uncheckedText:f=`ВЫКЛ`,labelPosition:p=`before`,...m}){let h=(0,b.useId)(),g=u??h,v=t?`${g}-description`:void 0,y=e??n,S=!!l,C=!y&&!m[`aria-label`]?`${f} / ${d}`:void 0,w=y?(0,x.jsx)(`label`,{htmlFor:g,className:s.uiLabel,children:y}):null;return(0,x.jsxs)(`div`,{className:a(s.uiElement,r&&s.disabled,i&&s.uiSizable,i&&s[i],o),"aria-disabled":r||void 0,children:[(0,x.jsxs)(`div`,{className:_.row,children:[p===`before`&&w,(0,x.jsxs)(`div`,{className:_.wrapper,children:[(0,x.jsx)(`input`,{...m,id:g,type:`checkbox`,role:`switch`,checked:S,disabled:r,"aria-checked":S,"aria-describedby":v,"aria-label":C,className:a(s.uiInputControl,_.input),onChange:e=>c?.(e.currentTarget.checked)}),(0,x.jsxs)(`div`,{className:_.track,"data-disabled":r||void 0,"aria-hidden":`true`,children:[(0,x.jsx)(`div`,{className:_.thumb}),(0,x.jsx)(`div`,{className:a(_.option,_.unchecked),children:f}),(0,x.jsx)(`div`,{className:a(_.option,_.checked),children:d})]})]}),p===`after`&&w]}),t&&(0,x.jsx)(`p`,{id:v,className:s.uiDescription,children:t})]})}var b,x,S=n((()=>{b=t(r(),1),o(),c(),v(),x=i(),y.__docgenInfo={description:`Переключаемая кнопка с сохранением активного состояния. Используется для локального выбора режима, фильтра или форматирования.`,methods:[],displayName:`Toggle`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},checkedText:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"ВКЛ"`,computed:!1}},uncheckedText:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"ВЫКЛ"`,computed:!1}},labelPosition:{required:!1,tsType:{name:`union`,raw:`"before" | "after"`,elements:[{name:`literal`,value:`"before"`},{name:`literal`,value:`"after"`}]},description:``,defaultValue:{value:`"before"`,computed:!1}}},composes:[`Omit`]}})),C=e({Controlled:()=>D,Disabled:()=>k,LabelAfter:()=>O,__namedExportsOrder:()=>A,default:()=>E}),w,T,E,D,O,k,A,j=n((()=>{w=t(r(),1),S(),T=i(),E={title:`Shared/UI/Toggle`,component:y,args:{value:!1,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст подписи переключателя.`,control:`text`},description:{description:`Описание под переключателем.`,control:`text`},value:{description:`Текущее значение переключателя.`,control:`boolean`},onChange:{description:`Вызывается при изменении значения.`,control:!1},checkedText:{description:`Текст для включенного состояния.`,control:`text`},uncheckedText:{description:`Текст для выключенного состояния.`,control:`text`},labelPosition:{description:`Положение подписи относительно переключателя.`,control:`inline-radio`,options:[`before`,`after`]},disabled:{description:`Блокирует взаимодействие.`,control:`boolean`},size:{description:`Размер контрола и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},D={render:e=>{let[t,n]=(0,w.useState)(e.value??!1);return(0,T.jsx)(y,{...e,value:t,onChange:n})},args:{label:`Режим синхронизации`,description:`Мгновенное переключение состояния.`,value:!1,checkedText:`ВКЛ`,uncheckedText:`ВЫКЛ`,labelPosition:`before`}},O={render:e=>{let[t,n]=(0,w.useState)(e.value??!0);return(0,T.jsx)(y,{...e,value:t,onChange:n})},args:{label:`Уведомления`,value:!0,labelPosition:`after`}},k={args:{label:`Недоступный переключатель`,value:!0,disabled:!0}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: args => {
|
|
3
3
|
const [value, setValue] = useState(args.value ?? false);
|
|
4
4
|
return <Toggle {...args} value={value} onChange={setValue} />;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-
|
|
1
|
+
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-BxBCFrOJ.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,i as a,n as o,o as s,r as c,s as l,t as u}from"./TreePickerBase-xFkOCgy0.js";function d(e,t){if(e.size!==0){if(e.size===1){let n=t.nodeById.get([...e][0]);return n?n.code&&n.code!==n.label?`${n.label} · ${n.code}`:n.label:void 0}return`Выбрано ${e.size} узл.`}}function f({label:e,description:t,disabled:n,placeholder:r=`Выберите значения`,size:i,nodes:o,value:f,onChange:h,query:g,defaultQuery:_,onQuery:v,isLoading:y,error:b}){let x=(0,p.useMemo)(()=>c(o),[o]),S=(0,p.useMemo)(()=>l(f,x),[x,f]),C=(0,p.useMemo)(()=>a(S,x),[S,x]),w=(0,p.useMemo)(()=>d(S,x),[S,x]);return(0,m.jsx)(u,{label:e,description:t,disabled:n,placeholder:r,size:i,nodes:o,selectedIds:C.selectedIds,partialIds:C.partialIds,selectionMode:`multi`,triggerMode:`search`,selectedSummary:w,query:g,defaultQuery:_,onQuery:v,onNodeActivate:e=>h(s(f,e.id,x)),onClearSelection:()=>h({}),isLoading:y,error:b})}var p,m,h=t((()=>{p=e(n(),1),i(),o(),m=r(),f.__docgenInfo={description:``,methods:[],displayName:`TreeMultiSelect`,props:{nodes:{required:!0,tsType:{name:`unknown`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Выберите значения"`,computed:!1}},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``},error:{required:!1,tsType:{name:`string`},description:``}},composes:[`Omit`]}}));export{h as n,f as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-
|
|
1
|
+
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CdNjp0UR.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-BEzdmfRR.js";import{Basic as p,MixedSelection as m,ParentCompression as h,n as g,t as _}from"./TreeMultiSelect.stories-DKd_qDqk.js";function v(e){let o={code:`code`,h2:`h2`,p:`p`,...t(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{of:_,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,b.jsx)(c,{children:`TreeMultiSelect`}),`
|
|
3
3
|
`,(0,b.jsx)(i,{children:`Мультивыбор узлов дерева с компрессией subtree в parent`}),`
|
|
4
4
|
`,(0,b.jsxs)(o.p,{children:[(0,b.jsx)(o.code,{children:`TreeMultiSelect`}),` хранит наружу не “все листья”, а канонизированный frontier по уровням дерева.`]}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-
|
|
1
|
+
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-BxBCFrOJ.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{n as a,t as o}from"./TreeMultiSelect-Cm8XLcaB.js";import{n as s,t as c}from"./treeStoryFixtures-Cd984L7t.js";var l=e({Basic:()=>m,MixedSelection:()=>g,ParentCompression:()=>h,__namedExportsOrder:()=>_,default:()=>p});function u({initialValue:e={},label:t=`TreeMultiSelect`,description:n}){let[r,i]=(0,d.useState)(e);return(0,f.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,f.jsx)(o,{label:t,description:n,nodes:c,value:r,onChange:i}),(0,f.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,JSON.stringify(r)]})]})}var d,f,p,m,h,g,_,v=n((()=>{d=t(r(),1),a(),s(),f=i(),p={title:`Shared/UI/TreeMultiSelect`,component:o,parameters:{atomicCanvas:!0,layout:`padded`},args:{label:`Выбор узлов`,description:`Мультивыбор с канонизацией subtree в ближайший parent.`,nodes:c,value:{},onChange:()=>{}},argTypes:{nodes:{control:!1},value:{control:!1},onChange:{control:!1}}},m={render:()=>(0,f.jsx)(u,{initialValue:{OWNER:[`P0001`]}})},h={render:()=>(0,f.jsx)(u,{label:`Компрессия parent`,description:`Когда выбран весь subtree, наружу может уйти только родительский узел.`,initialValue:{REGION:[`R01`]}})},g={render:()=>(0,f.jsx)(u,{label:`Смешанный выбор`,description:`Пример mixed frontier по соседним уровням.`,initialValue:{BRANCH:[`B0101`],OWNER:[`P0004`]}})},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: () => <StatefulTreeMultiSelect initialValue={{
|
|
3
3
|
OWNER: ["P0001"]
|
|
4
4
|
}} />
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-
|
|
1
|
+
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-BxBCFrOJ.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,i as a}from"./utils-CMnxoKbT.js";import{A as o,o as s,t as c,vt as l,wt as u}from"./lucide-react-BmnaUuit.js";import{n as ee,t as d}from"./ui.module-wFHXkJzp.js";import{a as te}from"./Input-D6FlpB4Y.js";import{t as f}from"./input-CjJ-AgIT.js";import{T as ne,b as re,g as ie,l as ae,m as oe,r as se,s as ce,t as p,v as le}from"./picker-CxN205s6.js";import{n as ue,t as de}from"./SelectOptionContent-YY3Lf4SM.js";function m(e,t){return`${e}::${t}`}function fe(e){let t=new Map,n=new Map,r=new Map,i=new Map,a=new Map,o=0,s=(e,c)=>{t.set(e.id,e),n.set(e.id,c),i.set(e.id,o++),a.set(m(e.codeKey,e.value),e.id);let l=(e.children??[]).map(e=>e.id);r.set(e.id,l);for(let t of e.children??[])s(t,e.id)};for(let t of e)s(t);return{rootIds:e.map(e=>e.id),nodeById:t,parentById:n,childrenById:r,preorderIndexById:i,nodeIdByCodeValue:a}}function pe(e,t){if(e)return t.nodeIdByCodeValue.get(m(e.codeKey,e.value))}function h(e,t){let n=new Set;if(!e)return n;for(let[r,i]of Object.entries(e))for(let e of i){let i=t.nodeIdByCodeValue.get(m(r,e));i&&n.add(i)}return x(n,t)}function g(e,t){let n=[...e].sort((e,n)=>(t.preorderIndexById.get(e)??2**53-1)-(t.preorderIndexById.get(n)??2**53-1)),r={};for(let e of n){let n=t.nodeById.get(e);n&&(r[n.codeKey]=r[n.codeKey]??[],r[n.codeKey].push(n.value))}return r}function _(e,t){let n=[],r=t.parentById.get(e);for(;r;)n.push(r),r=t.parentById.get(r);return n}function v(e,t,n){let r=n.parentById.get(e);for(;r;){if(r===t)return!0;r=n.parentById.get(r)}return!1}function y(e,t,n){for(let r of[...e])v(r,t,n)&&e.delete(r)}function b(e,t,n){if(t.has(e))return!0;let r=n.childrenById.get(e)??[];return r.length===0?!1:r.every(e=>b(e,t,n))}function x(e,t){let n=new Set(e);for(let e of[...n])_(e,t).some(e=>n.has(e))&&n.delete(e);let r=[...t.nodeById.keys()].sort((e,n)=>(t.preorderIndexById.get(n)??0)-(t.preorderIndexById.get(e)??0));for(let e of r){let r=t.childrenById.get(e)??[];r.length===0||n.has(e)||r.every(e=>b(e,n,t))&&(y(n,e,t),n.add(e))}return n}function S(e,t,n){let r=n.parentById.get(t);for(;r;){if(e.has(r)){e.delete(r);for(let t of n.childrenById.get(r)??[])e.add(t);return!0}r=n.parentById.get(r)}return!1}function me(e,t,n){return t.has(e)?!0:_(e,n).some(e=>t.has(e))}function C(e,t,n,r){let i=n.childrenById.get(e)??[];if(t.has(e))return r.selectedIds.add(e),{selected:!0,partial:!1};if(i.length===0)return{selected:!1,partial:!1};let a=i.map(e=>C(e,t,n,r)),o=a.every(e=>e.selected&&!e.partial),s=a.some(e=>e.selected||e.partial);return o?(r.selectedIds.add(e),{selected:!0,partial:!1}):s?(r.partialIds.add(e),{selected:!1,partial:!0}):{selected:!1,partial:!1}}function w(e,t){let n={selectedIds:new Set,partialIds:new Set};for(let r of t.rootIds)C(r,e,t,n);return n}function T(e,t,n){let r=h(e,n),i=e=>{if(me(e,r,n)){if(r.has(e)){r.delete(e);return}S(r,e,n)&&i(e);return}y(r,e,n),r.add(e)};return i(t),g(x(r,n),n)}function E(e,t,n){let r=t.parentById.get(e);for(;r;)n.add(r),r=t.parentById.get(r)}function he(e,t){let n=new Set;for(let r of e)E(r,t,n);return n}function D(e,t,n){let r=(e.children??[]).map(e=>D(e,t,n)).filter(e=>!!e);return!e.searchText.toLowerCase().includes(t)&&r.length===0?null:(r.length>0&&n.add(e.id),r.length===0?e:{...e,children:r})}function ge(e,t){let n=t.trim().toLowerCase();if(!n)return{nodes:[...e],expandedIds:new Set};let r=new Set;return{nodes:e.map(e=>D(e,n,r)).filter(e=>!!e),expandedIds:r}}function _e(e,t){let n=[],r=(e,i,a)=>{let o=(e.children?.length??0)>0,s=o&&t.has(e.id);if(n.push({node:e,level:i,parentId:a,hasChildren:o,isExpanded:s,isLeaf:!o}),s)for(let t of e.children??[])r(t,i+1,e.id)};for(let t of e)r(t,0);return n}var O=t((()=>{})),k,A,j,M,N,P,F,I,L,R,z,B,V,H,U,W,G,K,q,J=t((()=>{k=`eMqOwq`,A=`JKstO-`,j=`hKgr8e`,M=`_6EH37F`,N=`o5NWnX`,P=`ibSd-S`,F=`lXezvv`,I=`FMlLGX`,L=`d2Zt7U`,R=`_8PN4hs`,z=`_4JEoen`,B=`GS8eEC`,V=`T8gVno`,H=`o6stdX`,U=`I5zvhe`,W=`KQ0PBI`,G=`_7hAQQA`,K=`XeUHNc`,q={treeRow:k,treeRowSelected:A,treeRowActive:j,treeNodeButton:M,treeIndent:N,treeExpander:P,treeExpanderPlaceholder:F,treeExpanderIcon:I,treeExpanderIconExpanded:L,treeSelection:R,treeSelectionChecked:z,treeSelectionPartial:B,treeSelectionIcon:V,treeSummary:H,inputWithOverlay:U,valueOverlay:W,treeActions:G,treeClearButton:K}}));function ve({node:e,level:t,highlight:n,hasChildren:r,isExpanded:a,selected:s,partial:c,selectionMode:ee,onToggleExpand:d}){return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`span`,{className:q.treeIndent,style:{"--tree-level":t},"aria-hidden":`true`}),r?(0,Y.jsx)(`button`,{type:`button`,className:q.treeExpander,onClick:e=>{e.stopPropagation(),d?.()},"aria-label":a?`Свернуть ветку`:`Развернуть ветку`,"data-ui":`tree-select-expander`,"data-action":a?`collapse-tree-select-node`:`expand-tree-select-node`,children:(0,Y.jsx)(l,{className:i(q.treeExpanderIcon,a&&q.treeExpanderIconExpanded)})}):(0,Y.jsx)(`span`,{className:q.treeExpanderPlaceholder,"aria-hidden":`true`}),ee===`multi`&&(0,Y.jsx)(`span`,{className:i(q.treeSelection,s&&q.treeSelectionChecked,c&&q.treeSelectionPartial),"aria-hidden":`true`,children:s?(0,Y.jsx)(u,{className:q.treeSelectionIcon}):c?(0,Y.jsx)(o,{className:q.treeSelectionIcon}):null}),(0,Y.jsx)(de,{label:e.label,code:e.code,highlight:n})]})}var Y,X=t((()=>{a(),c(),ue(),J(),Y=r(),ve.__docgenInfo={description:``,methods:[],displayName:`TreeNodeContent`,props:{node:{required:!0,tsType:{name:`signature`,type:`object`,raw:`{
|
|
2
2
|
id: string;
|
|
3
3
|
codeKey: string;
|
|
4
4
|
value: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-
|
|
1
|
+
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-BxBCFrOJ.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,c as a,n as o,r as s,t as c}from"./TreePickerBase-xFkOCgy0.js";function l(e){if(e)return e.code&&e.code!==e.label?`${e.label} · ${e.code}`:e.label}function u({label:e,description:t,disabled:n,placeholder:r=`Выберите значение`,size:i,nodes:o,value:u,onChange:p,query:m,defaultQuery:h,onQuery:g,isLoading:_,error:v,clearable:y=!1}){let b=(0,d.useMemo)(()=>s(o),[o]),x=a(u,b),S=x?b.nodeById.get(x):void 0;return(0,f.jsx)(c,{label:e,description:t,disabled:n,placeholder:r,size:i,nodes:o,selectedIds:x?new Set([x]):new Set,partialIds:new Set,selectionMode:`single`,triggerMode:`search`,selectedSummaryText:l(S),query:m,defaultQuery:h,onQuery:g,onNodeActivate:e=>p({codeKey:e.codeKey,value:e.value}),onClearSelection:y?()=>p(void 0):void 0,isLoading:_,error:v})}var d,f,p=t((()=>{d=e(n(),1),i(),o(),f=r(),u.__docgenInfo={description:``,methods:[],displayName:`TreeSelect`,props:{nodes:{required:!0,tsType:{name:`unknown`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Выберите значение"`,computed:!1}},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``},error:{required:!1,tsType:{name:`string`},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}}},composes:[`Omit`]}}));export{p as n,u as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-
|
|
1
|
+
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CdNjp0UR.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-BEzdmfRR.js";import{Basic as p,Empty as m,SelectParent as h,n as g,t as _}from"./TreeSelect.stories-C_fffAaM.js";function v(e){let o={code:`code`,h2:`h2`,p:`p`,...t(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{of:_,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,b.jsx)(c,{children:`TreeSelect`}),`
|
|
3
3
|
`,(0,b.jsx)(i,{children:`Single-select для выбора одного узла из дерева`}),`
|
|
4
4
|
`,(0,b.jsxs)(o.p,{children:[(0,b.jsx)(o.code,{children:`TreeSelect`}),` подходит для сценариев, где выбор должен происходить по одному узлу, но пользователь работает не с плоским списком, а с иерархией.`]}),`
|
package/storybook-static/assets/{TreeSelect.stories-C56cleOX.js → TreeSelect.stories-C_fffAaM.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-
|
|
1
|
+
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-BxBCFrOJ.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{n as a,t as o}from"./TreeSelect-C0Oxcp_s.js";import{n as s,t as c}from"./treeStoryFixtures-Cd984L7t.js";var l=e({Basic:()=>m,Empty:()=>g,SelectParent:()=>h,__namedExportsOrder:()=>_,default:()=>p});function u({initialValue:e,label:t=`TreeSelect`,description:n}){let[r,i]=(0,d.useState)(e);return(0,f.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,f.jsx)(o,{label:t,description:n,nodes:c,value:r,onChange:i}),(0,f.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,r?`${r.codeKey}=${r.value}`:`пусто`]})]})}var d,f,p,m,h,g,_,v=n((()=>{d=t(r(),1),a(),s(),f=i(),p={title:`Shared/UI/TreeSelect`,component:o,parameters:{atomicCanvas:!0,layout:`padded`},args:{label:`Выбор узла`,description:`Single-select поверх дерева. Можно выбрать любой узел.`,nodes:c,value:void 0,onChange:()=>{}},argTypes:{nodes:{control:!1},value:{control:!1},onChange:{control:!1}}},m={render:()=>(0,f.jsx)(u,{initialValue:{codeKey:`BRANCH`,value:`B0101`}})},h={render:()=>(0,f.jsx)(u,{label:`Выбор родителя`,description:`Проверка single-select сценария, когда выбирается не leaf, а промежуточный узел.`,initialValue:{codeKey:`REGION`,value:`R01`}})},g={args:{nodes:[],description:`Состояние без доступных узлов.`}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: () => <StatefulTreeSelect initialValue={{
|
|
3
3
|
codeKey: "BRANCH",
|
|
4
4
|
value: "B0101"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-
|
|
1
|
+
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CdNjp0UR.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-BEzdmfRR.js";import{Basic as p,CollapsedByDefault as m,Empty as h,Fetching as g,Loading as _,MultiSelect as v,WithDefaultExpandedBranch as y,WithDisabledRows as b,WithFormattedTreeColumn as x,WithFormulaColumn as S,WithHiddenZero as C,WithMergedDuplicates as w,WithODataMetadataAdapter as T,WithUseODataTableColumnsBuildHook as E,WithUseODataTableColumnsEnrichHook as D,n as O,t as k}from"./TreeTable.stories-on_ck1LO.js";function A(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(a,{of:k,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,M.jsx)(c,{children:`TreeTable`}),`
|
|
3
3
|
`,(0,M.jsx)(i,{children:`Древовидная таблица для плоских OData-данных на базе TanStack Table`}),`
|
|
4
4
|
`,(0,M.jsxs)(o.p,{children:[(0,M.jsx)(o.code,{children:`TreeTable`}),` предназначен для сценариев, где данные приходят плоским списком, но в UI должны выглядеть как дерево.
|
package/storybook-static/assets/{TreeTable.stories-D-R0a5NF.js → TreeTable.stories-on_ck1LO.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-
|
|
1
|
+
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-BxBCFrOJ.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-CMnxoKbT.js";import{St as s,t as c,vt as l}from"./lucide-react-BmnaUuit.js";import{t as u,w as d}from"./formatters-D4nD5Nic.js";import{D as f,E as p,T as ee,c as te,d as ne,p as re,s as ie,t as ae,v as oe,w as se}from"./odata-DkCpE6Ui.js";import{C as ce,S as le,d as ue,g as de,i as fe,l as pe,m as me,n as he,p as ge,s as _e,t as ve,v as ye,w as be,x as xe,y as Se}from"./base-table-XPKfaZOF.js";function Ce(e,t,n){let r=e.get(t);if(r){r.push(n);return}e.set(t,[n])}function m(e){return Array.from(new Set(e))}function we(e,t){let n=new Map,r=new Map,i=new Map,a=[],o=[],s=[],c=[];for(let o of e){let e=t.getRowId(o);if(n.has(e)){a.push(e);continue}let s=t.getParentRowId(o)??null;n.set(e,o),r.set(e,s),c.push(e),s!==null&&s!==e&&Ce(i,s,e)}let l=[];for(let e of c){let t=r.get(e)??null;if(t===null){l.push(e);continue}if(t===e){s.push(e),l.push(e);continue}n.has(t)||(o.push(e),l.push(e))}let u=new Set,d=(e,t)=>{let r=n.get(e);if(!r)throw Error(`Не удалось построить дерево: строка "${e}" отсутствует в индексе.`);u.add(e);let a=new Set(t);a.add(e);let o={...r},c=i.get(e)??[],l=[];for(let e of c){if(a.has(e)){s.push(e);continue}u.has(e)||l.push(d(e,a))}return l.length>0&&(o.children=l),o},f=[],p=[];for(let e of l)u.has(e)||(f.push(d(e,new Set)),p.push(e));for(let e of c)u.has(e)||(s.push(e),f.push(d(e,new Set)),p.push(e));return{rows:f,rowById:n,allRowIds:c,rootRowIds:m(p),orphanRowIds:m(o),duplicateRowIds:m(a),cyclicRowIds:m(s)}}var Te=n((()=>{})),Ee,De,Oe,ke,h,Ae,je,g,_=n((()=>{Ee=`jOS9rT`,De=`zHOAf7`,Oe=`j48cXg`,ke=`mf4-Kr`,h=`p8pb0F`,Ae=`KIudLf`,je=`bJsPGU`,g={treeColumnCell:Ee,selectedIndicatorCell:De,treeCell:Oe,treeCellContent:ke,expanderButton:h,expanderSpacer:Ae,sentinel:je}}));function Me(e){return Object.fromEntries(e.map(e=>[e,!0]))}function Ne(e){return typeof e==`boolean`?[]:Object.keys(e).filter(t=>e[t])}function v(e,t){return t.get(e.id)??e.original}function Pe(e,t,n,r){return e.cell.column.id===n?(0,x.jsxs)(`div`,{className:g.treeCell,style:{paddingInlineStart:`calc(${e.row.depth} * ${ne(r)??`0em`})`},children:[e.row.getCanExpand()?(0,x.jsx)(`button`,{type:`button`,className:g.expanderButton,"aria-label":e.row.getIsExpanded()?`Свернуть строку`:`Развернуть строку`,"data-tree-table-interactive":`true`,"data-ui":`tree-table-expander`,"data-action":e.row.getIsExpanded()?`collapse-tree-table-row`:`expand-tree-table-row`,onClick:t=>{t.stopPropagation(),e.row.toggleExpanded()},children:e.row.getIsExpanded()?(0,x.jsx)(s,{size:16}):(0,x.jsx)(l,{size:16})}):(0,x.jsx)(`span`,{className:g.expanderSpacer,"aria-hidden":`true`}),(0,x.jsx)(`div`,{className:g.treeCellContent,children:t})]}):t}function y({title:e,isLoading:t,isFetching:n,data:r,columns:i,hierarchy:o,selectionMode:s=`none`,expandFirstLevel:c=!1,defaultExpandedRowIds:l,treeColumnId:u,indentSize:f=1,className:p,tableClassName:ee,columnVisibility:ne,defaultColumnVisibility:re,columnOrder:ie,defaultColumnOrder:ae,columnSizing:oe,defaultColumnSizing:se,columnPinning:ve,defaultColumnPinning:xe,enableColumnResizing:Ce=!1,enableColumnReordering:m=!1,columnResizeMinWidth:Te,onColumnVisibilityChange:Ee,onColumnOrderChange:De,onColumnSizingChange:Oe,onColumnPinningChange:ke,onRowClick:h,onRowSelectionChange:Ae,onExpandedRowIdsChange:je,onReachEnd:_,getRowCanSelect:y,getRowClassName:Fe,renderHeaderContextMenu:Ie,renderCellContent:Le}){let S=(0,b.useMemo)(()=>we(r??[],o),[r,o]),C=(0,b.useMemo)(()=>de(i),[i]),Re=(0,b.useMemo)(()=>{let e=new Set(l??[]);if(c)for(let t of S.rootRowIds)e.add(t);return Array.from(e)},[l,c,S.rootRowIds]),[w,T]=(0,b.useState)({}),E=(0,b.useRef)(!1),D=(0,b.useRef)(null),O=(0,b.useRef)(null),{rowSelection:k,activateRowSelection:ze}=te({availableRowIds:S.allRowIds,rowById:S.rowById,selectionMode:s,onRowSelectionChange:Ae}),{columnVisibility:A,onColumnVisibilityChange:Be}=_e({columnVisibility:ne,defaultColumnVisibility:re,onColumnVisibilityChange:Ee}),{columnOrder:j,onColumnOrderChange:Ve}=ge({columnOrder:ie,defaultColumnOrder:ae,onColumnOrderChange:De}),{columnSizing:M,onColumnSizingChange:He}=pe({columnSizing:oe,defaultColumnSizing:se,columnResizeMinWidth:Te,onColumnSizingChange:Oe}),{columnPinning:N,onColumnPinningChange:Ue}=ue({columnPinning:ve,defaultColumnPinning:xe,onColumnPinningChange:ke}),P=(0,b.useMemo)(()=>({columnOrder:j,columnPinning:N,columnSizing:M,columnVisibility:A}),[j,N,M,A]),F=(0,b.useEffectEvent)((e,t)=>{if(e.length===0){E.current=!1,T({});return}let n=new Set(e);T(e=>{let r=Ne(e).filter(e=>n.has(e));return E.current?Me(r):(E.current=!0,Me(Array.from(new Set([...r,...t.filter(e=>n.has(e))]))))})}),I=(0,b.useEffectEvent)(e=>{je?.(Ne(e))}),L=(0,b.useEffectEvent)(()=>{_?.()});(0,b.useEffect)(()=>{F(S.allRowIds,Re)},[Re,S.allRowIds]),(0,b.useEffect)(()=>{I(w)},[w]),(0,b.useEffect)(()=>{if(!_||!D.current||!O.current||t)return;let e=new IntersectionObserver(e=>{e[0]?.isIntersecting&&L()},{root:D.current,threshold:.1});return e.observe(O.current),()=>e.disconnect()},[t,_,S.rows.length]);let R=le({data:S.rows,columns:i,state:{columnOrder:j,columnPinning:N,columnSizing:M,columnVisibility:A,expanded:w,rowSelection:k},getRowId:e=>o.getRowId(e),getSubRows:e=>e.children,getCoreRowModel:ce(),getExpandedRowModel:be(),onColumnOrderChange:Ve,onColumnPinningChange:Ue,onColumnSizingChange:He,onColumnVisibilityChange:Be,onExpandedChange:T,enableMultiRowSelection:s===`multi`,enableRowSelection:e=>{if(s===`none`)return!1;let t=v(e,S.rowById);return y?y(t):!0}}),z=Se(R,P),B=u??z[0]?.id,V=R.getRowModel().rows,H=(0,b.useMemo)(()=>me({rows:V,columns:z,resolveRowBoundaryKey:e=>e.depth,excludeColumnIds:B?new Set([B]):void 0}),[V,z,B]);return(0,x.jsx)(fe,{table:R,columnState:P,title:e,isLoading:t,isFetching:n,className:p,tableClassName:ee,selectionMode:s,scrollableRef:D,interactiveElementSelector:`[data-tree-table-interactive="true"]`,onActivateRow:s!==`none`||h?e=>{let t=v(e,S.rowById);ze(e.id,e.getCanSelect()),h?.(t)}:void 0,isRowInteractive:e=>!!(h||s!==`none`&&e.getCanSelect()),getRowClassName:e=>{let t=v(e,S.rowById);return Fe?.(t)},getCellClassName:({row:e,cell:t})=>a(t.column.id===B&&g.treeColumnCell,t.column.id===B&&e.getIsSelected()&&g.selectedIndicatorCell),getCellLayout:({cell:e})=>H.get(e.id),renderHeaderContextMenu:Ie,enableColumnResizing:Ce,enableColumnReordering:m,columnResizeMinWidth:Te,renderCellContent:e=>{let t=v(e.row,S.rowById),n=d({field:C.runtimeByColumnId[e.cell.column.id],rawValue:e.cell.getValue(),rowData:t,rowKind:`tree`}),r=ye({columnId:e.cell.column.id,runtimeByColumnId:C.runtimeByColumnId,customCellColumnIds:C.customCellColumnIds})?(0,x.jsx)(he,{displayValue:n,align:e.columnMeta?.align}):e.defaultContent;return Pe(e,Le?Le({...e,defaultContent:r,displayValue:n}):r,B,f)},afterTableContent:_?(0,x.jsx)(`div`,{ref:O,className:g.sentinel,"aria-hidden":`true`}):null})}var b,x,Fe=n((()=>{b=t(r(),1),u(),oe(),Te(),o(),xe(),c(),ve(),_(),x=i(),y.__docgenInfo={description:`Древовидная таблица на базе TanStack Table для плоских OData-данных.`,methods:[],displayName:`TreeTable`,props:{title:{required:!1,tsType:{name:`string`},description:`Необязательный заголовок над таблицей.`},isLoading:{required:!1,tsType:{name:`boolean`},description:`Признак первичной загрузки.`},isFetching:{required:!1,tsType:{name:`boolean`},description:`Признак фоновой догрузки или обновления данных.`},data:{required:!0,tsType:{name:`union`,raw:`readonly TData[] | undefined | null`,elements:[{name:`unknown`},{name:`undefined`},{name:`null`}]},description:`Плоский источник строк.`},columns:{required:!0,tsType:{name:`unknown`},description:`Описание колонок через исходный тип строки.`},hierarchy:{required:!0,tsType:{name:`TreeTableFlatHierarchy`,elements:[{name:`TData`}],raw:`TreeTableFlatHierarchy<TData>`},description:`Правила восстановления дерева из плоского списка.`},selectionMode:{required:!1,tsType:{name:`TableSelectionMode`},description:`Режим выбора строк.`,defaultValue:{value:`"none"`,computed:!1}},expandFirstLevel:{required:!1,tsType:{name:`boolean`},description:"Если `true`, при первом появлении данных раскрывает корневой уровень.",defaultValue:{value:`false`,computed:!1}},defaultExpandedRowIds:{required:!1,tsType:{name:`unknown`},description:`Дополнительные строки, которые должны быть раскрыты при первой инициализации.`},treeColumnId:{required:!1,tsType:{name:`string`},description:`Идентификатор колонки, в которой нужно рисовать tree-toggle и отступы.
|
|
2
2
|
|
|
3
3
|
Если не указан, используется первая видимая колонка.`},indentSize:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:`Отступ на один уровень вложенности.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n,m as r,p as i,u as a}from"./iframe-BlBhvHwk.js";import{C as o,a as s,h as c,l,w as u}from"./theming-C9D6rg4N.js";import{i as d,r as f}from"./chunk-3LY4VQVK-Dk0vkvRJ.js";import{t as p}from"./react-dom-Dymo4Ige.js";import{n as m,t as h}from"./chunk-242VQQM5-Dtm7LRbQ.js";function g(e){return e?(e.nodeName||``).toLowerCase():null}function _(e){if(e==null)return window;if(e.toString()!==`[object Window]`){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function v(e){return e instanceof _(e).Element||e instanceof Element}function y(e){return e instanceof _(e).HTMLElement||e instanceof HTMLElement}function b(e){return typeof ShadowRoot>`u`?!1:e instanceof _(e).ShadowRoot||e instanceof ShadowRoot}function x(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var n=t.styles[e]||{},r=t.attributes[e]||{},i=t.elements[e];!y(i)||!g(i)||(Object.assign(i.style,n),Object.keys(r).forEach(function(e){var t=r[e];t===!1?i.removeAttribute(e):i.setAttribute(e,t===!0?``:t)}))})}function S(e){var t=e.state,n={popper:{position:t.options.strategy,left:`0`,top:`0`,margin:`0`},arrow:{position:`absolute`},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.styles=n,t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach(function(e){var r=t.elements[e],i=t.attributes[e]||{},a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:n[e]).reduce(function(e,t){return e[t]=``,e},{});!y(r)||!g(r)||(Object.assign(r.style,a),Object.keys(i).forEach(function(e){r.removeAttribute(e)}))})}}function C(e){return e.split(`-`)[0]}function w(){var e=navigator.userAgentData;return e!=null&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+`/`+e.version}).join(` `):navigator.userAgent}function T(){return!/^((?!chrome|android).)*safari/i.test(w())}function E(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!1);var r=e.getBoundingClientRect(),i=1,a=1;t&&y(e)&&(i=e.offsetWidth>0&&Z(r.width)/e.offsetWidth||1,a=e.offsetHeight>0&&Z(r.height)/e.offsetHeight||1);var o=(v(e)?_(e):window).visualViewport,s=!T()&&n,c=(r.left+(s&&o?o.offsetLeft:0))/i,l=(r.top+(s&&o?o.offsetTop:0))/a,u=r.width/i,d=r.height/a;return{width:u,height:d,top:l,right:c+u,bottom:l+d,left:c,x:c,y:l}}function D(e){var t=E(e),n=e.offsetWidth,r=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-r)<=1&&(r=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:r}}function O(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&b(n)){var r=t;do{if(r&&e.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function k(e){return _(e).getComputedStyle(e)}function A(e){return[`table`,`td`,`th`].indexOf(g(e))>=0}function j(e){return((v(e)?e.ownerDocument:e.document)||window.document).documentElement}function M(e){return g(e)===`html`?e:e.assignedSlot||e.parentNode||(b(e)?e.host:null)||j(e)}function N(e){return!y(e)||k(e).position===`fixed`?null:e.offsetParent}function P(e){var t=/firefox/i.test(w());if(/Trident/i.test(w())&&y(e)&&k(e).position===`fixed`)return null;var n=M(e);for(b(n)&&(n=n.host);y(n)&&[`html`,`body`].indexOf(g(n))<0;){var r=k(n);if(r.transform!==`none`||r.perspective!==`none`||r.contain===`paint`||[`transform`,`perspective`].indexOf(r.willChange)!==-1||t&&r.willChange===`filter`||t&&r.filter&&r.filter!==`none`)return n;n=n.parentNode}return null}function F(e){for(var t=_(e),n=N(e);n&&A(n)&&k(n).position===`static`;)n=N(n);return n&&(g(n)===`html`||g(n)===`body`&&k(n).position===`static`)?t:n||P(e)||t}function ee(e){return[`top`,`bottom`].indexOf(e)>=0?`x`:`y`}function I(e,t,n){return X(e,gt(t,n))}function te(e,t,n){var r=I(e,t,n);return r>n?n:r}function ne(){return{top:0,right:0,bottom:0,left:0}}function re(e){return Object.assign({},ne(),e)}function ie(e,t){return t.reduce(function(t,n){return t[n]=e,t},{})}function ae(e){var t,n=e.state,r=e.name,i=e.options,a=n.elements.arrow,o=n.modifiersData.popperOffsets,s=C(n.placement),c=ee(s),l=[J,q].indexOf(s)>=0?`height`:`width`;if(!(!a||!o)){var u=_t(i.padding,n),d=D(a),f=c===`y`?G:J,p=c===`y`?K:q,m=n.rects.reference[l]+n.rects.reference[c]-o[c]-n.rects.popper[l],h=o[c]-n.rects.reference[c],g=F(a),_=g?c===`y`?g.clientHeight||0:g.clientWidth||0:0,v=m/2-h/2,y=u[f],b=_-d[l]-u[p],x=_/2-d[l]/2+v,S=I(y,x,b),w=c;n.modifiersData[r]=(t={},t[w]=S,t.centerOffset=S-x,t)}}function oe(e){var t=e.state,n=e.options.element,r=n===void 0?`[data-popper-arrow]`:n;r!=null&&(typeof r==`string`&&(r=t.elements.popper.querySelector(r),!r)||O(t.elements.popper,r)&&(t.elements.arrow=r))}function L(e){return e.split(`-`)[1]}function se(e,t){var n=e.x,r=e.y,i=t.devicePixelRatio||1;return{x:Z(n*i)/i||0,y:Z(r*i)/i||0}}function ce(e){var t,n=e.popper,r=e.popperRect,i=e.placement,a=e.variation,o=e.offsets,s=e.position,c=e.gpuAcceleration,l=e.adaptive,u=e.roundOffsets,d=e.isFixed,f=o.x,p=f===void 0?0:f,m=o.y,h=m===void 0?0:m,g=typeof u==`function`?u({x:p,y:h}):{x:p,y:h};p=g.x,h=g.y;var v=o.hasOwnProperty(`x`),y=o.hasOwnProperty(`y`),b=J,x=G,S=window;if(l){var C=F(n),w=`clientHeight`,T=`clientWidth`;if(C===_(n)&&(C=j(n),k(C).position!==`static`&&s===`absolute`&&(w=`scrollHeight`,T=`scrollWidth`)),C=C,i===G||(i===J||i===q)&&a===st){x=K;var E=d&&C===S&&S.visualViewport?S.visualViewport.height:C[w];h-=E-r.height,h*=c?1:-1}if(i===J||(i===G||i===K)&&a===st){b=q;var D=d&&C===S&&S.visualViewport?S.visualViewport.width:C[T];p-=D-r.width,p*=c?1:-1}}var O=Object.assign({position:s},l&&yt),A=u===!0?se({x:p,y:h},_(n)):{x:p,y:h};if(p=A.x,h=A.y,c){var M;return Object.assign({},O,(M={},M[x]=y?`0`:``,M[b]=v?`0`:``,M.transform=(S.devicePixelRatio||1)<=1?`translate(`+p+`px, `+h+`px)`:`translate3d(`+p+`px, `+h+`px, 0)`,M))}return Object.assign({},O,(t={},t[x]=y?h+`px`:``,t[b]=v?p+`px`:``,t.transform=``,t))}function le(e){var t=e.state,n=e.options,r=n.gpuAcceleration,i=r===void 0?!0:r,a=n.adaptive,o=a===void 0?!0:a,s=n.roundOffsets,c=s===void 0?!0:s,l={placement:C(t.placement),variation:L(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:i,isFixed:t.options.strategy===`fixed`};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,ce(Object.assign({},l,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:o,roundOffsets:c})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,ce(Object.assign({},l,{offsets:t.modifiersData.arrow,position:`absolute`,adaptive:!1,roundOffsets:c})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}function ue(e){var t=e.state,n=e.instance,r=e.options,i=r.scroll,a=i===void 0?!0:i,o=r.resize,s=o===void 0?!0:o,c=_(t.elements.popper),l=[].concat(t.scrollParents.reference,t.scrollParents.popper);return a&&l.forEach(function(e){e.addEventListener(`scroll`,n.update,xt)}),s&&c.addEventListener(`resize`,n.update,xt),function(){a&&l.forEach(function(e){e.removeEventListener(`scroll`,n.update,xt)}),s&&c.removeEventListener(`resize`,n.update,xt)}}function R(e){return e.replace(/left|right|bottom|top/g,function(e){return Ct[e]})}function de(e){return e.replace(/start|end/g,function(e){return wt[e]})}function z(e){var t=_(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function fe(e){return E(j(e)).left+z(e).scrollLeft}function pe(e,t){var n=_(e),r=j(e),i=n.visualViewport,a=r.clientWidth,o=r.clientHeight,s=0,c=0;if(i){a=i.width,o=i.height;var l=T();(l||!l&&t===`fixed`)&&(s=i.offsetLeft,c=i.offsetTop)}return{width:a,height:o,x:s+fe(e),y:c}}function me(e){var t=j(e),n=z(e),r=e.ownerDocument?.body,i=X(t.scrollWidth,t.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=X(t.scrollHeight,t.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),o=-n.scrollLeft+fe(e),s=-n.scrollTop;return k(r||t).direction===`rtl`&&(o+=X(t.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:o,y:s}}function he(e){var t=k(e),n=t.overflow,r=t.overflowX,i=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+i+r)}function ge(e){return[`html`,`body`,`#document`].indexOf(g(e))>=0?e.ownerDocument.body:y(e)&&he(e)?e:ge(M(e))}function B(e,t){t===void 0&&(t=[]);var n=ge(e),r=n===e.ownerDocument?.body,i=_(n),a=r?[i].concat(i.visualViewport||[],he(n)?n:[]):n,o=t.concat(a);return r?o:o.concat(B(M(a)))}function _e(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function ve(e,t){var n=E(e,!1,t===`fixed`);return n.top+=e.clientTop,n.left+=e.clientLeft,n.bottom=n.top+e.clientHeight,n.right=n.left+e.clientWidth,n.width=e.clientWidth,n.height=e.clientHeight,n.x=n.left,n.y=n.top,n}function ye(e,t,n){return t===lt?_e(pe(e,n)):v(t)?ve(t,n):_e(me(j(e)))}function be(e){var t=B(M(e)),n=[`absolute`,`fixed`].indexOf(k(e).position)>=0&&y(e)?F(e):e;return v(n)?t.filter(function(e){return v(e)&&O(e,n)&&g(e)!==`body`}):[]}function V(e,t,n,r){var i=t===`clippingParents`?be(e):[].concat(t),a=[].concat(i,[n]),o=a[0],s=a.reduce(function(t,n){var i=ye(e,n,r);return t.top=X(i.top,t.top),t.right=gt(i.right,t.right),t.bottom=gt(i.bottom,t.bottom),t.left=X(i.left,t.left),t},ye(e,o,r));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function H(e){var t=e.reference,n=e.element,r=e.placement,i=r?C(r):null,a=r?L(r):null,o=t.x+t.width/2-n.width/2,s=t.y+t.height/2-n.height/2,c;switch(i){case G:c={x:o,y:t.y-n.height};break;case K:c={x:o,y:t.y+t.height};break;case q:c={x:t.x+t.width,y:s};break;case J:c={x:t.x-n.width,y:s};break;default:c={x:t.x,y:t.y}}var l=i?ee(i):null;if(l!=null){var u=l===`y`?`height`:`width`;switch(a){case Y:c[l]=c[l]-(t[u]/2-n[u]/2);break;case st:c[l]=c[l]+(t[u]/2-n[u]/2);break;default:}}return c}function xe(e,t){t===void 0&&(t={});var n=t,r=n.placement,i=r===void 0?e.placement:r,a=n.strategy,o=a===void 0?e.strategy:a,s=n.boundary,c=s===void 0?ct:s,l=n.rootBoundary,u=l===void 0?lt:l,d=n.elementContext,f=d===void 0?ut:d,p=n.altBoundary,m=p===void 0?!1:p,h=n.padding,g=h===void 0?0:h,_=re(typeof g==`number`?ie(g,ot):g),y=f===ut?dt:ut,b=e.rects.popper,x=e.elements[m?y:f],S=V(v(x)?x:x.contextElement||j(e.elements.popper),c,u,o),C=E(e.elements.reference),w=H({reference:C,element:b,strategy:`absolute`,placement:i}),T=_e(Object.assign({},b,w)),D=f===ut?T:C,O={top:S.top-D.top+_.top,bottom:D.bottom-S.bottom+_.bottom,left:S.left-D.left+_.left,right:D.right-S.right+_.right},k=e.modifiersData.offset;if(f===ut&&k){var A=k[i];Object.keys(O).forEach(function(e){var t=[q,K].indexOf(e)>=0?1:-1,n=[G,K].indexOf(e)>=0?`y`:`x`;O[e]+=A[n]*t})}return O}function Se(e,t){t===void 0&&(t={});var n=t,r=n.placement,i=n.boundary,a=n.rootBoundary,o=n.padding,s=n.flipVariations,c=n.allowedAutoPlacements,l=c===void 0?pt:c,u=L(r),d=u?s?ft:ft.filter(function(e){return L(e)===u}):ot,f=d.filter(function(e){return l.indexOf(e)>=0});f.length===0&&(f=d);var p=f.reduce(function(t,n){return t[n]=xe(e,{placement:n,boundary:i,rootBoundary:a,padding:o})[C(n)],t},{});return Object.keys(p).sort(function(e,t){return p[e]-p[t]})}function Ce(e){if(C(e)===at)return[];var t=R(e);return[de(e),t,de(t)]}function we(e){var t=e.state,n=e.options,r=e.name;if(!t.modifiersData[r]._skip){for(var i=n.mainAxis,a=i===void 0?!0:i,o=n.altAxis,s=o===void 0?!0:o,c=n.fallbackPlacements,l=n.padding,u=n.boundary,d=n.rootBoundary,f=n.altBoundary,p=n.flipVariations,m=p===void 0?!0:p,h=n.allowedAutoPlacements,g=t.options.placement,_=C(g)===g,v=c||(_||!m?[R(g)]:Ce(g)),y=[g].concat(v).reduce(function(e,n){return e.concat(C(n)===at?Se(t,{placement:n,boundary:u,rootBoundary:d,padding:l,flipVariations:m,allowedAutoPlacements:h}):n)},[]),b=t.rects.reference,x=t.rects.popper,S=new Map,w=!0,T=y[0],E=0;E<y.length;E++){var D=y[E],O=C(D),k=L(D)===Y,A=[G,K].indexOf(O)>=0,j=A?`width`:`height`,M=xe(t,{placement:D,boundary:u,rootBoundary:d,altBoundary:f,padding:l}),N=A?k?q:J:k?K:G;b[j]>x[j]&&(N=R(N));var P=R(N),F=[];if(a&&F.push(M[O]<=0),s&&F.push(M[N]<=0,M[P]<=0),F.every(function(e){return e})){T=D,w=!1;break}S.set(D,F)}if(w)for(var ee=m?3:1,I=function(e){var t=y.find(function(t){var n=S.get(t);if(n)return n.slice(0,e).every(function(e){return e})});if(t)return T=t,`break`},te=ee;te>0&&I(te)!==`break`;te--);t.placement!==T&&(t.modifiersData[r]._skip=!0,t.placement=T,t.reset=!0)}}function Te(e,t,n){return n===void 0&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function Ee(e){return[G,q,K,J].some(function(t){return e[t]>=0})}function De(e){var t=e.state,n=e.name,r=t.rects.reference,i=t.rects.popper,a=t.modifiersData.preventOverflow,o=xe(t,{elementContext:`reference`}),s=xe(t,{altBoundary:!0}),c=Te(o,r),l=Te(s,i,a),u=Ee(c),d=Ee(l);t.modifiersData[n]={referenceClippingOffsets:c,popperEscapeOffsets:l,isReferenceHidden:u,hasPopperEscaped:d},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":d})}function Oe(e,t,n){var r=C(e),i=[J,G].indexOf(r)>=0?-1:1,a=typeof n==`function`?n(Object.assign({},t,{placement:e})):n,o=a[0],s=a[1];return o||=0,s=(s||0)*i,[J,q].indexOf(r)>=0?{x:s,y:o}:{x:o,y:s}}function ke(e){var t=e.state,n=e.options,r=e.name,i=n.offset,a=i===void 0?[0,0]:i,o=pt.reduce(function(e,n){return e[n]=Oe(n,t.rects,a),e},{}),s=o[t.placement],c=s.x,l=s.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=c,t.modifiersData.popperOffsets.y+=l),t.modifiersData[r]=o}function Ae(e){var t=e.state,n=e.name;t.modifiersData[n]=H({reference:t.rects.reference,element:t.rects.popper,strategy:`absolute`,placement:t.placement})}function je(e){return e===`x`?`y`:`x`}function Me(e){var t=e.state,n=e.options,r=e.name,i=n.mainAxis,a=i===void 0?!0:i,o=n.altAxis,s=o===void 0?!1:o,c=n.boundary,l=n.rootBoundary,u=n.altBoundary,d=n.padding,f=n.tether,p=f===void 0?!0:f,m=n.tetherOffset,h=m===void 0?0:m,g=xe(t,{boundary:c,rootBoundary:l,padding:d,altBoundary:u}),_=C(t.placement),v=L(t.placement),y=!v,b=ee(_),x=je(b),S=t.modifiersData.popperOffsets,w=t.rects.reference,T=t.rects.popper,E=typeof h==`function`?h(Object.assign({},t.rects,{placement:t.placement})):h,O=typeof E==`number`?{mainAxis:E,altAxis:E}:Object.assign({mainAxis:0,altAxis:0},E),k=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,A={x:0,y:0};if(S){if(a){var j=b===`y`?G:J,M=b===`y`?K:q,N=b===`y`?`height`:`width`,P=S[b],re=P+g[j],ie=P-g[M],ae=p?-T[N]/2:0,oe=v===Y?w[N]:T[N],se=v===Y?-T[N]:-w[N],ce=t.elements.arrow,le=p&&ce?D(ce):{width:0,height:0},ue=t.modifiersData[`arrow#persistent`]?t.modifiersData[`arrow#persistent`].padding:ne(),R=ue[j],de=ue[M],z=I(0,w[N],le[N]),fe=y?w[N]/2-ae-z-R-O.mainAxis:oe-z-R-O.mainAxis,pe=y?-w[N]/2+ae+z+de+O.mainAxis:se+z+de+O.mainAxis,me=t.elements.arrow&&F(t.elements.arrow),he=me?b===`y`?me.clientTop||0:me.clientLeft||0:0,ge=k?.[b]??0,B=P+fe-ge-he,_e=P+pe-ge,ve=I(p?gt(re,B):re,P,p?X(ie,_e):ie);S[b]=ve,A[b]=ve-P}if(s){var ye=b===`x`?G:J,be=b===`x`?K:q,V=S[x],H=x===`y`?`height`:`width`,Se=V+g[ye],Ce=V-g[be],we=[G,J].indexOf(_)!==-1,Te=k?.[x]??0,Ee=we?Se:V-w[H]-T[H]-Te+O.altAxis,De=we?V+w[H]+T[H]-Te-O.altAxis:Ce,Oe=p&&we?te(Ee,V,De):I(p?Ee:Se,V,p?De:Ce);S[x]=Oe,A[x]=Oe-V}t.modifiersData[r]=A}}function Ne(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function Pe(e){return e===_(e)||!y(e)?z(e):Ne(e)}function Fe(e){var t=e.getBoundingClientRect(),n=Z(t.width)/e.offsetWidth||1,r=Z(t.height)/e.offsetHeight||1;return n!==1||r!==1}function Ie(e,t,n){n===void 0&&(n=!1);var r=y(t),i=y(t)&&Fe(t),a=j(t),o=E(e,i,n),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(r||!r&&!n)&&((g(t)!==`body`||he(a))&&(s=Pe(t)),y(t)?(c=E(t,!0),c.x+=t.clientLeft,c.y+=t.clientTop):a&&(c.x=fe(a))),{x:o.left+s.scrollLeft-c.x,y:o.top+s.scrollTop-c.y,width:o.width,height:o.height}}function Le(e){var t=new Map,n=new Set,r=[];e.forEach(function(e){t.set(e.name,e)});function i(e){n.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!n.has(e)){var r=t.get(e);r&&i(r)}}),r.push(e)}return e.forEach(function(e){n.has(e.name)||i(e)}),r}function Re(e){var t=Le(e);return mt.reduce(function(e,n){return e.concat(t.filter(function(e){return e.phase===n}))},[])}function ze(e){var t;return function(){return t||=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})}),t}}function Be(e){var t=e.reduce(function(e,t){var n=e[t.name];return e[t.name]=n?Object.assign({},n,t,{options:Object.assign({},n.options,t.options),data:Object.assign({},n.data,t.data)}):t,e},{});return Object.keys(t).map(function(e){return t[e]})}function Ve(){return![...arguments].some(function(e){return!(e&&typeof e.getBoundingClientRect==`function`)})}function He(e){e===void 0&&(e={});var t=e,n=t.defaultModifiers,r=n===void 0?[]:n,i=t.defaultOptions,a=i===void 0?At:i;return function(e,t,n){n===void 0&&(n=a);var i={placement:`bottom`,orderedModifiers:[],options:Object.assign({},At,a),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},o=[],s=!1,c={state:i,setOptions:function(n){var o=typeof n==`function`?n(i.options):n;u(),i.options=Object.assign({},a,i.options,o),i.scrollParents={reference:v(e)?B(e):e.contextElement?B(e.contextElement):[],popper:B(t)};var s=Re(Be([].concat(r,i.options.modifiers)));return i.orderedModifiers=s.filter(function(e){return e.enabled}),l(),c.update()},forceUpdate:function(){if(!s){var e=i.elements,t=e.reference,n=e.popper;if(Ve(t,n)){i.rects={reference:Ie(t,F(n),i.options.strategy===`fixed`),popper:D(n)},i.reset=!1,i.placement=i.options.placement,i.orderedModifiers.forEach(function(e){return i.modifiersData[e.name]=Object.assign({},e.data)});for(var r=0;r<i.orderedModifiers.length;r++){if(i.reset===!0){i.reset=!1,r=-1;continue}var a=i.orderedModifiers[r],o=a.fn,l=a.options,u=l===void 0?{}:l,d=a.name;typeof o==`function`&&(i=o({state:i,options:u,name:d,instance:c})||i)}}}},update:ze(function(){return new Promise(function(e){c.forceUpdate(),e(i)})}),destroy:function(){u(),s=!0}};if(!Ve(e,t))return c;c.setOptions(n).then(function(e){!s&&n.onFirstUpdate&&n.onFirstUpdate(e)});function l(){i.orderedModifiers.forEach(function(e){var t=e.name,n=e.options,r=n===void 0?{}:n,a=e.effect;if(typeof a==`function`){var s=a({state:i,name:t,instance:c,options:r});o.push(s||function(){})}})}function u(){o.forEach(function(e){return e()}),o=[]}return c}}function Ue(e){var t=W.useRef(e);return t.current=e,W.useCallback(function(){return t.current},[])}function We(e){var t=e.initial,n=e.value,r=e.onChange,i=r===void 0?Ft:r;if(t===void 0&&n===void 0)throw TypeError(`Either "value" or "initial" variable must be set. Now both are undefined`);var a=W.useState(t),o=a[0],s=a[1],c=Ue(o),l=W.useCallback(function(e){var t=c(),n=typeof e==`function`?e(t):e;typeof n.persist==`function`&&n.persist(),s(n),typeof i==`function`&&i(n)},[c,i]),u=n!==void 0;return[u?n:o,u?i:l]}function Ge(e,t){return e===void 0&&(e=0),t===void 0&&(t=0),function(){return{width:0,height:0,top:t,right:e,bottom:t,left:e,x:0,y:0,toJSON:function(){return null}}}}function Ke(e,t){var n,r,i;e===void 0&&(e={}),t===void 0&&(t={});var a=Object.keys(Rt).reduce(function(e,t){var n;return o({},e,(n={},n[t]=e[t]===void 0?Rt[t]:e[t],n))},e),s=W.useMemo(function(){return[{name:`offset`,options:{offset:a.offset}}]},Array.isArray(a.offset)?a.offset:[]),c=o({},t,{placement:t.placement||a.placement,modifiers:t.modifiers||s}),l=W.useState(null),u=l[0],d=l[1],f=W.useState(null),p=f[0],m=f[1],g=We({initial:a.defaultVisible,value:a.visible,onChange:a.onVisibleChange}),_=g[0],v=g[1],y=W.useRef();W.useEffect(function(){return function(){return clearTimeout(y.current)}},[]);var b=Pt(a.followCursor?Lt:u,p,c),x=b.styles,S=b.attributes,C=h(b,It),w=C.update,T=Ue({visible:_,triggerRef:u,tooltipRef:p,finalConfig:a}),E=W.useCallback(function(e){return Array.isArray(a.trigger)?a.trigger.includes(e):a.trigger===e},Array.isArray(a.trigger)?a.trigger:[a.trigger]),D=W.useCallback(function(){clearTimeout(y.current),y.current=window.setTimeout(function(){return v(!1)},a.delayHide)},[a.delayHide,v]),O=W.useCallback(function(){clearTimeout(y.current),y.current=window.setTimeout(function(){return v(!0)},a.delayShow)},[a.delayShow,v]),k=W.useCallback(function(){T().visible?D():O()},[T,D,O]);W.useEffect(function(){if(T().finalConfig.closeOnOutsideClick){var e=function(e){var t,n=T(),r=n.tooltipRef,i=n.triggerRef,a=(e.composedPath==null||(t=e.composedPath())==null?void 0:t[0])||e.target;a instanceof Node&&r!=null&&i!=null&&!r.contains(a)&&!i.contains(a)&&D()};return document.addEventListener(`mousedown`,e),function(){return document.removeEventListener(`mousedown`,e)}}},[T,D]),W.useEffect(function(){if(!(u==null||!E(`click`)))return u.addEventListener(`click`,k),function(){return u.removeEventListener(`click`,k)}},[u,E,k]),W.useEffect(function(){if(!(u==null||!E(`double-click`)))return u.addEventListener(`dblclick`,k),function(){return u.removeEventListener(`dblclick`,k)}},[u,E,k]),W.useEffect(function(){if(!(u==null||!E(`right-click`))){var e=function(e){e.preventDefault(),k()};return u.addEventListener(`contextmenu`,e),function(){return u.removeEventListener(`contextmenu`,e)}}},[u,E,k]),W.useEffect(function(){if(!(u==null||!E(`focus`)))return u.addEventListener(`focus`,O),u.addEventListener(`blur`,D),function(){u.removeEventListener(`focus`,O),u.removeEventListener(`blur`,D)}},[u,E,O,D]),W.useEffect(function(){if(!(u==null||!E(`hover`)))return u.addEventListener(`mouseenter`,O),u.addEventListener(`mouseleave`,D),function(){u.removeEventListener(`mouseenter`,O),u.removeEventListener(`mouseleave`,D)}},[u,E,O,D]),W.useEffect(function(){if(!(p==null||!E(`hover`)||!T().finalConfig.interactive))return p.addEventListener(`mouseenter`,O),p.addEventListener(`mouseleave`,D),function(){p.removeEventListener(`mouseenter`,O),p.removeEventListener(`mouseleave`,D)}},[p,E,O,D,T]);var A=C==null||(n=C.state)==null||(r=n.modifiersData)==null||(i=r.hide)==null?void 0:i.isReferenceHidden;return W.useEffect(function(){a.closeOnTriggerHidden&&A&&D()},[a.closeOnTriggerHidden,D,A]),W.useEffect(function(){if(!a.followCursor||u==null)return;function e(e){var t=e.clientX,n=e.clientY;Lt.getBoundingClientRect=Ge(t,n),w?.()}return u.addEventListener(`mousemove`,e),function(){return u.removeEventListener(`mousemove`,e)}},[a.followCursor,u,w]),W.useEffect(function(){if(!(p==null||w==null||a.mutationObserverOptions==null)){var e=new MutationObserver(w);return e.observe(p,a.mutationObserverOptions),function(){return e.disconnect()}}},[a.mutationObserverOptions,p,w]),o({getArrowProps:function(e){return e===void 0&&(e={}),o({},e,S.arrow,{style:o({},e.style,x.arrow),"data-popper-arrow":!0})},getTooltipProps:function(e){return e===void 0&&(e={}),o({},e,{style:o({},e.style,x.popper)},S.popper,{"data-popper-interactive":a.interactive})},setTooltipRef:m,setTriggerRef:d,tooltipRef:p,triggerRef:u,visible:_},C)}var U,qe,W,Je,Ye,Xe,Ze,Qe,$e,et,tt,nt,rt,it,G,K,q,J,at,ot,Y,st,ct,lt,ut,dt,ft,pt,mt,ht,X,gt,Z,_t,vt,yt,bt,xt,St,Ct,wt,Tt,Et,Dt,Ot,kt,At,jt,Mt,Nt,Pt,Ft,It,Lt,Rt,zt,Q,$,Bt,Vt,Ht,Ut,Wt,Gt,Kt,qt;t((()=>{m(),u(),f(),r(),U=e(n(),1),qe=e(p(),1),W=e(n(),1),n(),Je=e(n(),1),Ye=e(n(),1),Xe=e(n(),1),Ze=e(p(),1),n(),s(),Qe=a({"../../node_modules/react-fast-compare/index.js"(e,t){var n=typeof Element<`u`,r=typeof Map==`function`,i=typeof Set==`function`,a=typeof ArrayBuffer==`function`&&!!ArrayBuffer.isView;function o(e,t){if(e===t)return!0;if(e&&t&&typeof e==`object`&&typeof t==`object`){if(e.constructor!==t.constructor)return!1;var s,c,l;if(Array.isArray(e)){if(s=e.length,s!=t.length)return!1;for(c=s;c--!==0;)if(!o(e[c],t[c]))return!1;return!0}var u;if(r&&e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(u=e.entries();!(c=u.next()).done;)if(!t.has(c.value[0]))return!1;for(u=e.entries();!(c=u.next()).done;)if(!o(c.value[1],t.get(c.value[0])))return!1;return!0}if(i&&e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(u=e.entries();!(c=u.next()).done;)if(!t.has(c.value[0]))return!1;return!0}if(a&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(t)){if(s=e.length,s!=t.length)return!1;for(c=s;c--!==0;)if(e[c]!==t[c])return!1;return!0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf&&typeof e.valueOf==`function`&&typeof t.valueOf==`function`)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString&&typeof e.toString==`function`&&typeof t.toString==`function`)return e.toString()===t.toString();if(l=Object.keys(e),s=l.length,s!==Object.keys(t).length)return!1;for(c=s;c--!==0;)if(!Object.prototype.hasOwnProperty.call(t,l[c]))return!1;if(n&&e instanceof Element)return!1;for(c=s;c--!==0;)if(!((l[c]===`_owner`||l[c]===`__v`||l[c]===`__o`)&&e.$$typeof)&&!o(e[l[c]],t[l[c]]))return!1;return!0}return e!==e&&t!==t}t.exports=function(e,t){try{return o(e,t)}catch(e){if((e.message||``).match(/stack|recursion/i))return console.warn(`react-fast-compare cannot handle circular refs`),!1;throw e}}}}),$e=a({"../../node_modules/warning/warning.js"(e,t){t.exports=function(){}}}),et=i(d(),1),{deprecate:tt}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{global:nt}=__STORYBOOK_MODULE_GLOBAL__,Je.createContext(),Je.createContext(),rt=function(e){return e.reduce(function(e,t){var n=t[0];return e[n]=t[1],e},{})},it=typeof window<`u`&&window.document&&window.document.createElement?Ye.useLayoutEffect:Ye.useEffect,G=`top`,K=`bottom`,q=`right`,J=`left`,at=`auto`,ot=[G,K,q,J],Y=`start`,st=`end`,ct=`clippingParents`,lt=`viewport`,ut=`popper`,dt=`reference`,ft=ot.reduce(function(e,t){return e.concat([t+`-`+Y,t+`-`+st])},[]),pt=[].concat(ot,[at]).reduce(function(e,t){return e.concat([t,t+`-`+Y,t+`-`+st])},[]),mt=[`beforeRead`,`read`,`afterRead`,`beforeMain`,`main`,`afterMain`,`beforeWrite`,`write`,`afterWrite`],ht={name:`applyStyles`,enabled:!0,phase:`write`,fn:x,effect:S,requires:[`computeStyles`]},X=Math.max,gt=Math.min,Z=Math.round,_t=function(e,t){return e=typeof e==`function`?e(Object.assign({},t.rects,{placement:t.placement})):e,re(typeof e==`number`?ie(e,ot):e)},vt={name:`arrow`,enabled:!0,phase:`main`,fn:ae,effect:oe,requires:[`popperOffsets`],requiresIfExists:[`preventOverflow`]},yt={top:`auto`,right:`auto`,bottom:`auto`,left:`auto`},bt={name:`computeStyles`,enabled:!0,phase:`beforeWrite`,fn:le,data:{}},xt={passive:!0},St={name:`eventListeners`,enabled:!0,phase:`write`,fn:function(){},effect:ue,data:{}},Ct={left:`right`,right:`left`,bottom:`top`,top:`bottom`},wt={start:`end`,end:`start`},Tt={name:`flip`,enabled:!0,phase:`main`,fn:we,requiresIfExists:[`offset`],data:{_skip:!1}},Et={name:`hide`,enabled:!0,phase:`main`,requiresIfExists:[`preventOverflow`],fn:De},Dt={name:`offset`,enabled:!0,phase:`main`,requires:[`popperOffsets`],fn:ke},Ot={name:`popperOffsets`,enabled:!0,phase:`read`,fn:Ae,data:{}},kt={name:`preventOverflow`,enabled:!0,phase:`main`,fn:Me,requiresIfExists:[`offset`]},At={placement:`bottom`,modifiers:[],strategy:`absolute`},He(),He({defaultModifiers:[St,Ot,bt,ht]}),jt=He({defaultModifiers:[St,Ot,bt,ht,Dt,Tt,kt,vt,Et]}),Mt=i(Qe()),Nt=[],Pt=function(e,t,n){n===void 0&&(n={});var r=Xe.useRef(null),i={onFirstUpdate:n.onFirstUpdate,placement:n.placement||`bottom`,strategy:n.strategy||`absolute`,modifiers:n.modifiers||Nt},a=Xe.useState({styles:{popper:{position:i.strategy,left:`0`,top:`0`},arrow:{position:`absolute`}},attributes:{}}),o=a[0],s=a[1],c=Xe.useMemo(function(){return{name:`updateState`,enabled:!0,phase:`write`,fn:function(e){var t=e.state,n=Object.keys(t.elements);Ze.flushSync(function(){s({styles:rt(n.map(function(e){return[e,t.styles[e]||{}]})),attributes:rt(n.map(function(e){return[e,t.attributes[e]]}))})})},requires:[`computeStyles`]}},[]),l=Xe.useMemo(function(){var e={onFirstUpdate:i.onFirstUpdate,placement:i.placement,strategy:i.strategy,modifiers:[].concat(i.modifiers,[c,{name:`applyStyles`,enabled:!1}])};return(0,Mt.default)(r.current,e)?r.current||e:(r.current=e,e)},[i.onFirstUpdate,i.placement,i.strategy,i.modifiers,c]),u=Xe.useRef();return it(function(){u.current&&u.current.setOptions(l)},[l]),it(function(){if(!(e==null||t==null)){var r=(n.createPopper||jt)(e,t,l);return u.current=r,function(){r.destroy(),u.current=null}}},[e,t,n.createPopper]),{state:u.current?u.current.state:null,styles:o.styles,attributes:o.attributes,update:u.current?u.current.update:null,forceUpdate:u.current?u.current.forceUpdate:null}},i($e()),Ft=function(){},It=[`styles`,`attributes`],Lt={getBoundingClientRect:Ge()},Rt={closeOnOutsideClick:!0,closeOnTriggerHidden:!1,defaultVisible:!1,delayHide:0,delayShow:0,followCursor:!1,interactive:!1,mutationObserverOptions:{attributes:!0,childList:!0,subtree:!0},offset:[0,6],trigger:`hover`},{document:zt}=nt,Q=(0,et.default)(1e3)((e,t,n,r=0)=>t.split(`-`)[0]===e?n:r),$=8,Bt=l.div({position:`absolute`,borderStyle:`solid`},({placement:e})=>{let t=0,n=0;switch(!0){case e.startsWith(`left`)||e.startsWith(`right`):n=8;break;case e.startsWith(`top`)||e.startsWith(`bottom`):t=8;break;default:}return{transform:`translate3d(${t}px, ${n}px, 0px)`}},({theme:e,color:t,placement:n})=>({bottom:`${Q(`top`,n,`${$*-1}px`,`auto`)}`,top:`${Q(`bottom`,n,`${$*-1}px`,`auto`)}`,right:`${Q(`left`,n,`${$*-1}px`,`auto`)}`,left:`${Q(`right`,n,`${$*-1}px`,`auto`)}`,borderBottomWidth:`${Q(`top`,n,`0`,$)}px`,borderTopWidth:`${Q(`bottom`,n,`0`,$)}px`,borderRightWidth:`${Q(`left`,n,`0`,$)}px`,borderLeftWidth:`${Q(`right`,n,`0`,$)}px`,borderTopColor:Q(`top`,n,e.color[t]||t||e.base===`light`?c(e.background.app):e.background.app,`transparent`),borderBottomColor:Q(`bottom`,n,e.color[t]||t||e.base===`light`?c(e.background.app):e.background.app,`transparent`),borderLeftColor:Q(`left`,n,e.color[t]||t||e.base===`light`?c(e.background.app):e.background.app,`transparent`),borderRightColor:Q(`right`,n,e.color[t]||t||e.base===`light`?c(e.background.app):e.background.app,`transparent`)})),Vt=l.div(({hidden:e})=>({display:e?`none`:`inline-block`,zIndex:2147483647,colorScheme:`light dark`}),({theme:e,color:t,hasChrome:n})=>n?{background:t&&e.color[t]||t||e.base===`light`?c(e.background.app):e.background.app,filter:`
|
|
1
|
+
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n,m as r,p as i,u as a}from"./iframe-BxBCFrOJ.js";import{C as o,a as s,h as c,l,w as u}from"./theming-CG2b7751.js";import{i as d,r as f}from"./chunk-3LY4VQVK-CNZt5fIP.js";import{t as p}from"./react-dom-BKRiX1TT.js";import{n as m,t as h}from"./chunk-242VQQM5-Dtm7LRbQ.js";function g(e){return e?(e.nodeName||``).toLowerCase():null}function _(e){if(e==null)return window;if(e.toString()!==`[object Window]`){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function v(e){return e instanceof _(e).Element||e instanceof Element}function y(e){return e instanceof _(e).HTMLElement||e instanceof HTMLElement}function b(e){return typeof ShadowRoot>`u`?!1:e instanceof _(e).ShadowRoot||e instanceof ShadowRoot}function x(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var n=t.styles[e]||{},r=t.attributes[e]||{},i=t.elements[e];!y(i)||!g(i)||(Object.assign(i.style,n),Object.keys(r).forEach(function(e){var t=r[e];t===!1?i.removeAttribute(e):i.setAttribute(e,t===!0?``:t)}))})}function S(e){var t=e.state,n={popper:{position:t.options.strategy,left:`0`,top:`0`,margin:`0`},arrow:{position:`absolute`},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.styles=n,t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach(function(e){var r=t.elements[e],i=t.attributes[e]||{},a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:n[e]).reduce(function(e,t){return e[t]=``,e},{});!y(r)||!g(r)||(Object.assign(r.style,a),Object.keys(i).forEach(function(e){r.removeAttribute(e)}))})}}function C(e){return e.split(`-`)[0]}function w(){var e=navigator.userAgentData;return e!=null&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+`/`+e.version}).join(` `):navigator.userAgent}function T(){return!/^((?!chrome|android).)*safari/i.test(w())}function E(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!1);var r=e.getBoundingClientRect(),i=1,a=1;t&&y(e)&&(i=e.offsetWidth>0&&Z(r.width)/e.offsetWidth||1,a=e.offsetHeight>0&&Z(r.height)/e.offsetHeight||1);var o=(v(e)?_(e):window).visualViewport,s=!T()&&n,c=(r.left+(s&&o?o.offsetLeft:0))/i,l=(r.top+(s&&o?o.offsetTop:0))/a,u=r.width/i,d=r.height/a;return{width:u,height:d,top:l,right:c+u,bottom:l+d,left:c,x:c,y:l}}function D(e){var t=E(e),n=e.offsetWidth,r=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-r)<=1&&(r=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:r}}function O(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&b(n)){var r=t;do{if(r&&e.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function k(e){return _(e).getComputedStyle(e)}function A(e){return[`table`,`td`,`th`].indexOf(g(e))>=0}function j(e){return((v(e)?e.ownerDocument:e.document)||window.document).documentElement}function M(e){return g(e)===`html`?e:e.assignedSlot||e.parentNode||(b(e)?e.host:null)||j(e)}function N(e){return!y(e)||k(e).position===`fixed`?null:e.offsetParent}function P(e){var t=/firefox/i.test(w());if(/Trident/i.test(w())&&y(e)&&k(e).position===`fixed`)return null;var n=M(e);for(b(n)&&(n=n.host);y(n)&&[`html`,`body`].indexOf(g(n))<0;){var r=k(n);if(r.transform!==`none`||r.perspective!==`none`||r.contain===`paint`||[`transform`,`perspective`].indexOf(r.willChange)!==-1||t&&r.willChange===`filter`||t&&r.filter&&r.filter!==`none`)return n;n=n.parentNode}return null}function F(e){for(var t=_(e),n=N(e);n&&A(n)&&k(n).position===`static`;)n=N(n);return n&&(g(n)===`html`||g(n)===`body`&&k(n).position===`static`)?t:n||P(e)||t}function ee(e){return[`top`,`bottom`].indexOf(e)>=0?`x`:`y`}function I(e,t,n){return X(e,gt(t,n))}function te(e,t,n){var r=I(e,t,n);return r>n?n:r}function ne(){return{top:0,right:0,bottom:0,left:0}}function re(e){return Object.assign({},ne(),e)}function ie(e,t){return t.reduce(function(t,n){return t[n]=e,t},{})}function ae(e){var t,n=e.state,r=e.name,i=e.options,a=n.elements.arrow,o=n.modifiersData.popperOffsets,s=C(n.placement),c=ee(s),l=[J,q].indexOf(s)>=0?`height`:`width`;if(!(!a||!o)){var u=_t(i.padding,n),d=D(a),f=c===`y`?G:J,p=c===`y`?K:q,m=n.rects.reference[l]+n.rects.reference[c]-o[c]-n.rects.popper[l],h=o[c]-n.rects.reference[c],g=F(a),_=g?c===`y`?g.clientHeight||0:g.clientWidth||0:0,v=m/2-h/2,y=u[f],b=_-d[l]-u[p],x=_/2-d[l]/2+v,S=I(y,x,b),w=c;n.modifiersData[r]=(t={},t[w]=S,t.centerOffset=S-x,t)}}function oe(e){var t=e.state,n=e.options.element,r=n===void 0?`[data-popper-arrow]`:n;r!=null&&(typeof r==`string`&&(r=t.elements.popper.querySelector(r),!r)||O(t.elements.popper,r)&&(t.elements.arrow=r))}function L(e){return e.split(`-`)[1]}function se(e,t){var n=e.x,r=e.y,i=t.devicePixelRatio||1;return{x:Z(n*i)/i||0,y:Z(r*i)/i||0}}function ce(e){var t,n=e.popper,r=e.popperRect,i=e.placement,a=e.variation,o=e.offsets,s=e.position,c=e.gpuAcceleration,l=e.adaptive,u=e.roundOffsets,d=e.isFixed,f=o.x,p=f===void 0?0:f,m=o.y,h=m===void 0?0:m,g=typeof u==`function`?u({x:p,y:h}):{x:p,y:h};p=g.x,h=g.y;var v=o.hasOwnProperty(`x`),y=o.hasOwnProperty(`y`),b=J,x=G,S=window;if(l){var C=F(n),w=`clientHeight`,T=`clientWidth`;if(C===_(n)&&(C=j(n),k(C).position!==`static`&&s===`absolute`&&(w=`scrollHeight`,T=`scrollWidth`)),C=C,i===G||(i===J||i===q)&&a===st){x=K;var E=d&&C===S&&S.visualViewport?S.visualViewport.height:C[w];h-=E-r.height,h*=c?1:-1}if(i===J||(i===G||i===K)&&a===st){b=q;var D=d&&C===S&&S.visualViewport?S.visualViewport.width:C[T];p-=D-r.width,p*=c?1:-1}}var O=Object.assign({position:s},l&&yt),A=u===!0?se({x:p,y:h},_(n)):{x:p,y:h};if(p=A.x,h=A.y,c){var M;return Object.assign({},O,(M={},M[x]=y?`0`:``,M[b]=v?`0`:``,M.transform=(S.devicePixelRatio||1)<=1?`translate(`+p+`px, `+h+`px)`:`translate3d(`+p+`px, `+h+`px, 0)`,M))}return Object.assign({},O,(t={},t[x]=y?h+`px`:``,t[b]=v?p+`px`:``,t.transform=``,t))}function le(e){var t=e.state,n=e.options,r=n.gpuAcceleration,i=r===void 0?!0:r,a=n.adaptive,o=a===void 0?!0:a,s=n.roundOffsets,c=s===void 0?!0:s,l={placement:C(t.placement),variation:L(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:i,isFixed:t.options.strategy===`fixed`};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,ce(Object.assign({},l,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:o,roundOffsets:c})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,ce(Object.assign({},l,{offsets:t.modifiersData.arrow,position:`absolute`,adaptive:!1,roundOffsets:c})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}function ue(e){var t=e.state,n=e.instance,r=e.options,i=r.scroll,a=i===void 0?!0:i,o=r.resize,s=o===void 0?!0:o,c=_(t.elements.popper),l=[].concat(t.scrollParents.reference,t.scrollParents.popper);return a&&l.forEach(function(e){e.addEventListener(`scroll`,n.update,xt)}),s&&c.addEventListener(`resize`,n.update,xt),function(){a&&l.forEach(function(e){e.removeEventListener(`scroll`,n.update,xt)}),s&&c.removeEventListener(`resize`,n.update,xt)}}function R(e){return e.replace(/left|right|bottom|top/g,function(e){return Ct[e]})}function de(e){return e.replace(/start|end/g,function(e){return wt[e]})}function z(e){var t=_(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function fe(e){return E(j(e)).left+z(e).scrollLeft}function pe(e,t){var n=_(e),r=j(e),i=n.visualViewport,a=r.clientWidth,o=r.clientHeight,s=0,c=0;if(i){a=i.width,o=i.height;var l=T();(l||!l&&t===`fixed`)&&(s=i.offsetLeft,c=i.offsetTop)}return{width:a,height:o,x:s+fe(e),y:c}}function me(e){var t=j(e),n=z(e),r=e.ownerDocument?.body,i=X(t.scrollWidth,t.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=X(t.scrollHeight,t.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),o=-n.scrollLeft+fe(e),s=-n.scrollTop;return k(r||t).direction===`rtl`&&(o+=X(t.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:o,y:s}}function he(e){var t=k(e),n=t.overflow,r=t.overflowX,i=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+i+r)}function ge(e){return[`html`,`body`,`#document`].indexOf(g(e))>=0?e.ownerDocument.body:y(e)&&he(e)?e:ge(M(e))}function B(e,t){t===void 0&&(t=[]);var n=ge(e),r=n===e.ownerDocument?.body,i=_(n),a=r?[i].concat(i.visualViewport||[],he(n)?n:[]):n,o=t.concat(a);return r?o:o.concat(B(M(a)))}function _e(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function ve(e,t){var n=E(e,!1,t===`fixed`);return n.top+=e.clientTop,n.left+=e.clientLeft,n.bottom=n.top+e.clientHeight,n.right=n.left+e.clientWidth,n.width=e.clientWidth,n.height=e.clientHeight,n.x=n.left,n.y=n.top,n}function ye(e,t,n){return t===lt?_e(pe(e,n)):v(t)?ve(t,n):_e(me(j(e)))}function be(e){var t=B(M(e)),n=[`absolute`,`fixed`].indexOf(k(e).position)>=0&&y(e)?F(e):e;return v(n)?t.filter(function(e){return v(e)&&O(e,n)&&g(e)!==`body`}):[]}function V(e,t,n,r){var i=t===`clippingParents`?be(e):[].concat(t),a=[].concat(i,[n]),o=a[0],s=a.reduce(function(t,n){var i=ye(e,n,r);return t.top=X(i.top,t.top),t.right=gt(i.right,t.right),t.bottom=gt(i.bottom,t.bottom),t.left=X(i.left,t.left),t},ye(e,o,r));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function H(e){var t=e.reference,n=e.element,r=e.placement,i=r?C(r):null,a=r?L(r):null,o=t.x+t.width/2-n.width/2,s=t.y+t.height/2-n.height/2,c;switch(i){case G:c={x:o,y:t.y-n.height};break;case K:c={x:o,y:t.y+t.height};break;case q:c={x:t.x+t.width,y:s};break;case J:c={x:t.x-n.width,y:s};break;default:c={x:t.x,y:t.y}}var l=i?ee(i):null;if(l!=null){var u=l===`y`?`height`:`width`;switch(a){case Y:c[l]=c[l]-(t[u]/2-n[u]/2);break;case st:c[l]=c[l]+(t[u]/2-n[u]/2);break;default:}}return c}function xe(e,t){t===void 0&&(t={});var n=t,r=n.placement,i=r===void 0?e.placement:r,a=n.strategy,o=a===void 0?e.strategy:a,s=n.boundary,c=s===void 0?ct:s,l=n.rootBoundary,u=l===void 0?lt:l,d=n.elementContext,f=d===void 0?ut:d,p=n.altBoundary,m=p===void 0?!1:p,h=n.padding,g=h===void 0?0:h,_=re(typeof g==`number`?ie(g,ot):g),y=f===ut?dt:ut,b=e.rects.popper,x=e.elements[m?y:f],S=V(v(x)?x:x.contextElement||j(e.elements.popper),c,u,o),C=E(e.elements.reference),w=H({reference:C,element:b,strategy:`absolute`,placement:i}),T=_e(Object.assign({},b,w)),D=f===ut?T:C,O={top:S.top-D.top+_.top,bottom:D.bottom-S.bottom+_.bottom,left:S.left-D.left+_.left,right:D.right-S.right+_.right},k=e.modifiersData.offset;if(f===ut&&k){var A=k[i];Object.keys(O).forEach(function(e){var t=[q,K].indexOf(e)>=0?1:-1,n=[G,K].indexOf(e)>=0?`y`:`x`;O[e]+=A[n]*t})}return O}function Se(e,t){t===void 0&&(t={});var n=t,r=n.placement,i=n.boundary,a=n.rootBoundary,o=n.padding,s=n.flipVariations,c=n.allowedAutoPlacements,l=c===void 0?pt:c,u=L(r),d=u?s?ft:ft.filter(function(e){return L(e)===u}):ot,f=d.filter(function(e){return l.indexOf(e)>=0});f.length===0&&(f=d);var p=f.reduce(function(t,n){return t[n]=xe(e,{placement:n,boundary:i,rootBoundary:a,padding:o})[C(n)],t},{});return Object.keys(p).sort(function(e,t){return p[e]-p[t]})}function Ce(e){if(C(e)===at)return[];var t=R(e);return[de(e),t,de(t)]}function we(e){var t=e.state,n=e.options,r=e.name;if(!t.modifiersData[r]._skip){for(var i=n.mainAxis,a=i===void 0?!0:i,o=n.altAxis,s=o===void 0?!0:o,c=n.fallbackPlacements,l=n.padding,u=n.boundary,d=n.rootBoundary,f=n.altBoundary,p=n.flipVariations,m=p===void 0?!0:p,h=n.allowedAutoPlacements,g=t.options.placement,_=C(g)===g,v=c||(_||!m?[R(g)]:Ce(g)),y=[g].concat(v).reduce(function(e,n){return e.concat(C(n)===at?Se(t,{placement:n,boundary:u,rootBoundary:d,padding:l,flipVariations:m,allowedAutoPlacements:h}):n)},[]),b=t.rects.reference,x=t.rects.popper,S=new Map,w=!0,T=y[0],E=0;E<y.length;E++){var D=y[E],O=C(D),k=L(D)===Y,A=[G,K].indexOf(O)>=0,j=A?`width`:`height`,M=xe(t,{placement:D,boundary:u,rootBoundary:d,altBoundary:f,padding:l}),N=A?k?q:J:k?K:G;b[j]>x[j]&&(N=R(N));var P=R(N),F=[];if(a&&F.push(M[O]<=0),s&&F.push(M[N]<=0,M[P]<=0),F.every(function(e){return e})){T=D,w=!1;break}S.set(D,F)}if(w)for(var ee=m?3:1,I=function(e){var t=y.find(function(t){var n=S.get(t);if(n)return n.slice(0,e).every(function(e){return e})});if(t)return T=t,`break`},te=ee;te>0&&I(te)!==`break`;te--);t.placement!==T&&(t.modifiersData[r]._skip=!0,t.placement=T,t.reset=!0)}}function Te(e,t,n){return n===void 0&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function Ee(e){return[G,q,K,J].some(function(t){return e[t]>=0})}function De(e){var t=e.state,n=e.name,r=t.rects.reference,i=t.rects.popper,a=t.modifiersData.preventOverflow,o=xe(t,{elementContext:`reference`}),s=xe(t,{altBoundary:!0}),c=Te(o,r),l=Te(s,i,a),u=Ee(c),d=Ee(l);t.modifiersData[n]={referenceClippingOffsets:c,popperEscapeOffsets:l,isReferenceHidden:u,hasPopperEscaped:d},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":d})}function Oe(e,t,n){var r=C(e),i=[J,G].indexOf(r)>=0?-1:1,a=typeof n==`function`?n(Object.assign({},t,{placement:e})):n,o=a[0],s=a[1];return o||=0,s=(s||0)*i,[J,q].indexOf(r)>=0?{x:s,y:o}:{x:o,y:s}}function ke(e){var t=e.state,n=e.options,r=e.name,i=n.offset,a=i===void 0?[0,0]:i,o=pt.reduce(function(e,n){return e[n]=Oe(n,t.rects,a),e},{}),s=o[t.placement],c=s.x,l=s.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=c,t.modifiersData.popperOffsets.y+=l),t.modifiersData[r]=o}function Ae(e){var t=e.state,n=e.name;t.modifiersData[n]=H({reference:t.rects.reference,element:t.rects.popper,strategy:`absolute`,placement:t.placement})}function je(e){return e===`x`?`y`:`x`}function Me(e){var t=e.state,n=e.options,r=e.name,i=n.mainAxis,a=i===void 0?!0:i,o=n.altAxis,s=o===void 0?!1:o,c=n.boundary,l=n.rootBoundary,u=n.altBoundary,d=n.padding,f=n.tether,p=f===void 0?!0:f,m=n.tetherOffset,h=m===void 0?0:m,g=xe(t,{boundary:c,rootBoundary:l,padding:d,altBoundary:u}),_=C(t.placement),v=L(t.placement),y=!v,b=ee(_),x=je(b),S=t.modifiersData.popperOffsets,w=t.rects.reference,T=t.rects.popper,E=typeof h==`function`?h(Object.assign({},t.rects,{placement:t.placement})):h,O=typeof E==`number`?{mainAxis:E,altAxis:E}:Object.assign({mainAxis:0,altAxis:0},E),k=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,A={x:0,y:0};if(S){if(a){var j=b===`y`?G:J,M=b===`y`?K:q,N=b===`y`?`height`:`width`,P=S[b],re=P+g[j],ie=P-g[M],ae=p?-T[N]/2:0,oe=v===Y?w[N]:T[N],se=v===Y?-T[N]:-w[N],ce=t.elements.arrow,le=p&&ce?D(ce):{width:0,height:0},ue=t.modifiersData[`arrow#persistent`]?t.modifiersData[`arrow#persistent`].padding:ne(),R=ue[j],de=ue[M],z=I(0,w[N],le[N]),fe=y?w[N]/2-ae-z-R-O.mainAxis:oe-z-R-O.mainAxis,pe=y?-w[N]/2+ae+z+de+O.mainAxis:se+z+de+O.mainAxis,me=t.elements.arrow&&F(t.elements.arrow),he=me?b===`y`?me.clientTop||0:me.clientLeft||0:0,ge=k?.[b]??0,B=P+fe-ge-he,_e=P+pe-ge,ve=I(p?gt(re,B):re,P,p?X(ie,_e):ie);S[b]=ve,A[b]=ve-P}if(s){var ye=b===`x`?G:J,be=b===`x`?K:q,V=S[x],H=x===`y`?`height`:`width`,Se=V+g[ye],Ce=V-g[be],we=[G,J].indexOf(_)!==-1,Te=k?.[x]??0,Ee=we?Se:V-w[H]-T[H]-Te+O.altAxis,De=we?V+w[H]+T[H]-Te-O.altAxis:Ce,Oe=p&&we?te(Ee,V,De):I(p?Ee:Se,V,p?De:Ce);S[x]=Oe,A[x]=Oe-V}t.modifiersData[r]=A}}function Ne(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function Pe(e){return e===_(e)||!y(e)?z(e):Ne(e)}function Fe(e){var t=e.getBoundingClientRect(),n=Z(t.width)/e.offsetWidth||1,r=Z(t.height)/e.offsetHeight||1;return n!==1||r!==1}function Ie(e,t,n){n===void 0&&(n=!1);var r=y(t),i=y(t)&&Fe(t),a=j(t),o=E(e,i,n),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(r||!r&&!n)&&((g(t)!==`body`||he(a))&&(s=Pe(t)),y(t)?(c=E(t,!0),c.x+=t.clientLeft,c.y+=t.clientTop):a&&(c.x=fe(a))),{x:o.left+s.scrollLeft-c.x,y:o.top+s.scrollTop-c.y,width:o.width,height:o.height}}function Le(e){var t=new Map,n=new Set,r=[];e.forEach(function(e){t.set(e.name,e)});function i(e){n.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!n.has(e)){var r=t.get(e);r&&i(r)}}),r.push(e)}return e.forEach(function(e){n.has(e.name)||i(e)}),r}function Re(e){var t=Le(e);return mt.reduce(function(e,n){return e.concat(t.filter(function(e){return e.phase===n}))},[])}function ze(e){var t;return function(){return t||=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})}),t}}function Be(e){var t=e.reduce(function(e,t){var n=e[t.name];return e[t.name]=n?Object.assign({},n,t,{options:Object.assign({},n.options,t.options),data:Object.assign({},n.data,t.data)}):t,e},{});return Object.keys(t).map(function(e){return t[e]})}function Ve(){return![...arguments].some(function(e){return!(e&&typeof e.getBoundingClientRect==`function`)})}function He(e){e===void 0&&(e={});var t=e,n=t.defaultModifiers,r=n===void 0?[]:n,i=t.defaultOptions,a=i===void 0?At:i;return function(e,t,n){n===void 0&&(n=a);var i={placement:`bottom`,orderedModifiers:[],options:Object.assign({},At,a),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},o=[],s=!1,c={state:i,setOptions:function(n){var o=typeof n==`function`?n(i.options):n;u(),i.options=Object.assign({},a,i.options,o),i.scrollParents={reference:v(e)?B(e):e.contextElement?B(e.contextElement):[],popper:B(t)};var s=Re(Be([].concat(r,i.options.modifiers)));return i.orderedModifiers=s.filter(function(e){return e.enabled}),l(),c.update()},forceUpdate:function(){if(!s){var e=i.elements,t=e.reference,n=e.popper;if(Ve(t,n)){i.rects={reference:Ie(t,F(n),i.options.strategy===`fixed`),popper:D(n)},i.reset=!1,i.placement=i.options.placement,i.orderedModifiers.forEach(function(e){return i.modifiersData[e.name]=Object.assign({},e.data)});for(var r=0;r<i.orderedModifiers.length;r++){if(i.reset===!0){i.reset=!1,r=-1;continue}var a=i.orderedModifiers[r],o=a.fn,l=a.options,u=l===void 0?{}:l,d=a.name;typeof o==`function`&&(i=o({state:i,options:u,name:d,instance:c})||i)}}}},update:ze(function(){return new Promise(function(e){c.forceUpdate(),e(i)})}),destroy:function(){u(),s=!0}};if(!Ve(e,t))return c;c.setOptions(n).then(function(e){!s&&n.onFirstUpdate&&n.onFirstUpdate(e)});function l(){i.orderedModifiers.forEach(function(e){var t=e.name,n=e.options,r=n===void 0?{}:n,a=e.effect;if(typeof a==`function`){var s=a({state:i,name:t,instance:c,options:r});o.push(s||function(){})}})}function u(){o.forEach(function(e){return e()}),o=[]}return c}}function Ue(e){var t=W.useRef(e);return t.current=e,W.useCallback(function(){return t.current},[])}function We(e){var t=e.initial,n=e.value,r=e.onChange,i=r===void 0?Ft:r;if(t===void 0&&n===void 0)throw TypeError(`Either "value" or "initial" variable must be set. Now both are undefined`);var a=W.useState(t),o=a[0],s=a[1],c=Ue(o),l=W.useCallback(function(e){var t=c(),n=typeof e==`function`?e(t):e;typeof n.persist==`function`&&n.persist(),s(n),typeof i==`function`&&i(n)},[c,i]),u=n!==void 0;return[u?n:o,u?i:l]}function Ge(e,t){return e===void 0&&(e=0),t===void 0&&(t=0),function(){return{width:0,height:0,top:t,right:e,bottom:t,left:e,x:0,y:0,toJSON:function(){return null}}}}function Ke(e,t){var n,r,i;e===void 0&&(e={}),t===void 0&&(t={});var a=Object.keys(Rt).reduce(function(e,t){var n;return o({},e,(n={},n[t]=e[t]===void 0?Rt[t]:e[t],n))},e),s=W.useMemo(function(){return[{name:`offset`,options:{offset:a.offset}}]},Array.isArray(a.offset)?a.offset:[]),c=o({},t,{placement:t.placement||a.placement,modifiers:t.modifiers||s}),l=W.useState(null),u=l[0],d=l[1],f=W.useState(null),p=f[0],m=f[1],g=We({initial:a.defaultVisible,value:a.visible,onChange:a.onVisibleChange}),_=g[0],v=g[1],y=W.useRef();W.useEffect(function(){return function(){return clearTimeout(y.current)}},[]);var b=Pt(a.followCursor?Lt:u,p,c),x=b.styles,S=b.attributes,C=h(b,It),w=C.update,T=Ue({visible:_,triggerRef:u,tooltipRef:p,finalConfig:a}),E=W.useCallback(function(e){return Array.isArray(a.trigger)?a.trigger.includes(e):a.trigger===e},Array.isArray(a.trigger)?a.trigger:[a.trigger]),D=W.useCallback(function(){clearTimeout(y.current),y.current=window.setTimeout(function(){return v(!1)},a.delayHide)},[a.delayHide,v]),O=W.useCallback(function(){clearTimeout(y.current),y.current=window.setTimeout(function(){return v(!0)},a.delayShow)},[a.delayShow,v]),k=W.useCallback(function(){T().visible?D():O()},[T,D,O]);W.useEffect(function(){if(T().finalConfig.closeOnOutsideClick){var e=function(e){var t,n=T(),r=n.tooltipRef,i=n.triggerRef,a=(e.composedPath==null||(t=e.composedPath())==null?void 0:t[0])||e.target;a instanceof Node&&r!=null&&i!=null&&!r.contains(a)&&!i.contains(a)&&D()};return document.addEventListener(`mousedown`,e),function(){return document.removeEventListener(`mousedown`,e)}}},[T,D]),W.useEffect(function(){if(!(u==null||!E(`click`)))return u.addEventListener(`click`,k),function(){return u.removeEventListener(`click`,k)}},[u,E,k]),W.useEffect(function(){if(!(u==null||!E(`double-click`)))return u.addEventListener(`dblclick`,k),function(){return u.removeEventListener(`dblclick`,k)}},[u,E,k]),W.useEffect(function(){if(!(u==null||!E(`right-click`))){var e=function(e){e.preventDefault(),k()};return u.addEventListener(`contextmenu`,e),function(){return u.removeEventListener(`contextmenu`,e)}}},[u,E,k]),W.useEffect(function(){if(!(u==null||!E(`focus`)))return u.addEventListener(`focus`,O),u.addEventListener(`blur`,D),function(){u.removeEventListener(`focus`,O),u.removeEventListener(`blur`,D)}},[u,E,O,D]),W.useEffect(function(){if(!(u==null||!E(`hover`)))return u.addEventListener(`mouseenter`,O),u.addEventListener(`mouseleave`,D),function(){u.removeEventListener(`mouseenter`,O),u.removeEventListener(`mouseleave`,D)}},[u,E,O,D]),W.useEffect(function(){if(!(p==null||!E(`hover`)||!T().finalConfig.interactive))return p.addEventListener(`mouseenter`,O),p.addEventListener(`mouseleave`,D),function(){p.removeEventListener(`mouseenter`,O),p.removeEventListener(`mouseleave`,D)}},[p,E,O,D,T]);var A=C==null||(n=C.state)==null||(r=n.modifiersData)==null||(i=r.hide)==null?void 0:i.isReferenceHidden;return W.useEffect(function(){a.closeOnTriggerHidden&&A&&D()},[a.closeOnTriggerHidden,D,A]),W.useEffect(function(){if(!a.followCursor||u==null)return;function e(e){var t=e.clientX,n=e.clientY;Lt.getBoundingClientRect=Ge(t,n),w?.()}return u.addEventListener(`mousemove`,e),function(){return u.removeEventListener(`mousemove`,e)}},[a.followCursor,u,w]),W.useEffect(function(){if(!(p==null||w==null||a.mutationObserverOptions==null)){var e=new MutationObserver(w);return e.observe(p,a.mutationObserverOptions),function(){return e.disconnect()}}},[a.mutationObserverOptions,p,w]),o({getArrowProps:function(e){return e===void 0&&(e={}),o({},e,S.arrow,{style:o({},e.style,x.arrow),"data-popper-arrow":!0})},getTooltipProps:function(e){return e===void 0&&(e={}),o({},e,{style:o({},e.style,x.popper)},S.popper,{"data-popper-interactive":a.interactive})},setTooltipRef:m,setTriggerRef:d,tooltipRef:p,triggerRef:u,visible:_},C)}var U,qe,W,Je,Ye,Xe,Ze,Qe,$e,et,tt,nt,rt,it,G,K,q,J,at,ot,Y,st,ct,lt,ut,dt,ft,pt,mt,ht,X,gt,Z,_t,vt,yt,bt,xt,St,Ct,wt,Tt,Et,Dt,Ot,kt,At,jt,Mt,Nt,Pt,Ft,It,Lt,Rt,zt,Q,$,Bt,Vt,Ht,Ut,Wt,Gt,Kt,qt;t((()=>{m(),u(),f(),r(),U=e(n(),1),qe=e(p(),1),W=e(n(),1),n(),Je=e(n(),1),Ye=e(n(),1),Xe=e(n(),1),Ze=e(p(),1),n(),s(),Qe=a({"../../node_modules/react-fast-compare/index.js"(e,t){var n=typeof Element<`u`,r=typeof Map==`function`,i=typeof Set==`function`,a=typeof ArrayBuffer==`function`&&!!ArrayBuffer.isView;function o(e,t){if(e===t)return!0;if(e&&t&&typeof e==`object`&&typeof t==`object`){if(e.constructor!==t.constructor)return!1;var s,c,l;if(Array.isArray(e)){if(s=e.length,s!=t.length)return!1;for(c=s;c--!==0;)if(!o(e[c],t[c]))return!1;return!0}var u;if(r&&e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(u=e.entries();!(c=u.next()).done;)if(!t.has(c.value[0]))return!1;for(u=e.entries();!(c=u.next()).done;)if(!o(c.value[1],t.get(c.value[0])))return!1;return!0}if(i&&e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(u=e.entries();!(c=u.next()).done;)if(!t.has(c.value[0]))return!1;return!0}if(a&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(t)){if(s=e.length,s!=t.length)return!1;for(c=s;c--!==0;)if(e[c]!==t[c])return!1;return!0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf&&typeof e.valueOf==`function`&&typeof t.valueOf==`function`)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString&&typeof e.toString==`function`&&typeof t.toString==`function`)return e.toString()===t.toString();if(l=Object.keys(e),s=l.length,s!==Object.keys(t).length)return!1;for(c=s;c--!==0;)if(!Object.prototype.hasOwnProperty.call(t,l[c]))return!1;if(n&&e instanceof Element)return!1;for(c=s;c--!==0;)if(!((l[c]===`_owner`||l[c]===`__v`||l[c]===`__o`)&&e.$$typeof)&&!o(e[l[c]],t[l[c]]))return!1;return!0}return e!==e&&t!==t}t.exports=function(e,t){try{return o(e,t)}catch(e){if((e.message||``).match(/stack|recursion/i))return console.warn(`react-fast-compare cannot handle circular refs`),!1;throw e}}}}),$e=a({"../../node_modules/warning/warning.js"(e,t){t.exports=function(){}}}),et=i(d(),1),{deprecate:tt}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{global:nt}=__STORYBOOK_MODULE_GLOBAL__,Je.createContext(),Je.createContext(),rt=function(e){return e.reduce(function(e,t){var n=t[0];return e[n]=t[1],e},{})},it=typeof window<`u`&&window.document&&window.document.createElement?Ye.useLayoutEffect:Ye.useEffect,G=`top`,K=`bottom`,q=`right`,J=`left`,at=`auto`,ot=[G,K,q,J],Y=`start`,st=`end`,ct=`clippingParents`,lt=`viewport`,ut=`popper`,dt=`reference`,ft=ot.reduce(function(e,t){return e.concat([t+`-`+Y,t+`-`+st])},[]),pt=[].concat(ot,[at]).reduce(function(e,t){return e.concat([t,t+`-`+Y,t+`-`+st])},[]),mt=[`beforeRead`,`read`,`afterRead`,`beforeMain`,`main`,`afterMain`,`beforeWrite`,`write`,`afterWrite`],ht={name:`applyStyles`,enabled:!0,phase:`write`,fn:x,effect:S,requires:[`computeStyles`]},X=Math.max,gt=Math.min,Z=Math.round,_t=function(e,t){return e=typeof e==`function`?e(Object.assign({},t.rects,{placement:t.placement})):e,re(typeof e==`number`?ie(e,ot):e)},vt={name:`arrow`,enabled:!0,phase:`main`,fn:ae,effect:oe,requires:[`popperOffsets`],requiresIfExists:[`preventOverflow`]},yt={top:`auto`,right:`auto`,bottom:`auto`,left:`auto`},bt={name:`computeStyles`,enabled:!0,phase:`beforeWrite`,fn:le,data:{}},xt={passive:!0},St={name:`eventListeners`,enabled:!0,phase:`write`,fn:function(){},effect:ue,data:{}},Ct={left:`right`,right:`left`,bottom:`top`,top:`bottom`},wt={start:`end`,end:`start`},Tt={name:`flip`,enabled:!0,phase:`main`,fn:we,requiresIfExists:[`offset`],data:{_skip:!1}},Et={name:`hide`,enabled:!0,phase:`main`,requiresIfExists:[`preventOverflow`],fn:De},Dt={name:`offset`,enabled:!0,phase:`main`,requires:[`popperOffsets`],fn:ke},Ot={name:`popperOffsets`,enabled:!0,phase:`read`,fn:Ae,data:{}},kt={name:`preventOverflow`,enabled:!0,phase:`main`,fn:Me,requiresIfExists:[`offset`]},At={placement:`bottom`,modifiers:[],strategy:`absolute`},He(),He({defaultModifiers:[St,Ot,bt,ht]}),jt=He({defaultModifiers:[St,Ot,bt,ht,Dt,Tt,kt,vt,Et]}),Mt=i(Qe()),Nt=[],Pt=function(e,t,n){n===void 0&&(n={});var r=Xe.useRef(null),i={onFirstUpdate:n.onFirstUpdate,placement:n.placement||`bottom`,strategy:n.strategy||`absolute`,modifiers:n.modifiers||Nt},a=Xe.useState({styles:{popper:{position:i.strategy,left:`0`,top:`0`},arrow:{position:`absolute`}},attributes:{}}),o=a[0],s=a[1],c=Xe.useMemo(function(){return{name:`updateState`,enabled:!0,phase:`write`,fn:function(e){var t=e.state,n=Object.keys(t.elements);Ze.flushSync(function(){s({styles:rt(n.map(function(e){return[e,t.styles[e]||{}]})),attributes:rt(n.map(function(e){return[e,t.attributes[e]]}))})})},requires:[`computeStyles`]}},[]),l=Xe.useMemo(function(){var e={onFirstUpdate:i.onFirstUpdate,placement:i.placement,strategy:i.strategy,modifiers:[].concat(i.modifiers,[c,{name:`applyStyles`,enabled:!1}])};return(0,Mt.default)(r.current,e)?r.current||e:(r.current=e,e)},[i.onFirstUpdate,i.placement,i.strategy,i.modifiers,c]),u=Xe.useRef();return it(function(){u.current&&u.current.setOptions(l)},[l]),it(function(){if(!(e==null||t==null)){var r=(n.createPopper||jt)(e,t,l);return u.current=r,function(){r.destroy(),u.current=null}}},[e,t,n.createPopper]),{state:u.current?u.current.state:null,styles:o.styles,attributes:o.attributes,update:u.current?u.current.update:null,forceUpdate:u.current?u.current.forceUpdate:null}},i($e()),Ft=function(){},It=[`styles`,`attributes`],Lt={getBoundingClientRect:Ge()},Rt={closeOnOutsideClick:!0,closeOnTriggerHidden:!1,defaultVisible:!1,delayHide:0,delayShow:0,followCursor:!1,interactive:!1,mutationObserverOptions:{attributes:!0,childList:!0,subtree:!0},offset:[0,6],trigger:`hover`},{document:zt}=nt,Q=(0,et.default)(1e3)((e,t,n,r=0)=>t.split(`-`)[0]===e?n:r),$=8,Bt=l.div({position:`absolute`,borderStyle:`solid`},({placement:e})=>{let t=0,n=0;switch(!0){case e.startsWith(`left`)||e.startsWith(`right`):n=8;break;case e.startsWith(`top`)||e.startsWith(`bottom`):t=8;break;default:}return{transform:`translate3d(${t}px, ${n}px, 0px)`}},({theme:e,color:t,placement:n})=>({bottom:`${Q(`top`,n,`${$*-1}px`,`auto`)}`,top:`${Q(`bottom`,n,`${$*-1}px`,`auto`)}`,right:`${Q(`left`,n,`${$*-1}px`,`auto`)}`,left:`${Q(`right`,n,`${$*-1}px`,`auto`)}`,borderBottomWidth:`${Q(`top`,n,`0`,$)}px`,borderTopWidth:`${Q(`bottom`,n,`0`,$)}px`,borderRightWidth:`${Q(`left`,n,`0`,$)}px`,borderLeftWidth:`${Q(`right`,n,`0`,$)}px`,borderTopColor:Q(`top`,n,e.color[t]||t||e.base===`light`?c(e.background.app):e.background.app,`transparent`),borderBottomColor:Q(`bottom`,n,e.color[t]||t||e.base===`light`?c(e.background.app):e.background.app,`transparent`),borderLeftColor:Q(`left`,n,e.color[t]||t||e.base===`light`?c(e.background.app):e.background.app,`transparent`),borderRightColor:Q(`right`,n,e.color[t]||t||e.base===`light`?c(e.background.app):e.background.app,`transparent`)})),Vt=l.div(({hidden:e})=>({display:e?`none`:`inline-block`,zIndex:2147483647,colorScheme:`light dark`}),({theme:e,color:t,hasChrome:n})=>n?{background:t&&e.color[t]||t||e.base===`light`?c(e.background.app):e.background.app,filter:`
|
|
2
2
|
drop-shadow(0px 5px 5px rgba(0,0,0,0.05))
|
|
3
3
|
drop-shadow(0 1px 3px rgba(0,0,0,0.1))
|
|
4
4
|
`,borderRadius:e.appBorderRadius+2,fontSize:e.typography.size.s1}:{}),Ht=U.forwardRef(({placement:e=`top`,hasChrome:t=!0,children:n,arrowProps:r={},tooltipRef:i,color:a,withArrows:o,...s},c)=>U.createElement(Vt,{"data-testid":`tooltip`,hasChrome:t,ref:c,...s,color:a},t&&o&&U.createElement(Bt,{placement:e,...r,color:a}),n)),Ht.displayName=`Tooltip`,Ut=l.div`
|