@ryuzaki13/react-foundation-ui 3.0.0 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/COLOR_TOKENS_MIGRATION.md +66 -50
- package/README.md +8 -13
- package/dist/chunks/badge-6mXO9BWP.js.map +1 -1
- package/dist/chunks/ui.module-oRwY3Zli.js.map +1 -1
- package/dist/notifications/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/table-editor/index.js +20 -17
- package/dist/table-editor/index.js.map +1 -1
- package/dist/table-editor/ui/TableEditorGrid.d.ts.map +1 -1
- package/dist/tag-input/index.js.map +1 -1
- package/package.json +1 -1
- package/src/styles/_tone-derived.scss +18 -0
- package/src/styles/mixins/_controls.scss +3 -7
- package/src/styles/mixins/controls.test.ts +25 -0
- package/src/styles/themes/_theme.scss +19 -5
- package/src/styles/themes/theme.test.ts +30 -4
- package/storybook-static/assets/{Badge-DLpkFLAr.js → Badge-Esh85lzw.js} +1 -1
- package/storybook-static/assets/{Badge.stories-DwwZ0O7j.js → Badge.stories-DnU4Aj8m.js} +1 -1
- package/storybook-static/assets/{BadgeList-C0bhovUR.js → BadgeList-BxlBVt--.js} +1 -1
- package/storybook-static/assets/{BarcodeScannerDialog.stories-DYXaW4Vw.js → BarcodeScannerDialog.stories-B_KpAvZI.js} +1 -1
- package/storybook-static/assets/{Button-PAj4mH8o.js → Button-ZXxiD9P_.js} +1 -1
- package/storybook-static/assets/{Button-B1nvnaMI.js → Button-dvkBzy21.js} +1 -1
- package/storybook-static/assets/{Button.stories-CNvWyh5M.js → Button.stories-J4sJtC3v.js} +1 -1
- package/storybook-static/assets/{CalendarView-WUXapLvN.js → CalendarView-DGp2C40d.js} +1 -1
- package/storybook-static/assets/{CheckBox-C3r_FdXc.js → CheckBox-CGIztaSc.js} +1 -1
- package/storybook-static/assets/{CheckBox-B9f_n0Nh.js → CheckBox-IWsEVvwo.js} +1 -1
- package/storybook-static/assets/{CheckBox.stories-B5CFQBFx.js → CheckBox.stories-PatAgJNg.js} +1 -1
- package/storybook-static/assets/{Color-6AOWCN3U-tYUAsbHo.js → Color-6AOWCN3U-CObFhsdH.js} +1 -1
- package/storybook-static/assets/{ContextMenu-PIvPPvq1.js → ContextMenu-BpMNIGaS.js} +1 -1
- package/storybook-static/assets/{ContextMenu-C-T3O2d9.js → ContextMenu-PtQCIWby.js} +1 -1
- package/storybook-static/assets/{ContextMenu.stories-Bmy_0Oug.js → ContextMenu.stories-DRN3y3fq.js} +1 -1
- package/storybook-static/assets/{CustomOptionButton-D_qTIop3.js → CustomOptionButton-BypRyNBF.js} +1 -1
- package/storybook-static/assets/{DateInput-B7GZSkR3.js → DateInput-CtEsHpVC.js} +1 -1
- package/storybook-static/assets/{DateInput-C-goSdP-.js → DateInput-DMRmP2mq.js} +1 -1
- package/storybook-static/assets/{DateInput.stories-CeAMz_x1.js → DateInput.stories-kwV29Z7O.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-BmjgWIxM.js → DateRangePresetSelect-BBppsGIA.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-BZ9U_l_x.js → DateRangePresetSelect-BSZ8AV5V.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect.stories-5UGP9HcH.js → DateRangePresetSelect.stories-Brt_WHDa.js} +1 -1
- package/storybook-static/assets/{Detail-C6duvCft.js → Detail-DgopeQrm.js} +1 -1
- package/storybook-static/assets/{Detail.stories-DQZciNeZ.js → Detail.stories-9gNYQ6_t.js} +1 -1
- package/storybook-static/assets/{Dialog-Bx4-acbv.js → Dialog-BIMDgQGd.js} +1 -1
- package/storybook-static/assets/{Dialog-87D5Shqd.js → Dialog-BmgaXy1U.js} +1 -1
- package/storybook-static/assets/{Dialog.stories-BgOQABzP.js → Dialog.stories-gQNF3xNZ.js} +1 -1
- package/storybook-static/assets/{Disclosure-ZctFZjdw.js → Disclosure-DYkWCvOB.js} +1 -1
- package/storybook-static/assets/{Disclosure.stories-BioI8Dpv.js → Disclosure.stories-BkgXZx5X.js} +1 -1
- package/storybook-static/assets/{DisclosureGroup-Cn2EEocA.js → DisclosureGroup-CTkOG9uF.js} +1 -1
- package/storybook-static/assets/{DocsRenderer-JROSPFPF-CoppGUHs.js → DocsRenderer-JROSPFPF-CGYd7juA.js} +1 -1
- package/storybook-static/assets/{DropZone-68BioqBN.js → DropZone-BwnzxS_O.js} +1 -1
- package/storybook-static/assets/{DropZone-BpInQyuE.js → DropZone-C_QHZrKt.js} +1 -1
- package/storybook-static/assets/{DropZone.stories-DhVyaedf.js → DropZone.stories-Boz52u36.js} +1 -1
- package/storybook-static/assets/{DropdownMenu-Dw-i5abQ.js → DropdownMenu-CSMB10lt.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel-Bb7Eo_iW.js → ExpandableActionPanel-Bs__dpSI.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel.stories-B0XABlVT.js → ExpandableActionPanel.stories-dz1gGOjf.js} +1 -1
- package/storybook-static/assets/{Flex-CG5yKEBH.js → Flex-B1k5JrkX.js} +1 -1
- package/storybook-static/assets/{Flex.stories-Cfx4TAqp.js → Flex.stories-DCEdIXaL.js} +1 -1
- package/storybook-static/assets/{FloatingPopover-B8zZ8eYf.js → FloatingPopover-Bcol5irF.js} +1 -1
- package/storybook-static/assets/{FormattedTableCell-BzBZlmxd.js → FormattedTableCell-BrUuqaAr.js} +1 -1
- package/storybook-static/assets/{Grid-3MdRiyY4.js → Grid-BP-ULpSq.js} +1 -1
- package/storybook-static/assets/{Grid.stories-DUfosHcu.js → Grid.stories-xZTqePJe.js} +1 -1
- package/storybook-static/assets/{ImageCropper.stories-DBLj9S4C.js → ImageCropper.stories-9VlHvauM.js} +1 -1
- package/storybook-static/assets/{ImageRenderer-bZHWE6lq.js → ImageRenderer-CZUio12Y.js} +1 -1
- package/storybook-static/assets/{ImageRenderer.stories-BU2tt9QR.js → ImageRenderer.stories-BMJ8rG5Y.js} +1 -1
- package/storybook-static/assets/{ImageView.stories-t_ree_kB.js → ImageView.stories-DwbVXc_9.js} +1 -1
- package/storybook-static/assets/{ImageViewer.stories-kodL93QT.js → ImageViewer.stories-N79zIcYB.js} +2 -2
- package/storybook-static/assets/{ImageViewerRuntime-Dkw7fwZ1.js → ImageViewerRuntime-eFkLooZd.js} +1 -1
- package/storybook-static/assets/{Input-C-Q_V0Uc.js → Input-C_pApI-f.js} +1 -1
- package/storybook-static/assets/{Input-Ckb0G4jj.js → Input-fyfY8tUJ.js} +1 -1
- package/storybook-static/assets/{Input.stories-BZITY0Np.js → Input.stories-DPx50f_P.js} +1 -1
- package/storybook-static/assets/{InputDateTime-DF-R-IPb.js → InputDateTime-BKOW723d.js} +1 -1
- package/storybook-static/assets/{InputDateTime.stories-2ELFc29n.js → InputDateTime.stories-DJpICa-C.js} +1 -1
- package/storybook-static/assets/{InputFile-3Sn8IwRI.js → InputFile-BIFMqbBI.js} +1 -1
- package/storybook-static/assets/{InputFile-Xo-rxvud.js → InputFile-CX8kMBfN.js} +1 -1
- package/storybook-static/assets/{InputFile.stories-B4EHuTtj.js → InputFile.stories-Dpiz4AE-.js} +1 -1
- package/storybook-static/assets/{InputFiles-CRFuoEBd.js → InputFiles-B-uYeAwK.js} +1 -1
- package/storybook-static/assets/{InputFiles-DzdnkOiD.js → InputFiles-g6BxqKY1.js} +1 -1
- package/storybook-static/assets/{InputFiles.stories-BRCSXgg-.js → InputFiles.stories-CIeEtuge.js} +1 -1
- package/storybook-static/assets/{InputFilesList-CvL4pjsZ.js → InputFilesList-EUw0PgRa.js} +1 -1
- package/storybook-static/assets/{InputImage-qAzSyHzj.js → InputImage-BHhhQ_DL.js} +1 -1
- package/storybook-static/assets/{InputImage-B1v_PWfN.js → InputImage-G56Xrlxa.js} +1 -1
- package/storybook-static/assets/{InputImage.stories-4NLpODaa.js → InputImage.stories-CzcxWNCg.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents-Bdy-KTOF.js → InteractiveComponents-BwuEU-Jx.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents.stories-C_ZAVn0R.js → InteractiveComponents.stories-BFz-Wro0.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-8wwVLPom.js → LayoutPicker-XV5w8WPa.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-B4eblsaF.js → LayoutPicker-dIhabh1s.js} +1 -1
- package/storybook-static/assets/{LayoutPicker.stories-BkA-VmHP.js → LayoutPicker.stories-CDt2569o.js} +1 -1
- package/storybook-static/assets/{Listbox-ChaW3JrO.js → Listbox-Bgo-nQ9Y.js} +1 -1
- package/storybook-static/assets/{Listbox-CyH7MftX.js → Listbox-DaW_mGeW.js} +1 -1
- package/storybook-static/assets/{Listbox.stories-_31FVhoW.js → Listbox.stories-CP6wE_7K.js} +1 -1
- package/storybook-static/assets/{Modal-DGR9lZ4E.js → Modal-Bqw7AE8B.js} +1 -1
- package/storybook-static/assets/{Modal-CaGOliEb.js → Modal-DDvcZVCM.js} +1 -1
- package/storybook-static/assets/{Modal.stories-C1yvEVNj.js → Modal.stories-BX600McN.js} +1 -1
- package/storybook-static/assets/{ModalManagerProvider-BrPY3nRM.js → ModalManagerProvider-CxtoDU9F.js} +1 -1
- package/storybook-static/assets/{MultiSelect-D4S4B3va.js → MultiSelect-BJIs_9bc.js} +1 -1
- package/storybook-static/assets/{MultiSelect-D-O71OBm.js → MultiSelect-yUk0g6i1.js} +1 -1
- package/storybook-static/assets/{MultiSelect.stories-B0QY0_Ru.js → MultiSelect.stories-DK5hmxUc.js} +1 -1
- package/storybook-static/assets/{NoData-B6xgAMXh.js → NoData-hc4EFPB8.js} +1 -1
- package/storybook-static/assets/{NotificationsHost-DJ3Y-Bov.js → NotificationsHost-DJrgoJC_.js} +1 -1
- package/storybook-static/assets/{NotificationsHost.stories-B2ULIi8d.js → NotificationsHost.stories-D7mi4TqE.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect-0SfdyLn9.js → ODataMultiSelect-DNrfwZV0.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect.stories-BLq2Lzuq.js → ODataMultiSelect.stories-kL4DXKxt.js} +1 -1
- package/storybook-static/assets/{ODataSelect-CkdBSdJ6.js → ODataSelect-DCDQ6QDE.js} +1 -1
- package/storybook-static/assets/{ODataSelect.stories-OLMZHd_q.js → ODataSelect.stories-C6kKriiF.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect-DMLCMhQn.js → ODataTreeMultiSelect-CHVUlk_U.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect.stories-aY5Q0IHe.js → ODataTreeMultiSelect.stories-B9FhGd09.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect-ME1K7NL2.js → ODataTreeSelect-BtOXQoID.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect.stories-C7UPHKEr.js → ODataTreeSelect.stories-Chqlab-8.js} +1 -1
- package/storybook-static/assets/{OneStepScroller-RRsghqzx.js → OneStepScroller-DxeS1X71.js} +1 -1
- package/storybook-static/assets/{Option-CcZ3aKLZ.js → Option-ComrvJ9s.js} +1 -1
- package/storybook-static/assets/{OptionButton-B-RTb3Ua.js → OptionButton-DJAuLjhy.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-B-89h-o8.js → PeriodSelect-DcD82ag2.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-CUUixF0M.js → PeriodSelect-RGiWiGWB.js} +1 -1
- package/storybook-static/assets/{PeriodSelect.stories-CU1V-pP4.js → PeriodSelect.stories-J0FBtti2.js} +1 -1
- package/storybook-static/assets/{PickerField-DykK8Xgu.js → PickerField-BamGqyTg.js} +1 -1
- package/storybook-static/assets/{PickerTriggerActions-C2qYXlH1.js → PickerTriggerActions-CrzexZv7.js} +1 -1
- package/storybook-static/assets/{Popover-D_MNKdnD.js → Popover-7hIGWFil.js} +1 -1
- package/storybook-static/assets/{Popover-Bg-XuklM.js → Popover-DA6FuPO9.js} +1 -1
- package/storybook-static/assets/{Popover.stories-D2Asjc6d.js → Popover.stories-BGX_E2Rj.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-CYXkpgts.js → PresetRangeDateInput-BZ5e4ulz.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-B1KqD3aB.js → PresetRangeDateInput-DEMn-CKo.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput.stories-CTML1dIg.js → PresetRangeDateInput.stories-DyQzNJiA.js} +1 -1
- package/storybook-static/assets/{PresetSelect-4PvR0s4U.js → PresetSelect-BsGseZxe.js} +1 -1
- package/storybook-static/assets/{README-BNUdkNxv.js → README-4wAMpqKW.js} +1 -1
- package/storybook-static/assets/{README-CjbqfpYX.js → README-530UIsM5.js} +1 -1
- package/storybook-static/assets/{README-CWxf5v2C.js → README-97xTDGmC.js} +1 -1
- package/storybook-static/assets/{README-bU5ZgdrN.js → README-B71F0K0c.js} +1 -1
- package/storybook-static/assets/{README-Bta2DZoW.js → README-B7DR00fM.js} +1 -1
- package/storybook-static/assets/{README-tetbJraG.js → README-B84EaQXv.js} +1 -1
- package/storybook-static/assets/{README-Bt44WdOn.js → README-BC4xt0AQ.js} +1 -1
- package/storybook-static/assets/{README-BVOzG1wf.js → README-BUa64A8D.js} +1 -1
- package/storybook-static/assets/{README-vjP8Z9fC.js → README-BXdudd03.js} +1 -1
- package/storybook-static/assets/{README-NCp7adRE.js → README-BbONAExJ.js} +1 -1
- package/storybook-static/assets/{README-BKGcgtnD.js → README-BcrNbNjI.js} +1 -1
- package/storybook-static/assets/{README-Dl_id19k.js → README-BgRQJ2S9.js} +1 -1
- package/storybook-static/assets/{README-l0W43XHl.js → README-BhxFmTpV.js} +1 -1
- package/storybook-static/assets/{README-ypHLhhny.js → README-Bjq9zsXL.js} +1 -1
- package/storybook-static/assets/{README-B5vVbHbw.js → README-BmrxdH-B.js} +1 -1
- package/storybook-static/assets/{README-DpxWpc-I.js → README-BrIfTQtc.js} +1 -1
- package/storybook-static/assets/{README-B3Q9ZlQz.js → README-Bup4xuqw.js} +1 -1
- package/storybook-static/assets/{README-CnE5ZG98.js → README-C0GgcK-F.js} +1 -1
- package/storybook-static/assets/{README-kpAlQZLM.js → README-C1zwQgxk.js} +1 -1
- package/storybook-static/assets/{README-B5MLKvrO.js → README-C4KUJF4d.js} +1 -1
- package/storybook-static/assets/{README-BcReoeGQ.js → README-C8fBLb8Q.js} +1 -1
- package/storybook-static/assets/{README-CE0sa_3S.js → README-CAaN4Ld-.js} +1 -1
- package/storybook-static/assets/{README-1Ks0ldtQ.js → README-CFR0mu0U.js} +1 -1
- package/storybook-static/assets/{README-Diow36TX.js → README-CGovAIuH.js} +1 -1
- package/storybook-static/assets/{README-DFiFAUAq.js → README-CQn8q9y9.js} +1 -1
- package/storybook-static/assets/{README-BpSdRy6R.js → README-CUhyCSGc.js} +1 -1
- package/storybook-static/assets/{README-CoJlt7mW.js → README-CY5Rzd4q.js} +1 -1
- package/storybook-static/assets/{README-Ib9AxEso.js → README-CgkwwR69.js} +1 -1
- package/storybook-static/assets/{README-Co-LXT0Y.js → README-CmkOA3wW.js} +1 -1
- package/storybook-static/assets/{README-44qHXI_X.js → README-CwZI_nQ7.js} +1 -1
- package/storybook-static/assets/{README-BSSrY3Ri.js → README-D2L5Yzv1.js} +1 -1
- package/storybook-static/assets/{README--I7LDhOP.js → README-D7L1Z6n9.js} +1 -1
- package/storybook-static/assets/{README-BdgUDdVT.js → README-D7_WRUZg.js} +1 -1
- package/storybook-static/assets/{README-Dtb7kJXX.js → README-DCJ0rsOW.js} +1 -1
- package/storybook-static/assets/{README-Dqpnap9b.js → README-DETry3fH.js} +1 -1
- package/storybook-static/assets/{README-DlE5gepf.js → README-DHwyWwmz.js} +1 -1
- package/storybook-static/assets/{README-C5Cq8Lo7.js → README-DMvM0CFG.js} +1 -1
- package/storybook-static/assets/{README-Ve2RJTbZ.js → README-DP6FJt9L.js} +1 -1
- package/storybook-static/assets/{README-VY7CL7vi.js → README-DYrhoV2x.js} +1 -1
- package/storybook-static/assets/{README-C1TqCBPf.js → README-DhMfO2Dl.js} +1 -1
- package/storybook-static/assets/{README-CVEiXGCU.js → README-DhOlNM3a.js} +1 -1
- package/storybook-static/assets/{README-DMCaXjMn.js → README-DnkpFu02.js} +1 -1
- package/storybook-static/assets/{README-BK-2_7T4.js → README-DtM6kMym.js} +1 -1
- package/storybook-static/assets/{README-COnopkzM.js → README-DuTHnM3g.js} +1 -1
- package/storybook-static/assets/{README-Bwa8ai1X.js → README-DvZb2tQw.js} +1 -1
- package/storybook-static/assets/{README-vUJFU3Tw.js → README-DzJwLpxb.js} +1 -1
- package/storybook-static/assets/{README-DrSuJ2Ll.js → README-Ld_nuS76.js} +1 -1
- package/storybook-static/assets/{README-DecmlELk.js → README-UQVgPCo3.js} +1 -1
- package/storybook-static/assets/{README-SHZwgJhZ.js → README-YY1Ajz1w.js} +1 -1
- package/storybook-static/assets/{README-BZbDJrol.js → README-_ZkqcsGp.js} +1 -1
- package/storybook-static/assets/{README-CUEwtG21.js → README-_oeRmsba.js} +1 -1
- package/storybook-static/assets/{README-BrduLUi1.js → README-mRxMTW_Z.js} +1 -1
- package/storybook-static/assets/{README-BJsszjH8.js → README-y9Bfe8iT.js} +1 -1
- package/storybook-static/assets/{RadioButton-ByRN6fXm.js → RadioButton-0axQ-WvZ.js} +1 -1
- package/storybook-static/assets/{RadioButton-DRIJvobR.js → RadioButton-AUoosUqB.js} +1 -1
- package/storybook-static/assets/{RadioButton.stories-C6lOZsje.js → RadioButton.stories-Dqe-r3lD.js} +1 -1
- package/storybook-static/assets/{RadioGroup-5P3FMqFW.js → RadioGroup-BgCjgFfe.js} +1 -1
- package/storybook-static/assets/{RadioGroup-Dskh-JZM.js → RadioGroup-Biy7jsOy.js} +1 -1
- package/storybook-static/assets/{RadioGroup.stories-BDbOjwVa.js → RadioGroup.stories-CHvNWKTQ.js} +1 -1
- package/storybook-static/assets/{Scrollable-Cat0ixOK.js → Scrollable-BYmva3ep.js} +1 -1
- package/storybook-static/assets/{Select-BiIixkSk.js → Select-CZCJfh1u.js} +1 -1
- package/storybook-static/assets/{Select-ImY9WR7I.js → Select-CoD4ahoj.js} +1 -1
- package/storybook-static/assets/{Select.stories-DR8qQrXW.js → Select.stories-B-PY1Sz5.js} +1 -1
- package/storybook-static/assets/{SerializableSelect-C2swvXju.js → SerializableSelect-DE8iNPWu.js} +1 -1
- package/storybook-static/assets/{SerializableSelect.stories-CvoyFECC.js → SerializableSelect.stories-Cgd2VT8m.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-hV5Om2LV.js → SingleDateTimeInput-BDHCGYJi.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-CjixqW_K.js → SingleDateTimeInput-BzOL-IZJ.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput.stories-CPDP-M6P.js → SingleDateTimeInput.stories-yuCgjvxm.js} +1 -1
- package/storybook-static/assets/{Slider-PcbxPCWE.js → Slider-BSYDJi1k.js} +1 -1
- package/storybook-static/assets/{Slider-FbV_mr1Y.js → Slider-Bx2jKg6R.js} +1 -1
- package/storybook-static/assets/{Slider.stories-CH9grPep.js → Slider.stories-P23SMkMP.js} +1 -1
- package/storybook-static/assets/{SliderInput-iqnLqNiU.js → SliderInput-AgH6kueH.js} +1 -1
- package/storybook-static/assets/{SliderInput-DPYcLCwD.js → SliderInput-CfK1Mnw8.js} +1 -1
- package/storybook-static/assets/{SliderInput.stories-qVDa0KhJ.js → SliderInput.stories-BIZQY77N.js} +1 -1
- package/storybook-static/assets/{Sortable-DzJSN0MG.js → Sortable-HAt33EOU.js} +1 -1
- package/storybook-static/assets/{Sortable.stories-BaQ2T15L.js → Sortable.stories-DpKHUgP7.js} +1 -1
- package/storybook-static/assets/{Splitter-Ka7c1ZDV.js → Splitter-XHLzIzBV.js} +1 -1
- package/storybook-static/assets/{Splitter.stories-BbjjUT39.js → Splitter.stories-AF5cuIrd.js} +1 -1
- package/storybook-static/assets/{StateSelect-DSzDU5Jy.js → StateSelect-Bc7THQz4.js} +1 -1
- package/storybook-static/assets/{StateSelect-CfyyDUiq.js → StateSelect-D_4JId4p.js} +1 -1
- package/storybook-static/assets/{StateSelect.stories-0c32Rlr2.js → StateSelect.stories-Dskb5EaO.js} +1 -1
- package/storybook-static/assets/{StatusIndicator-CcCdDffH.js → StatusIndicator-DgpNsNH9.js} +1 -1
- package/storybook-static/assets/{StatusIndicator.stories-Bazi6rxF.js → StatusIndicator.stories-CggWAarU.js} +1 -1
- package/storybook-static/assets/{StringToggle.stories-Bl6HAr4o.js → StringToggle.stories-C0ZhO81t.js} +1 -1
- package/storybook-static/assets/{Switch-BqAkQzIJ.js → Switch-CknduYVb.js} +1 -1
- package/storybook-static/assets/{Switch-Vl7s55bO.js → Switch-f3dsucrL.js} +1 -1
- package/storybook-static/assets/{Switch.stories-Cq2n8Vr4.js → Switch.stories-Chg3TrE2.js} +1 -1
- package/storybook-static/assets/{Table-BgxoZKJs.js → Table-A1OmUB1G.js} +1 -1
- package/storybook-static/assets/{Table.stories-DxnnXMZX.js → Table.stories-F0G5NqxY.js} +1 -1
- package/storybook-static/assets/{TableEditor.stories-D5Ke41-O.js → TableEditor.stories-Hq1Gc1oK.js} +1 -1
- package/storybook-static/assets/{Tabs-BPJG7wBI.js → Tabs-BmH25H7g.js} +1 -1
- package/storybook-static/assets/{Tabs.stories-cQ4RTo0w.js → Tabs.stories-CIX0RdTF.js} +1 -1
- package/storybook-static/assets/{TabsBox-CGgEovb9.js → TabsBox-C1OmrVhO.js} +1 -1
- package/storybook-static/assets/{TagInput-CGHC-7Rv.js → TagInput-CE0_PHMq.js} +1 -1
- package/storybook-static/assets/{TagInput.stories-BSy_dJ5n.js → TagInput.stories-CTlBOp-Y.js} +1 -1
- package/storybook-static/assets/{Text-D5fn4NbN.js → Text-Dm4ZV9wd.js} +1 -1
- package/storybook-static/assets/{Textarea-CbWAz4J8.js → Textarea-9eR-qNKs.js} +1 -1
- package/storybook-static/assets/{Textarea-pXxz-925.js → Textarea-CK7tpoYG.js} +1 -1
- package/storybook-static/assets/{Textarea.stories-BkPejDdf.js → Textarea.stories-vGi_UkyN.js} +1 -1
- package/storybook-static/assets/{TimePanel-BJulRHL2.js → TimePanel-BLQrdjYw.js} +1 -1
- package/storybook-static/assets/{TimePanel.stories-CJmuKdfu.js → TimePanel.stories-DOLgz23p.js} +1 -1
- package/storybook-static/assets/{Toggle-DjqQBHtJ.js → Toggle-DCT7y4pb.js} +1 -1
- package/storybook-static/assets/{Toggle-B2S8eW_z.js → Toggle-d3qw-5vS.js} +1 -1
- package/storybook-static/assets/{Toggle.stories-7KRSUGU9.js → Toggle.stories-DIc66YyI.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-DfvInPvn.js → TreeMultiSelect-3CrIhRKl.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-B7Dd0sH5.js → TreeMultiSelect-Buj6k0wN.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect.stories-DrokeiS6.js → TreeMultiSelect.stories-BHxIRTEy.js} +1 -1
- package/storybook-static/assets/{TreePickerBase-CN9UeNWV.js → TreePickerBase-BHduNQZI.js} +1 -1
- package/storybook-static/assets/{TreeSelect-DPX2Q1Sv.js → TreeSelect-BO1tYVB4.js} +1 -1
- package/storybook-static/assets/{TreeSelect-D3s-_McF.js → TreeSelect-DfFbREJp.js} +1 -1
- package/storybook-static/assets/{TreeSelect.stories-DvUGVU34.js → TreeSelect.stories-ZwxGVFce.js} +1 -1
- package/storybook-static/assets/{TreeTable-By3223dp.js → TreeTable-CIxtOAyo.js} +1 -1
- package/storybook-static/assets/{TreeTable.stories-DKAKV_e2.js → TreeTable.stories-BQNgHwk9.js} +1 -1
- package/storybook-static/assets/{blocks-C4R1QC9R.js → blocks-OyR7mF18.js} +3 -3
- package/storybook-static/assets/{check-DkXl--jW.js → check-Gvk-f2eZ.js} +1 -1
- package/storybook-static/assets/{chevron-down-DnX0I3Pg.js → chevron-down-KZidOQ8z.js} +1 -1
- package/storybook-static/assets/{chevron-left-18ya0d2d.js → chevron-left-BmY0y72L.js} +1 -1
- package/storybook-static/assets/{chevron-right-DilGYzJ6.js → chevron-right-DwE6c1oF.js} +1 -1
- package/storybook-static/assets/{chunk-W22LQPXL-WTP7vHyr.js → chunk-W22LQPXL-Dvqa6-ec.js} +1 -1
- package/storybook-static/assets/{circle-alert-DVNv_dVS.js → circle-alert-CWi4rINy.js} +1 -1
- package/storybook-static/assets/{circle-check-vIdCi5Zq.js → circle-check-BWlhKN1l.js} +1 -1
- package/storybook-static/assets/{components-BtEbmBZQ.js → components-CoPo6nEv.js} +3 -3
- package/storybook-static/assets/{contextMenu-1dx6rzYN.js → contextMenu-DwYdo2Sb.js} +1 -1
- package/storybook-static/assets/{download-37V1rEcU.js → download-Bqp3e16u.js} +1 -1
- package/storybook-static/assets/{floating-ui.react-DT-xu5am.js → floating-ui.react-Dzrc1SBT.js} +1 -1
- package/storybook-static/assets/{foundationApi-FaYaPMaR.js → foundationApi-297mfV2y.js} +1 -1
- package/storybook-static/assets/{foundationLib-DLCLUXOF.js → foundationLib-CnmPNL2i.js} +1 -1
- package/storybook-static/assets/{hooks-BuU9-pEZ.js → hooks-CZ-c1LQK.js} +1 -1
- package/storybook-static/assets/iframe-3DMMfY6n.js +1 -0
- package/storybook-static/assets/{iframe-BT_jngkf.css → iframe-C-4tNqTX.css} +1 -1
- package/storybook-static/assets/{iframe-0M2vpakb.js → iframe-t8Ol-TlS.js} +3 -3
- package/storybook-static/assets/{info-2PUHH67D.js → info-BMddFLDT.js} +1 -1
- package/storybook-static/assets/{odata-DIkxH78d.js → odata-u98yP6vI.js} +1 -1
- package/storybook-static/assets/{odataStoryFixtures-BDQiSxyk.js → odataStoryFixtures-BX88AmEk.js} +1 -1
- package/storybook-static/assets/{react-CfjIdTfH.js → react-BwRTJdhk.js} +1 -1
- package/storybook-static/assets/{refresh-cw-CHFG8NIc.js → refresh-cw-BSZCBW1r.js} +1 -1
- package/storybook-static/assets/{settings-2-CYde2-4U.js → settings-2-UthslFqJ.js} +1 -1
- package/storybook-static/assets/{sortable-Cy9ZqA3f.js → sortable-C4MB--OV.js} +1 -1
- package/storybook-static/assets/{syntaxhighlighter-QEQV7K2Y-C2U-3XXV.js → syntaxhighlighter-QEQV7K2Y-DByUKVZY.js} +1 -1
- package/storybook-static/assets/{trash-2-7-oMZEr8.js → trash-2-CPAznzsr.js} +1 -1
- package/storybook-static/assets/{triangle-alert-BSmuthen.js → triangle-alert-B2jfGvCD.js} +1 -1
- package/storybook-static/assets/{ui-DSS1yTEO.css → ui-D4-nHP5x.css} +1 -1
- package/storybook-static/assets/{uiClasses-e9OQfdw2.js → uiClasses-BCk2WXc4.js} +1 -1
- package/storybook-static/assets/{useODataSelectBase-C3B3Xw87.js → useODataSelectBase-C-o3n-Rn.js} +1 -1
- package/storybook-static/assets/{useODataTreeData-deUW5mSv.js → useODataTreeData-DkF53Jgq.js} +1 -1
- package/storybook-static/assets/{usePickerQuery-DdE3I7AV.js → usePickerQuery-D609nrEf.js} +1 -1
- package/storybook-static/assets/{usePickerTriggerController-ZRvj4FHy.js → usePickerTriggerController-CiGxyPbG.js} +1 -1
- package/storybook-static/assets/{x-NXcyLtyX.js → x-Y6c20Jey.js} +1 -1
- package/storybook-static/iframe.html +3 -3
- package/storybook-static/project.json +1 -1
- package/storybook-static/assets/iframe-BMXB4CtM.js +0 -1
- /package/storybook-static/assets/{ui.module-SH8ehXul.js → ui.module-nb-nQZVN.js} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-t8Ol-TlS.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-OyR7mF18.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x}from"./TreeMultiSelect.stories-BHxIRTEy.js";function S(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,w.jsx)(u,{children:`TreeMultiSelect`}),`
|
|
3
3
|
`,(0,w.jsx)(o,{children:`Мультивыбор узлов дерева с компрессией subtree в parent`}),`
|
|
4
4
|
`,(0,w.jsxs)(t.p,{children:[(0,w.jsx)(t.code,{children:`TreeMultiSelect`}),` хранит наружу не “все листья”, а канонизированный frontier по уровням дерева.`]}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-t8Ol-TlS.js";import{n as r,t as i}from"./createControlledStoryRender-BouhvX-R.js";import{n as a,t as o}from"./TreeMultiSelect-3CrIhRKl.js";import{n as s,r as c,t as l}from"./treeStoryFixtures-DXHh9GL3.js";var u=t({BalancedColumns:()=>x,Basic:()=>_,FirstTwoLevelsExpanded:()=>b,MixedSelection:()=>y,OrphanProtectionColumns:()=>S,ParentCompression:()=>v,RightEdgeColumns:()=>C,__namedExportsOrder:()=>w,default:()=>g});function d({args:e,updateArgs:t}){return(0,f.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,f.jsx)(o,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,f.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,JSON.stringify(e.value)]})]})}var f,p,m,h,g,_,v,y,b,x,S,C,w;function T(){return(T=e((()=>{r(),a(),s(),f=n(),p=Array.from({length:66},(e,t)=>{let n=String(t+1).padStart(2,`0`),r=`D${n}`;return{id:`DIVISION:${r}`,codeKey:`DIVISION`,value:r,label:`Дивизион ${n}`,code:r,searchText:`${r} Дивизион ${n}`}}),m=i((e,t)=>(0,f.jsx)(d,{args:e,updateArgs:t})),h=i((e,t)=>(0,f.jsx)(`div`,{style:{display:`flex`,minHeight:`calc(100vh - 32px)`,alignItems:`center`,justifyContent:`flex-end`},children:(0,f.jsx)(`div`,{style:{width:260},children:(0,f.jsx)(d,{args:e,updateArgs:t})})})),g={title:`UI/TreeMultiSelect`,component:o,parameters:{atomicCanvas:!0,layout:`padded`},args:{label:`Выбор узлов`,description:`Мультивыбор с канонизацией subtree в ближайший parent.`,nodes:l,value:{},onChange:()=>{}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},placeholder:{description:`Текст без выбранных узлов.`,control:`text`},nodes:{description:`Дерево доступных узлов.`,control:!1},value:{description:`Контролируемое отображение выбранных узлов по codeKey.`,control:!1},onChange:{description:`Вызывается при commit набора узлов.`,control:!1},query:{description:`Контролируемый текст поиска.`,control:`text`},defaultQuery:{description:`Начальный текст поиска в uncontrolled-режиме.`,control:`text`},onQuery:{description:`Вызывается при вводе поисковой строки.`,control:!1},isLoading:{description:`Показывает загрузку дерева.`,control:`boolean`},error:{description:`Текст ошибки загрузки.`,control:`text`},optionsLayout:{description:`Способ показа: дерево или адаптивные колонки.`,control:`inline-radio`,options:[`tree`,`columns`]},defaultExpandedCodeKeys:{description:`Ключи уровней, раскрываемых при открытии.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},_={render:m,args:{value:{OWNER:[`P0001`]}}},v={render:m,args:{label:`Компрессия parent`,description:`Когда выбран весь subtree, наружу может уйти только родительский узел.`,value:{REGION:[`R01`]}}},y={render:m,args:{label:`Смешанный выбор`,description:`Пример mixed frontier по соседним уровням.`,value:{BRANCH:[`B0101`],OWNER:[`P0004`]}}},b={render:m,args:{label:`Раскрыты два уровня`,description:`Уровни REGION и BRANCH раскрыты по умолчанию, остальные уровни остаются закрытыми.`,defaultExpandedCodeKeys:[`REGION`,`BRANCH`]}},x={render:m,args:{label:`Все уровни в столбцах`,description:`Popover подбирает число столбцов по количеству опций и доступному viewport.`,optionsLayout:`columns`,value:{BRANCH:[`B0101`]}}},S={render:m,args:{label:`Защита начала большой группы`,description:`Начало группы остаётся в текущем столбце при трёх свободных строках; при одной или двух переносится в новый.`,optionsLayout:`columns`,nodes:c}},C={render:h,args:{label:`Контрол у правой границы`,description:`Popover для 66 опций должен сравнить вертикальные и горизонтальные стороны и остаться внутри viewport.`,optionsLayout:`columns`,nodes:p}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: renderTreeMultiSelectStory,
|
|
3
3
|
args: {
|
|
4
4
|
value: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./chevron-right-DilGYzJ6.js";import{n as i,t as a}from"./CheckBox-B9f_n0Nh.js";import{n as o}from"./iframe-0M2vpakb.js";import{a as s,i as c,r as l,s as u,t as d}from"./utils-tg3ibbzi.js";import{n as f,t as p}from"./OptionButton-B-RTb3Ua.js";import{a as m,n as h,o as g,t as ee}from"./Option-CcZ3aKLZ.js";import{l as _,o as te}from"./Input-Ckb0G4jj.js";import{n as ne,t as re}from"./PickerField-DykK8Xgu.js";import{c as ie,i as ae,l as oe,n as se,r as v,s as ce,t as le,u as ue}from"./usePickerTriggerController-ZRvj4FHy.js";import{i as de,n as fe,r as pe,t as me}from"./usePickerQuery-DdE3I7AV.js";function y(e,t){return`${e}::${t}`}function he(e){let t=new Map,n=new Map,r=new Map,i=new Map,a=new Map,o=new Map,s=new Map,c=0,l=(e,u)=>{t.set(e.id,e),n.set(e.id,u),i.set(e.id,c++);let d=y(e.codeKey,e.value);a.set(d,e.id);let f=o.get(d);f?f.push(e.id):o.set(d,[e.id]);let p=(e.children??[]).map(e=>e.id);r.set(e.id,p);for(let t of e.children??[])l(t,e.id);s.set(e.id,e.disabled===!0||p.some(e=>s.get(e)===!0))};for(let t of e)l(t);return{rootIds:e.map(e=>e.id),nodeById:t,parentById:n,childrenById:r,preorderIndexById:i,nodeIdByCodeValue:a,nodeIdsByCodeValue:o,subtreeContainsDisabledById:s}}function b(e,t){let n=t.nodeById.get(e);return n?t.nodeIdsByCodeValue.get(y(n.codeKey,n.value))??[]:[]}function ge(e,t){if(e)return t.nodeIdByCodeValue.get(y(e.codeKey,e.value))}function _e(e,t){let n=new Set;if(!e)return n;for(let[r,i]of Object.entries(e))for(let e of i)for(let i of t.nodeIdsByCodeValue.get(y(r,e))??[])n.add(i);return O(n,t)}function x(e,t){let n=[...e].sort((e,n)=>(t.preorderIndexById.get(e)??2**53-1)-(t.preorderIndexById.get(n)??2**53-1)),r={},i=new Set;for(let e of n){let n=t.nodeById.get(e);if(!n)continue;let a=y(n.codeKey,n.value);i.has(a)||(r[n.codeKey]=r[n.codeKey]??[],r[n.codeKey].push(n.value),i.add(a))}return r}function S(e,t){let n=[],r=t.parentById.get(e);for(;r;)n.push(r),r=t.parentById.get(r);return n}function C(e,t,n){let r=n.parentById.get(e);for(;r;){if(r===t)return!0;r=n.parentById.get(r)}return!1}function w(e,t){let n=b(e,t);return!n.length||n.some(e=>{let n=t.nodeById.get(e);return!n||n.selectionBehavior===`descendants`||t.subtreeContainsDisabledById.get(e)===!0})?!1:!n.some((e,r)=>n.some((n,i)=>r!==i&&(C(e,n,t)||C(n,e,t))))}function ve(e,t){return w(e,t)?b(e,t):[e]}function ye(e,t,n){for(let r of[...e])C(r,t,n)&&e.delete(r)}function T(e,t,n){let r=[t];for(let t=0;t<r.length;t+=1){let i=r[t];if(i){r.push(...n.childrenById.get(i)??[]);for(let t of b(i,n))e.delete(t)}}}function E(e,t,n){if(t.has(e))return!0;if(n.nodeById.get(e)?.disabled)return!1;let r=n.childrenById.get(e)??[];return r.length!==0&&r.every(e=>E(e,t,n))}function D(e,t,n){if(!n.nodeById.has(e))return!1;let r=t.childrenById.get(e)??[],i=n.childrenById.get(e)??[];return r.length===i.length&&r.every((e,r)=>i[r]===e&&D(e,t,n))}function O(e,t){let n=new Set(e);for(let e of[...n])if(t.nodeById.get(e)?.selectionBehavior===`descendants`){n.delete(e);for(let r of j(t,t.childrenById.get(e)??[]))n.add(r)}for(let e of[...n])S(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)??[];if(!(r.length===0||n.has(e)||t.nodeById.get(e)?.disabled||t.nodeById.get(e)?.selectionBehavior===`descendants`)&&r.every(e=>E(e,n,t))){let r=b(e,t);if(w(e,t)&&r.every(e=>{let r=t.nodeById.get(e);return r&&!r.disabled&&r.selectionBehavior!==`descendants`&&E(e,n,t)}))for(let e of r)ye(n,e,t),n.add(e)}}return n}function k(e,t,n){let r=n.parentById.get(t);for(;r;){if(e.has(r)){for(let t of b(r,n))if(e.has(t)){e.delete(t);for(let r of j(n,n.childrenById.get(t)??[]))e.add(r)}return!0}r=n.parentById.get(r)}return!1}function A(e,t,n){return t.has(e)?!0:S(e,n).some(e=>t.has(e))}function be(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=>be(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 xe(e,t){let n={selectedIds:new Set,partialIds:new Set};for(let r of t.rootIds)be(r,e,t,n);return n}function j(e,t=e.rootIds){let n=t=>{let r=e.nodeById.get(t),i=(e.childrenById.get(t)??[]).map(n),a=i.flatMap(e=>e.selectedIds),o=r?.disabled===!0||i.some(e=>e.containsDisabled);if(!r||r.disabled)return{containsDisabled:!0,selectedIds:a};if(r.selectionBehavior===`descendants`)return{containsDisabled:o,selectedIds:a};let s=!w(t,e);return o||s?{containsDisabled:!0,selectedIds:a}:{containsDisabled:!1,selectedIds:[t]}};return new Set(t.flatMap(e=>n(e).selectedIds))}function M(e,t,n,r){let i=_e(e,n),a=r!==void 0&&!D(t,n,r);if(!a&&E(t,i,n))return T(i,t,n),x(O(i,n),n);let o=e=>{if(i.has(e)){T(i,e,n);return}if(E(e,i,n)){T(i,e,n);return}if(A(e,i,n)){k(i,e,n)&&(A(e,i,n)||E(e,i,n)?o(e):T(i,e,n));return}for(let t of ve(e,n))ye(i,t,n),i.add(t)},s=e=>{if(!r?.nodeById.has(e))return[];if(D(e,n,r)){let t=[...j(n,[e])];return t.length>0?t:A(e,i,n)||E(e,i,n)?[e]:[]}return(r.childrenById.get(e)??[]).flatMap(s)},c=a?s(t):[...j(n,[t])],l=c.length===0&&(A(t,i,n)||E(t,i,n))?[t]:c,u=l.length>0&&l.every(e=>A(e,i,n)||E(e,i,n));for(let e of l){let t=A(e,i,n)||E(e,i,n);(u&&t||!u&&!t)&&o(e)}return x(O(i,n),n)}function N(e,t,n){let r=t.parentById.get(e);for(;r;)n.add(r),r=t.parentById.get(r)}function Se(e,t){let n=new Set;for(let r of e)N(r,t,n);return n}function Ce(e,t,n){let r=new Set;for(let[i,a]of e.childrenById){if(a.length===0)continue;let o=e.nodeById.get(i);o&&(n.get(i)??t.has(o.codeKey))&&r.add(i)}return r}function P(e,t,n){let r=(e.children??[]).map(e=>P(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 we(e,t){let n=t.trim().toLowerCase();if(!n)return{nodes:[...e],expandedIds:new Set};let r=new Set;return{nodes:e.map(e=>P(e,n,r)).filter(e=>!!e),expandedIds:r}}function Te(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}function F(){return(F=e((()=>{})))()}function Ee(e){let t=[],n=0;for(;n<e.length;){let r=n+1;for(;r<e.length&&e[r]?.level!==0;)r+=1;t.push({startIndex:n,endIndexExclusive:r}),n=r}let r=t.map(({startIndex:e,endIndexExclusive:t})=>`${e}:${t}`).join(`|`);return{itemCount:e.length,groups:t,signature:`${e.length}|${r}`}}function I(e,t){return Number.isFinite(e)&&e>0?e:t}function De(e){let t=e.endIndexExclusive-e.startIndex;return Math.min(je,t)}function L(e,t){let n=Math.max(1,t),r=[],i=1,a=1,o=0;for(let t of e.groups){let e=De(t),s=n-a+1;a>1&&e>s&&(o+=s,i+=1,a=1);for(let e=t.startIndex;e<t.endIndexExclusive;e+=1)r[e]={column:i,row:a},a+=1,a>n&&(i+=1,a=1)}return{placements:r,usedColumnCount:r.length?Math.max(...r.map(e=>e.column)):1,intentionalGapCount:o}}function Oe({descriptor:e,availableWidth:t,availableHeight:n,viewportWidth:r,viewportHeight:i,referenceWidth:a}){let o=Math.max(0,Math.floor(Number.isFinite(e.itemCount)?e.itemCount:0)),s=I(t,240),c=I(n,80),l=I(r,s+16),u=I(i,c),d=Math.max(1,Math.min(s,Math.max(1,l-16))),f=Math.max(1,Math.min(c,u-16)),p=Math.max(1,I(a,1)),m=Math.min(d,p),h=Math.max(1,Math.floor((d-R+B)/234)),g=Math.max(1,Math.min(Ae,h,o||1)),ee=e.groups.reduce((e,t)=>Math.max(e,De(t)),1);if(o===0)return{columnCount:1,rowCount:1,width:m,minWidth:m,maxHeight:f,placements:[]};let _,te=1/0;for(let t=1;t<=g;t+=1){let n=Math.max(ee,Math.ceil(o/t)),r=L(e,n);for(;r.usedColumnCount>t&&n<o;)n+=1,r=L(e,n);let i=r.usedColumnCount,a=Math.max(m,R+i*z+(i-1)*B),s=ke+n*V,c=a/d,l=s/f,u=(i*n-o)/o,p=r.intentionalGapCount/o,h=Math.max(c,l)+.25*Math.abs(c-l)+.01*u+.02*p+.04*(i-1);h<te&&(te=h,_={columnCount:i,rowCount:n,width:Math.min(d,a),minWidth:m,maxHeight:f,placements:r.placements})}return _??{columnCount:1,rowCount:o,width:m,minWidth:m,maxHeight:f,placements:L(e,o).placements}}var R,ke,z,B,V,Ae,je;function H(){return(H=e((()=>{R=16,ke=48,z=224,B=10,V=32,Ae=6,je=3})))()}var Me,U,W,Ne,G,Pe,Fe,Ie,Le,Re,ze,K;function q(){return(q=e((()=>{Me=`_6EH37F`,U=`UBll8Q`,W=`-y3RZP`,Ne=`ayLJ50`,G=`_430vL2`,Pe=`_2MFkGF`,Fe=`o5NWnX`,Ie=`ibSd-S`,Le=`lXezvv`,Re=`FMlLGX`,ze=`d2Zt7U`,K={treeNodeButton:Me,treePopupHeader:U,treeColumns:W,treeColumnRow:Ne,treeColumnsPopupLayout:G,treeColumnCheckBox:Pe,treeIndent:Fe,treeExpander:Ie,treeExpanderPlaceholder:Le,treeExpanderIcon:Re,treeExpanderIconExpanded:ze}})))()}function Be({node:e,level:t,highlight:n,hasChildren:i,isExpanded:o,selected:c,partial:l,selectionMode:u,optionsLayout:d=`tree`,onToggleExpand:f,onToggleSelection:m,onActivate:h}){let g=d===`tree`,ee=d===`columns`&&t===0;return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`div`,{className:K.treeIndent,style:{"--tree-level":t},"aria-hidden":`true`}),g&&i?(0,J.jsx)(`button`,{type:`button`,className:K.treeExpander,onClick:e=>{e.stopPropagation(),f?.()},"aria-label":o?`Свернуть ветку`:`Развернуть ветку`,"data-ui":`tree-select-expander`,"data-action":o?`collapse-tree-select-node`:`expand-tree-select-node`,children:(0,J.jsx)(r,{className:s(K.treeExpanderIcon,o&&K.treeExpanderIconExpanded)})}):g?(0,J.jsx)(`div`,{className:K.treeExpanderPlaceholder,"aria-hidden":`true`}):null,u===`multi`?(0,J.jsx)(`div`,{className:K.treeColumnCheckBox,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),children:(0,J.jsx)(a,{value:c,indeterminate:l,disabled:e.disabled,"aria-label":`Выбрать ${e.label}`,onChange:()=>m?.()})}):null,(0,J.jsx)(p,{className:K.treeNodeButton,tabIndex:-1,disabled:e.disabled,text:e.label,code:e.code,searchText:n,emphasizeContent:ee,onMouseDown:e=>e.preventDefault(),onClick:h})]})}var J;function Ve(){return(Ve=e((()=>{c(),n(),i(),f(),q(),J=o(),Be.__docgenInfo={description:``,methods:[],displayName:`TreeNodeContent`,props:{node:{required:!0,tsType:{name:`signature`,type:`object`,raw:`{
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./chevron-right-DwE6c1oF.js";import{n as i,t as a}from"./CheckBox-IWsEVvwo.js";import{n as o}from"./iframe-t8Ol-TlS.js";import{a as s,i as c,r as l,s as u,t as d}from"./utils-tg3ibbzi.js";import{n as f,t as p}from"./OptionButton-DJAuLjhy.js";import{a as m,n as h,o as g,t as ee}from"./Option-ComrvJ9s.js";import{l as _,o as te}from"./Input-fyfY8tUJ.js";import{n as ne,t as re}from"./PickerField-BamGqyTg.js";import{c as ie,i as ae,l as oe,n as se,r as v,s as ce,t as le,u as ue}from"./usePickerTriggerController-CiGxyPbG.js";import{i as de,n as fe,r as pe,t as me}from"./usePickerQuery-D609nrEf.js";function y(e,t){return`${e}::${t}`}function he(e){let t=new Map,n=new Map,r=new Map,i=new Map,a=new Map,o=new Map,s=new Map,c=0,l=(e,u)=>{t.set(e.id,e),n.set(e.id,u),i.set(e.id,c++);let d=y(e.codeKey,e.value);a.set(d,e.id);let f=o.get(d);f?f.push(e.id):o.set(d,[e.id]);let p=(e.children??[]).map(e=>e.id);r.set(e.id,p);for(let t of e.children??[])l(t,e.id);s.set(e.id,e.disabled===!0||p.some(e=>s.get(e)===!0))};for(let t of e)l(t);return{rootIds:e.map(e=>e.id),nodeById:t,parentById:n,childrenById:r,preorderIndexById:i,nodeIdByCodeValue:a,nodeIdsByCodeValue:o,subtreeContainsDisabledById:s}}function b(e,t){let n=t.nodeById.get(e);return n?t.nodeIdsByCodeValue.get(y(n.codeKey,n.value))??[]:[]}function ge(e,t){if(e)return t.nodeIdByCodeValue.get(y(e.codeKey,e.value))}function _e(e,t){let n=new Set;if(!e)return n;for(let[r,i]of Object.entries(e))for(let e of i)for(let i of t.nodeIdsByCodeValue.get(y(r,e))??[])n.add(i);return O(n,t)}function x(e,t){let n=[...e].sort((e,n)=>(t.preorderIndexById.get(e)??2**53-1)-(t.preorderIndexById.get(n)??2**53-1)),r={},i=new Set;for(let e of n){let n=t.nodeById.get(e);if(!n)continue;let a=y(n.codeKey,n.value);i.has(a)||(r[n.codeKey]=r[n.codeKey]??[],r[n.codeKey].push(n.value),i.add(a))}return r}function S(e,t){let n=[],r=t.parentById.get(e);for(;r;)n.push(r),r=t.parentById.get(r);return n}function C(e,t,n){let r=n.parentById.get(e);for(;r;){if(r===t)return!0;r=n.parentById.get(r)}return!1}function w(e,t){let n=b(e,t);return!n.length||n.some(e=>{let n=t.nodeById.get(e);return!n||n.selectionBehavior===`descendants`||t.subtreeContainsDisabledById.get(e)===!0})?!1:!n.some((e,r)=>n.some((n,i)=>r!==i&&(C(e,n,t)||C(n,e,t))))}function ve(e,t){return w(e,t)?b(e,t):[e]}function ye(e,t,n){for(let r of[...e])C(r,t,n)&&e.delete(r)}function T(e,t,n){let r=[t];for(let t=0;t<r.length;t+=1){let i=r[t];if(i){r.push(...n.childrenById.get(i)??[]);for(let t of b(i,n))e.delete(t)}}}function E(e,t,n){if(t.has(e))return!0;if(n.nodeById.get(e)?.disabled)return!1;let r=n.childrenById.get(e)??[];return r.length!==0&&r.every(e=>E(e,t,n))}function D(e,t,n){if(!n.nodeById.has(e))return!1;let r=t.childrenById.get(e)??[],i=n.childrenById.get(e)??[];return r.length===i.length&&r.every((e,r)=>i[r]===e&&D(e,t,n))}function O(e,t){let n=new Set(e);for(let e of[...n])if(t.nodeById.get(e)?.selectionBehavior===`descendants`){n.delete(e);for(let r of j(t,t.childrenById.get(e)??[]))n.add(r)}for(let e of[...n])S(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)??[];if(!(r.length===0||n.has(e)||t.nodeById.get(e)?.disabled||t.nodeById.get(e)?.selectionBehavior===`descendants`)&&r.every(e=>E(e,n,t))){let r=b(e,t);if(w(e,t)&&r.every(e=>{let r=t.nodeById.get(e);return r&&!r.disabled&&r.selectionBehavior!==`descendants`&&E(e,n,t)}))for(let e of r)ye(n,e,t),n.add(e)}}return n}function k(e,t,n){let r=n.parentById.get(t);for(;r;){if(e.has(r)){for(let t of b(r,n))if(e.has(t)){e.delete(t);for(let r of j(n,n.childrenById.get(t)??[]))e.add(r)}return!0}r=n.parentById.get(r)}return!1}function A(e,t,n){return t.has(e)?!0:S(e,n).some(e=>t.has(e))}function be(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=>be(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 xe(e,t){let n={selectedIds:new Set,partialIds:new Set};for(let r of t.rootIds)be(r,e,t,n);return n}function j(e,t=e.rootIds){let n=t=>{let r=e.nodeById.get(t),i=(e.childrenById.get(t)??[]).map(n),a=i.flatMap(e=>e.selectedIds),o=r?.disabled===!0||i.some(e=>e.containsDisabled);if(!r||r.disabled)return{containsDisabled:!0,selectedIds:a};if(r.selectionBehavior===`descendants`)return{containsDisabled:o,selectedIds:a};let s=!w(t,e);return o||s?{containsDisabled:!0,selectedIds:a}:{containsDisabled:!1,selectedIds:[t]}};return new Set(t.flatMap(e=>n(e).selectedIds))}function M(e,t,n,r){let i=_e(e,n),a=r!==void 0&&!D(t,n,r);if(!a&&E(t,i,n))return T(i,t,n),x(O(i,n),n);let o=e=>{if(i.has(e)){T(i,e,n);return}if(E(e,i,n)){T(i,e,n);return}if(A(e,i,n)){k(i,e,n)&&(A(e,i,n)||E(e,i,n)?o(e):T(i,e,n));return}for(let t of ve(e,n))ye(i,t,n),i.add(t)},s=e=>{if(!r?.nodeById.has(e))return[];if(D(e,n,r)){let t=[...j(n,[e])];return t.length>0?t:A(e,i,n)||E(e,i,n)?[e]:[]}return(r.childrenById.get(e)??[]).flatMap(s)},c=a?s(t):[...j(n,[t])],l=c.length===0&&(A(t,i,n)||E(t,i,n))?[t]:c,u=l.length>0&&l.every(e=>A(e,i,n)||E(e,i,n));for(let e of l){let t=A(e,i,n)||E(e,i,n);(u&&t||!u&&!t)&&o(e)}return x(O(i,n),n)}function N(e,t,n){let r=t.parentById.get(e);for(;r;)n.add(r),r=t.parentById.get(r)}function Se(e,t){let n=new Set;for(let r of e)N(r,t,n);return n}function Ce(e,t,n){let r=new Set;for(let[i,a]of e.childrenById){if(a.length===0)continue;let o=e.nodeById.get(i);o&&(n.get(i)??t.has(o.codeKey))&&r.add(i)}return r}function P(e,t,n){let r=(e.children??[]).map(e=>P(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 we(e,t){let n=t.trim().toLowerCase();if(!n)return{nodes:[...e],expandedIds:new Set};let r=new Set;return{nodes:e.map(e=>P(e,n,r)).filter(e=>!!e),expandedIds:r}}function Te(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}function F(){return(F=e((()=>{})))()}function Ee(e){let t=[],n=0;for(;n<e.length;){let r=n+1;for(;r<e.length&&e[r]?.level!==0;)r+=1;t.push({startIndex:n,endIndexExclusive:r}),n=r}let r=t.map(({startIndex:e,endIndexExclusive:t})=>`${e}:${t}`).join(`|`);return{itemCount:e.length,groups:t,signature:`${e.length}|${r}`}}function I(e,t){return Number.isFinite(e)&&e>0?e:t}function De(e){let t=e.endIndexExclusive-e.startIndex;return Math.min(je,t)}function L(e,t){let n=Math.max(1,t),r=[],i=1,a=1,o=0;for(let t of e.groups){let e=De(t),s=n-a+1;a>1&&e>s&&(o+=s,i+=1,a=1);for(let e=t.startIndex;e<t.endIndexExclusive;e+=1)r[e]={column:i,row:a},a+=1,a>n&&(i+=1,a=1)}return{placements:r,usedColumnCount:r.length?Math.max(...r.map(e=>e.column)):1,intentionalGapCount:o}}function Oe({descriptor:e,availableWidth:t,availableHeight:n,viewportWidth:r,viewportHeight:i,referenceWidth:a}){let o=Math.max(0,Math.floor(Number.isFinite(e.itemCount)?e.itemCount:0)),s=I(t,240),c=I(n,80),l=I(r,s+16),u=I(i,c),d=Math.max(1,Math.min(s,Math.max(1,l-16))),f=Math.max(1,Math.min(c,u-16)),p=Math.max(1,I(a,1)),m=Math.min(d,p),h=Math.max(1,Math.floor((d-R+B)/234)),g=Math.max(1,Math.min(Ae,h,o||1)),ee=e.groups.reduce((e,t)=>Math.max(e,De(t)),1);if(o===0)return{columnCount:1,rowCount:1,width:m,minWidth:m,maxHeight:f,placements:[]};let _,te=1/0;for(let t=1;t<=g;t+=1){let n=Math.max(ee,Math.ceil(o/t)),r=L(e,n);for(;r.usedColumnCount>t&&n<o;)n+=1,r=L(e,n);let i=r.usedColumnCount,a=Math.max(m,R+i*z+(i-1)*B),s=ke+n*V,c=a/d,l=s/f,u=(i*n-o)/o,p=r.intentionalGapCount/o,h=Math.max(c,l)+.25*Math.abs(c-l)+.01*u+.02*p+.04*(i-1);h<te&&(te=h,_={columnCount:i,rowCount:n,width:Math.min(d,a),minWidth:m,maxHeight:f,placements:r.placements})}return _??{columnCount:1,rowCount:o,width:m,minWidth:m,maxHeight:f,placements:L(e,o).placements}}var R,ke,z,B,V,Ae,je;function H(){return(H=e((()=>{R=16,ke=48,z=224,B=10,V=32,Ae=6,je=3})))()}var Me,U,W,Ne,G,Pe,Fe,Ie,Le,Re,ze,K;function q(){return(q=e((()=>{Me=`_6EH37F`,U=`UBll8Q`,W=`-y3RZP`,Ne=`ayLJ50`,G=`_430vL2`,Pe=`_2MFkGF`,Fe=`o5NWnX`,Ie=`ibSd-S`,Le=`lXezvv`,Re=`FMlLGX`,ze=`d2Zt7U`,K={treeNodeButton:Me,treePopupHeader:U,treeColumns:W,treeColumnRow:Ne,treeColumnsPopupLayout:G,treeColumnCheckBox:Pe,treeIndent:Fe,treeExpander:Ie,treeExpanderPlaceholder:Le,treeExpanderIcon:Re,treeExpanderIconExpanded:ze}})))()}function Be({node:e,level:t,highlight:n,hasChildren:i,isExpanded:o,selected:c,partial:l,selectionMode:u,optionsLayout:d=`tree`,onToggleExpand:f,onToggleSelection:m,onActivate:h}){let g=d===`tree`,ee=d===`columns`&&t===0;return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`div`,{className:K.treeIndent,style:{"--tree-level":t},"aria-hidden":`true`}),g&&i?(0,J.jsx)(`button`,{type:`button`,className:K.treeExpander,onClick:e=>{e.stopPropagation(),f?.()},"aria-label":o?`Свернуть ветку`:`Развернуть ветку`,"data-ui":`tree-select-expander`,"data-action":o?`collapse-tree-select-node`:`expand-tree-select-node`,children:(0,J.jsx)(r,{className:s(K.treeExpanderIcon,o&&K.treeExpanderIconExpanded)})}):g?(0,J.jsx)(`div`,{className:K.treeExpanderPlaceholder,"aria-hidden":`true`}):null,u===`multi`?(0,J.jsx)(`div`,{className:K.treeColumnCheckBox,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),children:(0,J.jsx)(a,{value:c,indeterminate:l,disabled:e.disabled,"aria-label":`Выбрать ${e.label}`,onChange:()=>m?.()})}):null,(0,J.jsx)(p,{className:K.treeNodeButton,tabIndex:-1,disabled:e.disabled,text:e.label,code:e.code,searchText:n,emphasizeContent:ee,onMouseDown:e=>e.preventDefault(),onClick:h})]})}var J;function Ve(){return(Ve=e((()=>{c(),n(),i(),f(),q(),J=o(),Be.__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,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-t8Ol-TlS.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-OyR7mF18.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./TreeSelect.stories-ZwxGVFce.js";function y(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:p,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,x.jsx)(u,{children:`TreeSelect`}),`
|
|
3
3
|
`,(0,x.jsx)(o,{children:`Single-select для выбора одного узла из дерева`}),`
|
|
4
4
|
`,(0,x.jsxs)(t.p,{children:[(0,x.jsx)(t.code,{children:`TreeSelect`}),` подходит для сценариев, где выбор должен происходить по одному узлу, но пользователь работает не с плоским списком, а с иерархией.`]}),`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-t8Ol-TlS.js";import{n as r,r as i,t as a,u as o}from"./TreePickerBase-BHduNQZI.js";function s(e){if(e)return e.code&&e.code!==e.label?`${e.label} · ${e.code}`:e.label}function c({label:e,description:t,disabled:n,placeholder:r=`Выберите значение`,size:c,nodes:d,value:f,onChange:p,query:m,defaultQuery:h,onQuery:g,isLoading:_,error:v,clearable:y=!1,defaultExpandedCodeKeys:b}){let x=(0,l.useMemo)(()=>i(d),[d]),S=o(f,x),C=S?x.nodeById.get(S):void 0;return(0,u.jsx)(a,{label:e,description:t,disabled:n,placeholder:r,size:c,nodes:d,selectedIds:S?new Set([S]):new Set,partialIds:new Set,selectionMode:`single`,defaultExpandedCodeKeys:b,triggerMode:`search`,selectedSummaryText:s(C),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 l,u;function d(){return(d=e((()=>{l=t(),r(),u=n(),c.__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}},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:"Ключи уровней, узлы которых раскрываются до ручного действия пользователя.\nЗначения сопоставляются с `TreeSelectNode.codeKey`."}},composes:[`Omit`]}})))()}export{d as n,c as t};
|
package/storybook-static/assets/{TreeSelect.stories-DvUGVU34.js → TreeSelect.stories-ZwxGVFce.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-t8Ol-TlS.js";import{n as r,t as i}from"./createControlledStoryRender-BouhvX-R.js";import{n as a,t as o}from"./treeStoryFixtures-DXHh9GL3.js";import{n as s,t as c}from"./TreeSelect-DfFbREJp.js";var l=t({Basic:()=>m,Empty:()=>_,FirstLevelExpanded:()=>g,SelectParent:()=>h,__namedExportsOrder:()=>v,default:()=>p});function u({args:e,updateArgs:t}){return(0,d.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,d.jsx)(c,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,d.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,e.value?`${e.value.codeKey}=${e.value.value}`:`пусто`]})]})}var d,f,p,m,h,g,_,v;function y(){return(y=e((()=>{r(),s(),a(),d=n(),f=i((e,t)=>(0,d.jsx)(u,{args:e,updateArgs:t})),p={title:`UI/TreeSelect`,component:c,parameters:{atomicCanvas:!0,layout:`padded`},args:{label:`Выбор узла`,description:`Single-select поверх дерева. Можно выбрать любой узел.`,nodes:o,value:void 0,onChange:()=>{}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},placeholder:{description:`Текст без выбранного узла.`,control:`text`},nodes:{description:`Дерево доступных узлов.`,control:!1},value:{description:`Выбранный узел в формате codeKey/value.`,control:!1},onChange:{description:`Вызывается при выборе узла.`,control:!1},query:{description:`Контролируемый текст поиска.`,control:`text`},defaultQuery:{description:`Начальный текст поиска в uncontrolled-режиме.`,control:`text`},onQuery:{description:`Вызывается при вводе поисковой строки.`,control:!1},isLoading:{description:`Показывает загрузку дерева.`,control:`boolean`},error:{description:`Текст ошибки загрузки.`,control:`text`},clearable:{description:`Показывает действие очистки выбора.`,control:`boolean`},defaultExpandedCodeKeys:{description:`Ключи уровней, раскрываемых при открытии.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},m={render:f,args:{value:{codeKey:`BRANCH`,value:`B0101`}}},h={render:f,args:{label:`Выбор родителя`,description:`Проверка single-select сценария, когда выбирается не leaf, а промежуточный узел.`,value:{codeKey:`REGION`,value:`R01`}}},g={render:f,args:{label:`Раскрыт первый уровень`,description:`Все узлы уровня REGION раскрыты до первого ручного действия пользователя.`,defaultExpandedCodeKeys:[`REGION`]}},_={render:f,args:{nodes:[],description:`Состояние без доступных узлов.`}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: renderTreeSelectStory,
|
|
3
3
|
args: {
|
|
4
4
|
value: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-t8Ol-TlS.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-OyR7mF18.js";import{_ as p,a as m,c as h,d as g,f as _,g as v,h as y,i as b,l as x,m as S,n as C,o as w,p as T,r as E,s as D,t as O,u as k}from"./TreeTable.stories-BQNgHwk9.js";function A(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(s,{of:D,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,M.jsx)(u,{children:`TreeTable`}),`
|
|
3
3
|
`,(0,M.jsx)(o,{children:`Древовидная таблица для плоских OData-данных на базе TanStack Table`}),`
|
|
4
4
|
`,(0,M.jsxs)(t.p,{children:[(0,M.jsx)(t.code,{children:`TreeTable`}),` предназначен для сценариев, где данные приходят плоским списком, но в UI должны выглядеть как дерево.
|
package/storybook-static/assets/{TreeTable.stories-DKAKV_e2.js → TreeTable.stories-BQNgHwk9.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./chevron-down-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./chevron-down-KZidOQ8z.js";import{n as a,t as o}from"./chevron-right-DwE6c1oF.js";import{n as s}from"./iframe-t8Ol-TlS.js";import{A as c,D as l,O as u,T as d,_ as ee,a as f,b as te,g as ne,h as re,i as ie,k as ae,y as oe}from"./odata-u98yP6vI.js";import{a as se,i as ce}from"./utils-tg3ibbzi.js";import{h as le,u as ue}from"./formatters-DVE1YVNQ-YIdRxgw-.js";import{n as de,t as fe}from"./useTable-CK68Q4S4.js";import{_ as pe,a as me,c as he,d as ge,f as _e,g as ve,h as ye,i as be,l as xe,m as Se,n as Ce,o as we,p as Te,r as Ee,s as De,t as Oe,u as ke,v as Ae,y as je}from"./FormattedTableCell-BrUuqaAr.js";import{n as Me,t as p}from"./createControlledStoryRender-BouhvX-R.js";function Ne(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 Pe(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&&Ne(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},ee=[],f=[];for(let e of l)u.has(e)||(ee.push(d(e,new Set)),f.push(e));for(let e of c)u.has(e)||(s.push(e),ee.push(d(e,new Set)),f.push(e));return{rows:ee,rowById:n,allRowIds:c,rootRowIds:m(f),orphanRowIds:m(o),duplicateRowIds:m(a),cyclicRowIds:m(s)}}function Fe(){return(Fe=e((()=>{})))()}var h,g,_,v,y,b,x,S;function C(){return(C=e((()=>{h=`jOS9rT`,g=`zHOAf7`,_=`j48cXg`,v=`mf4-Kr`,y=`p8pb0F`,b=`KIudLf`,x=`bJsPGU`,S={treeColumnCell:h,selectedIndicatorCell:g,treeCell:_,treeCellContent:v,expanderButton:y,expanderSpacer:b,sentinel:x}})))()}function Ie(e){return Object.fromEntries(e.map(e=>[e,!0]))}function Le(e){return typeof e==`boolean`?[]:Object.keys(e).filter(t=>e[t])}function Re(e,t){return t.get(e.id)??e.original}function ze(e,t,n,r){return e.cell.column.id===n?(0,E.jsxs)(`div`,{className:S.treeCell,style:{paddingInlineStart:`calc(${e.row.depth} * ${oe(r)??`0em`})`},children:[e.row.getCanExpand()?(0,E.jsx)(`button`,{type:`button`,className:S.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,E.jsx)(i,{size:16}):(0,E.jsx)(o,{size:16})}):(0,E.jsx)(`span`,{className:S.expanderSpacer,"aria-hidden":`true`}),(0,E.jsx)(`div`,{className:S.treeCellContent,children:t})]}):t}function w({title:e,isLoading:t,isFetching:n,data:r,columns:i,hierarchy:a,selectionMode:o=`none`,expandFirstLevel:s=!1,defaultExpandedRowIds:c,treeColumnId:l,indentSize:u=1,className:d,tableClassName:f,columnVisibility:te,defaultColumnVisibility:re,columnOrder:ie,defaultColumnOrder:ae,columnSizing:oe,defaultColumnSizing:ce,columnPinning:le,defaultColumnPinning:fe,enableColumnResizing:me=!1,enableColumnReordering:ge=!1,columnResizeMinWidth:ve,onColumnVisibilityChange:be,onColumnOrderChange:xe,onColumnSizingChange:Se,onColumnPinningChange:Ce,onRowClick:De,onRowSelectionChange:je,onExpandedRowIdsChange:Me,onReachEnd:p,getRowCanSelect:Ne,getRowClassName:m,renderHeaderContextMenu:Fe,renderCellContent:h}){let g=(0,T.useMemo)(()=>Pe(r??[],a),[r,a]),_=(0,T.useMemo)(()=>ye(i),[i]),v=(0,T.useMemo)(()=>{let e=new Set(c??[]);if(s)for(let t of g.rootRowIds)e.add(t);return Array.from(e)},[c,s,g.rootRowIds]),[y,b]=(0,T.useState)({}),x=(0,T.useRef)(!1),C=(0,T.useRef)(null),w=(0,T.useRef)(null),{rowSelection:Be,activateRowSelection:Ve}=ne({availableRowIds:g.allRowIds,rowById:g.rowById,selectionMode:o,onRowSelectionChange:je}),{columnVisibility:He,onColumnVisibilityChange:D}=we({columnVisibility:te,defaultColumnVisibility:re,onColumnVisibilityChange:be}),{columnOrder:O,onColumnOrderChange:Ue}=_e({columnOrder:ie,defaultColumnOrder:ae,onColumnOrderChange:xe}),{columnSizing:k,onColumnSizingChange:We}=he({columnSizing:oe,defaultColumnSizing:ce,columnResizeMinWidth:ve,onColumnSizingChange:Se}),{columnPinning:A,onColumnPinningChange:Ge}=ke({columnPinning:le,defaultColumnPinning:fe,onColumnPinningChange:Ce}),Ke=(0,T.useMemo)(()=>({columnOrder:O,columnPinning:A,columnSizing:k,columnVisibility:He}),[O,A,k,He]),qe=(0,T.useEffectEvent)((e,t)=>{if(e.length===0){x.current=!1,b({});return}let n=new Set(e);b(e=>{let r=Le(e).filter(e=>n.has(e));return x.current?Ie(r):(x.current=!0,Ie(Array.from(new Set([...r,...t.filter(e=>n.has(e))]))))})}),j=(0,T.useEffectEvent)(e=>{Me?.(Le(e))}),Je=(0,T.useEffectEvent)(()=>{p?.()});(0,T.useEffect)(()=>{qe(g.allRowIds,v)},[v,g.allRowIds]),(0,T.useEffect)(()=>{j(y)},[y]),(0,T.useEffect)(()=>{if(!p||!C.current||!w.current||t)return;let e=new IntersectionObserver(e=>{e[0]?.isIntersecting&&Je()},{root:C.current,threshold:.1});return e.observe(w.current),()=>e.disconnect()},[t,p,g.rows.length]);let M=de({features:ee,data:g.rows,columns:i,state:{columnOrder:O,columnPinning:A,columnSizing:k,columnVisibility:He,expanded:y,rowSelection:Be},getRowId:e=>a.getRowId(e),getSubRows:e=>e.children,onColumnOrderChange:Ue,onColumnPinningChange:Ge,onColumnSizingChange:We,onColumnVisibilityChange:D,onExpandedChange:b,enableMultiRowSelection:o===`multi`,enableRowSelection:e=>{if(o===`none`)return!1;let t=Re(e,g.rowById);return!Ne||Ne(t)}}),N=Ae(M,Ke),P=l??N[0]?.id,Ye=M.getRowModel().rows,Xe=(0,T.useMemo)(()=>Te({rows:Ye,columns:N,resolveRowBoundaryKey:e=>e.depth,excludeColumnIds:P?new Set([P]):void 0}),[Ye,N,P]);return(0,E.jsx)(Ee,{table:M,columnState:Ke,title:e,isLoading:t,isFetching:n,className:d,tableClassName:f,selectionMode:o,scrollableRef:C,interactiveElementSelector:`[data-tree-table-interactive="true"]`,onActivateRow:o!==`none`||De?e=>{let t=Re(e,g.rowById);Ve(e.id,e.getCanSelect()),De?.(t)}:void 0,isRowInteractive:e=>!!(De||o!==`none`&&e.getCanSelect()),getRowClassName:e=>{let t=Re(e,g.rowById);return m?.(t)},getCellClassName:({row:e,cell:t})=>se(t.column.id===P&&S.treeColumnCell,t.column.id===P&&e.getIsSelected()&&S.selectedIndicatorCell),getCellLayout:({cell:e})=>Xe.get(e.id),renderHeaderContextMenu:Fe,enableColumnResizing:me,enableColumnReordering:ge,columnResizeMinWidth:ve,renderCellContent:e=>{let t=Re(e.row,g.rowById),n=ue({field:_.runtimeByColumnId[e.cell.column.id],rawValue:e.cell.getValue(),rowData:t,rowKind:`tree`}),r=pe({columnId:e.cell.column.id,runtimeByColumnId:_.runtimeByColumnId,customCellColumnIds:_.customCellColumnIds})?(0,E.jsx)(Oe,{displayValue:n,align:e.columnMeta?.align}):e.defaultContent;return ze(e,h?h({...e,defaultContent:r,displayValue:n}):r,P,u)},afterTableContent:p?(0,E.jsx)(`div`,{ref:w,className:S.sentinel,"aria-hidden":`true`}):null})}var T,E;function Be(){return(Be=e((()=>{T=n(),le(),te(),Fe(),ce(),fe(),r(),a(),be(),Se(),ve(),Ce(),je(),ge(),xe(),De(),me(),C(),E=s(),w.__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
|
|