@ryuzaki13/react-foundation-ui 1.4.3 → 1.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/advanced-search/index.js +1 -1
- package/dist/chunks/{multi-select-COa6-owj.js → multi-select-COEkc8Qc.js} +2 -3
- package/dist/chunks/multi-select-COEkc8Qc.js.map +1 -0
- package/dist/chunks/{select-C95db02j.js → select-BON0S9Dr.js} +106 -107
- package/dist/chunks/select-BON0S9Dr.js.map +1 -0
- package/dist/layout-picker/index.js +0 -1
- package/dist/layout-picker/index.js.map +1 -1
- package/dist/layout-picker/ui/LayoutPicker.d.ts.map +1 -1
- package/dist/multi-select/index.js +1 -1
- package/dist/multi-select/ui/MultiSelect.d.ts.map +1 -1
- package/dist/picker/types.d.ts +1 -1
- package/dist/picker/types.d.ts.map +1 -1
- package/dist/preset-select/index.js +1 -1
- package/dist/select/Select.d.ts.map +1 -1
- package/dist/select/index.js +1 -1
- package/dist/state-select/index.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/tree-select/TreePickerBase.d.ts.map +1 -1
- package/dist/tree-select/index.js +112 -113
- package/dist/tree-select/index.js.map +1 -1
- package/package.json +2 -1
- package/storybook-static/assets/{Badge-DHexWW92.js → Badge-Bh73-APE.js} +1 -1
- package/storybook-static/assets/{Badge.stories-CeWDekpP.js → Badge.stories-gNFtCWnR.js} +1 -1
- package/storybook-static/assets/{Button-kybsFNS9.js → Button-O9QPAftp.js} +1 -1
- package/storybook-static/assets/{Button-VdPdxcvG.js → Button-mjF9HSg0.js} +1 -1
- package/storybook-static/assets/{Button.stories-DhgYDM_q.js → Button.stories-wkiE0c_a.js} +1 -1
- package/storybook-static/assets/{CalendarView-DTX0eO8t.js → CalendarView-CqKlnF8k.js} +1 -1
- package/storybook-static/assets/{CheckBox-CDwboiFD.js → CheckBox-CB8fTQF0.js} +1 -1
- package/storybook-static/assets/{CheckBox-B6rTemHK.js → CheckBox-Clpeg9q7.js} +1 -1
- package/storybook-static/assets/{CheckBox.stories-BSMihxpY.js → CheckBox.stories-pfWBxvOy.js} +1 -1
- package/storybook-static/assets/{Color-6AOWCN3U-D5F38IUU.js → Color-6AOWCN3U-CVvkiihj.js} +1 -1
- package/storybook-static/assets/{ContextMenu-CQtvL8kx.js → ContextMenu-Sv4wfyS3.js} +1 -1
- package/storybook-static/assets/{ContextMenu-2ZQAeo_p.js → ContextMenu-eGnlhRRu.js} +1 -1
- package/storybook-static/assets/{ContextMenu.stories-Dtz2YIGk.js → ContextMenu.stories-CVw3hOvY.js} +1 -1
- package/storybook-static/assets/{DateInput-DBwgBhFj.js → DateInput-D8_Oleoy.js} +1 -1
- package/storybook-static/assets/{DateInput-D41aWZ7_.js → DateInput-DQDplLib.js} +1 -1
- package/storybook-static/assets/{DateInput.stories-CMV96t-8.js → DateInput.stories-BNpS4CND.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-DXYYFJJn.js → DateRangePresetSelect-Bfx-d5qg.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-BLKJkg8X.js → DateRangePresetSelect-DCBEf98i.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect.stories-BNtFx_iG.js → DateRangePresetSelect.stories-PAV2jgQb.js} +1 -1
- package/storybook-static/assets/{Detail-BHcGLZok.js → Detail-DvmdQCue.js} +1 -1
- package/storybook-static/assets/{Detail.stories-C4smn8Uu.js → Detail.stories-CEm00aSN.js} +1 -1
- package/storybook-static/assets/{Dialog-kji1ho-G.js → Dialog-3I2Y7jD7.js} +1 -1
- package/storybook-static/assets/{Dialog.stories-DYzrVcIT.js → Dialog.stories-lcadmonM.js} +1 -1
- package/storybook-static/assets/{Disclosure-BVLfp53o.js → Disclosure-DUIQ37oh.js} +1 -1
- package/storybook-static/assets/{Disclosure.stories-DcV1pGCt.js → Disclosure.stories-BeizaZWP.js} +1 -1
- package/storybook-static/assets/{DocsRenderer-JROSPFPF-CCwX0YiR.js → DocsRenderer-JROSPFPF-DwPk6ai7.js} +1 -1
- package/storybook-static/assets/{DropZone-6iWHt6C_.js → DropZone-BGuCU5dq.js} +1 -1
- package/storybook-static/assets/{DropZone.stories-bASZNbD5.js → DropZone.stories-B4J6OZ3T.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel.stories-CMMbHs_d.js → ExpandableActionPanel.stories-gCrqbhG6.js} +1 -1
- package/storybook-static/assets/{Flex-BJViOwhH.js → Flex-CBwbh1yu.js} +1 -1
- package/storybook-static/assets/{Flex.stories-CI6DdxU7.js → Flex.stories-cdk6vRZq.js} +1 -1
- package/storybook-static/assets/{FloatingPopover-CPLOruAY.js → FloatingPopover-D4h-c24R.js} +1 -1
- package/storybook-static/assets/{FormattedTableCell-CV4yLuxl.js → FormattedTableCell-Dh-kHTOC.js} +1 -1
- package/storybook-static/assets/{Grid-CNEn2bRE.js → Grid-BkKqSMfk.js} +1 -1
- package/storybook-static/assets/{Grid.stories-qFo5E3qE.js → Grid.stories-828arrPi.js} +1 -1
- package/storybook-static/assets/{ImageCropper.stories-BeQI7oKQ.js → ImageCropper.stories-CrIWrKKR.js} +1 -1
- package/storybook-static/assets/{ImageRenderer-DK2ibQyr.js → ImageRenderer-F3AaZx-K.js} +1 -1
- package/storybook-static/assets/{ImageRenderer.stories-C1T4ne0G.js → ImageRenderer.stories-l3PnRYxy.js} +1 -1
- package/storybook-static/assets/{ImageView.stories-D_Q-ZBtQ.js → ImageView.stories-C6uhkvCN.js} +1 -1
- package/storybook-static/assets/{ImageViewer.stories-boombTJI.js → ImageViewer.stories-BSPiv5lU.js} +2 -2
- package/storybook-static/assets/{ImageViewerRuntime-D8KSESgf.js → ImageViewerRuntime-BOpMGgz6.js} +1 -1
- package/storybook-static/assets/{Input-DtOsW7ur.js → Input-Co--DMHY.js} +1 -1
- package/storybook-static/assets/{Input-CGHba0oM.js → Input-D-ZrbHVw.js} +1 -1
- package/storybook-static/assets/{Input.stories-C0qWd6SH.js → Input.stories-vqPv6pLx.js} +1 -1
- package/storybook-static/assets/{InputDateTime-CgYkmVYu.js → InputDateTime-DHBVbRii.js} +1 -1
- package/storybook-static/assets/{InputDateTime.stories-Brxo7Chn.js → InputDateTime.stories-BAvLMBuk.js} +1 -1
- package/storybook-static/assets/{InputFile-Bsxafe88.js → InputFile-B9TVOEZV.js} +1 -1
- package/storybook-static/assets/{InputFile.stories-BzEV7ybE.js → InputFile.stories-CypBLWFh.js} +1 -1
- package/storybook-static/assets/{InputFiles-KJFUsmSS.js → InputFiles-CxZkOZFK.js} +1 -1
- package/storybook-static/assets/{InputFiles.stories-ffjxiHSh.js → InputFiles.stories-BGwCp7OC.js} +1 -1
- package/storybook-static/assets/{InputFilesList-D6B5g99M.js → InputFilesList-OEX4zGI3.js} +1 -1
- package/storybook-static/assets/{InputImage-Cd39V4Vc.js → InputImage-31A6fxSf.js} +1 -1
- package/storybook-static/assets/{InputImage.stories-n-tpY8OO.js → InputImage.stories-CdpOudXI.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-CGQFfQk6.js → LayoutPicker-Dc55ovYM.js} +1 -1
- package/storybook-static/assets/LayoutPicker.stories-DXcn-WXQ.js +449 -0
- package/storybook-static/assets/{Listbox-CxISK8c5.js → Listbox-DF8E6oMR.js} +1 -1
- package/storybook-static/assets/{Listbox.stories-BdQBmVFI.js → Listbox.stories-C98_9wX3.js} +1 -1
- package/storybook-static/assets/{Modal-BiaAWMdV.js → Modal-CXvDgktT.js} +1 -1
- package/storybook-static/assets/{Modal.stories-GV7fGqyd.js → Modal.stories-DAC_QwN7.js} +1 -1
- package/storybook-static/assets/{MultiSelect-D5XFosSU.js → MultiSelect-B-wX6JPo.js} +2 -2
- package/storybook-static/assets/{MultiSelect-Df2CpyNH.js → MultiSelect-DN4foQlG.js} +1 -1
- package/storybook-static/assets/{MultiSelect.stories-BEVQF6hO.js → MultiSelect.stories-CgKNQmma.js} +1 -1
- package/storybook-static/assets/MultiSelectToken-DDu5n78h.css +1 -0
- package/storybook-static/assets/{MultiSelectToken-CrVawISu.js → MultiSelectToken-fjW8p4YG.js} +1 -1
- package/storybook-static/assets/{NoData-Fm23iF4n.js → NoData-W7wK8oTW.js} +1 -1
- package/storybook-static/assets/{NotificationsHost-C2vSwAjz.js → NotificationsHost-D1UoWmF8.js} +1 -1
- package/storybook-static/assets/{NotificationsHost.stories-IbgayDlM.js → NotificationsHost.stories-BWUuMmPl.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect-oW3kW0nO.js → ODataMultiSelect-DE1V4el8.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect.stories-CP6_jGSr.js → ODataMultiSelect.stories-Q1DUIL2W.js} +1 -1
- package/storybook-static/assets/{ODataSelect-CrGF8fyC.js → ODataSelect-CtoT2Wxx.js} +1 -1
- package/storybook-static/assets/{ODataSelect.stories-DTv31Rkv.js → ODataSelect.stories-DLi7Rwzk.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect-D0h8H3gw.js → ODataTreeMultiSelect-DEZfgyPK.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect.stories-CM8QjG8r.js → ODataTreeMultiSelect.stories-H42q78xI.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect-PWn0-hI4.js → ODataTreeSelect-BeylEiPN.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect.stories-2UkFTnbE.js → ODataTreeSelect.stories-MOILmtfY.js} +1 -1
- package/storybook-static/assets/{OneStepScroller-CH6K7wiO.js → OneStepScroller-BSvYN6QP.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-BtwJuAO6.js → PeriodSelect-KQFGCxq6.js} +1 -1
- package/storybook-static/assets/{PeriodSelect.stories-BH8I5Wmg.js → PeriodSelect.stories-BIYx4_Yy.js} +1 -1
- package/storybook-static/assets/{PickerSelectionToolbar-BcL8-O6n.js → PickerSelectionToolbar-Cvv8vTZm.js} +1 -1
- package/storybook-static/assets/{PickerTriggerActions-C8Asdp5e.js → PickerTriggerActions-BBZmXagt.js} +1 -1
- package/storybook-static/assets/{Popover-Ch5btFhR.js → Popover-7YZIq8Fi.js} +1 -1
- package/storybook-static/assets/{Popover-Djns7yXR.js → Popover-D6gSyjaW.js} +1 -1
- package/storybook-static/assets/{Popover.stories-Bask2I1I.js → Popover.stories-DM69Ztws.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-DvsTjQNP.js → PresetRangeDateInput-Ch6GapcJ.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput.stories-BNfOUWgp.js → PresetRangeDateInput.stories-Cqd4eb0N.js} +1 -1
- package/storybook-static/assets/{PresetSelect-9zitP0-V.js → PresetSelect-C8uIYhPJ.js} +1 -1
- package/storybook-static/assets/{RadioButton-Yb9bQKYe.js → RadioButton-BQjiyASl.js} +1 -1
- package/storybook-static/assets/{RadioButton.stories-FIFxXFVP.js → RadioButton.stories-Cbho4i83.js} +1 -1
- package/storybook-static/assets/{RadioGroup-CWsVqwtm.js → RadioGroup-DNqu6WaC.js} +1 -1
- package/storybook-static/assets/{RadioGroup-Dn0zL838.js → RadioGroup-vw4ObVj-.js} +1 -1
- package/storybook-static/assets/{RadioGroup.stories-B_drop9x.js → RadioGroup.stories-B-WQzZW_.js} +1 -1
- package/storybook-static/assets/{Scrollable-3Z6b5g0Z.js → Scrollable-DrxMuH2M.js} +1 -1
- package/storybook-static/assets/{Select-BaR8D89E.js → Select-BxigZNtu.js} +1 -1
- package/storybook-static/assets/{Select-BiOxxy0y.js → Select-X_O4M8Hi.js} +1 -1
- package/storybook-static/assets/{Select.stories-CMlWu7vC.js → Select.stories-BpTrYJSr.js} +1 -1
- package/storybook-static/assets/{SelectOptionContent-DhtCMwz6.js → SelectOptionContent-RAmgWCOm.js} +1 -1
- package/storybook-static/assets/{SerializableSelect-BDiZo_-M.js → SerializableSelect-CA9wjk2m.js} +1 -1
- package/storybook-static/assets/{SerializableSelect.stories-DgC6oiRx.js → SerializableSelect.stories-DXd4E-3U.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-Dx1fvzyr.js → SingleDateTimeInput-BeFLYUBF.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput.stories-NRUE7nnA.js → SingleDateTimeInput.stories-B1aZ754N.js} +1 -1
- package/storybook-static/assets/{Slider-DJpzPo7f.js → Slider-BYrHesOR.js} +1 -1
- package/storybook-static/assets/{Slider-aiFcrSGY.js → Slider-BdWBkKp4.js} +1 -1
- package/storybook-static/assets/{Slider.stories-B0YHmFf5.js → Slider.stories-CgmOhVBs.js} +1 -1
- package/storybook-static/assets/{SliderInput-sOoxvdku.js → SliderInput-QmF2VQWA.js} +1 -1
- package/storybook-static/assets/{SliderInput.stories-BYk1V19Z.js → SliderInput.stories-MjSmhiOM.js} +1 -1
- package/storybook-static/assets/{Sortable-CuVT40f8.js → Sortable-D5OTpesH.js} +1 -1
- package/storybook-static/assets/{Sortable.stories-KSWGoKrN.js → Sortable.stories-yz3c5EhY.js} +1 -1
- package/storybook-static/assets/{Splitter-EoNOj4XF.js → Splitter-DVq6XBul.js} +1 -1
- package/storybook-static/assets/{Splitter.stories-CuAZab2y.js → Splitter.stories-CopPw1_p.js} +1 -1
- package/storybook-static/assets/{StateSelect-B_M50HZl.js → StateSelect-ojwXeKmx.js} +1 -1
- package/storybook-static/assets/{StateSelect.stories-DQ_MzvL4.js → StateSelect.stories-D46m5HNn.js} +1 -1
- package/storybook-static/assets/{StringToggle.stories-BbRysCKA.js → StringToggle.stories-ByYMmlXl.js} +1 -1
- package/storybook-static/assets/{Switch-DO_tyZIc.js → Switch-Dy4Pahkn.js} +1 -1
- package/storybook-static/assets/{Switch.stories-BQakMoPp.js → Switch.stories-EiAb5Z-D.js} +1 -1
- package/storybook-static/assets/{Table-CVK5rwmT.js → Table-BO6Oa4JV.js} +1 -1
- package/storybook-static/assets/{Table.stories-IZaleOjp.js → Table.stories--TpBKwmP.js} +1 -1
- package/storybook-static/assets/{Tabs-DAaWUQb4.js → Tabs-7c93qVyH.js} +1 -1
- package/storybook-static/assets/{Tabs.stories-BC8LwG22.js → Tabs.stories-DXZ0r2ix.js} +1 -1
- package/storybook-static/assets/{TagInput.stories-CrXD57LV.js → TagInput.stories-CoM8rXwa.js} +1 -1
- package/storybook-static/assets/{Text-cVBcGheg.js → Text-BPlJUr3R.js} +1 -1
- package/storybook-static/assets/{Textarea-9VdIC6G0.js → Textarea-D3S4MkiX.js} +1 -1
- package/storybook-static/assets/{Textarea.stories-CEaMwEau.js → Textarea.stories-47k8uHdB.js} +1 -1
- package/storybook-static/assets/{TimePanel-vx1aOwT4.js → TimePanel-C2iZ9Qr6.js} +1 -1
- package/storybook-static/assets/{TimePanel.stories-BKyiLEgy.js → TimePanel.stories-JTjIv6z1.js} +1 -1
- package/storybook-static/assets/{Toggle-DrNoVpGe.js → Toggle-CHmajZE5.js} +1 -1
- package/storybook-static/assets/{Toggle-CyajrRVE.js → Toggle-OlKw8qaK.js} +1 -1
- package/storybook-static/assets/{Toggle.stories-CT0mQbdm.js → Toggle.stories-k4Z8qQVs.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-CtDZ1cXU.js → TreeMultiSelect-BC_n1Wb-.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-ag5i_Hw_.js → TreeMultiSelect-dOg0l7rk.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect.stories-BxrbKopS.js → TreeMultiSelect.stories-CAzZRxn5.js} +1 -1
- package/storybook-static/assets/TreePickerBase-ycYQYQgi.js +22 -0
- package/storybook-static/assets/{TreeSelect-CL8REXC5.js → TreeSelect-BrNyI_Qx.js} +1 -1
- package/storybook-static/assets/{TreeSelect-BNuJBo9x.js → TreeSelect-CDecTnag.js} +1 -1
- package/storybook-static/assets/{TreeSelect.stories-CsWGc9X0.js → TreeSelect.stories-BUOw2Rwn.js} +1 -1
- package/storybook-static/assets/{TreeTable-DrIFC4Oh.js → TreeTable-BXw7lFBk.js} +1 -1
- package/storybook-static/assets/{TreeTable.stories-Dq5c4_qe.js → TreeTable.stories-z40pruPV.js} +1 -1
- package/storybook-static/assets/{async-0-Te_uje.js → async-BLDV04P4.js} +1 -1
- package/storybook-static/assets/{blocks-Dz3dJBcm.js → blocks-BiaKjftm.js} +3 -3
- package/storybook-static/assets/{browserAndReact-kZBm3nQe.js → browserAndReact-DX4H5rjQ.js} +1 -1
- package/storybook-static/assets/{check-BMyoSD8F.js → check-fB4gCKB_.js} +1 -1
- package/storybook-static/assets/{chevron-down-QDFtnGcg.js → chevron-down-B9GH0QvB.js} +1 -1
- package/storybook-static/assets/{chevron-left-BoVuWD4h.js → chevron-left-DjbyJeHO.js} +1 -1
- package/storybook-static/assets/{chevron-right-DS62_o_9.js → chevron-right-D29uf09I.js} +1 -1
- package/storybook-static/assets/{chunk-W22LQPXL-DDIvKskF.js → chunk-W22LQPXL-CGkHFiZ0.js} +1 -1
- package/storybook-static/assets/{circle-alert-CXg50Gb0.js → circle-alert-Dmd7-WNp.js} +1 -1
- package/storybook-static/assets/{circle-check-BPfYNWmz.js → circle-check-VtVMsaJJ.js} +1 -1
- package/storybook-static/assets/{components-BejapTpU.js → components-CsfQDbHv.js} +3 -3
- package/storybook-static/assets/{contextMenu-DtXkMNr6.js → contextMenu-CzdfaUsd.js} +1 -1
- package/storybook-static/assets/{download-DnZ6jhvY.js → download-CyVhTbv6.js} +1 -1
- package/storybook-static/assets/{filesAndExcel-CXMXtMjq.js → filesAndExcel-DlUnL-Uu.js} +1 -1
- package/storybook-static/assets/{floating-ui.react-PN45KvBS.js → floating-ui.react-DZ8IyUV4.js} +1 -1
- package/storybook-static/assets/{formatters-DGXR8csR.js → formatters-BTz64vfu.js} +1 -1
- package/storybook-static/assets/{formatters-runtime-GsS-hTg9.js → formatters-runtime-DVi3RdYb.js} +1 -1
- package/storybook-static/assets/{foundationLib-XrLbqi3r.js → foundationLib-CFj4J-Pc.js} +1 -1
- package/storybook-static/assets/{hooks-Ddmw7JMF.js → hooks-Ch5aYb7R.js} +1 -1
- package/storybook-static/assets/iframe-Cr7AcW_R.js +1 -0
- package/storybook-static/assets/{iframe-CrnMVMTc.js → iframe-DaN-XFub.js} +3 -3
- package/storybook-static/assets/{info-Dqq5QHG7.js → info-Cirk1RKZ.js} +1 -1
- package/storybook-static/assets/{odata-BaxgzNGj.js → odata-BtfB5Aje.js} +1 -1
- package/storybook-static/assets/{odataAndTables-OEVW-gFK.js → odataAndTables-TEZyQ-TZ.js} +1 -1
- package/storybook-static/assets/{odataFetchFn-BLWeF0ZQ.js → odataFetchFn-DEKVPDzV.js} +1 -1
- package/storybook-static/assets/{odataStoryFixtures-BbswaX_5.js → odataStoryFixtures-CDDaJZKW.js} +1 -1
- package/storybook-static/assets/{persisted-BpFojVXw.js → persisted-BzLLmgUK.js} +1 -1
- package/storybook-static/assets/{pureUtilities-3afQk5ld.js → pureUtilities-Dw249t3R.js} +1 -1
- package/storybook-static/assets/{react-CpOcCp9T.js → react-KzpmXJc9.js} +1 -1
- package/storybook-static/assets/{refresh-cw-B2VU4UNA.js → refresh-cw-BN3JCsXv.js} +1 -1
- package/storybook-static/assets/{runtimeAndState-BEFDbOiZ.js → runtimeAndState-CCVgv3ck.js} +1 -1
- package/storybook-static/assets/{settings-2-CLJhjWJl.js → settings-2-jtcbbWm5.js} +1 -1
- package/storybook-static/assets/{sortable-DW_Veba0.js → sortable-dNWaObUX.js} +1 -1
- package/storybook-static/assets/{syntaxhighlighter-T5IQBZDB-D0RhvxXU.js → syntaxhighlighter-T5IQBZDB-hYwVxXYm.js} +1 -1
- package/storybook-static/assets/{trash-2-yLqdtpz8.js → trash-2-DrVfT0z5.js} +1 -1
- package/storybook-static/assets/{triangle-alert-wI8Cd8tI.js → triangle-alert-B1Q28Bq9.js} +1 -1
- package/storybook-static/assets/{useODataSelectBase-WnxdcAM4.js → useODataSelectBase-DlbeGYUP.js} +1 -1
- package/storybook-static/assets/{useODataTreeData-C7L5TOjl.js → useODataTreeData-CvsoLfiG.js} +1 -1
- package/storybook-static/assets/{usePickerQuery-CAWYFpCv.js → usePickerQuery-6rDaPaB0.js} +1 -1
- package/storybook-static/assets/{usePickerTriggerController-BRXUlggw.js → usePickerTriggerController-BHBjSLtn.js} +1 -1
- package/storybook-static/assets/{x-CyFk00QC.js → x-Dh43gJN9.js} +1 -1
- package/storybook-static/iframe.html +2 -2
- package/storybook-static/project.json +1 -1
- package/dist/chunks/multi-select-COa6-owj.js.map +0 -1
- package/dist/chunks/select-C95db02j.js.map +0 -1
- package/storybook-static/assets/LayoutPicker.stories-xSL2qafC.js +0 -449
- package/storybook-static/assets/MultiSelectToken-BoIwmje6.css +0 -1
- package/storybook-static/assets/TreePickerBase-DQzUtuAm.js +0 -22
- package/storybook-static/assets/iframe-FUHzX0Mr.js +0 -1
|
@@ -1,449 +0,0 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as ee}from"./check-BMyoSD8F.js";import{n as i}from"./iframe-CrnMVMTc.js";import{a,i as o}from"./utils-DUM89eIj.js";import{n as s,t as c}from"./ui.module-DoMIk8Oc.js";import{c as l,g as u,h as te,i as ne,l as re,n as ie,r as d,s as ae,t as oe,u as se}from"./usePickerTriggerController-BRXUlggw.js";import{n as ce,t as le}from"./PickerTriggerActions-C8Asdp5e.js";function ue(e,t){return{gridTemplateColumns:`repeat(${e.columns}, minmax(0, 1fr))`,gridTemplateRows:`repeat(${e.rows}, minmax(${t??0}em, 1fr))`}}function de(e){return{gridColumn:`${e.column} / span ${e.columnSpan??1}`,gridRow:`${e.row} / span ${e.rowSpan??1}`}}var f;function p(){return(p=e((()=>{f=[{id:`1x1`,label:`1x1`,columns:1,rows:1,cells:[{id:`c11`,row:1,column:1}]},{id:`1x2`,label:`1x2`,columns:2,rows:1,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2}]},{id:`1x3`,label:`1x3`,columns:3,rows:1,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3}]},{id:`2x1`,label:`2x1`,columns:1,rows:2,cells:[{id:`c11`,row:1,column:1},{id:`c21`,row:2,column:1}]},{id:`2x2`,label:`2x2`,columns:2,rows:2,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2}]},{id:`2x3`,label:`2x3`,columns:3,rows:2,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3}]},{id:`3x1`,label:`3x1`,columns:1,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c21`,row:2,column:1},{id:`c31`,row:3,column:1}]},{id:`3x2`,label:`3x2`,columns:2,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2}]},{id:`3x3`,label:`3x3`,columns:3,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3}]},{id:`4x1`,label:`4x1`,columns:1,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c21`,row:2,column:1},{id:`c31`,row:3,column:1},{id:`c41`,row:4,column:1}]},{id:`4x2`,label:`4x2`,columns:2,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c41`,row:4,column:1},{id:`c42`,row:4,column:2}]},{id:`4x3`,label:`4x3`,columns:3,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3},{id:`c41`,row:4,column:1},{id:`c42`,row:4,column:2},{id:`c43`,row:4,column:3}]},{id:`2x2-l`,label:`Большая слева + две справа`,columns:2,rows:2,cells:[{id:`left`,row:1,column:1,rowSpan:2},{id:`rt`,row:1,column:2},{id:`rb`,row:2,column:2}]},{id:`2x2-r`,label:`Две слева + большая справа`,columns:2,rows:2,cells:[{id:`lt`,row:1,column:1},{id:`lb`,row:2,column:1},{id:`right`,row:1,column:2,rowSpan:2}]},{id:`2x2-t`,label:`Широкая сверху + две снизу`,columns:2,rows:2,cells:[{id:`top`,row:1,column:1,columnSpan:2},{id:`bl`,row:2,column:1},{id:`br`,row:2,column:2}]},{id:`2x2-b`,label:`Две сверху + широкая снизу`,columns:2,rows:2,cells:[{id:`tl`,row:1,column:1},{id:`tr`,row:1,column:2},{id:`bottom`,row:2,column:1,columnSpan:2}]},{id:`3x2-t`,label:`Широкая сверху + 2x2`,columns:2,rows:3,cells:[{id:`top`,row:1,column:1,columnSpan:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2}]},{id:`3x2-b`,label:`2x2 + широкая снизу`,columns:2,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`bottom`,row:3,column:1,columnSpan:2}]},{id:`3x2-m`,label:`Широкая по центру`,columns:2,rows:3,cells:[{id:`tl`,row:1,column:1},{id:`tr`,row:1,column:2},{id:`middle`,row:2,column:1,columnSpan:2},{id:`bl`,row:3,column:1},{id:`br`,row:3,column:2}]},{id:`3x3-l`,label:`Большая слева + 2x3 справа`,columns:3,rows:3,cells:[{id:`left`,row:1,column:1,rowSpan:3},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3}]},{id:`3x3-r`,label:`2x3 слева + большая справа`,columns:3,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`right`,row:1,column:3,rowSpan:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2}]},{id:`3x3-t`,label:`Широкая сверху + 2x3`,columns:3,rows:3,cells:[{id:`top`,row:1,column:1,columnSpan:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3}]},{id:`3x3-b`,label:`2x3 + широкая снизу`,columns:3,rows:3,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`bottom`,row:3,column:1,columnSpan:3}]},{id:`4x2-t`,label:`Широкая сверху + 3x2`,columns:2,rows:4,cells:[{id:`top`,row:1,column:1,columnSpan:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c41`,row:4,column:1},{id:`c42`,row:4,column:2}]},{id:`4x2-b`,label:`3x2 + широкая снизу`,columns:2,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`bottom`,row:4,column:1,columnSpan:2}]},{id:`4x3-t`,label:`Широкая сверху + 3x3`,columns:3,rows:4,cells:[{id:`top`,row:1,column:1,columnSpan:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3},{id:`c41`,row:4,column:1},{id:`c42`,row:4,column:2},{id:`c43`,row:4,column:3}]},{id:`4x3-b`,label:`3x3 + широкая снизу`,columns:3,rows:4,cells:[{id:`c11`,row:1,column:1},{id:`c12`,row:1,column:2},{id:`c13`,row:1,column:3},{id:`c21`,row:2,column:1},{id:`c22`,row:2,column:2},{id:`c23`,row:2,column:3},{id:`c31`,row:3,column:1},{id:`c32`,row:3,column:2},{id:`c33`,row:3,column:3},{id:`bottom`,row:4,column:1,columnSpan:3}]}]})))()}var m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k,A;function j(){return(j=e((()=>{m=`_959ulH`,h=`Ch-SZL`,g=`SmdPit`,_=`giOtGs`,v=`_57Tr0T`,y=`Tkhulr`,b=`VQlniu`,x=`wb39Kf`,S=`HGvQdT`,C=`rZuYyb`,w=`vNV6Q2`,T=`_3ytPPa`,E=`koxYU-`,D=`k8xLa2`,O=`_5pd3Bb`,k=`VrHnjN`,A={valueOverlay:m,triggerInput:h,triggerText:g,popup:_,popupLayout:v,popupBody:y,options:b,option:x,optionActive:S,optionSelected:C,optionPreviewWrap:w,optionCheck:T,preview:E,previewPlaceholder:D,previewCompact:O,previewCell:k}})))()}function fe({preset:e,compact:t=!1}){return(0,P.jsx)(`span`,{className:a(A.preview,t&&A.previewCompact),style:ue(e),"aria-hidden":`true`,"data-ui":`layout-picker-preview`,children:e.cells.map(t=>(0,P.jsx)(`span`,{className:A.previewCell,style:de(t)},`${e.id}:${t.id}`))})}function M({id:e,label:t,description:n,value:r,onChange:i,presets:o=f,disabled:c,getPresetDisabled:l,placeholder:u=F,showPlaceholder:d=!1,size:oe,ariaLabel:se,className:ce,triggerClassName:ue,popupClassName:de,placement:p=`bottom-start`}){let m=(0,N.useRef)(null),[h,g]=(0,N.useState)(!1),_=o.findIndex(e=>e.id===r),v=_>=0?o[_]:void 0,y=v??o[0],b=v?.label??u,{activeIndex:x,context:S,floatingStyles:C,getFloatingProps:w,setReference:T,setFloating:E,setOptionRef:D,close:O,openList:k,toggleOpen:j,selectOption:M,selectActiveOption:I,handleReferenceKeyDown:L,handleFloatingKeyDown:R,getOptionId:z,getActiveOptionId:B}=ne({options:o,selectedIndex:_,open:h,onOpenChange:g,getOptionDisabled:l,onSelect:e=>i(e.id),disabled:c,placement:p,triggerMode:`display`}),V=ie({mode:`display`,open:h,currentQuery:``,hasDisplayValue:v!==void 0,inputRef:m,openList:k,close:O,toggleOpen:j}),H=e=>{m.current=e};return(0,P.jsx)(te,{id:e,label:t,description:n,disabled:c,placeholder:u,size:oe,className:ce,children:({controlId:e,labelId:t,describedBy:n})=>{let r=`${e}-listbox`;return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(ae,{ref:H,rootRef:T,id:e,type:`button`,disabled:c,readOnly:!0,autoComplete:`off`,role:`combobox`,value:b,"aria-haspopup":`listbox`,"aria-expanded":h,"aria-controls":h?r:void 0,"aria-labelledby":t,"aria-describedby":n,"aria-autocomplete":`none`,"aria-activedescendant":h?B(r):void 0,"aria-label":t?void 0:se??`Выбрать layout. Текущее значение: ${b}`,"data-ui":`layout-picker-trigger`,rootClassName:ue,inputClassName:A.triggerInput,overlay:(0,P.jsxs)(`div`,{className:A.valueOverlay,children:[y?(0,P.jsx)(fe,{preset:y,compact:!0}):(0,P.jsx)(`span`,{className:A.previewPlaceholder}),d?(0,P.jsx)(`span`,{className:a(A.triggerText,s.uiPlaceholder),"data-ui":`layout-picker-placeholder`,children:u}):null]}),endAdornment:(0,P.jsx)(le,{open:h,disabled:c,onToggleMouseDown:V.handleToggleMouseDown,onToggleClick:V.handleToggleClick,openAriaLabel:`Открыть список layout`,closeAriaLabel:`Закрыть список layout`}),onClick:V.handleTriggerClick,onFocus:e=>{V.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{L(e),!e.defaultPrevented&&V.handleTriggerKeyDown({event:e,onActivateWhenOpen:I,enableSpaceActivation:!0})}}),(0,P.jsx)(re,{open:h,context:S,floatingStyles:C,listId:r,labelId:t,descriptionId:n,activeOptionId:B(r),setFloating:E,getFloatingProps:w,onKeyDown:R,className:a(s.uiPopupOptions,A.popup,de),layoutClassName:A.popupLayout,bodyClassName:A.popupBody,children:(0,P.jsx)(`div`,{className:A.options,children:o.map((e,t)=>{let n=t===_,i=t===x,o=l?.(e)??!1,s=z(r,t);return(0,P.jsxs)(`button`,{id:s,ref:e=>D(t,e),type:`button`,role:`option`,tabIndex:-1,disabled:o,"aria-selected":n,"aria-disabled":o||void 0,"aria-label":e.description?`${e.label}. ${e.description}`:e.label,className:a(A.option,n&&A.optionSelected,i&&A.optionActive),"data-ui":`layout-picker-option`,"data-selected":n||void 0,onMouseDown:e=>e.preventDefault(),onClick:()=>M(e),children:[(0,P.jsx)(`span`,{className:A.optionPreviewWrap,children:(0,P.jsx)(fe,{preset:e})}),(0,P.jsxs)(`span`,{className:`fontSizeSm`,children:[(0,P.jsx)(`span`,{children:e.label}),e.description?(0,P.jsx)(`span`,{children:e.description}):null]}),(0,P.jsx)(`span`,{className:A.optionCheck,"aria-hidden":`true`,children:n?(0,P.jsx)(ee,{}):null})]},e.id)})})})]})}})}var N,P,F;function I(){return(I=e((()=>{N=n(),o(),r(),u(),se(),ce(),l(),d(),oe(),c(),p(),j(),P=i(),F=`Выберите раскладку`,M.__docgenInfo={description:`Контрол выбора layout-пресета. Не хранит бизнес-логику содержимого ячеек.`,methods:[],displayName:`LayoutPicker`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Выберите раскладку"`,computed:!1}},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},id:{required:!1,tsType:{name:`string`},description:``},presets:{required:!1,tsType:{name:`unknown`},description:``,defaultValue:{value:`[
|
|
2
|
-
{
|
|
3
|
-
id: "1x1",
|
|
4
|
-
label: "1x1",
|
|
5
|
-
columns: 1,
|
|
6
|
-
rows: 1,
|
|
7
|
-
cells: [{ id: "c11", row: 1, column: 1 }]
|
|
8
|
-
},
|
|
9
|
-
{
|
|
10
|
-
id: "1x2",
|
|
11
|
-
label: "1x2",
|
|
12
|
-
columns: 2,
|
|
13
|
-
rows: 1,
|
|
14
|
-
cells: [
|
|
15
|
-
{ id: "c11", row: 1, column: 1 },
|
|
16
|
-
{ id: "c12", row: 1, column: 2 }
|
|
17
|
-
]
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
id: "1x3",
|
|
21
|
-
label: "1x3",
|
|
22
|
-
columns: 3,
|
|
23
|
-
rows: 1,
|
|
24
|
-
cells: [
|
|
25
|
-
{ id: "c11", row: 1, column: 1 },
|
|
26
|
-
{ id: "c12", row: 1, column: 2 },
|
|
27
|
-
{ id: "c13", row: 1, column: 3 }
|
|
28
|
-
]
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
id: "2x1",
|
|
32
|
-
label: "2x1",
|
|
33
|
-
columns: 1,
|
|
34
|
-
rows: 2,
|
|
35
|
-
cells: [
|
|
36
|
-
{ id: "c11", row: 1, column: 1 },
|
|
37
|
-
{ id: "c21", row: 2, column: 1 }
|
|
38
|
-
]
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
id: "2x2",
|
|
42
|
-
label: "2x2",
|
|
43
|
-
columns: 2,
|
|
44
|
-
rows: 2,
|
|
45
|
-
cells: [
|
|
46
|
-
{ id: "c11", row: 1, column: 1 },
|
|
47
|
-
{ id: "c12", row: 1, column: 2 },
|
|
48
|
-
{ id: "c21", row: 2, column: 1 },
|
|
49
|
-
{ id: "c22", row: 2, column: 2 }
|
|
50
|
-
]
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
id: "2x3",
|
|
54
|
-
label: "2x3",
|
|
55
|
-
columns: 3,
|
|
56
|
-
rows: 2,
|
|
57
|
-
cells: [
|
|
58
|
-
{ id: "c11", row: 1, column: 1 },
|
|
59
|
-
{ id: "c12", row: 1, column: 2 },
|
|
60
|
-
{ id: "c13", row: 1, column: 3 },
|
|
61
|
-
{ id: "c21", row: 2, column: 1 },
|
|
62
|
-
{ id: "c22", row: 2, column: 2 },
|
|
63
|
-
{ id: "c23", row: 2, column: 3 }
|
|
64
|
-
]
|
|
65
|
-
},
|
|
66
|
-
{
|
|
67
|
-
id: "3x1",
|
|
68
|
-
label: "3x1",
|
|
69
|
-
columns: 1,
|
|
70
|
-
rows: 3,
|
|
71
|
-
cells: [
|
|
72
|
-
{ id: "c11", row: 1, column: 1 },
|
|
73
|
-
{ id: "c21", row: 2, column: 1 },
|
|
74
|
-
{ id: "c31", row: 3, column: 1 }
|
|
75
|
-
]
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
id: "3x2",
|
|
79
|
-
label: "3x2",
|
|
80
|
-
columns: 2,
|
|
81
|
-
rows: 3,
|
|
82
|
-
cells: [
|
|
83
|
-
{ id: "c11", row: 1, column: 1 },
|
|
84
|
-
{ id: "c12", row: 1, column: 2 },
|
|
85
|
-
{ id: "c21", row: 2, column: 1 },
|
|
86
|
-
{ id: "c22", row: 2, column: 2 },
|
|
87
|
-
{ id: "c31", row: 3, column: 1 },
|
|
88
|
-
{ id: "c32", row: 3, column: 2 }
|
|
89
|
-
]
|
|
90
|
-
},
|
|
91
|
-
{
|
|
92
|
-
id: "3x3",
|
|
93
|
-
label: "3x3",
|
|
94
|
-
columns: 3,
|
|
95
|
-
rows: 3,
|
|
96
|
-
cells: [
|
|
97
|
-
{ id: "c11", row: 1, column: 1 },
|
|
98
|
-
{ id: "c12", row: 1, column: 2 },
|
|
99
|
-
{ id: "c13", row: 1, column: 3 },
|
|
100
|
-
{ id: "c21", row: 2, column: 1 },
|
|
101
|
-
{ id: "c22", row: 2, column: 2 },
|
|
102
|
-
{ id: "c23", row: 2, column: 3 },
|
|
103
|
-
{ id: "c31", row: 3, column: 1 },
|
|
104
|
-
{ id: "c32", row: 3, column: 2 },
|
|
105
|
-
{ id: "c33", row: 3, column: 3 }
|
|
106
|
-
]
|
|
107
|
-
},
|
|
108
|
-
{
|
|
109
|
-
id: "4x1",
|
|
110
|
-
label: "4x1",
|
|
111
|
-
columns: 1,
|
|
112
|
-
rows: 4,
|
|
113
|
-
cells: [
|
|
114
|
-
{ id: "c11", row: 1, column: 1 },
|
|
115
|
-
{ id: "c21", row: 2, column: 1 },
|
|
116
|
-
{ id: "c31", row: 3, column: 1 },
|
|
117
|
-
{ id: "c41", row: 4, column: 1 }
|
|
118
|
-
]
|
|
119
|
-
},
|
|
120
|
-
{
|
|
121
|
-
id: "4x2",
|
|
122
|
-
label: "4x2",
|
|
123
|
-
columns: 2,
|
|
124
|
-
rows: 4,
|
|
125
|
-
cells: [
|
|
126
|
-
{ id: "c11", row: 1, column: 1 },
|
|
127
|
-
{ id: "c12", row: 1, column: 2 },
|
|
128
|
-
{ id: "c21", row: 2, column: 1 },
|
|
129
|
-
{ id: "c22", row: 2, column: 2 },
|
|
130
|
-
{ id: "c31", row: 3, column: 1 },
|
|
131
|
-
{ id: "c32", row: 3, column: 2 },
|
|
132
|
-
{ id: "c41", row: 4, column: 1 },
|
|
133
|
-
{ id: "c42", row: 4, column: 2 }
|
|
134
|
-
]
|
|
135
|
-
},
|
|
136
|
-
{
|
|
137
|
-
id: "4x3",
|
|
138
|
-
label: "4x3",
|
|
139
|
-
columns: 3,
|
|
140
|
-
rows: 4,
|
|
141
|
-
cells: [
|
|
142
|
-
{ id: "c11", row: 1, column: 1 },
|
|
143
|
-
{ id: "c12", row: 1, column: 2 },
|
|
144
|
-
{ id: "c13", row: 1, column: 3 },
|
|
145
|
-
{ id: "c21", row: 2, column: 1 },
|
|
146
|
-
{ id: "c22", row: 2, column: 2 },
|
|
147
|
-
{ id: "c23", row: 2, column: 3 },
|
|
148
|
-
{ id: "c31", row: 3, column: 1 },
|
|
149
|
-
{ id: "c32", row: 3, column: 2 },
|
|
150
|
-
{ id: "c33", row: 3, column: 3 },
|
|
151
|
-
{ id: "c41", row: 4, column: 1 },
|
|
152
|
-
{ id: "c42", row: 4, column: 2 },
|
|
153
|
-
{ id: "c43", row: 4, column: 3 }
|
|
154
|
-
]
|
|
155
|
-
},
|
|
156
|
-
|
|
157
|
-
{
|
|
158
|
-
id: "2x2-l",
|
|
159
|
-
label: "Большая слева + две справа",
|
|
160
|
-
columns: 2,
|
|
161
|
-
rows: 2,
|
|
162
|
-
cells: [
|
|
163
|
-
{ id: "left", row: 1, column: 1, rowSpan: 2 },
|
|
164
|
-
{ id: "rt", row: 1, column: 2 },
|
|
165
|
-
{ id: "rb", row: 2, column: 2 }
|
|
166
|
-
]
|
|
167
|
-
},
|
|
168
|
-
{
|
|
169
|
-
id: "2x2-r",
|
|
170
|
-
label: "Две слева + большая справа",
|
|
171
|
-
columns: 2,
|
|
172
|
-
rows: 2,
|
|
173
|
-
cells: [
|
|
174
|
-
{ id: "lt", row: 1, column: 1 },
|
|
175
|
-
{ id: "lb", row: 2, column: 1 },
|
|
176
|
-
{ id: "right", row: 1, column: 2, rowSpan: 2 }
|
|
177
|
-
]
|
|
178
|
-
},
|
|
179
|
-
{
|
|
180
|
-
id: "2x2-t",
|
|
181
|
-
label: "Широкая сверху + две снизу",
|
|
182
|
-
columns: 2,
|
|
183
|
-
rows: 2,
|
|
184
|
-
cells: [
|
|
185
|
-
{ id: "top", row: 1, column: 1, columnSpan: 2 },
|
|
186
|
-
{ id: "bl", row: 2, column: 1 },
|
|
187
|
-
{ id: "br", row: 2, column: 2 }
|
|
188
|
-
]
|
|
189
|
-
},
|
|
190
|
-
{
|
|
191
|
-
id: "2x2-b",
|
|
192
|
-
label: "Две сверху + широкая снизу",
|
|
193
|
-
columns: 2,
|
|
194
|
-
rows: 2,
|
|
195
|
-
cells: [
|
|
196
|
-
{ id: "tl", row: 1, column: 1 },
|
|
197
|
-
{ id: "tr", row: 1, column: 2 },
|
|
198
|
-
{ id: "bottom", row: 2, column: 1, columnSpan: 2 }
|
|
199
|
-
]
|
|
200
|
-
},
|
|
201
|
-
|
|
202
|
-
{
|
|
203
|
-
id: "3x2-t",
|
|
204
|
-
label: "Широкая сверху + 2x2",
|
|
205
|
-
columns: 2,
|
|
206
|
-
rows: 3,
|
|
207
|
-
cells: [
|
|
208
|
-
{ id: "top", row: 1, column: 1, columnSpan: 2 },
|
|
209
|
-
{ id: "c21", row: 2, column: 1 },
|
|
210
|
-
{ id: "c22", row: 2, column: 2 },
|
|
211
|
-
{ id: "c31", row: 3, column: 1 },
|
|
212
|
-
{ id: "c32", row: 3, column: 2 }
|
|
213
|
-
]
|
|
214
|
-
},
|
|
215
|
-
{
|
|
216
|
-
id: "3x2-b",
|
|
217
|
-
label: "2x2 + широкая снизу",
|
|
218
|
-
columns: 2,
|
|
219
|
-
rows: 3,
|
|
220
|
-
cells: [
|
|
221
|
-
{ id: "c11", row: 1, column: 1 },
|
|
222
|
-
{ id: "c12", row: 1, column: 2 },
|
|
223
|
-
{ id: "c21", row: 2, column: 1 },
|
|
224
|
-
{ id: "c22", row: 2, column: 2 },
|
|
225
|
-
{ id: "bottom", row: 3, column: 1, columnSpan: 2 }
|
|
226
|
-
]
|
|
227
|
-
},
|
|
228
|
-
{
|
|
229
|
-
id: "3x2-m",
|
|
230
|
-
label: "Широкая по центру",
|
|
231
|
-
columns: 2,
|
|
232
|
-
rows: 3,
|
|
233
|
-
cells: [
|
|
234
|
-
{ id: "tl", row: 1, column: 1 },
|
|
235
|
-
{ id: "tr", row: 1, column: 2 },
|
|
236
|
-
{ id: "middle", row: 2, column: 1, columnSpan: 2 },
|
|
237
|
-
{ id: "bl", row: 3, column: 1 },
|
|
238
|
-
{ id: "br", row: 3, column: 2 }
|
|
239
|
-
]
|
|
240
|
-
},
|
|
241
|
-
|
|
242
|
-
{
|
|
243
|
-
id: "3x3-l",
|
|
244
|
-
label: "Большая слева + 2x3 справа",
|
|
245
|
-
columns: 3,
|
|
246
|
-
rows: 3,
|
|
247
|
-
cells: [
|
|
248
|
-
{ id: "left", row: 1, column: 1, rowSpan: 3 },
|
|
249
|
-
{ id: "c12", row: 1, column: 2 },
|
|
250
|
-
{ id: "c13", row: 1, column: 3 },
|
|
251
|
-
{ id: "c22", row: 2, column: 2 },
|
|
252
|
-
{ id: "c23", row: 2, column: 3 },
|
|
253
|
-
{ id: "c32", row: 3, column: 2 },
|
|
254
|
-
{ id: "c33", row: 3, column: 3 }
|
|
255
|
-
]
|
|
256
|
-
},
|
|
257
|
-
{
|
|
258
|
-
id: "3x3-r",
|
|
259
|
-
label: "2x3 слева + большая справа",
|
|
260
|
-
columns: 3,
|
|
261
|
-
rows: 3,
|
|
262
|
-
cells: [
|
|
263
|
-
{ id: "c11", row: 1, column: 1 },
|
|
264
|
-
{ id: "c12", row: 1, column: 2 },
|
|
265
|
-
{ id: "right", row: 1, column: 3, rowSpan: 3 },
|
|
266
|
-
{ id: "c21", row: 2, column: 1 },
|
|
267
|
-
{ id: "c22", row: 2, column: 2 },
|
|
268
|
-
{ id: "c31", row: 3, column: 1 },
|
|
269
|
-
{ id: "c32", row: 3, column: 2 }
|
|
270
|
-
]
|
|
271
|
-
},
|
|
272
|
-
{
|
|
273
|
-
id: "3x3-t",
|
|
274
|
-
label: "Широкая сверху + 2x3",
|
|
275
|
-
columns: 3,
|
|
276
|
-
rows: 3,
|
|
277
|
-
cells: [
|
|
278
|
-
{ id: "top", row: 1, column: 1, columnSpan: 3 },
|
|
279
|
-
{ id: "c21", row: 2, column: 1 },
|
|
280
|
-
{ id: "c22", row: 2, column: 2 },
|
|
281
|
-
{ id: "c23", row: 2, column: 3 },
|
|
282
|
-
{ id: "c31", row: 3, column: 1 },
|
|
283
|
-
{ id: "c32", row: 3, column: 2 },
|
|
284
|
-
{ id: "c33", row: 3, column: 3 }
|
|
285
|
-
]
|
|
286
|
-
},
|
|
287
|
-
{
|
|
288
|
-
id: "3x3-b",
|
|
289
|
-
label: "2x3 + широкая снизу",
|
|
290
|
-
columns: 3,
|
|
291
|
-
rows: 3,
|
|
292
|
-
cells: [
|
|
293
|
-
{ id: "c11", row: 1, column: 1 },
|
|
294
|
-
{ id: "c12", row: 1, column: 2 },
|
|
295
|
-
{ id: "c13", row: 1, column: 3 },
|
|
296
|
-
{ id: "c21", row: 2, column: 1 },
|
|
297
|
-
{ id: "c22", row: 2, column: 2 },
|
|
298
|
-
{ id: "c23", row: 2, column: 3 },
|
|
299
|
-
{ id: "bottom", row: 3, column: 1, columnSpan: 3 }
|
|
300
|
-
]
|
|
301
|
-
},
|
|
302
|
-
|
|
303
|
-
{
|
|
304
|
-
id: "4x2-t",
|
|
305
|
-
label: "Широкая сверху + 3x2",
|
|
306
|
-
columns: 2,
|
|
307
|
-
rows: 4,
|
|
308
|
-
cells: [
|
|
309
|
-
{ id: "top", row: 1, column: 1, columnSpan: 2 },
|
|
310
|
-
{ id: "c21", row: 2, column: 1 },
|
|
311
|
-
{ id: "c22", row: 2, column: 2 },
|
|
312
|
-
{ id: "c31", row: 3, column: 1 },
|
|
313
|
-
{ id: "c32", row: 3, column: 2 },
|
|
314
|
-
{ id: "c41", row: 4, column: 1 },
|
|
315
|
-
{ id: "c42", row: 4, column: 2 }
|
|
316
|
-
]
|
|
317
|
-
},
|
|
318
|
-
{
|
|
319
|
-
id: "4x2-b",
|
|
320
|
-
label: "3x2 + широкая снизу",
|
|
321
|
-
columns: 2,
|
|
322
|
-
rows: 4,
|
|
323
|
-
cells: [
|
|
324
|
-
{ id: "c11", row: 1, column: 1 },
|
|
325
|
-
{ id: "c12", row: 1, column: 2 },
|
|
326
|
-
{ id: "c21", row: 2, column: 1 },
|
|
327
|
-
{ id: "c22", row: 2, column: 2 },
|
|
328
|
-
{ id: "c31", row: 3, column: 1 },
|
|
329
|
-
{ id: "c32", row: 3, column: 2 },
|
|
330
|
-
{ id: "bottom", row: 4, column: 1, columnSpan: 2 }
|
|
331
|
-
]
|
|
332
|
-
},
|
|
333
|
-
{
|
|
334
|
-
id: "4x3-t",
|
|
335
|
-
label: "Широкая сверху + 3x3",
|
|
336
|
-
columns: 3,
|
|
337
|
-
rows: 4,
|
|
338
|
-
cells: [
|
|
339
|
-
{ id: "top", row: 1, column: 1, columnSpan: 3 },
|
|
340
|
-
{ id: "c21", row: 2, column: 1 },
|
|
341
|
-
{ id: "c22", row: 2, column: 2 },
|
|
342
|
-
{ id: "c23", row: 2, column: 3 },
|
|
343
|
-
{ id: "c31", row: 3, column: 1 },
|
|
344
|
-
{ id: "c32", row: 3, column: 2 },
|
|
345
|
-
{ id: "c33", row: 3, column: 3 },
|
|
346
|
-
{ id: "c41", row: 4, column: 1 },
|
|
347
|
-
{ id: "c42", row: 4, column: 2 },
|
|
348
|
-
{ id: "c43", row: 4, column: 3 }
|
|
349
|
-
]
|
|
350
|
-
},
|
|
351
|
-
{
|
|
352
|
-
id: "4x3-b",
|
|
353
|
-
label: "3x3 + широкая снизу",
|
|
354
|
-
columns: 3,
|
|
355
|
-
rows: 4,
|
|
356
|
-
cells: [
|
|
357
|
-
{ id: "c11", row: 1, column: 1 },
|
|
358
|
-
{ id: "c12", row: 1, column: 2 },
|
|
359
|
-
{ id: "c13", row: 1, column: 3 },
|
|
360
|
-
{ id: "c21", row: 2, column: 1 },
|
|
361
|
-
{ id: "c22", row: 2, column: 2 },
|
|
362
|
-
{ id: "c23", row: 2, column: 3 },
|
|
363
|
-
{ id: "c31", row: 3, column: 1 },
|
|
364
|
-
{ id: "c32", row: 3, column: 2 },
|
|
365
|
-
{ id: "c33", row: 3, column: 3 },
|
|
366
|
-
{ id: "bottom", row: 4, column: 1, columnSpan: 3 }
|
|
367
|
-
]
|
|
368
|
-
}
|
|
369
|
-
] as const satisfies readonly LayoutPickerPreset[]`,computed:!1}},getPresetDisabled:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(preset: LayoutPickerPreset) => boolean`,signature:{arguments:[{type:{name:`signature`,type:`object`,raw:`{
|
|
370
|
-
id: string;
|
|
371
|
-
label: string;
|
|
372
|
-
description?: string;
|
|
373
|
-
columns: number;
|
|
374
|
-
rows: number;
|
|
375
|
-
cells: readonly LayoutPickerPresetCell[];
|
|
376
|
-
}`,signature:{properties:[{key:`id`,value:{name:`string`,required:!0}},{key:`label`,value:{name:`string`,required:!0}},{key:`description`,value:{name:`string`,required:!1}},{key:`columns`,value:{name:`number`,required:!0}},{key:`rows`,value:{name:`number`,required:!0}},{key:`cells`,value:{name:`unknown`,required:!0}}]}},name:`preset`}],return:{name:`boolean`}}},description:``},showPlaceholder:{required:!1,tsType:{name:`boolean`},description:"Показывает рядом с превью переданный текст `placeholder`.\nПо умолчанию текст скрыт, поэтому trigger отображает только иконку раскладки.",defaultValue:{value:`false`,computed:!1}},ariaLabel:{required:!1,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},triggerClassName:{required:!1,tsType:{name:`string`},description:``},popupClassName:{required:!1,tsType:{name:`string`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`"bottom-start"`,computed:!1}}}}})))()}var L,R,z,B,V,H,pe,me,he,U;function ge(){return(ge=e((()=>{L=`buT8ds`,R=`vDpJVR`,z=`-GMI1h`,B=`Xgkzn9`,V=`X--lo-`,H=`W5rEjx`,pe=`BgilL7`,me=`ALGrVl`,he=`IrqK1d`,U={canvas:L,toolbar:R,summary:z,summaryItem:B,summaryValue:V,muted:H,layoutPreview:pe,layoutCell:me,layoutCellTitle:he}})))()}var _e=t({Controlled:()=>J,CustomPresets:()=>X,Disabled:()=>$,DisabledPresets:()=>Z,InToolbar:()=>Q,Placeholder:()=>Y,__namedExportsOrder:()=>we,default:()=>Ce});function ve(e,t){return t.find(t=>t.id===e)}function W({value:e,presets:t}){let n=ve(e,t);return(0,K.jsxs)(`div`,{className:U.summary,"aria-live":`polite`,children:[(0,K.jsxs)(`div`,{className:U.summaryItem,children:[(0,K.jsx)(`span`,{children:`ID`}),(0,K.jsx)(`span`,{className:U.summaryValue,children:e||`не выбрано`})]}),(0,K.jsxs)(`div`,{className:U.summaryItem,children:[(0,K.jsx)(`span`,{children:`Название`}),(0,K.jsx)(`span`,{className:U.summaryValue,children:n?.label??`Layout не выбран`})]}),(0,K.jsxs)(`div`,{className:U.summaryItem,children:[(0,K.jsx)(`span`,{children:`Сетка`}),(0,K.jsx)(`span`,{className:U.summaryValue,children:n?`${n.columns} x ${n.rows}`:`нет данных`})]}),(0,K.jsxs)(`div`,{className:U.summaryItem,children:[(0,K.jsx)(`span`,{children:`Ячеек`}),(0,K.jsx)(`span`,{className:U.summaryValue,children:n?.cells.length??0})]})]})}function ye({value:e,presets:t}){let n=ve(e,t);if(!n)return null;let r=n.columns,ee=n.rows,i=n.cells;return(0,K.jsx)(`div`,{className:U.layoutPreview,style:{gridTemplateColumns:`repeat(${r}, minmax(0, 1fr))`,gridTemplateRows:`repeat(${ee}, minmax(0, 1fr))`},children:i.map((e,t)=>(0,K.jsxs)(`div`,{className:U.layoutCell,style:{gridColumn:`${e.column} / span ${e.columnSpan}`,gridRow:`${e.row} / span ${e.rowSpan}`},children:[(0,K.jsxs)(`span`,{className:U.layoutCellTitle,children:[`Область `,t+1]}),(0,K.jsxs)(`span`,{className:U.muted,children:[`Колонка `,e.column,`, строка `,e.row,`; span `,e.columnSpan,` x `,e.rowSpan]})]},e.id))})}function be(){let[e,t]=(0,G.useState)(`1x2`);return(0,K.jsxs)(`div`,{className:U.canvas,children:[(0,K.jsx)(`div`,{className:U.toolbar,children:(0,K.jsx)(M,{label:`Layout панели`,value:e,onChange:t,ariaLabel:`Выбрать layout панели`})}),(0,K.jsx)(W,{value:e,presets:f}),(0,K.jsx)(ye,{value:e,presets:f})]})}var G,K,xe,Se,q,Ce,J,Y,X,Z,Q,$,we;function Te(){return(Te=e((()=>{G=n(),p(),I(),ge(),K=i(),{useArgs:xe}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:Se}=__STORYBOOK_MODULE_TEST__,q=[{id:`dashboard-summary`,label:`Сводка + детали`,description:`Один широкий блок сверху и две области детализации снизу.`,columns:2,rows:2,cells:[{id:`summary`,column:1,columnSpan:2,row:1,rowSpan:1},{id:`left-detail`,column:1,columnSpan:1,row:2,rowSpan:1},{id:`right-detail`,column:2,columnSpan:1,row:2,rowSpan:1}]},{id:`dashboard-main-aside`,label:`Основной блок + сайдбар`,description:`Большая рабочая область слева и вертикальная колонка справа.`,columns:3,rows:2,cells:[{id:`main`,column:1,columnSpan:2,row:1,rowSpan:2},{id:`aside-top`,column:3,columnSpan:1,row:1,rowSpan:1},{id:`aside-bottom`,column:3,columnSpan:1,row:2,rowSpan:1}]},{id:`dashboard-quad`,label:`Четыре равных блока`,description:`Плотная сетка для сравнения нескольких независимых виджетов.`,columns:2,rows:2,cells:[{id:`top-left`,column:1,columnSpan:1,row:1,rowSpan:1},{id:`top-right`,column:2,columnSpan:1,row:1,rowSpan:1},{id:`bottom-left`,column:1,columnSpan:1,row:2,rowSpan:1},{id:`bottom-right`,column:2,columnSpan:1,row:2,rowSpan:1}]}],Ce={title:`Shared/UI/LayoutPicker`,component:M,args:{label:`Layout панели`,description:`Выберите схему размещения областей.`,value:f[0].id,onChange:Se(),presets:f,disabled:!1,placeholder:`Выберите layout`,showPlaceholder:!1,ariaLabel:`Выбрать layout`,placement:`bottom-start`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Контролируемый выбор layout-пресета со схематичным превью. Компонент хранит только UI-состояние popup и возвращает наружу ID выбранного пресета.`}}},argTypes:{id:{description:"ID кнопки выбора. Если не передан, компонент создаёт стабильный `useId`.",control:`text`},label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},value:{description:`ID текущего выбранного layout-пресета.`,control:`text`},onChange:{description:`Вызывается с ID выбранного layout-пресета.`,control:!1},presets:{description:"Список layout-пресетов. По умолчанию используется `DEFAULT_LAYOUT_PICKER_PRESETS`.",control:!1},disabled:{description:`Блокирует кнопку выбора и открытие popup.`,control:`boolean`},getPresetDisabled:{description:`Позволяет заблокировать отдельные пресеты внутри popup.`,control:!1},placeholder:{description:"Текст, который можно явно показать рядом с превью через `showPlaceholder`.",control:`text`},showPlaceholder:{description:"Показывает рядом с превью именно строку `placeholder`. По умолчанию trigger содержит только иконку.",control:`boolean`},ariaLabel:{description:`Доступное имя trigger-кнопки. Если не передано, строится из текущего значения.`,control:`text`},size:{description:"Размер поля из общего `UiBaseProps`.",control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},className:{description:`Дополнительный CSS-класс корневого контейнера.`,control:`text`},triggerClassName:{description:`Дополнительный CSS-класс trigger-кнопки.`,control:`text`},popupClassName:{description:`Дополнительный CSS-класс popup.`,control:`text`},placement:{description:`Позиционирование popup относительно trigger.`,control:`select`,options:[`bottom-start`,`bottom-end`,`top-start`,`top-end`,`right-start`,`left-start`]}}},J={args:{value:`2x1`},name:`Контролируемый выбор`,render:function(e){let[,t]=xe(),n=e.presets??f;return(0,K.jsxs)(`div`,{className:U.canvas,children:[(0,K.jsx)(M,{...e,presets:n,onChange:n=>{e.onChange(n),t({value:n})}}),(0,K.jsx)(W,{value:e.value??``,presets:n})]})}},Y={name:`Без выбранного значения`,render:e=>{let[t,n]=(0,G.useState)(``),r=e.presets??f;return(0,K.jsxs)(`div`,{className:U.canvas,children:[(0,K.jsx)(M,{...e,value:t,presets:r,placeholder:`Layout ещё не выбран`,showPlaceholder:!0,onChange:t=>{n(t),e.onChange(t)}}),(0,K.jsx)(W,{value:t,presets:r})]})},args:{value:``}},X={name:`Кастомные пресеты`,render:e=>{let[t,n]=(0,G.useState)(q[0].id);return(0,K.jsxs)(`div`,{className:U.canvas,children:[(0,K.jsx)(M,{...e,value:t,presets:q,ariaLabel:`Выбрать layout дашборда`,onChange:t=>{n(t),e.onChange(t)}}),(0,K.jsx)(W,{value:t,presets:q}),(0,K.jsx)(ye,{value:t,presets:q})]})},args:{value:q[0].id,presets:q}},Z={name:`Заблокированные пресеты`,render:e=>{let[t,n]=(0,G.useState)(`1x1`);return(0,K.jsxs)(`div`,{className:U.canvas,children:[(0,K.jsx)(M,{...e,value:t,getPresetDisabled:e=>e.id===`1x2`||e.id===`2x2-l`,onChange:t=>{n(t),e.onChange(t)}}),(0,K.jsx)(`div`,{className:U.muted,children:`Пресеты с двумя колонками в этом сценарии недоступны.`}),(0,K.jsx)(W,{value:t,presets:f})]})}},Q={name:`В панели настройки`,render:()=>(0,K.jsx)(be,{})},$={name:`Заблокированный контрол`,args:{disabled:!0,value:`1x2`}},J.parameters={...J.parameters,docs:{...J.parameters?.docs,source:{originalSource:`{
|
|
377
|
-
args: {
|
|
378
|
-
value: "2x1"
|
|
379
|
-
},
|
|
380
|
-
name: "Контролируемый выбор",
|
|
381
|
-
render: function Render(args) {
|
|
382
|
-
const [, updateArgs] = useArgs<LayoutPickerProps>();
|
|
383
|
-
const presets = args.presets ?? DEFAULT_LAYOUT_PICKER_PRESETS;
|
|
384
|
-
return <div className={styles.canvas}>
|
|
385
|
-
<LayoutPicker {...args} presets={presets} onChange={layoutId => {
|
|
386
|
-
args.onChange(layoutId);
|
|
387
|
-
updateArgs({
|
|
388
|
-
value: layoutId
|
|
389
|
-
});
|
|
390
|
-
}} />
|
|
391
|
-
<PresetSummary value={args.value ?? ""} presets={presets} />
|
|
392
|
-
</div>;
|
|
393
|
-
}
|
|
394
|
-
}`,...J.parameters?.docs?.source}}},Y.parameters={...Y.parameters,docs:{...Y.parameters?.docs,source:{originalSource:`{
|
|
395
|
-
name: "Без выбранного значения",
|
|
396
|
-
render: args => {
|
|
397
|
-
const [value, setValue] = useState("");
|
|
398
|
-
const presets = args.presets ?? DEFAULT_LAYOUT_PICKER_PRESETS;
|
|
399
|
-
return <div className={styles.canvas}>
|
|
400
|
-
<LayoutPicker {...args} value={value} presets={presets} placeholder="Layout ещё не выбран" showPlaceholder onChange={layoutId => {
|
|
401
|
-
setValue(layoutId);
|
|
402
|
-
args.onChange(layoutId);
|
|
403
|
-
}} />
|
|
404
|
-
<PresetSummary value={value} presets={presets} />
|
|
405
|
-
</div>;
|
|
406
|
-
},
|
|
407
|
-
args: {
|
|
408
|
-
value: ""
|
|
409
|
-
}
|
|
410
|
-
}`,...Y.parameters?.docs?.source}}},X.parameters={...X.parameters,docs:{...X.parameters?.docs,source:{originalSource:`{
|
|
411
|
-
name: "Кастомные пресеты",
|
|
412
|
-
render: args => {
|
|
413
|
-
const [value, setValue] = useState<string>(dashboardPresets[0].id);
|
|
414
|
-
return <div className={styles.canvas}>
|
|
415
|
-
<LayoutPicker {...args} value={value} presets={dashboardPresets} ariaLabel="Выбрать layout дашборда" onChange={layoutId => {
|
|
416
|
-
setValue(layoutId);
|
|
417
|
-
args.onChange(layoutId);
|
|
418
|
-
}} />
|
|
419
|
-
<PresetSummary value={value} presets={dashboardPresets} />
|
|
420
|
-
<LayoutPreview value={value} presets={dashboardPresets} />
|
|
421
|
-
</div>;
|
|
422
|
-
},
|
|
423
|
-
args: {
|
|
424
|
-
value: dashboardPresets[0].id,
|
|
425
|
-
presets: dashboardPresets
|
|
426
|
-
}
|
|
427
|
-
}`,...X.parameters?.docs?.source}}},Z.parameters={...Z.parameters,docs:{...Z.parameters?.docs,source:{originalSource:`{
|
|
428
|
-
name: "Заблокированные пресеты",
|
|
429
|
-
render: args => {
|
|
430
|
-
const [value, setValue] = useState("1x1");
|
|
431
|
-
return <div className={styles.canvas}>
|
|
432
|
-
<LayoutPicker {...args} value={value} getPresetDisabled={preset => preset.id === "1x2" || preset.id === "2x2-l"} onChange={layoutId => {
|
|
433
|
-
setValue(layoutId);
|
|
434
|
-
args.onChange(layoutId);
|
|
435
|
-
}} />
|
|
436
|
-
<div className={styles.muted}>Пресеты с двумя колонками в этом сценарии недоступны.</div>
|
|
437
|
-
<PresetSummary value={value} presets={DEFAULT_LAYOUT_PICKER_PRESETS} />
|
|
438
|
-
</div>;
|
|
439
|
-
}
|
|
440
|
-
}`,...Z.parameters?.docs?.source}}},Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`{
|
|
441
|
-
name: "В панели настройки",
|
|
442
|
-
render: () => <ControlledExample />
|
|
443
|
-
}`,...Q.parameters?.docs?.source}}},$.parameters={...$.parameters,docs:{...$.parameters?.docs,source:{originalSource:`{
|
|
444
|
-
name: "Заблокированный контрол",
|
|
445
|
-
args: {
|
|
446
|
-
disabled: true,
|
|
447
|
-
value: "1x2"
|
|
448
|
-
}
|
|
449
|
-
}`,...$.parameters?.docs?.source}}},we=[`Controlled`,`Placeholder`,`CustomPresets`,`DisabledPresets`,`InToolbar`,`Disabled`]})))()}export{Q as a,Te as c,Z as i,X as n,_e as o,$ as r,Y as s,J as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._9oSdQi{padding:0}.iobHig{height:calc(100% - var(--space-sm));max-width:calc(100% - var(--control-height) * 2);justify-content:flex-end;align-items:center;display:flex}.iobHig:empty{display:none}.yatXso{white-space:nowrap;word-break:normal;text-overflow:ellipsis;pointer-events:none;max-width:70%;overflow:hidden}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n,t as r}from"./check-BMyoSD8F.js";import{n as i,t as a}from"./chevron-right-DS62_o_9.js";import{i as o,n as s,r as c,t as l}from"./CheckBox-B6rTemHK.js";import{n as u,t as d}from"./x-CyFk00QC.js";import{n as f}from"./iframe-CrnMVMTc.js";import{a as p,i as m}from"./utils-DUM89eIj.js";import{n as h,t as g}from"./SelectOptionContent-DhtCMwz6.js";import{n as _,t as v}from"./ui.module-DoMIk8Oc.js";import{a as ee,c as y}from"./Input-DtOsW7ur.js";import{c as te,g as ne,h as re,i as ie,l as ae,n as oe,r as se,s as ce,t as le,u as ue}from"./usePickerTriggerController-BRXUlggw.js";import{n as b,t as de}from"./PickerSelectionToolbar-BcL8-O6n.js";import{i as fe,n as pe,r as me,t as he}from"./usePickerQuery-CAWYFpCv.js";import{n as x,t as ge}from"./PickerTriggerActions-C8Asdp5e.js";function S(e,t){return`${e}::${t}`}function _e(e){let t=new Map,n=new Map,r=new Map,i=new Map,a=new Map,o=0,s=(e,c)=>{t.set(e.id,e),n.set(e.id,c),i.set(e.id,o++),a.set(S(e.codeKey,e.value),e.id);let l=(e.children??[]).map(e=>e.id);r.set(e.id,l);for(let t of e.children??[])s(t,e.id)};for(let t of e)s(t);return{rootIds:e.map(e=>e.id),nodeById:t,parentById:n,childrenById:r,preorderIndexById:i,nodeIdByCodeValue:a}}function ve(e,t){if(e)return t.nodeIdByCodeValue.get(S(e.codeKey,e.value))}function ye(e,t){let n=new Set;if(!e)return n;for(let[r,i]of Object.entries(e))for(let e of i){let i=t.nodeIdByCodeValue.get(S(r,e));i&&n.add(i)}return O(n,t)}function C(e,t){let n=[...e].sort((e,n)=>(t.preorderIndexById.get(e)??2**53-1)-(t.preorderIndexById.get(n)??2**53-1)),r={};for(let e of n){let n=t.nodeById.get(e);n&&(r[n.codeKey]=r[n.codeKey]??[],r[n.codeKey].push(n.value))}return r}function w(e,t){let n=[],r=t.parentById.get(e);for(;r;)n.push(r),r=t.parentById.get(r);return n}function T(e,t,n){let r=n.parentById.get(e);for(;r;){if(r===t)return!0;r=n.parentById.get(r)}return!1}function E(e,t,n){for(let r of[...e])T(r,t,n)&&e.delete(r)}function D(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=>D(e,t,n))}function O(e,t){let n=new Set(e);for(let e of[...n])w(e,t).some(e=>n.has(e))&&n.delete(e);let r=[...t.nodeById.keys()].sort((e,n)=>(t.preorderIndexById.get(n)??0)-(t.preorderIndexById.get(e)??0));for(let e of r){let r=t.childrenById.get(e)??[];r.length===0||n.has(e)||t.nodeById.get(e)?.disabled||r.every(e=>D(e,n,t))&&(E(n,e,t),n.add(e))}return n}function be(e,t,n){let r=n.parentById.get(t);for(;r;){if(e.has(r)){e.delete(r);for(let t of j(n,n.childrenById.get(r)??[]))e.add(t);return!0}r=n.parentById.get(r)}return!1}function k(e,t,n){return t.has(e)?!0:w(e,n).some(e=>t.has(e))}function A(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=>A(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)A(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);return!r||r.disabled||o?{containsDisabled:!0,selectedIds:a}:{containsDisabled:!1,selectedIds:[t]}};return new Set(t.flatMap(e=>n(e).selectedIds))}function Se(e,t,n){let r=ye(e,n),i=e=>{if(k(e,r,n)){if(r.has(e)){r.delete(e);return}be(r,e,n)&&i(e);return}E(r,e,n),r.add(e)},a=[...j(n,[t])],o=a.length>0&&a.every(e=>k(e,r,n));for(let e of a){let t=k(e,r,n);(o&&t||!o&&!t)&&i(e)}return C(O(r,n),n)}function M(e,t,n){let r=t.parentById.get(e);for(;r;)n.add(r),r=t.parentById.get(r)}function Ce(e,t){let n=new Set;for(let r of e)M(r,t,n);return n}function we(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 Te(e,t,n){let r=(e.children??[]).map(e=>Te(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 Ee(e,t){let n=t.trim().toLowerCase();if(!n)return{nodes:[...e],expandedIds:new Set};let r=new Set;return{nodes:e.map(e=>Te(e,n,r)).filter(e=>!!e),expandedIds:r}}function De(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 N(){return(N=e((()=>{})))()}function Oe(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 P(e,t){return Number.isFinite(e)&&e>0?e:t}function F(e){let t=e.endIndexExclusive-e.startIndex;return Math.min(z,t)}function I(e,t){let n=Math.max(1,t),r=[],i=1,a=1,o=0;for(let t of e.groups){let e=F(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 ke({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=P(t,240),c=P(n,80),l=P(r,s+16),u=P(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,P(a,1)),m=Math.min(d,p),h=Math.max(1,Math.floor((d-L+R)/234)),g=Math.max(1,Math.min(Ne,h,o||1)),_=e.groups.reduce((e,t)=>Math.max(e,F(t)),1);if(o===0)return{columnCount:1,rowCount:1,width:m,minWidth:m,maxHeight:f,placements:[]};let v,ee=1/0;for(let t=1;t<=g;t+=1){let n=Math.max(_,Math.ceil(o/t)),r=I(e,n);for(;r.usedColumnCount>t&&n<o;)n+=1,r=I(e,n);let i=r.usedColumnCount,a=Math.max(m,L+i*je+(i-1)*R),s=Ae+n*Me,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<ee&&(ee=h,v={columnCount:i,rowCount:n,width:Math.min(d,a),minWidth:m,maxHeight:f,placements:r.placements})}return v??{columnCount:1,rowCount:o,width:m,minWidth:m,maxHeight:f,placements:I(e,o).placements}}var L,Ae,je,R,Me,Ne,z;function Pe(){return(Pe=e((()=>{L=16,Ae=48,je=224,R=10,Me=32,Ne=6,z=3})))()}var Fe,B,Ie,Le,Re,V,H,U,W,ze,G,Be,Ve,K,q,J,He,Ue,Y,We,Ge,Ke,qe,Je,Ye,Xe,Ze,X;function Qe(){return(Qe=e((()=>{Fe=`eMqOwq`,B=`JKstO-`,Ie=`hKgr8e`,Le=`KjPZjd`,Re=`_6EH37F`,V=`UBll8Q`,H=`-y3RZP`,U=`ayLJ50`,W=`_430vL2`,ze=`FkzTJI`,G=`e8fE4t`,Be=`_2MFkGF`,Ve=`SWQUvb`,K=`o5NWnX`,q=`ibSd-S`,J=`lXezvv`,He=`FMlLGX`,Ue=`d2Zt7U`,Y=`_8PN4hs`,We=`_4JEoen`,Ge=`GS8eEC`,Ke=`T8gVno`,qe=`o6stdX`,Je=`I5zvhe`,Ye=`KQ0PBI`,Xe=`_7hAQQA`,Ze=`XeUHNc`,X={treeRow:Fe,treeRowSelected:B,treeRowActive:Ie,treeRowDisabled:Le,treeNodeButton:Re,treePopupHeader:V,treeColumns:H,treeColumnRow:U,treeColumnsPopupLayout:W,treeColumnRootLabel:ze,treeColumnRootCode:G,treeColumnCheckBox:Be,treeNodeOptionContent:Ve,treeIndent:K,treeExpander:q,treeExpanderPlaceholder:J,treeExpanderIcon:He,treeExpanderIconExpanded:Ue,treeSelection:Y,treeSelectionChecked:We,treeSelectionPartial:Ge,treeSelectionIcon:Ke,treeSummary:qe,inputWithOverlay:Je,valueOverlay:Ye,treeActions:Xe,treeClearButton:Ze}})))()}function $e({node:e,level:t,highlight:n,hasChildren:i,isExpanded:o,selected:s,partial:u,selectionMode:d,optionsLayout:f=`tree`,onToggleExpand:m,onToggleSelection:h}){let _=f===`tree`,v=f===`columns`&&t===0;return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(`span`,{className:X.treeIndent,style:{"--tree-level":t},"aria-hidden":`true`}),_&&i?(0,Z.jsx)(`button`,{type:`button`,className:X.treeExpander,onClick:e=>{e.stopPropagation(),m?.()},"aria-label":o?`Свернуть ветку`:`Развернуть ветку`,"data-ui":`tree-select-expander`,"data-action":o?`collapse-tree-select-node`:`expand-tree-select-node`,children:(0,Z.jsx)(a,{className:p(X.treeExpanderIcon,o&&X.treeExpanderIconExpanded)})}):_?(0,Z.jsx)(`span`,{className:X.treeExpanderPlaceholder,"aria-hidden":`true`}):null,d===`multi`&&f===`columns`?(0,Z.jsx)(`span`,{className:X.treeColumnCheckBox,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),children:(0,Z.jsx)(l,{value:s,indeterminate:u,disabled:e.disabled,"aria-label":`Выбрать ${e.label}`,onChange:()=>h?.()})}):d===`multi`?(0,Z.jsx)(`span`,{className:p(X.treeSelection,s&&X.treeSelectionChecked,u&&X.treeSelectionPartial),"aria-hidden":`true`,children:s?(0,Z.jsx)(r,{className:X.treeSelectionIcon}):u?(0,Z.jsx)(c,{className:X.treeSelectionIcon}):null}):null,(0,Z.jsx)(`div`,{className:X.treeNodeOptionContent,children:(0,Z.jsx)(g,{label:e.label,code:e.code,highlight:n,labelClassName:v?X.treeColumnRootLabel:void 0,codeClassName:v?X.treeColumnRootCode:void 0})})]})}var Z;function et(){return(et=e((()=>{m(),n(),i(),o(),s(),h(),Qe(),Z=f(),$e.__docgenInfo={description:``,methods:[],displayName:`TreeNodeContent`,props:{node:{required:!0,tsType:{name:`signature`,type:`object`,raw:`{
|
|
2
|
-
id: string;
|
|
3
|
-
codeKey: string;
|
|
4
|
-
value: string;
|
|
5
|
-
label: string;
|
|
6
|
-
code?: string;
|
|
7
|
-
searchText: string;
|
|
8
|
-
children?: TreeSelectNode[];
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
}`,signature:{properties:[{key:`id`,value:{name:`string`,required:!0}},{key:`codeKey`,value:{name:`string`,required:!0}},{key:`value`,value:{name:`string`,required:!0}},{key:`label`,value:{name:`string`,required:!0}},{key:`code`,value:{name:`string`,required:!1}},{key:`searchText`,value:{name:`string`,required:!0}},{key:`children`,value:{name:`Array`,elements:[{name:`TreeSelectNode`}],raw:`TreeSelectNode[]`,required:!1}},{key:`disabled`,value:{name:`boolean`,required:!1}}]}},description:``},level:{required:!0,tsType:{name:`number`},description:``},highlight:{required:!1,tsType:{name:`string`},description:``},hasChildren:{required:!0,tsType:{name:`boolean`},description:``},isExpanded:{required:!0,tsType:{name:`boolean`},description:``},selected:{required:!0,tsType:{name:`boolean`},description:``},partial:{required:!0,tsType:{name:`boolean`},description:``},selectionMode:{required:!0,tsType:{name:`union`,raw:`"single" | "multi"`,elements:[{name:`literal`,value:`"single"`},{name:`literal`,value:`"multi"`}]},description:``},optionsLayout:{required:!1,tsType:{name:`union`,raw:`"tree" | "columns"`,elements:[{name:`literal`,value:`"tree"`},{name:`literal`,value:`"columns"`}]},description:``,defaultValue:{value:`"tree"`,computed:!1}},onToggleExpand:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},onToggleSelection:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``}}}})))()}function tt({label:e,description:t,disabled:n,placeholder:r,size:i,nodes:a,selectedIds:o,partialIds:s,selectionMode:c,optionsLayout:l=`tree`,defaultExpandedCodeKeys:u,open:f,onOpenChange:m,bulkActions:h,triggerMode:g=`display`,selectedSummary:v,selectedSummaryText:y,query:te,defaultQuery:ne,onQuery:se,onNodeActivate:le,onClearSelection:ue,isLoading:b,error:fe}){let he=(0,Q.useRef)(null),x=(0,Q.useRef)(null),S=(0,Q.useRef)(!1),[ve,ye]=(0,Q.useState)(()=>new Map),C=g===`search`?c===`multi`?`search-multi`:`search-single`:`display`,w=(0,Q.useMemo)(()=>_e(a),[a]),T=(0,Q.useMemo)(()=>new Set(u),[u]),{query:E,setQuery:D}=pe({open:!0,query:te,defaultQuery:ne,onQuery:se,triggerMode:`display`}),{nodes:O,expandedIds:be}=(0,Q.useMemo)(()=>Ee(a,E),[a,E]),A=(0,Q.useMemo)(()=>Ce(o,w),[o,w]),xe=(0,Q.useMemo)(()=>we(w,T,ve),[T,ve,w]),j=(0,Q.useMemo)(()=>new Set([...w.childrenById].filter(([,e])=>e.length>0).map(([e])=>e)),[w]),Se=(0,Q.useMemo)(()=>l===`columns`?j:new Set([...xe,...be,...A]),[j,xe,l,be,A]),M=(0,Q.useMemo)(()=>De(O,Se),[O,Se]),Te=(0,Q.useMemo)(()=>M.findIndex(e=>o.has(e.node.id)),[o,M]),N=(0,Q.useMemo)(()=>Oe(M),[M]),P=(0,Q.useCallback)(e=>{let t=ke({...e,descriptor:N}),n={};return t.placements.forEach((e,t)=>{n[`--tree-option-${t}-column`]=String(e.column),n[`--tree-option-${t}-row`]=String(e.row)}),{width:`${t.width}px`,minWidth:`${t.minWidth}px`,maxWidth:`${t.width}px`,maxHeight:`${t.maxHeight}px`,"--tree-column-count":String(t.columnCount),"--tree-row-count":String(t.rowCount),...n}},[N]),{open:F,activeIndex:I,context:L,floatingStyles:Ae,getFloatingProps:je,setReference:R,setFloating:Me,setOptionRef:Ne,close:z,openList:Pe,toggleOpen:Fe,selectOption:B,handleReferenceKeyDown:Ie,handleFloatingKeyDown:Le,getOptionId:Re,getActiveOptionId:V}=ie({options:M,selectedIndex:Te,open:f,onOpenChange:m,onSelect:e=>le(e.node),getOptionDisabled:e=>e.node.disabled===!0,disabled:n||b,closeOnSelect:c===`single`,allowOpenWithoutOptions:!0,triggerMode:C,placementStrategy:l===`columns`?`auto`:`flip`,resolveFloatingSize:l===`columns`?P:void 0}),H=L.update,U=o.size>0,W=g===`search`&&(F||E.length>0),ze=W?E:y??``,G=g===`display`&&!!v,Be=C===`search-multi`&&!!v,Ve=C===`search-multi`&&!U||C===`search-single`&&(!y||W)||C===`display`&&!U,K=oe({mode:C,open:F,currentQuery:E,hasDisplayValue:!!y,inputRef:he,setQuery:D,openList:Pe,close:z,toggleOpen:Fe}),q=l===`columns`&&c===`multi`&&h,J=g===`display`,He=q||J?(0,$.jsxs)(`div`,{className:X.treePopupHeader,children:[q?(0,$.jsx)(de,{onSelectAll:h.onSelectAll,onDeselectAll:h.onDeselectAll,selectAllButtonRef:x}):null,J?(0,$.jsx)(ee,{value:E,onChange:D,onClear:()=>D(``),placeholder:`Поиск по дереву`,onKeyDown:e=>{e.key!==`Escape`&&e.key!==`Tab`&&e.stopPropagation()},onClick:e=>{e.stopPropagation()}}):null]}):void 0;(0,Q.useEffect)(()=>{S.current&&!F&&K.policy.resetQueryOnClose&&D(``),S.current=F},[F,D,K.policy.resetQueryOnClose]),(0,Q.useLayoutEffect)(()=>{F&&l===`columns`&&H()},[N.signature,F,l,H]);let Ue=e=>{he.current=e},Y=()=>{ue?.(),D(``),c===`single`&&z()},We=e=>{e.hasChildren&&ye(t=>{let n=new Map(t),r=t.get(e.node.id)??T.has(e.node.codeKey);return n.set(e.node.id,!r),n})};return(0,$.jsx)(re,{label:e,description:t,disabled:n,placeholder:r,size:i,children:({controlId:t,labelId:i,describedBy:a})=>{let u=`${t}-listbox`,f=typeof e==`string`?e:r;return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(ce,{ref:Ue,rootRef:R,id:t,type:`text`,role:`combobox`,autoComplete:`off`,disabled:n||b,readOnly:g!==`search`,value:g===`display`&&G?``:ze,placeholder:Ve?r:void 0,"aria-labelledby":i,"aria-label":i?void 0:r,"aria-describedby":a,"aria-haspopup":l===`columns`?`dialog`:`listbox`,"aria-expanded":F,"aria-controls":F?u:void 0,"aria-autocomplete":l!==`columns`&&g===`search`?`list`:`none`,"aria-activedescendant":l!==`columns`&&F&&M.length>0?V(u):void 0,inputClassName:p(U&&X.treeSummary,G&&X.inputWithOverlay),overlay:G?(0,$.jsx)(`div`,{className:X.valueOverlay,children:v}):void 0,endAdornment:(0,$.jsxs)(ge,{open:F,disabled:n||b,onToggleMouseDown:K.handleToggleMouseDown,onToggleClick:K.handleToggleClick,children:[Be?v:null,U&&ue?(0,$.jsx)(`button`,{type:`button`,className:X.treeClearButton,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:e=>{e.preventDefault(),e.stopPropagation(),Y()},"aria-label":`Очистить выбор`,children:(0,$.jsx)(d,{})}):null]}),onChange:e=>{g===`search`&&K.handleTriggerInputChange(e.target.value)},onClick:K.handleTriggerClick,onFocus:e=>{K.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{if(l===`columns`&&F&&e.key===`Tab`&&!e.shiftKey&&x.current){e.preventDefault(),x.current.focus();return}Ie(e),!e.defaultPrevented&&K.handleTriggerKeyDown({event:e,onActivateWhenOpen:()=>{let e=I>=0?M[I]:void 0;e&&B(e)},enableSpaceActivation:g===`display`})}}),(0,$.jsx)(ae,{open:F,context:L,floatingStyles:Ae,listId:u,labelId:i,popupAriaLabel:f,descriptionId:a,activeOptionId:l!==`columns`&&M.length>0?V(u):void 0,ariaMultiselectable:l!==`columns`&&c===`multi`,popupRole:l===`columns`?`dialog`:`listbox`,setFloating:Me,getFloatingProps:je,onKeyDown:Le,className:_.uiPopupOptions,layoutClassName:l===`columns`?X.treeColumnsPopupLayout:void 0,bodyClassName:`scrollable`,header:He,children:(0,$.jsx)(`div`,{className:p(l===`columns`&&X.treeColumns),children:M.length===0?(0,$.jsx)(me,{errorState:fe,loadingState:b?`Загрузка...`:void 0,emptyState:!fe&&!b?`Нет данных`:void 0}):M.map((e,t)=>{let n=c===`multi`?k(e.node.id,o,w):o.has(e.node.id),r=c===`multi`&&!n&&s.has(e.node.id),i=t===I,a=e.node.disabled===!0;return(0,$.jsx)(`div`,{"data-ui":`tree-select-option`,id:Re(u,t),ref:e=>Ne(t,e),role:l===`columns`?void 0:`option`,"aria-selected":l===`columns`?void 0:n,"aria-disabled":a||void 0,className:p(X.treeRow,l===`columns`&&X.treeColumnRow,a&&X.treeRowDisabled,i&&X.treeRowActive,n&&X.treeRowSelected),style:l===`columns`?{"--tree-option-column":`var(--tree-option-${t}-column, auto)`,"--tree-option-row":`var(--tree-option-${t}-row, auto)`}:void 0,onMouseDown:e=>{e.preventDefault()},onClick:()=>B(e),children:(0,$.jsx)(`div`,{className:X.treeNodeButton,children:(0,$.jsx)($e,{node:e.node,level:e.level,highlight:E,hasChildren:e.hasChildren,isExpanded:e.isExpanded,selected:n,partial:r,selectionMode:c,optionsLayout:l,onToggleExpand:()=>We(e),onToggleSelection:()=>B(e)})})},e.node.id)})})})]})}})}var Q,$;function nt(){return(nt=e((()=>{Q=t(),m(),u(),y(),ne(),ue(),b(),fe(),x(),te(),se(),he(),le(),v(),Pe(),et(),Qe(),$=f(),tt.__docgenInfo={description:``,methods:[],displayName:`TreePickerBase`,props:{nodes:{required:!0,tsType:{name:`unknown`},description:``},selectedIds:{required:!0,tsType:{name:`Set`,elements:[{name:`string`}],raw:`Set<string>`},description:``},partialIds:{required:!0,tsType:{name:`Set`,elements:[{name:`string`}],raw:`Set<string>`},description:``},selectionMode:{required:!0,tsType:{name:`union`,raw:`"single" | "multi"`,elements:[{name:`literal`,value:`"single"`},{name:`literal`,value:`"multi"`}]},description:``},optionsLayout:{required:!1,tsType:{name:`union`,raw:`"tree" | "columns"`,elements:[{name:`literal`,value:`"tree"`},{name:`literal`,value:`"columns"`}]},description:``,defaultValue:{value:`"tree"`,computed:!1}},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``},bulkActions:{required:!1,tsType:{name:`signature`,type:`object`,raw:`{
|
|
11
|
-
onSelectAll: () => void;
|
|
12
|
-
onDeselectAll: () => void;
|
|
13
|
-
}`,signature:{properties:[{key:`onSelectAll`,value:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}},required:!0}},{key:`onDeselectAll`,value:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}},required:!0}}]}},description:``},triggerMode:{required:!1,tsType:{name:`union`,raw:`"display" | "search"`,elements:[{name:`literal`,value:`"display"`},{name:`literal`,value:`"search"`}]},description:``,defaultValue:{value:`"display"`,computed:!1}},selectedSummary:{required:!1,tsType:{name:`ReactNode`},description:``},selectedSummaryText:{required:!1,tsType:{name:`string`},description:``},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:``},onNodeActivate:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(node: TreeSelectNode) => void`,signature:{arguments:[{type:{name:`signature`,type:`object`,raw:`{
|
|
14
|
-
id: string;
|
|
15
|
-
codeKey: string;
|
|
16
|
-
value: string;
|
|
17
|
-
label: string;
|
|
18
|
-
code?: string;
|
|
19
|
-
searchText: string;
|
|
20
|
-
children?: TreeSelectNode[];
|
|
21
|
-
disabled?: boolean;
|
|
22
|
-
}`,signature:{properties:[{key:`id`,value:{name:`string`,required:!0}},{key:`codeKey`,value:{name:`string`,required:!0}},{key:`value`,value:{name:`string`,required:!0}},{key:`label`,value:{name:`string`,required:!0}},{key:`code`,value:{name:`string`,required:!1}},{key:`searchText`,value:{name:`string`,required:!0}},{key:`children`,value:{name:`Array`,elements:[{name:`TreeSelectNode`}],raw:`TreeSelectNode[]`,required:!1}},{key:`disabled`,value:{name:`boolean`,required:!1}}]}},name:`node`}],return:{name:`void`}}},description:``},onClearSelection:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``},error:{required:!1,tsType:{name:`string`},description:``}}}})))()}export{xe as a,ye as c,j as i,ve as l,nt as n,N as o,_e as r,Se as s,tt as t,C as u};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e}from"./iframe-CrnMVMTc.js";e();
|