@ryuzaki13/react-foundation-ui 3.1.0 → 3.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/COLOR_TOKENS_MIGRATION.md +8 -8
- package/README.md +2 -2
- package/dist/chunks/ui.module-oRwY3Zli.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/src/styles/_tone-derived.scss +28 -10
- package/src/styles/themes/_interactive-surface.scss +6 -6
- package/src/styles/themes/_theme.scss +42 -24
- package/src/styles/themes/theme.test.ts +59 -18
- package/storybook-static/assets/{Badge-Esh85lzw.js → Badge-DZyhbbM8.js} +1 -1
- package/storybook-static/assets/{Badge.stories-DnU4Aj8m.js → Badge.stories-NTzzKHJp.js} +1 -1
- package/storybook-static/assets/{BadgeList-BxlBVt--.js → BadgeList-CyZwXD1B.js} +1 -1
- package/storybook-static/assets/{BarcodeScannerDialog.stories-B_KpAvZI.js → BarcodeScannerDialog.stories-DgsYBggs.js} +1 -1
- package/storybook-static/assets/{Button-dvkBzy21.js → Button-CH_Z6sO1.js} +1 -1
- package/storybook-static/assets/{Button-ZXxiD9P_.js → Button-CljTMz3I.js} +1 -1
- package/storybook-static/assets/{Button.stories-J4sJtC3v.js → Button.stories-BewKK-DS.js} +1 -1
- package/storybook-static/assets/{CalendarView-DGp2C40d.js → CalendarView--x2hpT2q.js} +1 -1
- package/storybook-static/assets/{CheckBox-CGIztaSc.js → CheckBox-DXh75fAR.js} +1 -1
- package/storybook-static/assets/{CheckBox-IWsEVvwo.js → CheckBox-LimJi0UQ.js} +1 -1
- package/storybook-static/assets/{CheckBox.stories-PatAgJNg.js → CheckBox.stories-o6rpfweF.js} +1 -1
- package/storybook-static/assets/{Color-6AOWCN3U-CObFhsdH.js → Color-6AOWCN3U-8n8FCLyC.js} +1 -1
- package/storybook-static/assets/{ContextMenu-PtQCIWby.js → ContextMenu-6TfxDPWB.js} +1 -1
- package/storybook-static/assets/{ContextMenu-BpMNIGaS.js → ContextMenu-Ck4m7ukO.js} +1 -1
- package/storybook-static/assets/{ContextMenu.stories-DRN3y3fq.js → ContextMenu.stories-C0bTUdLv.js} +1 -1
- package/storybook-static/assets/{CustomOptionButton-BypRyNBF.js → CustomOptionButton-dg-hYBoR.js} +1 -1
- package/storybook-static/assets/{DateInput-CtEsHpVC.js → DateInput-B_V47xx7.js} +1 -1
- package/storybook-static/assets/{DateInput-DMRmP2mq.js → DateInput-jn0KyIGr.js} +1 -1
- package/storybook-static/assets/{DateInput.stories-kwV29Z7O.js → DateInput.stories-v7jSkTQz.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-BBppsGIA.js → DateRangePresetSelect-B2r12dtb.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-BSZ8AV5V.js → DateRangePresetSelect-CSJ_ADhT.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect.stories-Brt_WHDa.js → DateRangePresetSelect.stories-BkIZ7BYP.js} +1 -1
- package/storybook-static/assets/{Detail-DgopeQrm.js → Detail-CGNKKZy_.js} +1 -1
- package/storybook-static/assets/{Detail.stories-9gNYQ6_t.js → Detail.stories-C9LpPn0-.js} +1 -1
- package/storybook-static/assets/{Dialog-BmgaXy1U.js → Dialog-ChVT8EA-.js} +1 -1
- package/storybook-static/assets/{Dialog-BIMDgQGd.js → Dialog-DOZ6KRDZ.js} +1 -1
- package/storybook-static/assets/{Dialog.stories-gQNF3xNZ.js → Dialog.stories-_ir2h3DS.js} +1 -1
- package/storybook-static/assets/{Disclosure-DYkWCvOB.js → Disclosure-DhYXxm-s.js} +1 -1
- package/storybook-static/assets/{Disclosure.stories-BkgXZx5X.js → Disclosure.stories-d5gH0j1X.js} +1 -1
- package/storybook-static/assets/{DisclosureGroup-CTkOG9uF.js → DisclosureGroup-CJzrTBA5.js} +1 -1
- package/storybook-static/assets/{DocsRenderer-JROSPFPF-CGYd7juA.js → DocsRenderer-JROSPFPF-4c9XFCUP.js} +1 -1
- package/storybook-static/assets/{DropZone-BwnzxS_O.js → DropZone-CAlPFkgO.js} +1 -1
- package/storybook-static/assets/{DropZone-C_QHZrKt.js → DropZone-C_ONrNnf.js} +1 -1
- package/storybook-static/assets/{DropZone.stories-Boz52u36.js → DropZone.stories-CIa7HYSk.js} +1 -1
- package/storybook-static/assets/{DropdownMenu-CSMB10lt.js → DropdownMenu-DWPIbyYd.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel-Bs__dpSI.js → ExpandableActionPanel-Dpv7Ogiv.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel.stories-dz1gGOjf.js → ExpandableActionPanel.stories-DO_6Ariv.js} +1 -1
- package/storybook-static/assets/{Flex-B1k5JrkX.js → Flex-DeOiILWd.js} +1 -1
- package/storybook-static/assets/{Flex.stories-DCEdIXaL.js → Flex.stories-Dhs5mlVY.js} +1 -1
- package/storybook-static/assets/{FloatingPopover-Bcol5irF.js → FloatingPopover-0Dprr5jf.js} +1 -1
- package/storybook-static/assets/{FormattedTableCell-BrUuqaAr.js → FormattedTableCell-qL4-wkCE.js} +1 -1
- package/storybook-static/assets/{Grid-BP-ULpSq.js → Grid-C8DgxK3U.js} +1 -1
- package/storybook-static/assets/{Grid.stories-xZTqePJe.js → Grid.stories-BrapZKvO.js} +1 -1
- package/storybook-static/assets/{ImageCropper.stories-9VlHvauM.js → ImageCropper.stories-CHYm4PqH.js} +1 -1
- package/storybook-static/assets/{ImageRenderer-CZUio12Y.js → ImageRenderer-CbHQ_5di.js} +1 -1
- package/storybook-static/assets/{ImageRenderer.stories-BMJ8rG5Y.js → ImageRenderer.stories-CgFX5vX1.js} +1 -1
- package/storybook-static/assets/{ImageView.stories-DwbVXc_9.js → ImageView.stories-B66Y0y8Z.js} +1 -1
- package/storybook-static/assets/{ImageViewer.stories-N79zIcYB.js → ImageViewer.stories-Dr8hSJB4.js} +2 -2
- package/storybook-static/assets/{ImageViewerRuntime-eFkLooZd.js → ImageViewerRuntime-ChNDRkbL.js} +1 -1
- package/storybook-static/assets/{Input-fyfY8tUJ.js → Input-7Olx6bGm.js} +1 -1
- package/storybook-static/assets/{Input-C_pApI-f.js → Input-C3tV6aOt.js} +1 -1
- package/storybook-static/assets/{Input.stories-DPx50f_P.js → Input.stories-Bp7kBh2f.js} +1 -1
- package/storybook-static/assets/{InputDateTime-BKOW723d.js → InputDateTime-DFMMt-mf.js} +1 -1
- package/storybook-static/assets/{InputDateTime.stories-DJpICa-C.js → InputDateTime.stories-Dds2W8yW.js} +1 -1
- package/storybook-static/assets/{InputFile-BIFMqbBI.js → InputFile-Ba-RwZsI.js} +1 -1
- package/storybook-static/assets/{InputFile-CX8kMBfN.js → InputFile-DSu8gm8A.js} +1 -1
- package/storybook-static/assets/{InputFile.stories-Dpiz4AE-.js → InputFile.stories-YGXOc3DO.js} +1 -1
- package/storybook-static/assets/{InputFiles-B-uYeAwK.js → InputFiles-CIPsyfH5.js} +1 -1
- package/storybook-static/assets/{InputFiles-g6BxqKY1.js → InputFiles-DqlQJsmm.js} +1 -1
- package/storybook-static/assets/{InputFiles.stories-CIeEtuge.js → InputFiles.stories-BH_gwOug.js} +1 -1
- package/storybook-static/assets/{InputFilesList-EUw0PgRa.js → InputFilesList-BEDe42dK.js} +1 -1
- package/storybook-static/assets/{InputImage-G56Xrlxa.js → InputImage-BdcxBj6J.js} +1 -1
- package/storybook-static/assets/{InputImage-BHhhQ_DL.js → InputImage-D4D-X8Ys.js} +1 -1
- package/storybook-static/assets/{InputImage.stories-CzcxWNCg.js → InputImage.stories-BOW5PRM7.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents-BwuEU-Jx.js → InteractiveComponents-hi2rc0Cm.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents.stories-BFz-Wro0.js → InteractiveComponents.stories-5hPeC7R2.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-XV5w8WPa.js → LayoutPicker-BO18SpK7.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-dIhabh1s.js → LayoutPicker-BqGACXDe.js} +1 -1
- package/storybook-static/assets/{LayoutPicker.stories-CDt2569o.js → LayoutPicker.stories-BlN_ODG4.js} +1 -1
- package/storybook-static/assets/{Listbox-DaW_mGeW.js → Listbox-4PvVEZRh.js} +1 -1
- package/storybook-static/assets/{Listbox-Bgo-nQ9Y.js → Listbox-Bta1Rvnl.js} +1 -1
- package/storybook-static/assets/{Listbox.stories-CP6wE_7K.js → Listbox.stories-DtEb9pou.js} +1 -1
- package/storybook-static/assets/{Modal-DDvcZVCM.js → Modal-Bmxp4mLU.js} +1 -1
- package/storybook-static/assets/{Modal-Bqw7AE8B.js → Modal-BwdW99av.js} +1 -1
- package/storybook-static/assets/{Modal.stories-BX600McN.js → Modal.stories-DuNdaLN2.js} +1 -1
- package/storybook-static/assets/{ModalManagerProvider-CxtoDU9F.js → ModalManagerProvider-CGmNKOlv.js} +1 -1
- package/storybook-static/assets/{MultiSelect-BJIs_9bc.js → MultiSelect-BrHYXgvm.js} +1 -1
- package/storybook-static/assets/{MultiSelect-yUk0g6i1.js → MultiSelect-enRkbUVu.js} +1 -1
- package/storybook-static/assets/{MultiSelect.stories-DK5hmxUc.js → MultiSelect.stories-4SSQVsBu.js} +1 -1
- package/storybook-static/assets/{NoData-hc4EFPB8.js → NoData-Bdkk4qX-.js} +1 -1
- package/storybook-static/assets/{NotificationsHost-DJrgoJC_.js → NotificationsHost-epLriMYO.js} +1 -1
- package/storybook-static/assets/{NotificationsHost.stories-D7mi4TqE.js → NotificationsHost.stories-DvF1HMJp.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect-DNrfwZV0.js → ODataMultiSelect-DYrfAdLn.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect.stories-kL4DXKxt.js → ODataMultiSelect.stories-DVkerQKn.js} +1 -1
- package/storybook-static/assets/{ODataSelect-DCDQ6QDE.js → ODataSelect-DWJYlxQc.js} +1 -1
- package/storybook-static/assets/{ODataSelect.stories-C6kKriiF.js → ODataSelect.stories-CywUlhAN.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect-CHVUlk_U.js → ODataTreeMultiSelect-D90IEf3K.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect.stories-B9FhGd09.js → ODataTreeMultiSelect.stories-CadVRCl9.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect-BtOXQoID.js → ODataTreeSelect-DSAGCoD4.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect.stories-Chqlab-8.js → ODataTreeSelect.stories-BEA_Vb7u.js} +1 -1
- package/storybook-static/assets/{OneStepScroller-DxeS1X71.js → OneStepScroller-CCIUc14k.js} +1 -1
- package/storybook-static/assets/{Option-ComrvJ9s.js → Option-ByR48EZl.js} +1 -1
- package/storybook-static/assets/{OptionButton-DJAuLjhy.js → OptionButton-BMoBnbt6.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-DcD82ag2.js → PeriodSelect-C-eGa-Kg.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-RGiWiGWB.js → PeriodSelect-sUUZBBze.js} +1 -1
- package/storybook-static/assets/{PeriodSelect.stories-J0FBtti2.js → PeriodSelect.stories-CEPqnZQz.js} +1 -1
- package/storybook-static/assets/{PickerField-BamGqyTg.js → PickerField-EVQAudL9.js} +1 -1
- package/storybook-static/assets/{PickerTriggerActions-CrzexZv7.js → PickerTriggerActions-Da3NAgN3.js} +1 -1
- package/storybook-static/assets/{Popover-DA6FuPO9.js → Popover-B7-sfEHt.js} +1 -1
- package/storybook-static/assets/{Popover-7hIGWFil.js → Popover-MG_TKcDM.js} +1 -1
- package/storybook-static/assets/{Popover.stories-BGX_E2Rj.js → Popover.stories-6rqdsIci.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-DEMn-CKo.js → PresetRangeDateInput-XkeUUy4t.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-BZ5e4ulz.js → PresetRangeDateInput-oJU3yjjY.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput.stories-DyQzNJiA.js → PresetRangeDateInput.stories-CYja7SlF.js} +1 -1
- package/storybook-static/assets/{PresetSelect-BsGseZxe.js → PresetSelect-DWW52rEr.js} +1 -1
- package/storybook-static/assets/{README-CwZI_nQ7.js → README-3onNI8KH.js} +1 -1
- package/storybook-static/assets/{README-y9Bfe8iT.js → README-8TyDLZ8m.js} +1 -1
- package/storybook-static/assets/{README-C1zwQgxk.js → README-B-dL4Dp1.js} +1 -1
- package/storybook-static/assets/{README-DvZb2tQw.js → README-B64nG4-r.js} +1 -1
- package/storybook-static/assets/{README-CmkOA3wW.js → README-B887wTp_.js} +1 -1
- package/storybook-static/assets/{README-Bup4xuqw.js → README-BGGr2zYm.js} +1 -1
- package/storybook-static/assets/{README-C4KUJF4d.js → README-BIp15sbA.js} +1 -1
- package/storybook-static/assets/{README-DHwyWwmz.js → README-BLjBIG5b.js} +1 -1
- package/storybook-static/assets/{README-BhxFmTpV.js → README-BSDrP24w.js} +1 -1
- package/storybook-static/assets/{README-4wAMpqKW.js → README-BUXHrder.js} +1 -1
- package/storybook-static/assets/{README-BmrxdH-B.js → README-BXK6R512.js} +1 -1
- package/storybook-static/assets/{README-DhOlNM3a.js → README-Bd8oZSBv.js} +1 -1
- package/storybook-static/assets/{README-DYrhoV2x.js → README-BeQQlzku.js} +1 -1
- package/storybook-static/assets/{README-CAaN4Ld-.js → README-Bk_j-FWx.js} +1 -1
- package/storybook-static/assets/{README-DhMfO2Dl.js → README-BqbscBiw.js} +1 -1
- package/storybook-static/assets/{README-UQVgPCo3.js → README-BtXLkUYG.js} +1 -1
- package/storybook-static/assets/{README-DP6FJt9L.js → README-BuyFnGUr.js} +1 -1
- package/storybook-static/assets/{README-BbONAExJ.js → README-C4aCrDhQ.js} +1 -1
- package/storybook-static/assets/{README-D2L5Yzv1.js → README-C5Evi_Od.js} +1 -1
- package/storybook-static/assets/{README-BgRQJ2S9.js → README-C5o1ee9L.js} +1 -1
- package/storybook-static/assets/{README-530UIsM5.js → README-C87LZz6f.js} +1 -1
- package/storybook-static/assets/{README-Bjq9zsXL.js → README-CNQEzBHn.js} +1 -1
- package/storybook-static/assets/{README-CQn8q9y9.js → README-CarOmnk7.js} +1 -1
- package/storybook-static/assets/{README-BrIfTQtc.js → README-CeZpJRtg.js} +1 -1
- package/storybook-static/assets/{README-Ld_nuS76.js → README-ChG5rY0i.js} +1 -1
- package/storybook-static/assets/{README-D7_WRUZg.js → README-Co2u6-Lj.js} +1 -1
- package/storybook-static/assets/{README-DnkpFu02.js → README-CoIps3ow.js} +1 -1
- package/storybook-static/assets/{README-97xTDGmC.js → README-CpE19mEd.js} +1 -1
- package/storybook-static/assets/{README-DtM6kMym.js → README-CzeEqZV4.js} +1 -1
- package/storybook-static/assets/{README-YY1Ajz1w.js → README-D8RATsxd.js} +1 -1
- package/storybook-static/assets/{README-BXdudd03.js → README-DCcgaFeQ.js} +1 -1
- package/storybook-static/assets/{README-DCJ0rsOW.js → README-DDIuwU7m.js} +1 -1
- package/storybook-static/assets/{README-CUhyCSGc.js → README-DGvtRCkM.js} +1 -1
- package/storybook-static/assets/{README-DuTHnM3g.js → README-DJnq2r66.js} +1 -1
- package/storybook-static/assets/{README-B71F0K0c.js → README-DM_g6PCr.js} +1 -1
- package/storybook-static/assets/{README-CGovAIuH.js → README-DN4AcFXT.js} +1 -1
- package/storybook-static/assets/{README-_oeRmsba.js → README-DS6WZRoh.js} +1 -1
- package/storybook-static/assets/{README-_ZkqcsGp.js → README-DgYioDAa.js} +1 -1
- package/storybook-static/assets/{README-BC4xt0AQ.js → README-DoB-J219.js} +1 -1
- package/storybook-static/assets/{README-C0GgcK-F.js → README-DoW41pj8.js} +1 -1
- package/storybook-static/assets/{README-DMvM0CFG.js → README-DousuaoR.js} +1 -1
- package/storybook-static/assets/{README-CgkwwR69.js → README-DpPmQc1C.js} +1 -1
- package/storybook-static/assets/{README-CFR0mu0U.js → README-HiFT84zG.js} +1 -1
- package/storybook-static/assets/{README-BcrNbNjI.js → README-LkMYQQZG.js} +1 -1
- package/storybook-static/assets/{README-mRxMTW_Z.js → README-N-t9Esrs.js} +1 -1
- package/storybook-static/assets/{README-D7L1Z6n9.js → README-Q6TktIyC.js} +1 -1
- package/storybook-static/assets/{README-DzJwLpxb.js → README-ZBSgAfUQ.js} +1 -1
- package/storybook-static/assets/{README-B84EaQXv.js → README-aMioowWA.js} +1 -1
- package/storybook-static/assets/{README-CY5Rzd4q.js → README-bp2jvuhN.js} +1 -1
- package/storybook-static/assets/{README-DETry3fH.js → README-dBjUPcUC.js} +1 -1
- package/storybook-static/assets/{README-BUa64A8D.js → README-jAXiQfWd.js} +1 -1
- package/storybook-static/assets/{README-C8fBLb8Q.js → README-kqacqwMO.js} +1 -1
- package/storybook-static/assets/{README-B7DR00fM.js → README-px0sy3mH.js} +1 -1
- package/storybook-static/assets/{RadioButton-AUoosUqB.js → RadioButton-CBZ-2tpg.js} +1 -1
- package/storybook-static/assets/{RadioButton-0axQ-WvZ.js → RadioButton-DeU7LySy.js} +1 -1
- package/storybook-static/assets/{RadioButton.stories-Dqe-r3lD.js → RadioButton.stories-DzBmcWYh.js} +1 -1
- package/storybook-static/assets/{RadioGroup-BgCjgFfe.js → RadioGroup-9L9EBmPZ.js} +1 -1
- package/storybook-static/assets/{RadioGroup-Biy7jsOy.js → RadioGroup-M8U_3Qu1.js} +1 -1
- package/storybook-static/assets/{RadioGroup.stories-CHvNWKTQ.js → RadioGroup.stories-DhaRdRnV.js} +1 -1
- package/storybook-static/assets/{Scrollable-BYmva3ep.js → Scrollable-DKD8_GYW.js} +1 -1
- package/storybook-static/assets/{Select-CZCJfh1u.js → Select-DG_lx7Rl.js} +1 -1
- package/storybook-static/assets/{Select-CoD4ahoj.js → Select-Dg-l0yoE.js} +1 -1
- package/storybook-static/assets/{Select.stories-B-PY1Sz5.js → Select.stories-D4TelGYC.js} +1 -1
- package/storybook-static/assets/{SerializableSelect-DE8iNPWu.js → SerializableSelect-CpitM8WL.js} +1 -1
- package/storybook-static/assets/{SerializableSelect.stories-Cgd2VT8m.js → SerializableSelect.stories-ZlWgKkHt.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-BzOL-IZJ.js → SingleDateTimeInput-CqocRYJY.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-BDHCGYJi.js → SingleDateTimeInput-m6jYz_r2.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput.stories-yuCgjvxm.js → SingleDateTimeInput.stories-fH-iW9qA.js} +1 -1
- package/storybook-static/assets/{Slider-Bx2jKg6R.js → Slider-CF5lNqVZ.js} +1 -1
- package/storybook-static/assets/{Slider-BSYDJi1k.js → Slider-D0Qwf7EY.js} +1 -1
- package/storybook-static/assets/{Slider.stories-P23SMkMP.js → Slider.stories-B6QVVtrd.js} +1 -1
- package/storybook-static/assets/{SliderInput-AgH6kueH.js → SliderInput-Dvz_4kgc.js} +1 -1
- package/storybook-static/assets/{SliderInput-CfK1Mnw8.js → SliderInput-zM3jF5KD.js} +1 -1
- package/storybook-static/assets/{SliderInput.stories-BIZQY77N.js → SliderInput.stories-BKuUv8N2.js} +1 -1
- package/storybook-static/assets/{Sortable-HAt33EOU.js → Sortable-C0K_6g4P.js} +1 -1
- package/storybook-static/assets/{Sortable.stories-DpKHUgP7.js → Sortable.stories-Chf1sxZg.js} +1 -1
- package/storybook-static/assets/{Splitter-XHLzIzBV.js → Splitter-B8Ksf_xs.js} +1 -1
- package/storybook-static/assets/{Splitter.stories-AF5cuIrd.js → Splitter.stories-fRvGX5Jp.js} +1 -1
- package/storybook-static/assets/{StateSelect-D_4JId4p.js → StateSelect-CPNphBga.js} +1 -1
- package/storybook-static/assets/{StateSelect-Bc7THQz4.js → StateSelect-CjsviCtb.js} +1 -1
- package/storybook-static/assets/{StateSelect.stories-Dskb5EaO.js → StateSelect.stories-D32llZ6v.js} +1 -1
- package/storybook-static/assets/{StatusIndicator-DgpNsNH9.js → StatusIndicator-CKvd7tHs.js} +1 -1
- package/storybook-static/assets/{StatusIndicator.stories-CggWAarU.js → StatusIndicator.stories-NOvPPe_7.js} +1 -1
- package/storybook-static/assets/{StringToggle.stories-C0ZhO81t.js → StringToggle.stories-Bicdqe7C.js} +1 -1
- package/storybook-static/assets/{Switch-CknduYVb.js → Switch-Bkob6qYu.js} +1 -1
- package/storybook-static/assets/{Switch-f3dsucrL.js → Switch-C61_o5be.js} +1 -1
- package/storybook-static/assets/{Switch.stories-Chg3TrE2.js → Switch.stories-BSXuhd1n.js} +1 -1
- package/storybook-static/assets/{Table-A1OmUB1G.js → Table-DrI-ye5w.js} +1 -1
- package/storybook-static/assets/{Table.stories-F0G5NqxY.js → Table.stories-DfeiRj00.js} +1 -1
- package/storybook-static/assets/{TableEditor.stories-Hq1Gc1oK.js → TableEditor.stories-BsLxmTao.js} +1 -1
- package/storybook-static/assets/{Tabs-BmH25H7g.js → Tabs-CgalbGPu.js} +1 -1
- package/storybook-static/assets/{Tabs.stories-CIX0RdTF.js → Tabs.stories-BNjq8-Q7.js} +1 -1
- package/storybook-static/assets/{TabsBox-C1OmrVhO.js → TabsBox-CpmFgUBj.js} +1 -1
- package/storybook-static/assets/{TagInput-CE0_PHMq.js → TagInput-DvEYa96d.js} +1 -1
- package/storybook-static/assets/{TagInput.stories-CTlBOp-Y.js → TagInput.stories-j4Qd29sb.js} +1 -1
- package/storybook-static/assets/{Text-Dm4ZV9wd.js → Text-BZ1JvyUT.js} +1 -1
- package/storybook-static/assets/{Textarea-CK7tpoYG.js → Textarea-BMzsyo3c.js} +1 -1
- package/storybook-static/assets/{Textarea-9eR-qNKs.js → Textarea-BRdIBUkE.js} +1 -1
- package/storybook-static/assets/{Textarea.stories-vGi_UkyN.js → Textarea.stories-C0x425GI.js} +1 -1
- package/storybook-static/assets/{TimePanel-BLQrdjYw.js → TimePanel-BWqMMKMh.js} +1 -1
- package/storybook-static/assets/{TimePanel.stories-DOLgz23p.js → TimePanel.stories-DyU92R36.js} +1 -1
- package/storybook-static/assets/{Toggle-DCT7y4pb.js → Toggle-Bownsch8.js} +1 -1
- package/storybook-static/assets/{Toggle-d3qw-5vS.js → Toggle-ClbrIGCZ.js} +1 -1
- package/storybook-static/assets/{Toggle.stories-DIc66YyI.js → Toggle.stories-DsNHF5oC.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-3CrIhRKl.js → TreeMultiSelect-CDg35T0c.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-Buj6k0wN.js → TreeMultiSelect-D3TzNY3n.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect.stories-BHxIRTEy.js → TreeMultiSelect.stories-C3xbNKlw.js} +1 -1
- package/storybook-static/assets/{TreePickerBase-BHduNQZI.js → TreePickerBase-DwM3HHNJ.js} +1 -1
- package/storybook-static/assets/{TreeSelect-DfFbREJp.js → TreeSelect-BWZkUyfN.js} +1 -1
- package/storybook-static/assets/{TreeSelect-BO1tYVB4.js → TreeSelect-CzPMpXEN.js} +1 -1
- package/storybook-static/assets/{TreeSelect.stories-ZwxGVFce.js → TreeSelect.stories-Dt2iVzbQ.js} +1 -1
- package/storybook-static/assets/{TreeTable-CIxtOAyo.js → TreeTable-CVn34tY8.js} +1 -1
- package/storybook-static/assets/{TreeTable.stories-BQNgHwk9.js → TreeTable.stories-D1ufYTtN.js} +1 -1
- package/storybook-static/assets/{blocks-OyR7mF18.js → blocks-BIDgFZzT.js} +3 -3
- package/storybook-static/assets/{check-Gvk-f2eZ.js → check-Ci14Psj_.js} +1 -1
- package/storybook-static/assets/{chevron-down-KZidOQ8z.js → chevron-down-DbAd2qk7.js} +1 -1
- package/storybook-static/assets/{chevron-left-BmY0y72L.js → chevron-left-BkXE-6hJ.js} +1 -1
- package/storybook-static/assets/{chevron-right-DwE6c1oF.js → chevron-right--BJBL7es.js} +1 -1
- package/storybook-static/assets/{chunk-W22LQPXL-Dvqa6-ec.js → chunk-W22LQPXL-Ck7Hq2hD.js} +1 -1
- package/storybook-static/assets/{circle-alert-CWi4rINy.js → circle-alert-DZ-mqRo-.js} +1 -1
- package/storybook-static/assets/{circle-check-BWlhKN1l.js → circle-check-ohYPmGXF.js} +1 -1
- package/storybook-static/assets/{components-CoPo6nEv.js → components-BcLNCNYh.js} +3 -3
- package/storybook-static/assets/{contextMenu-DwYdo2Sb.js → contextMenu-CV1L1k-X.js} +1 -1
- package/storybook-static/assets/{download-Bqp3e16u.js → download-Cj6p8bKz.js} +1 -1
- package/storybook-static/assets/{floating-ui.react-Dzrc1SBT.js → floating-ui.react-BSdrfXIW.js} +1 -1
- package/storybook-static/assets/{foundationApi-297mfV2y.js → foundationApi-CQ7TLs4F.js} +1 -1
- package/storybook-static/assets/{foundationLib-CnmPNL2i.js → foundationLib-CrDmX7bX.js} +1 -1
- package/storybook-static/assets/{hooks-CZ-c1LQK.js → hooks-DUyI2f7Z.js} +1 -1
- package/storybook-static/assets/iframe-CBug5Z2-.js +1 -0
- package/storybook-static/assets/{iframe-t8Ol-TlS.js → iframe-CLqd5Giv.js} +3 -3
- package/storybook-static/assets/{info-BMddFLDT.js → info-T_PVPfD-.js} +1 -1
- package/storybook-static/assets/{odata-u98yP6vI.js → odata-CCaj8ulC.js} +1 -1
- package/storybook-static/assets/{odataStoryFixtures-BX88AmEk.js → odataStoryFixtures-Bv9BrgZv.js} +1 -1
- package/storybook-static/assets/{react-BwRTJdhk.js → react-Ce_aQozh.js} +1 -1
- package/storybook-static/assets/{refresh-cw-BSZCBW1r.js → refresh-cw-CNrDNE_N.js} +1 -1
- package/storybook-static/assets/{settings-2-UthslFqJ.js → settings-2-jAEe_Y9H.js} +1 -1
- package/storybook-static/assets/{sortable-C4MB--OV.js → sortable-kVkmtF5b.js} +1 -1
- package/storybook-static/assets/{syntaxhighlighter-QEQV7K2Y-DByUKVZY.js → syntaxhighlighter-QEQV7K2Y-zKIOKo3C.js} +1 -1
- package/storybook-static/assets/{trash-2-CPAznzsr.js → trash-2-Dt4QzFcm.js} +1 -1
- package/storybook-static/assets/{triangle-alert-B2jfGvCD.js → triangle-alert-BiyO16L3.js} +1 -1
- package/storybook-static/assets/{ui-D4-nHP5x.css → ui-DPTWro6M.css} +1 -1
- package/storybook-static/assets/{uiClasses-BCk2WXc4.js → uiClasses-BY4mQ-J3.js} +1 -1
- package/storybook-static/assets/{useODataSelectBase-C-o3n-Rn.js → useODataSelectBase-DpSBp8Rk.js} +1 -1
- package/storybook-static/assets/{useODataTreeData-DkF53Jgq.js → useODataTreeData-ynwGta5X.js} +1 -1
- package/storybook-static/assets/{usePickerQuery-D609nrEf.js → usePickerQuery-BVMhh3cw.js} +1 -1
- package/storybook-static/assets/{usePickerTriggerController-CiGxyPbG.js → usePickerTriggerController-TTKRTNy4.js} +1 -1
- package/storybook-static/assets/{x-Y6c20Jey.js → x-wBEq3sjm.js} +1 -1
- package/storybook-static/iframe.html +2 -2
- package/storybook-static/project.json +1 -1
- package/storybook-static/assets/iframe-3DMMfY6n.js +0 -1
- /package/storybook-static/assets/{ui.module-nb-nQZVN.js → ui.module-B6Lc_ii5.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-CLqd5Giv.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-BIDgFZzT.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-C3xbNKlw.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-CLqd5Giv.js";import{n as r,t as i}from"./createControlledStoryRender-BouhvX-R.js";import{n as a,t as o}from"./TreeMultiSelect-CDg35T0c.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-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:`{
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./chevron-right--BJBL7es.js";import{n as i,t as a}from"./CheckBox-LimJi0UQ.js";import{n as o}from"./iframe-CLqd5Giv.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-BMoBnbt6.js";import{a as m,n as h,o as g,t as ee}from"./Option-ByR48EZl.js";import{l as _,o as te}from"./Input-7Olx6bGm.js";import{n as ne,t as re}from"./PickerField-EVQAudL9.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-TTKRTNy4.js";import{i as de,n as fe,r as pe,t as me}from"./usePickerQuery-BVMhh3cw.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 +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-CLqd5Giv.js";import{n as r,r as i,t as a,u as o}from"./TreePickerBase-DwM3HHNJ.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};
|
|
@@ -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-CLqd5Giv.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-BIDgFZzT.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./TreeSelect.stories-Dt2iVzbQ.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`}),` подходит для сценариев, где выбор должен происходить по одному узлу, но пользователь работает не с плоским списком, а с иерархией.`]}),`
|
package/storybook-static/assets/{TreeSelect.stories-ZwxGVFce.js → TreeSelect.stories-Dt2iVzbQ.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-CLqd5Giv.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-BWZkUyfN.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-CLqd5Giv.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-BIDgFZzT.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-D1ufYTtN.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-BQNgHwk9.js → TreeTable.stories-D1ufYTtN.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-DbAd2qk7.js";import{n as a,t as o}from"./chevron-right--BJBL7es.js";import{n as s}from"./iframe-CLqd5Giv.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-CCaj8ulC.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-qL4-wkCE.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
|
|