@ryuzaki13/react-foundation-ui 1.5.6 → 1.5.8
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 +8 -8
- package/dist/badge/index.js +1 -1
- package/dist/base-table/index.js +1 -1
- package/dist/button/index.js +1 -1
- package/dist/check-box/index.js +1 -1
- package/dist/chunks/{CalendarView-Cfih7hjD.js → CalendarView-DO899w6E.js} +2 -2
- package/dist/chunks/{CalendarView-Cfih7hjD.js.map → CalendarView-DO899w6E.js.map} +1 -1
- package/dist/chunks/{TextEditorLexicalClient-BSafrkLJ.js → TextEditorLexicalClient-C7XL4lZ5.js} +6 -6
- package/dist/chunks/{TextEditorLexicalClient-BSafrkLJ.js.map → TextEditorLexicalClient-C7XL4lZ5.js.map} +1 -1
- package/dist/chunks/{badge-CbclcpUi.js → badge-BXwM9cFq.js} +2 -2
- package/dist/chunks/{badge-CbclcpUi.js.map → badge-BXwM9cFq.js.map} +1 -1
- package/dist/chunks/{base-table-X7aSSjXa.js → base-table-CFJHhLNb.js} +2 -2
- package/dist/chunks/{base-table-X7aSSjXa.js.map → base-table-CFJHhLNb.js.map} +1 -1
- package/dist/chunks/{button-BOl7hYmT.js → button-BcnvJpqz.js} +3 -3
- package/dist/chunks/{button-BOl7hYmT.js.map → button-BcnvJpqz.js.map} +1 -1
- package/dist/chunks/{check-box-6HGX_KOy.js → check-box-BrPHWs2l.js} +3 -3
- package/dist/chunks/{check-box-6HGX_KOy.js.map → check-box-BrPHWs2l.js.map} +1 -1
- package/dist/chunks/{context-menu-tcD3kVAc.js → context-menu-DcdUfWN3.js} +2 -2
- package/dist/chunks/{context-menu-tcD3kVAc.js.map → context-menu-DcdUfWN3.js.map} +1 -1
- package/dist/chunks/{date-input-Bsl9dxxY.js → date-input-Db7GPkPC.js} +5 -5
- package/dist/chunks/{date-input-Bsl9dxxY.js.map → date-input-Db7GPkPC.js.map} +1 -1
- package/dist/chunks/{input-CAw1Loze.js → input-CMVATAFR.js} +2 -2
- package/dist/chunks/{input-CAw1Loze.js.map → input-CMVATAFR.js.map} +1 -1
- package/dist/chunks/{input-files-CLtQ7p8j.js → input-files-DM6I2iF_.js} +3 -3
- package/dist/chunks/{input-files-CLtQ7p8j.js.map → input-files-DM6I2iF_.js.map} +1 -1
- package/dist/chunks/{input-search-F6MPrUGF.js → input-search-BlTKbtAL.js} +2 -2
- package/dist/chunks/{input-search-F6MPrUGF.js.map → input-search-BlTKbtAL.js.map} +1 -1
- package/dist/chunks/{modal-DPIXoMkB.js → modal-z1Ej4Y-r.js} +2 -2
- package/dist/chunks/{modal-DPIXoMkB.js.map → modal-z1Ej4Y-r.js.map} +1 -1
- package/dist/chunks/{multi-select-CZPB8H6v.js → multi-select-BMBjWg3h.js} +5 -5
- package/dist/chunks/{multi-select-CZPB8H6v.js.map → multi-select-BMBjWg3h.js.map} +1 -1
- package/dist/chunks/{picker-TYLwgl1c.js → picker-C-a-2NkB.js} +3 -3
- package/dist/chunks/{picker-TYLwgl1c.js.map → picker-C-a-2NkB.js.map} +1 -1
- package/dist/chunks/{radio-group-4j2HbemI.js → radio-group-D-eBPuGm.js} +2 -2
- package/dist/chunks/radio-group-D-eBPuGm.js.map +1 -0
- package/dist/chunks/{select-BwbljzU9.js → select-BhVOTvZ_.js} +5 -5
- package/dist/chunks/{select-BwbljzU9.js.map → select-BhVOTvZ_.js.map} +1 -1
- package/dist/chunks/{table-DihiNNJt.js → table-jMjMoYKh.js} +2 -2
- package/dist/chunks/{table-DihiNNJt.js.map → table-jMjMoYKh.js.map} +1 -1
- package/dist/chunks/{ui.module-BfaIVBba.js → ui.module-D_ZhzCRv.js} +2 -1
- package/dist/chunks/ui.module-D_ZhzCRv.js.map +1 -0
- package/dist/chunks/{uiClasses-4atXOh0J.js → uiClasses-CF_aN4Tv.js} +11 -2
- package/dist/chunks/uiClasses-CF_aN4Tv.js.map +1 -0
- package/dist/chunks/{useODataSelectBase-Bfljwe39.js → useODataSelectBase-CQJuzk5Q.js} +2 -2
- package/dist/chunks/{useODataSelectBase-Bfljwe39.js.map → useODataSelectBase-CQJuzk5Q.js.map} +1 -1
- package/dist/context-menu/index.js +1 -1
- package/dist/date-input/index.js +2 -2
- package/dist/date-time-input/index.js +3 -3
- package/dist/development/storybook/createControlledStoryRender.d.ts +12 -0
- package/dist/development/storybook/createControlledStoryRender.d.ts.map +1 -0
- package/dist/disclosure/index.js +1 -1
- package/dist/drop-zone/index.js +1 -1
- package/dist/expandable-action-panel/index.js +1 -1
- package/dist/image/index.js +4 -4
- package/dist/input/index.js +1 -1
- package/dist/input-date-time/index.js +2 -2
- package/dist/input-file/index.js +2 -2
- package/dist/input-files/index.js +1 -1
- package/dist/input-image/index.js +2 -2
- package/dist/input-search/index.js +1 -1
- package/dist/layout-picker/index.js +2 -2
- package/dist/listbox/index.js +1 -1
- package/dist/modal/index.js +1 -1
- package/dist/multi-select/index.js +1 -1
- package/dist/notifications/index.js +1 -1
- package/dist/picker/index.js +1 -1
- package/dist/preset-range-date-input/index.js +1 -1
- package/dist/preset-select/index.js +1 -1
- package/dist/radio-button/RadioButton.d.ts +2 -0
- package/dist/radio-button/RadioButton.d.ts.map +1 -1
- package/dist/radio-button/index.js +4 -6
- package/dist/radio-button/index.js.map +1 -1
- package/dist/radio-group/index.js +1 -1
- package/dist/select/index.js +1 -1
- package/dist/simple-table/index.js +1 -1
- package/dist/slider/Slider.d.ts.map +1 -1
- package/dist/slider/index.js +9 -8
- package/dist/slider/index.js.map +1 -1
- package/dist/state-select/index.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/switch/index.js +1 -1
- package/dist/table/index.js +1 -1
- package/dist/table-sorting/index.js +1 -1
- package/dist/tag-input/index.js +2 -2
- package/dist/text-editor/index.js +1 -1
- package/dist/textarea/index.js +2 -2
- package/dist/toggle/index.js +1 -1
- package/dist/tree-select/index.js +6 -6
- package/dist/tree-table/index.js +1 -1
- package/dist/types.d.ts +6 -2
- package/dist/types.d.ts.map +1 -1
- package/dist/uiClasses.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/styles/_controls.scss +4 -0
- package/src/styles/config/_index.scss +71 -46
- package/src/styles/mixins/_mixin.scss +6 -6
- package/storybook-static/assets/{Badge-BiiRjdOi.js → Badge-Khhz8aRX.js} +1 -1
- package/storybook-static/assets/Badge.stories-zOcsfaff.js +56 -0
- package/storybook-static/assets/BadgeList-DS9d6kVQ.js +4 -0
- package/storybook-static/assets/{Button-CjaNN6rV.js → Button-C38ehnnC.js} +11 -1
- package/storybook-static/assets/Button-CEXo9sAm.js +14 -0
- package/storybook-static/assets/Button.stories-1WKvAI-j.js +93 -0
- package/storybook-static/assets/{CalendarView-BMJ6hyvh.js → CalendarView-CiXyo_UG.js} +1 -1
- package/storybook-static/assets/{CheckBox-BTR1-W6r.js → CheckBox-BeowtitL.js} +2 -2
- package/storybook-static/assets/{CheckBox-PJCZFi85.js → CheckBox-sqtI5EhB.js} +1 -1
- package/storybook-static/assets/CheckBox.stories-BPX1Rg46.js +58 -0
- package/storybook-static/assets/{Color-6AOWCN3U-VUHIzkg_.js → Color-6AOWCN3U-2vHfXX4h.js} +1 -1
- package/storybook-static/assets/{ContextMenu-Bh4oHP6K.js → ContextMenu-CKqFrruL.js} +1 -1
- package/storybook-static/assets/{ContextMenu-0zHy_xbK.js → ContextMenu-Cf0aB42t.js} +1 -1
- package/storybook-static/assets/ContextMenu.stories-DUNNczmV.js +37 -0
- package/storybook-static/assets/{DateInput-kNvOe_qw.js → DateInput-CgZisi2m.js} +1 -1
- package/storybook-static/assets/{DateInput-CNO6uPbo.js → DateInput-CqLQj_F4.js} +1 -1
- package/storybook-static/assets/{DateInput.stories-DGrl1NRg.js → DateInput.stories-Do_7epv1.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-CfuLAxW0.js → DateRangePresetSelect-CQH5mwGa.js} +2 -2
- package/storybook-static/assets/{DateRangePresetSelect-DVe-KZEx.js → DateRangePresetSelect-CvYeLrV2.js} +1 -1
- package/storybook-static/assets/DateRangePresetSelect.stories-BaulSowp.js +19 -0
- package/storybook-static/assets/{Detail-DjP_T3Yg.js → Detail-C5pT_ihu.js} +1 -1
- package/storybook-static/assets/Detail.stories-CYeU4gW0.js +56 -0
- package/storybook-static/assets/{Dialog-PPguLwie.js → Dialog-CyfPnLNU.js} +1 -1
- package/storybook-static/assets/{Dialog-BbfwcIzl.js → Dialog-JpGOo8UM.js} +1 -1
- package/storybook-static/assets/Dialog.stories-DDgSBPse.js +22 -0
- package/storybook-static/assets/{Disclosure-DfjeNfkn.js → Disclosure-CoRV3SKI.js} +1 -1
- package/storybook-static/assets/Disclosure.stories-ShTbXMfl.js +23 -0
- package/storybook-static/assets/{DisclosureGroup-C4o0IITt.js → DisclosureGroup-DFZxdYAc.js} +1 -1
- package/storybook-static/assets/{DocsRenderer-JROSPFPF-BiMFt7_A.js → DocsRenderer-JROSPFPF-C6cvpWLp.js} +1 -1
- package/storybook-static/assets/{DropZone-C3oRa6sQ.js → DropZone-BMM9Wzo2.js} +1 -1
- package/storybook-static/assets/{DropZone-Cw3X-9Xt.js → DropZone-aGbl_hY6.js} +1 -1
- package/storybook-static/assets/DropZone.stories-B19OUO0s.js +26 -0
- package/storybook-static/assets/{DropdownMenu-CPj2r3k-.js → DropdownMenu-Cg0W3h8L.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel-DAzBwv3l.js → ExpandableActionPanel-BzBrYqC5.js} +1 -1
- package/storybook-static/assets/ExpandableActionPanel.stories-DCNEDnZa.js +9 -0
- package/storybook-static/assets/{Flex-Rsf5s2Qh.js → Flex-MkfwQVIc.js} +1 -1
- package/storybook-static/assets/{Flex.stories-C4LjuUoy.js → Flex.stories-BlM3OY3o.js} +12 -12
- package/storybook-static/assets/{FloatingPopover-QXZeXRkJ.js → FloatingPopover-D6CCSTdu.js} +1 -1
- package/storybook-static/assets/{FormattedTableCell-YhiJaAK4.js → FormattedTableCell-G7nk8gAQ.js} +1 -1
- package/storybook-static/assets/{Grid-BnEITS4J.js → Grid-DfaPblMb.js} +1 -1
- package/storybook-static/assets/{Grid.stories-CpCGadoX.js → Grid.stories-DDikKF9r.js} +15 -15
- package/storybook-static/assets/{ImageCropper.stories-CQZ6x_Ob.js → ImageCropper.stories-CXPVp9Vp.js} +23 -7
- package/storybook-static/assets/{ImageRenderer-CQSICbwz.js → ImageRenderer-BGvZWBqv.js} +1 -1
- package/storybook-static/assets/ImageRenderer.stories-DISqcLr0.js +34 -0
- package/storybook-static/assets/ImageView.stories-2slK-d-x.js +14 -0
- package/storybook-static/assets/{ImageViewer.stories-B2zHeVgq.js → ImageViewer.stories-Xq_D5QUi.js} +30 -12
- package/storybook-static/assets/{ImageViewerRuntime-CQBT2XUj.js → ImageViewerRuntime-DMqh4wGq.js} +1 -1
- package/storybook-static/assets/{Input-C2Lss7is.js → Input-B9ykEI3i.js} +1 -1
- package/storybook-static/assets/{Input-D7iiHnIH.js → Input-QDdDpHSi.js} +1 -1
- package/storybook-static/assets/Input.stories-B0ij_iCD.js +52 -0
- package/storybook-static/assets/{InputDateTime-DM3BFpr1.js → InputDateTime-BLCtKukj.js} +1 -1
- package/storybook-static/assets/{InputDateTime.stories-DYonovnC.js → InputDateTime.stories-mKKGsKaq.js} +23 -20
- package/storybook-static/assets/{InputFile-G-H8FqNn.js → InputFile-CHhD9bDB.js} +1 -1
- package/storybook-static/assets/{InputFile-BSVH6QKl.js → InputFile-uAmsP7LG.js} +1 -1
- package/storybook-static/assets/InputFile.stories-CK-ACsW2.js +27 -0
- package/storybook-static/assets/{InputFiles-CA7eAjuN.js → InputFiles-CDgBA7Tt.js} +1 -1
- package/storybook-static/assets/{InputFiles-DnYodbhi.js → InputFiles-DABWDqXi.js} +1 -1
- package/storybook-static/assets/InputFiles.stories-Dihf3LA3.js +26 -0
- package/storybook-static/assets/{InputFilesList-BhOSPaGs.js → InputFilesList-CCkGwmuk.js} +1 -1
- package/storybook-static/assets/{InputImage-BPmp_DbZ.js → InputImage-B-yYeHyx.js} +1 -1
- package/storybook-static/assets/{InputImage-BwWAi8ze.js → InputImage-CL1d5Pan.js} +1 -1
- package/storybook-static/assets/InputImage.stories-CJSA6DVX.js +56 -0
- package/storybook-static/assets/InteractiveComponents-BbTcKx2O.js +87 -0
- package/storybook-static/assets/InteractiveComponents.stories-91dvlxQf.js +472 -0
- package/storybook-static/assets/{LayoutPicker-DrQx5OwE.js → LayoutPicker-Bghy4k1z.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-Bz8Vo6L7.js → LayoutPicker-CXDkkJp2.js} +1 -1
- package/storybook-static/assets/{LayoutPicker.stories-CBqPwt3h.js → LayoutPicker.stories-DW9dESrS.js} +1 -1
- package/storybook-static/assets/{Listbox-BbSsDx2u.js → Listbox--cQWgUmD.js} +1 -1
- package/storybook-static/assets/{Listbox-B7Z7L_t3.js → Listbox-CLvPiIfl.js} +1 -1
- package/storybook-static/assets/Listbox.stories-Df-qKPoO.js +68 -0
- package/storybook-static/assets/{Modal-Cob4DPKq.js → Modal-q_SY4zcu.js} +1 -1
- package/storybook-static/assets/Modal.stories-uOYpbXVv.js +232 -0
- package/storybook-static/assets/{ModalManagerProvider-DPGYpfId.js → ModalManagerProvider-DRweDYkZ.js} +1 -1
- package/storybook-static/assets/{MultiSelect-BgMw4DIC.js → MultiSelect-B2hs_VJT.js} +1 -1
- package/storybook-static/assets/{MultiSelect-DKv6Qe08.js → MultiSelect-C7oSCFYc.js} +1 -1
- package/storybook-static/assets/MultiSelect.stories-CmXVD8NV.js +55 -0
- package/storybook-static/assets/{NoData-B33Cn4pA.js → NoData-CYykp6nm.js} +1 -1
- package/storybook-static/assets/{NotificationsHost-DDcfMtWv.js → NotificationsHost-6EGDcdXc.js} +1 -1
- package/storybook-static/assets/NotificationsHost.stories-DYlOKW3z.js +29 -0
- package/storybook-static/assets/{ODataMultiSelect-CT4h5T5J.js → ODataMultiSelect-D3lAz52M.js} +1 -1
- package/storybook-static/assets/ODataMultiSelect.stories-Do349Woi.js +137 -0
- package/storybook-static/assets/{ODataSelect-_FeWsMNO.js → ODataSelect-BmLCt-Et.js} +1 -1
- package/storybook-static/assets/ODataSelect.stories-CBE4FRU1.js +207 -0
- package/storybook-static/assets/{ODataTreeMultiSelect-Lfa06t8R.js → ODataTreeMultiSelect-DPRC8mC_.js} +1 -1
- package/storybook-static/assets/ODataTreeMultiSelect.stories-B04PXBI1.js +78 -0
- package/storybook-static/assets/{ODataTreeSelect-CoVG8YGb.js → ODataTreeSelect-D_JM7RgM.js} +1 -1
- package/storybook-static/assets/ODataTreeSelect.stories-Cg5g1jKK.js +55 -0
- package/storybook-static/assets/{OneStepScroller-Ba810Z0K.js → OneStepScroller-BFpPuaB_.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-U8W5a0AG.js → PeriodSelect-BcOUZrRT.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-p_hunoMx.js → PeriodSelect-DEMta98q.js} +1 -1
- package/storybook-static/assets/PeriodSelect.stories-Y9ouTAuy.js +50 -0
- package/storybook-static/assets/{PickerSelectionToolbar-BQvUp2gy.js → PickerSelectionToolbar-Bv-nSj0d.js} +1 -1
- package/storybook-static/assets/{PickerTriggerActions-Bn7w0HQj.js → PickerTriggerActions-CQDEvDc_.js} +1 -1
- package/storybook-static/assets/{Popover-D5X_VDjs.js → Popover-CWLOyKnP.js} +1 -1
- package/storybook-static/assets/{Popover-CAmdlvk7.js → Popover-DB3qAxXW.js} +1 -1
- package/storybook-static/assets/Popover.stories-D5sWLE6b.js +47 -0
- package/storybook-static/assets/PresetRangeDateInput-59Tam-1W.js +1 -0
- package/storybook-static/assets/{PresetRangeDateInput-D_uUOybG.js → PresetRangeDateInput-CtvsU8Ml.js} +1 -1
- package/storybook-static/assets/PresetRangeDateInput.stories-CUwrsRrL.js +3 -0
- package/storybook-static/assets/{PresetSelect-ClINdcBe.js → PresetSelect-BAYEJ8CM.js} +1 -1
- package/storybook-static/assets/RadioButton-CM7QJhfw.js +1 -0
- package/storybook-static/assets/{RadioButton-CTQ3NULx.js → RadioButton-zpobcF9e.js} +1 -1
- package/storybook-static/assets/RadioButton.stories-CzL_GQa2.js +32 -0
- package/storybook-static/assets/{RadioGroup-ByD3Q99Y.js → RadioGroup-BApqIRxt.js} +1 -1
- package/storybook-static/assets/{RadioGroup-Bi6nDRg3.js → RadioGroup-CRQsZ0qT.js} +1 -1
- package/storybook-static/assets/{RadioGroup-DzkFQ83G.css → RadioGroup-vkD0hI_b.css} +1 -1
- package/storybook-static/assets/RadioGroup.stories-CxrEMC1U.js +17 -0
- package/storybook-static/assets/{Scrollable-BX1lUjOe.js → Scrollable-8LS79J5A.js} +1 -1
- package/storybook-static/assets/{Select-BIdQZ63S.js → Select-Dgz6O4XI.js} +1 -1
- package/storybook-static/assets/{Select-DZI40eOj.js → Select-DnKAwahR.js} +1 -1
- package/storybook-static/assets/Select.stories-BVue1oEG.js +69 -0
- package/storybook-static/assets/{SelectOptionContent-BBkx-6Ex.js → SelectOptionContent-B0aIuszF.js} +1 -1
- package/storybook-static/assets/{SerializableSelect-D8xPL7XQ.js → SerializableSelect-DdKvEcMl.js} +1 -1
- package/storybook-static/assets/SerializableSelect.stories-C9HykJIM.js +73 -0
- package/storybook-static/assets/{SingleDateTimeInput-DfsGAFoU.js → SingleDateTimeInput-5BdPENRL.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-CTvNbcZ6.js → SingleDateTimeInput-BJurOfWH.js} +1 -1
- package/storybook-static/assets/SingleDateTimeInput.stories-CbCzAEH_.js +48 -0
- package/storybook-static/assets/{Slider-DjX_Irjn.js → Slider-B7fBYWsh.js} +1 -1
- package/storybook-static/assets/{Slider-DLtF6vGD.js → Slider-Su14u999.js} +1 -1
- package/storybook-static/assets/Slider-bVVL6_Jz.css +1 -0
- package/storybook-static/assets/Slider.stories-oq8MwiOM.js +80 -0
- package/storybook-static/assets/{SliderInput-UCsxAR-B.js → SliderInput-C6vA0nX0.js} +1 -1
- package/storybook-static/assets/{SliderInput-BqvH8eHy.js → SliderInput-DC3rLw1R.js} +1 -1
- package/storybook-static/assets/SliderInput.stories-oSDfsTGl.js +92 -0
- package/storybook-static/assets/{Sortable-CNtgLPiY.js → Sortable-D2S4Ntya.js} +1 -1
- package/storybook-static/assets/Sortable.stories-B1VPCY57.js +77 -0
- package/storybook-static/assets/{Splitter-PsRXvIfb.js → Splitter-BOCZma_W.js} +1 -1
- package/storybook-static/assets/{Splitter.stories-CNpgsRiE.js → Splitter.stories-Be1FdaCX.js} +26 -9
- package/storybook-static/assets/{StateSelect-_vJdEQd4.js → StateSelect-D397PXHf.js} +1 -1
- package/storybook-static/assets/{StateSelect-BxRXr-2U.js → StateSelect-a1GpBbb9.js} +1 -1
- package/storybook-static/assets/StateSelect.stories-uqTINtV1.js +59 -0
- package/storybook-static/assets/StringToggle.stories-VNfJpKp9.js +5 -0
- package/storybook-static/assets/{Switch-B_3CFRDw.js → Switch-5BXuXQib.js} +1 -1
- package/storybook-static/assets/{Switch-CZpcIIzj.js → Switch-DJnZsi7c.js} +1 -1
- package/storybook-static/assets/Switch.stories-qmAfTk2T.js +15 -0
- package/storybook-static/assets/{Table-ozF5MS3q.js → Table-DwAfFwxJ.js} +1 -1
- package/storybook-static/assets/Table.stories-BIfxC452.js +207 -0
- package/storybook-static/assets/{Tabs-Dr4gaN0z.js → Tabs-CFLwas2t.js} +1 -1
- package/storybook-static/assets/Tabs.stories-BDpQCjIJ.js +87 -0
- package/storybook-static/assets/{TabsBox-6G7F_Vo9.js → TabsBox-B-Qi_Ddz.js} +1 -1
- package/storybook-static/assets/{TagInput-CIsnKs98.js → TagInput-o8pKGmii.js} +1 -1
- package/storybook-static/assets/TagInput.stories-VMOT59Cx.js +18 -0
- package/storybook-static/assets/{Text-DEUhj_FL.js → Text-DGP30761.js} +1 -1
- package/storybook-static/assets/{Textarea-BoLolqIc.js → Textarea-BAmJ8_Mc.js} +1 -1
- package/storybook-static/assets/{Textarea-Cv8Iiqm7.js → Textarea-ZKT4EZNo.js} +1 -1
- package/storybook-static/assets/Textarea.stories-C2UVl6PS.js +17 -0
- package/storybook-static/assets/{TimePanel-DbWoLCxS.js → TimePanel-BrhU0p24.js} +1 -1
- package/storybook-static/assets/TimePanel.stories-ngyJXj5J.js +14 -0
- package/storybook-static/assets/{Toggle-BAhzEihH.js → Toggle-CBNpSWHj.js} +1 -1
- package/storybook-static/assets/{Toggle-DN84PUdA.js → Toggle-wlk2S-OZ.js} +1 -1
- package/storybook-static/assets/Toggle.stories-B98YrV_V.js +25 -0
- package/storybook-static/assets/{TreeMultiSelect-C1iVfpMl.js → TreeMultiSelect-C-9k48kJ.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-BTe_-dq5.js → TreeMultiSelect-Dtl4PCmy.js} +1 -1
- package/storybook-static/assets/TreeMultiSelect.stories-CWlzx-1-.js +60 -0
- package/storybook-static/assets/{TreePickerBase-DayQwVwR.js → TreePickerBase-DypAOfjj.js} +1 -1
- package/storybook-static/assets/{TreeSelect-CJV0O91H.js → TreeSelect-D5ihwfVT.js} +1 -1
- package/storybook-static/assets/{TreeSelect-D6L3D0h4.js → TreeSelect-DG-iC3OT.js} +1 -1
- package/storybook-static/assets/TreeSelect.stories-C4y-1eM0.js +40 -0
- package/storybook-static/assets/{TreeTable-fbVtFU3l.js → TreeTable-EtrL23Tv.js} +1 -1
- package/storybook-static/assets/TreeTable.stories-DlZcGmtJ.js +168 -0
- package/storybook-static/assets/{async-D6nAWhc1.js → async-BbFzTdhE.js} +1 -1
- package/storybook-static/assets/{blocks-DCcg3Usb.js → blocks-Dk_BOKmc.js} +3 -3
- package/storybook-static/assets/{browserAndReact-CcRiDbNd.js → browserAndReact-BjzCiDcb.js} +1 -1
- package/storybook-static/assets/{check-CmUKUPJO.js → check-DSM_9_9i.js} +1 -1
- package/storybook-static/assets/{chevron-down-BDWEK49G.js → chevron-down-Bp7g9jaN.js} +1 -1
- package/storybook-static/assets/{chevron-left-CGk7Zpej.js → chevron-left-D0R6zNbT.js} +1 -1
- package/storybook-static/assets/{chevron-right-CT64vlCm.js → chevron-right-D4cu1_Hh.js} +1 -1
- package/storybook-static/assets/{chunk-W22LQPXL-CxBe5sB2.js → chunk-W22LQPXL-ClDnVv2Q.js} +1 -1
- package/storybook-static/assets/{circle-alert-POx9wimX.js → circle-alert-BPggadk6.js} +1 -1
- package/storybook-static/assets/{circle-check-BlI17qP5.js → circle-check-BU1QAh8V.js} +1 -1
- package/storybook-static/assets/{components-D__s8Hie.js → components-B_jGKru2.js} +3 -3
- package/storybook-static/assets/{contextMenu-DK_TntWE.js → contextMenu-Bf6YK0UH.js} +1 -1
- package/storybook-static/assets/createControlledStoryRender-DHsyXc1B.js +1 -0
- package/storybook-static/assets/{defaultRenderers-DBXPZtpT.js → defaultRenderers-DjL-8uS1.js} +1 -1
- package/storybook-static/assets/{download-RGyJzMcA.js → download-QNniF4SQ.js} +1 -1
- package/storybook-static/assets/{filesAndExcel-DcPYf9n5.js → filesAndExcel-BYbWfuEG.js} +1 -1
- package/storybook-static/assets/{floating-ui.react-CMX7peH7.js → floating-ui.react-_mbG5dEq.js} +1 -1
- package/storybook-static/assets/{formatters-BwvzqJ-Y.js → formatters-CSUSbuYT.js} +1 -1
- package/storybook-static/assets/{formatters-runtime-DrmDzmeG.js → formatters-runtime-CJK7YO_m.js} +1 -1
- package/storybook-static/assets/{foundationLib-x4242gln.js → foundationLib-DYspa9hU.js} +1 -1
- package/storybook-static/assets/{hooks-FBRSoUmb.js → hooks-BKgQ004K.js} +1 -1
- package/storybook-static/assets/iframe-DrFZbzJ3.js +1 -0
- package/storybook-static/assets/{iframe-DBSrNt2a.js → iframe-DuAeRvx6.js} +4 -4
- package/storybook-static/assets/{iframe-wwpu8YXD.css → iframe-_EkhDToa.css} +1 -1
- package/storybook-static/assets/{info-Wi50bdLM.js → info-XhLhSnbk.js} +1 -1
- package/storybook-static/assets/{odata-BBTqO7nX.js → odata-kmwYINrm.js} +1 -1
- package/storybook-static/assets/{odataAndTables-DEn1lG-3.js → odataAndTables-D1zT50BB.js} +1 -1
- package/storybook-static/assets/{odataFetchFn-BT59Jmrl.js → odataFetchFn-0PlOYGor.js} +1 -1
- package/storybook-static/assets/odataStoryFixtures-BhAHMCLD.js +25 -0
- package/storybook-static/assets/{persisted-CZnECRrd.js → persisted-BYm1AJlK.js} +1 -1
- package/storybook-static/assets/{pureUtilities-BIPiVbpd.js → pureUtilities-CRz8PgNh.js} +1 -1
- package/storybook-static/assets/{react-vWCcOuxm.js → react-B37IqpVm.js} +1 -1
- package/storybook-static/assets/{refresh-cw-CnbDJa0D.js → refresh-cw-Bcya9hPG.js} +1 -1
- package/storybook-static/assets/{runtimeAndState-BqhoW8HS.js → runtimeAndState-Difqhsa_.js} +1 -1
- package/storybook-static/assets/{settings-2-CtlfzeoJ.js → settings-2-C2bGc7dw.js} +1 -1
- package/storybook-static/assets/{sortable-MoyiSprv.js → sortable-CvctSETP.js} +1 -1
- package/storybook-static/assets/{syntaxhighlighter-T5IQBZDB-CLTW-on9.js → syntaxhighlighter-T5IQBZDB-CK4b0ttG.js} +1 -1
- package/storybook-static/assets/{trash-2-D4ETgmHQ.js → trash-2-34MyPhKO.js} +1 -1
- package/storybook-static/assets/{triangle-alert-BhoF9j4U.js → triangle-alert-m0XHePwA.js} +1 -1
- package/storybook-static/assets/ui-nZtwyXyS.css +1 -0
- package/storybook-static/assets/ui.module-DjxH5szp.js +1 -0
- package/storybook-static/assets/uiClasses-CjI3jv6I.js +1 -0
- package/storybook-static/assets/{useODataSelectBase-oxkyJY_R.js → useODataSelectBase-DBkT6Oh-.js} +1 -1
- package/storybook-static/assets/{useODataTreeData-B2phJvDl.js → useODataTreeData-Cj_M219Q.js} +1 -1
- package/storybook-static/assets/{usePickerQuery-BN54SBQ9.js → usePickerQuery-DNrvDy8E.js} +1 -1
- package/storybook-static/assets/{usePickerTriggerController-6XAF3prJ.js → usePickerTriggerController-BCnKK5xY.js} +1 -1
- package/storybook-static/assets/{x-CdBCVC44.js → x-BXPCGZYS.js} +1 -1
- package/storybook-static/iframe.html +3 -3
- package/storybook-static/index.json +1 -1
- package/storybook-static/project.json +1 -1
- package/dist/chunks/radio-group-4j2HbemI.js.map +0 -1
- package/dist/chunks/ui.module-BfaIVBba.js.map +0 -1
- package/dist/chunks/uiClasses-4atXOh0J.js.map +0 -1
- package/storybook-static/assets/Badge.stories-lSXnbNqy.js +0 -54
- package/storybook-static/assets/Button-DMlznmSQ.js +0 -12
- package/storybook-static/assets/Button.stories-BYtMxH0y.js +0 -75
- package/storybook-static/assets/CheckBox.stories-COqnnc3-.js +0 -60
- package/storybook-static/assets/ContextMenu.stories-NMukUvNY.js +0 -90
- package/storybook-static/assets/DateRangePresetSelect.stories-28swhHV5.js +0 -11
- package/storybook-static/assets/Detail.stories-CUigXvmv.js +0 -44
- package/storybook-static/assets/Dialog.stories-CDKvce2w.js +0 -31
- package/storybook-static/assets/Disclosure.stories-Dz3sSy2W.js +0 -40
- package/storybook-static/assets/DropZone.stories-LfxThH0b.js +0 -36
- package/storybook-static/assets/ExpandableActionPanel.stories-CJwc_cQU.js +0 -19
- package/storybook-static/assets/ImageRenderer.stories-CGFEpwg9.js +0 -22
- package/storybook-static/assets/ImageView.stories-Cu4_LfLg.js +0 -9
- package/storybook-static/assets/Input.stories-BWwVCwT-.js +0 -38
- package/storybook-static/assets/InputFile.stories-CN-yFeRD.js +0 -36
- package/storybook-static/assets/InputFiles.stories--iCRqdJV.js +0 -33
- package/storybook-static/assets/InputImage.stories-_XP04DfA.js +0 -45
- package/storybook-static/assets/InteractiveComponents.stories-CLEBQnZj.js +0 -303
- package/storybook-static/assets/Listbox.stories-BeFIh3J1.js +0 -53
- package/storybook-static/assets/Modal.stories-DYsHSBH7.js +0 -180
- package/storybook-static/assets/MultiSelect.stories-BdRVZGqL.js +0 -29
- package/storybook-static/assets/NotificationsHost.stories-sQMqBW2S.js +0 -25
- package/storybook-static/assets/ODataMultiSelect.stories-D7bd1KpX.js +0 -73
- package/storybook-static/assets/ODataSelect.stories-D9x-rhIV.js +0 -73
- package/storybook-static/assets/ODataTreeMultiSelect.stories-BZwup1O6.js +0 -30
- package/storybook-static/assets/ODataTreeSelect.stories-CFEOk1B4.js +0 -24
- package/storybook-static/assets/PeriodSelect.stories-iXos1Qm2.js +0 -60
- package/storybook-static/assets/Popover.stories-4L2FVe7h.js +0 -69
- package/storybook-static/assets/PresetRangeDateInput-BSoQmjSq.js +0 -1
- package/storybook-static/assets/PresetRangeDateInput.stories-fPfgo6Ou.js +0 -15
- package/storybook-static/assets/RadioButton-sTaoMULx.js +0 -2
- package/storybook-static/assets/RadioButton.stories-QM_hXT2F.js +0 -35
- package/storybook-static/assets/RadioGroup.stories-Msf4GGu2.js +0 -42
- package/storybook-static/assets/Select.stories-DYH2fWV8.js +0 -46
- package/storybook-static/assets/SerializableSelect.stories-BWHyUHbr.js +0 -46
- package/storybook-static/assets/SingleDateTimeInput.stories-CoRPRZ4N.js +0 -78
- package/storybook-static/assets/Slider-BWuie2gr.css +0 -1
- package/storybook-static/assets/Slider.stories-fWpiVW0P.js +0 -77
- package/storybook-static/assets/SliderInput.stories-hTeZ6jCT.js +0 -67
- package/storybook-static/assets/Sortable.stories-DaJFxCXl.js +0 -141
- package/storybook-static/assets/StateSelect.stories-Drn802U8.js +0 -44
- package/storybook-static/assets/StringToggle.stories-D7jGapnI.js +0 -6
- package/storybook-static/assets/Switch.stories-7stb2lKH.js +0 -26
- package/storybook-static/assets/Table.stories-BiQiy3QV.js +0 -122
- package/storybook-static/assets/Tabs.stories-Kz9Mnt73.js +0 -57
- package/storybook-static/assets/TagInput.stories-Cbk6A71f.js +0 -12
- package/storybook-static/assets/Textarea.stories-D8wfZGw3.js +0 -27
- package/storybook-static/assets/TimePanel.stories-BX3XAzvM.js +0 -25
- package/storybook-static/assets/Toggle.stories-DF-aBY0T.js +0 -30
- package/storybook-static/assets/TreeMultiSelect.stories-DobJG0cZ.js +0 -35
- package/storybook-static/assets/TreeSelect.stories-s3-wydcP.js +0 -18
- package/storybook-static/assets/TreeTable.stories-WSlQn2jk.js +0 -83
- package/storybook-static/assets/iframe-xDaji_wj.js +0 -1
- package/storybook-static/assets/odataStoryFixtures-CYqFNpE_.js +0 -25
- package/storybook-static/assets/ui-4LkYZ0Er.css +0 -1
- package/storybook-static/assets/ui.module-CHEKb9Cb.js +0 -1
- package/storybook-static/assets/uiClasses-Bme9Qqv6.js +0 -1
- /package/storybook-static/assets/{Badge-CD5894x5.css → BadgeList-CD5894x5.css} +0 -0
|
@@ -1,27 +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}from"./iframe-DBSrNt2a.js";import{n as i,t as a}from"./Textarea-Cv8Iiqm7.js";var o=t({Controlled:()=>u,Disabled:()=>f,WithValue:()=>d,__namedExportsOrder:()=>p,default:()=>l}),s,c,l,u,d,f,p;function m(){return(m=e((()=>{s=n(),i(),c=r(),l={title:`Shared/UI/Textarea`,component:a,args:{label:`Комментарий`,description:`Оставьте примечание к документу.`,placeholder:`Введите текст...`,rows:4,disabled:!1,value:``,onChange:()=>void 0},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок текстовой области.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Плейсхолдер поля ввода.`,control:`text`},value:{description:`Текущее значение текстовой области.`,control:`text`},onChange:{description:`Вызывается при изменении текста.`,control:!1},rows:{description:`Количество видимых строк.`,control:`number`},cols:{description:`Ширина в количестве символов.`,control:`number`},disabled:{description:`Блокирует редактирование.`,control:`boolean`},className:{description:`Дополнительный CSS-класс.`,control:`text`}}},u={args:{value:``,onChange:()=>void 0},render:e=>{let[t,n]=(0,s.useState)(`Первичный комментарий`);return(0,c.jsx)(a,{...e,value:t,onChange:n})}},d={args:{rows:5,value:``,onChange:()=>void 0},render:e=>{let[t,n]=(0,s.useState)(`Шаблонный текст для редактирования.`);return(0,c.jsx)(a,{...e,value:t,onChange:n})}},f={args:{disabled:!0,value:`Редактирование недоступно.`,onChange:()=>void 0},render:e=>(0,c.jsx)(a,{...e})},u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
|
|
2
|
-
args: {
|
|
3
|
-
value: "",
|
|
4
|
-
onChange: () => undefined
|
|
5
|
-
},
|
|
6
|
-
render: args => {
|
|
7
|
-
const [value, setValue] = useState("Первичный комментарий");
|
|
8
|
-
return <Textarea {...args} value={value} onChange={setValue} />;
|
|
9
|
-
}
|
|
10
|
-
}`,...u.parameters?.docs?.source}}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
|
|
11
|
-
args: {
|
|
12
|
-
rows: 5,
|
|
13
|
-
value: "",
|
|
14
|
-
onChange: () => undefined
|
|
15
|
-
},
|
|
16
|
-
render: args => {
|
|
17
|
-
const [value, setValue] = useState("Шаблонный текст для редактирования.");
|
|
18
|
-
return <Textarea {...args} value={value} onChange={setValue} />;
|
|
19
|
-
}
|
|
20
|
-
}`,...d.parameters?.docs?.source}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
|
|
21
|
-
args: {
|
|
22
|
-
disabled: true,
|
|
23
|
-
value: "Редактирование недоступно.",
|
|
24
|
-
onChange: () => undefined
|
|
25
|
-
},
|
|
26
|
-
render: args => <Textarea {...args} />
|
|
27
|
-
}`,...f.parameters?.docs?.source}}},p=[`Controlled`,`WithValue`,`Disabled`]})))()}export{m as a,d as i,f as n,o as r,u as t};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-DBSrNt2a.js";import{n as r,t as i}from"./TimePanel-DbWoLCxS.js";var a,o,s,c,l,u;function d(){return(d=e((()=>{a=t(),r(),o=n(),s={title:`Shared/UI/Internal/DateTime/TimePanel`,component:i,args:{value:new Date(2026,2,10,12,30,0,0),onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`centered`}},c={render:e=>{let[t,n]=(0,a.useState)(e.value);return(0,o.jsx)(`div`,{style:{width:320,minHeight:280},children:(0,o.jsx)(i,{...e,value:t,onChange:(e,r)=>{n(new Date(t.getFullYear(),t.getMonth(),t.getDate(),e,r,0,0))}})})}},l={render:e=>{let[t,n]=(0,a.useState)(new Date(2026,2,10,9,30,0,0));return(0,o.jsx)(`div`,{style:{width:320,minHeight:280},children:(0,o.jsx)(i,{...e,value:t,minDate:new Date(2026,2,10,9,15,0,0),maxDate:new Date(2026,2,10,18,30,0,0),onChange:(e,r)=>{n(new Date(t.getFullYear(),t.getMonth(),t.getDate(),e,r,0,0))}})})}},c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
|
|
2
|
-
render: args => {
|
|
3
|
-
const [value, setValue] = useState<Date>(args.value);
|
|
4
|
-
return <div style={{
|
|
5
|
-
width: 320,
|
|
6
|
-
minHeight: 280
|
|
7
|
-
}}>
|
|
8
|
-
<TimePanel {...args} value={value} onChange={(hours, minutes) => {
|
|
9
|
-
setValue(new Date(value.getFullYear(), value.getMonth(), value.getDate(), hours, minutes, 0, 0));
|
|
10
|
-
}} />
|
|
11
|
-
</div>;
|
|
12
|
-
}
|
|
13
|
-
}`,...c.parameters?.docs?.source},description:{story:`Демонстрирует базовую wheel-панель времени.`,...c.parameters?.docs?.description}}},l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
|
|
14
|
-
render: args => {
|
|
15
|
-
const [value, setValue] = useState<Date>(new Date(2026, 2, 10, 9, 30, 0, 0));
|
|
16
|
-
return <div style={{
|
|
17
|
-
width: 320,
|
|
18
|
-
minHeight: 280
|
|
19
|
-
}}>
|
|
20
|
-
<TimePanel {...args} value={value} minDate={new Date(2026, 2, 10, 9, 15, 0, 0)} maxDate={new Date(2026, 2, 10, 18, 30, 0, 0)} onChange={(hours, minutes) => {
|
|
21
|
-
setValue(new Date(value.getFullYear(), value.getMonth(), value.getDate(), hours, minutes, 0, 0));
|
|
22
|
-
}} />
|
|
23
|
-
</div>;
|
|
24
|
-
}
|
|
25
|
-
}`,...l.parameters?.docs?.source},description:{story:`Показывает ограничение диапазона на том же календарном дне.`,...l.parameters?.docs?.description}}},u=[`Default`,`WithLimits`]})))()}d();export{c as Default,l as WithLimits,u as __namedExportsOrder,s as default};
|
|
@@ -1,30 +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}from"./iframe-DBSrNt2a.js";import{n as i,t as a}from"./Toggle-BAhzEihH.js";var o=t({Controlled:()=>u,Disabled:()=>f,LabelAfter:()=>d,__namedExportsOrder:()=>p,default:()=>l}),s,c,l,u,d,f,p;function m(){return(m=e((()=>{s=n(),i(),c=r(),l={title:`Shared/UI/Toggle`,component:a,args:{value:!1,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст подписи переключателя.`,control:`text`},description:{description:`Описание под переключателем.`,control:`text`},value:{description:`Текущее значение переключателя.`,control:`boolean`},onChange:{description:`Вызывается при изменении значения.`,control:!1},checkedText:{description:`Текст для включенного состояния.`,control:`text`},uncheckedText:{description:`Текст для выключенного состояния.`,control:`text`},labelPosition:{description:`Положение подписи относительно переключателя.`,control:`inline-radio`,options:[`before`,`after`]},disabled:{description:`Блокирует взаимодействие.`,control:`boolean`},size:{description:`Размер контрола и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},u={render:e=>{let[t,n]=(0,s.useState)(e.value??!1);return(0,c.jsx)(a,{...e,value:t,onChange:n})},args:{label:`Режим синхронизации`,description:`Мгновенное переключение состояния.`,value:!1,checkedText:`ВКЛ`,uncheckedText:`ВЫКЛ`,labelPosition:`before`}},d={render:e=>{let[t,n]=(0,s.useState)(e.value??!0);return(0,c.jsx)(a,{...e,value:t,onChange:n})},args:{label:`Уведомления`,value:!0,labelPosition:`after`}},f={args:{label:`Недоступный переключатель`,value:!0,disabled:!0}},u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
|
|
2
|
-
render: args => {
|
|
3
|
-
const [value, setValue] = useState(args.value ?? false);
|
|
4
|
-
return <Toggle {...args} value={value} onChange={setValue} />;
|
|
5
|
-
},
|
|
6
|
-
args: {
|
|
7
|
-
label: "Режим синхронизации",
|
|
8
|
-
description: "Мгновенное переключение состояния.",
|
|
9
|
-
value: false,
|
|
10
|
-
checkedText: "ВКЛ",
|
|
11
|
-
uncheckedText: "ВЫКЛ",
|
|
12
|
-
labelPosition: "before"
|
|
13
|
-
}
|
|
14
|
-
}`,...u.parameters?.docs?.source}}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
|
|
15
|
-
render: args => {
|
|
16
|
-
const [value, setValue] = useState(args.value ?? true);
|
|
17
|
-
return <Toggle {...args} value={value} onChange={setValue} />;
|
|
18
|
-
},
|
|
19
|
-
args: {
|
|
20
|
-
label: "Уведомления",
|
|
21
|
-
value: true,
|
|
22
|
-
labelPosition: "after"
|
|
23
|
-
}
|
|
24
|
-
}`,...d.parameters?.docs?.source}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
|
|
25
|
-
args: {
|
|
26
|
-
label: "Недоступный переключатель",
|
|
27
|
-
value: true,
|
|
28
|
-
disabled: true
|
|
29
|
-
}
|
|
30
|
-
}`,...f.parameters?.docs?.source}}},p=[`Controlled`,`LabelAfter`,`Disabled`]})))()}export{m as a,o as i,f as n,d as r,u as t};
|
|
@@ -1,35 +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}from"./iframe-DBSrNt2a.js";import{n as i,t as a}from"./TreeMultiSelect-BTe_-dq5.js";import{n as o,r as s,t as c}from"./treeStoryFixtures-Ci7STpiz.js";var l=t({BalancedColumns:()=>y,Basic:()=>h,FirstTwoLevelsExpanded:()=>v,MixedSelection:()=>_,OrphanProtectionColumns:()=>b,ParentCompression:()=>g,RightEdgeColumns:()=>x,__namedExportsOrder:()=>S,default:()=>m});function u({initialValue:e={},label:t=`TreeMultiSelect`,description:n,optionsLayout:r=`tree`,nodes:i=c,defaultExpandedCodeKeys:o}){let[s,l]=(0,d.useState)(e);return(0,f.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,f.jsx)(a,{label:t,description:n,nodes:i,value:s,onChange:l,optionsLayout:r,defaultExpandedCodeKeys:o}),(0,f.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,JSON.stringify(s)]})]})}var d,f,p,m,h,g,_,v,y,b,x,S;function C(){return(C=e((()=>{d=n(),i(),o(),f=r(),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={title:`Shared/UI/TreeMultiSelect`,component:a,parameters:{atomicCanvas:!0,layout:`padded`},args:{label:`Выбор узлов`,description:`Мультивыбор с канонизацией subtree в ближайший parent.`,nodes:c,value:{},onChange:()=>{}},argTypes:{nodes:{control:!1},value:{control:!1},onChange:{control:!1}}},h={render:()=>(0,f.jsx)(u,{initialValue:{OWNER:[`P0001`]}})},g={render:()=>(0,f.jsx)(u,{label:`Компрессия parent`,description:`Когда выбран весь subtree, наружу может уйти только родительский узел.`,initialValue:{REGION:[`R01`]}})},_={render:()=>(0,f.jsx)(u,{label:`Смешанный выбор`,description:`Пример mixed frontier по соседним уровням.`,initialValue:{BRANCH:[`B0101`],OWNER:[`P0004`]}})},v={render:()=>(0,f.jsx)(u,{label:`Раскрыты два уровня`,description:`Уровни REGION и BRANCH раскрыты по умолчанию, остальные уровни остаются закрытыми.`,defaultExpandedCodeKeys:[`REGION`,`BRANCH`]})},y={render:()=>(0,f.jsx)(u,{label:`Все уровни в столбцах`,description:`Popover подбирает число столбцов по количеству опций и доступному viewport.`,optionsLayout:`columns`,initialValue:{BRANCH:[`B0101`]}})},b={render:()=>(0,f.jsx)(u,{label:`Защита начала большой группы`,description:`Начало группы остаётся в текущем столбце при трёх свободных строках; при одной или двух переносится в новый.`,optionsLayout:`columns`,nodes:s})},x={render:()=>(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)(u,{label:`Контрол у правой границы`,description:`Popover для 66 опций должен сравнить вертикальные и горизонтальные стороны и остаться внутри viewport.`,optionsLayout:`columns`,nodes:p})})})},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
|
|
2
|
-
render: () => <StatefulTreeMultiSelect initialValue={{
|
|
3
|
-
OWNER: ["P0001"]
|
|
4
|
-
}} />
|
|
5
|
-
}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
|
|
6
|
-
render: () => <StatefulTreeMultiSelect label="Компрессия parent" description="Когда выбран весь subtree, наружу может уйти только родительский узел." initialValue={{
|
|
7
|
-
REGION: ["R01"]
|
|
8
|
-
}} />
|
|
9
|
-
}`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
|
|
10
|
-
render: () => <StatefulTreeMultiSelect label="Смешанный выбор" description="Пример mixed frontier по соседним уровням." initialValue={{
|
|
11
|
-
BRANCH: ["B0101"],
|
|
12
|
-
OWNER: ["P0004"]
|
|
13
|
-
}} />
|
|
14
|
-
}`,..._.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
|
|
15
|
-
render: () => <StatefulTreeMultiSelect label="Раскрыты два уровня" description="Уровни REGION и BRANCH раскрыты по умолчанию, остальные уровни остаются закрытыми." defaultExpandedCodeKeys={["REGION", "BRANCH"]} />
|
|
16
|
-
}`,...v.parameters?.docs?.source}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
|
|
17
|
-
render: () => <StatefulTreeMultiSelect label="Все уровни в столбцах" description="Popover подбирает число столбцов по количеству опций и доступному viewport." optionsLayout="columns" initialValue={{
|
|
18
|
-
BRANCH: ["B0101"]
|
|
19
|
-
}} />
|
|
20
|
-
}`,...y.parameters?.docs?.source}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
|
|
21
|
-
render: () => <StatefulTreeMultiSelect label="Защита начала большой группы" description="Начало группы остаётся в текущем столбце при трёх свободных строках; при одной или двух переносится в новый." optionsLayout="columns" nodes={orphanProtectionTreeNodes} />
|
|
22
|
-
}`,...b.parameters?.docs?.source}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
|
|
23
|
-
render: () => <div style={{
|
|
24
|
-
display: "flex",
|
|
25
|
-
minHeight: "calc(100vh - 32px)",
|
|
26
|
-
alignItems: "center",
|
|
27
|
-
justifyContent: "flex-end"
|
|
28
|
-
}}>
|
|
29
|
-
<div style={{
|
|
30
|
-
width: 260
|
|
31
|
-
}}>
|
|
32
|
-
<StatefulTreeMultiSelect label="Контрол у правой границы" description="Popover для 66 опций должен сравнить вертикальные и горизонтальные стороны и остаться внутри viewport." optionsLayout="columns" nodes={rightEdgeTreeNodes} />
|
|
33
|
-
</div>
|
|
34
|
-
</div>
|
|
35
|
-
}`,...x.parameters?.docs?.source}}},S=[`Basic`,`ParentCompression`,`MixedSelection`,`FirstTwoLevelsExpanded`,`BalancedColumns`,`OrphanProtectionColumns`,`RightEdgeColumns`]})))()}export{b as a,l as c,_ as i,C as l,h as n,g as o,v as r,x as s,y as t};
|
|
@@ -1,18 +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}from"./iframe-DBSrNt2a.js";import{n as i,t as a}from"./TreeSelect-D6L3D0h4.js";import{n as o,t as s}from"./treeStoryFixtures-Ci7STpiz.js";var c=t({Basic:()=>p,Empty:()=>g,FirstLevelExpanded:()=>h,SelectParent:()=>m,__namedExportsOrder:()=>_,default:()=>f});function l({initialValue:e,label:t=`TreeSelect`,description:n,defaultExpandedCodeKeys:r}){let[i,o]=(0,u.useState)(e);return(0,d.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,d.jsx)(a,{label:t,description:n,nodes:s,value:i,onChange:o,defaultExpandedCodeKeys:r}),(0,d.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,i?`${i.codeKey}=${i.value}`:`пусто`]})]})}var u,d,f,p,m,h,g,_;function v(){return(v=e((()=>{u=n(),i(),o(),d=r(),f={title:`Shared/UI/TreeSelect`,component:a,parameters:{atomicCanvas:!0,layout:`padded`},args:{label:`Выбор узла`,description:`Single-select поверх дерева. Можно выбрать любой узел.`,nodes:s,value:void 0,onChange:()=>{}},argTypes:{nodes:{control:!1},value:{control:!1},onChange:{control:!1}}},p={render:()=>(0,d.jsx)(l,{initialValue:{codeKey:`BRANCH`,value:`B0101`}})},m={render:()=>(0,d.jsx)(l,{label:`Выбор родителя`,description:`Проверка single-select сценария, когда выбирается не leaf, а промежуточный узел.`,initialValue:{codeKey:`REGION`,value:`R01`}})},h={render:()=>(0,d.jsx)(l,{label:`Раскрыт первый уровень`,description:`Все узлы уровня REGION раскрыты до первого ручного действия пользователя.`,defaultExpandedCodeKeys:[`REGION`]})},g={args:{nodes:[],description:`Состояние без доступных узлов.`}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
|
|
2
|
-
render: () => <StatefulTreeSelect initialValue={{
|
|
3
|
-
codeKey: "BRANCH",
|
|
4
|
-
value: "B0101"
|
|
5
|
-
}} />
|
|
6
|
-
}`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
|
|
7
|
-
render: () => <StatefulTreeSelect label="Выбор родителя" description="Проверка single-select сценария, когда выбирается не leaf, а промежуточный узел." initialValue={{
|
|
8
|
-
codeKey: "REGION",
|
|
9
|
-
value: "R01"
|
|
10
|
-
}} />
|
|
11
|
-
}`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
|
|
12
|
-
render: () => <StatefulTreeSelect label="Раскрыт первый уровень" description="Все узлы уровня REGION раскрыты до первого ручного действия пользователя." defaultExpandedCodeKeys={["REGION"]} />
|
|
13
|
-
}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
|
|
14
|
-
args: {
|
|
15
|
-
nodes: [],
|
|
16
|
-
description: "Состояние без доступных узлов."
|
|
17
|
-
}
|
|
18
|
-
}`,...g.parameters?.docs?.source}}},_=[`Basic`,`SelectParent`,`FirstLevelExpanded`,`Empty`]})))()}export{c as a,m as i,g as n,v as o,h as r,p as t};
|
|
@@ -1,83 +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 i}from"./chevron-down-BDWEK49G.js";import{n as a,t as o}from"./chevron-right-CT64vlCm.js";import{n as s}from"./iframe-DBSrNt2a.js";import{D as c,E as l,T as u,c as ee,d,n as f,p as te,s as ne,v as re,w as ie}from"./odata-BBTqO7nX.js";import{a as ae,i as oe}from"./utils-DUM89eIj.js";import{i as se,y as ce}from"./formatters-CVj-3Vn0-BFaHJqZL.js";import{C as le,S as ue,_ as de,a as fe,b as pe,c as me,d as he,f as ge,g as _e,h as ve,i as ye,l as be,m as xe,n as Se,o as Ce,p as we,r as Te,s as Ee,t as De,u as Oe,v as ke,x as Ae,y as p}from"./FormattedTableCell-YhiJaAK4.js";function je(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 Me(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&&je(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,ee=(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(ee(e,a))}return l.length>0&&(o.children=l),o},d=[],f=[];for(let e of l)u.has(e)||(d.push(ee(e,new Set)),f.push(e));for(let e of c)u.has(e)||(s.push(e),d.push(ee(e,new Set)),f.push(e));return{rows:d,rowById:n,allRowIds:c,rootRowIds:m(f),orphanRowIds:m(o),duplicateRowIds:m(a),cyclicRowIds:m(s)}}function h(){return(h=e((()=>{})))()}var g,Ne,Pe,_,v,y,Fe,b;function x(){return(x=e((()=>{g=`jOS9rT`,Ne=`zHOAf7`,Pe=`j48cXg`,_=`mf4-Kr`,v=`p8pb0F`,y=`KIudLf`,Fe=`bJsPGU`,b={treeColumnCell:g,selectedIndicatorCell:Ne,treeCell:Pe,treeCellContent:_,expanderButton:v,expanderSpacer:y,sentinel:Fe}})))()}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,w.jsxs)(`div`,{className:b.treeCell,style:{paddingInlineStart:`calc(${e.row.depth} * ${d(r)??`0em`})`},children:[e.row.getCanExpand()?(0,w.jsx)(`button`,{type:`button`,className:b.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,w.jsx)(i,{size:16}):(0,w.jsx)(o,{size:16})}):(0,w.jsx)(`span`,{className:b.expanderSpacer,"aria-hidden":`true`}),(0,w.jsx)(`div`,{className:b.treeCellContent,children:t})]}):t}function S({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:ne,columnOrder:re,defaultColumnOrder:ie,columnSizing:oe,defaultColumnSizing:ce,columnPinning:fe,defaultColumnPinning:pe,enableColumnResizing:he=!1,enableColumnReordering:_e=!1,columnResizeMinWidth:ye,onColumnVisibilityChange:be,onColumnOrderChange:xe,onColumnSizingChange:Se,onColumnPinningChange:Ee,onRowClick:p,onRowSelectionChange:je,onExpandedRowIdsChange:m,onReachEnd:h,getRowCanSelect:g,getRowClassName:Ne,renderHeaderContextMenu:Pe,renderCellContent:_}){let v=(0,C.useMemo)(()=>Me(r??[],a),[r,a]),y=(0,C.useMemo)(()=>ve(i),[i]),Fe=(0,C.useMemo)(()=>{let e=new Set(c??[]);if(s)for(let t of v.rootRowIds)e.add(t);return Array.from(e)},[c,s,v.rootRowIds]),[x,S]=(0,C.useState)({}),T=(0,C.useRef)(!1),E=(0,C.useRef)(null),D=(0,C.useRef)(null),{rowSelection:Be,activateRowSelection:Ve}=ee({availableRowIds:v.allRowIds,rowById:v.rowById,selectionMode:o,onRowSelectionChange:je}),{columnVisibility:He,onColumnVisibilityChange:O}=Ce({columnVisibility:te,defaultColumnVisibility:ne,onColumnVisibilityChange:be}),{columnOrder:k,onColumnOrderChange:Ue}=ge({columnOrder:re,defaultColumnOrder:ie,onColumnOrderChange:xe}),{columnSizing:A,onColumnSizingChange:We}=me({columnSizing:oe,defaultColumnSizing:ce,columnResizeMinWidth:ye,onColumnSizingChange:Se}),{columnPinning:j,onColumnPinningChange:Ge}=Oe({columnPinning:fe,defaultColumnPinning:pe,onColumnPinningChange:Ee}),M=(0,C.useMemo)(()=>({columnOrder:k,columnPinning:j,columnSizing:A,columnVisibility:He}),[k,j,A,He]),Ke=(0,C.useEffectEvent)((e,t)=>{if(e.length===0){T.current=!1,S({});return}let n=new Set(e);S(e=>{let r=Le(e).filter(e=>n.has(e));return T.current?Ie(r):(T.current=!0,Ie(Array.from(new Set([...r,...t.filter(e=>n.has(e))]))))})}),qe=(0,C.useEffectEvent)(e=>{m?.(Le(e))}),Je=(0,C.useEffectEvent)(()=>{h?.()});(0,C.useEffect)(()=>{Ke(v.allRowIds,Fe)},[Fe,v.allRowIds]),(0,C.useEffect)(()=>{qe(x)},[x]),(0,C.useEffect)(()=>{if(!h||!E.current||!D.current||t)return;let e=new IntersectionObserver(e=>{e[0]?.isIntersecting&&Je()},{root:E.current,threshold:.1});return e.observe(D.current),()=>e.disconnect()},[t,h,v.rows.length]);let N=Ae({data:v.rows,columns:i,state:{columnOrder:k,columnPinning:j,columnSizing:A,columnVisibility:He,expanded:x,rowSelection:Be},getRowId:e=>a.getRowId(e),getSubRows:e=>e.children,getCoreRowModel:ue(),getExpandedRowModel:le(),onColumnOrderChange:Ue,onColumnPinningChange:Ge,onColumnSizingChange:We,onColumnVisibilityChange:O,onExpandedChange:S,enableMultiRowSelection:o===`multi`,enableRowSelection:e=>{if(o===`none`)return!1;let t=Re(e,v.rowById);return!g||g(t)}}),P=ke(N,M),F=l??P[0]?.id,I=N.getRowModel().rows,L=(0,C.useMemo)(()=>we({rows:I,columns:P,resolveRowBoundaryKey:e=>e.depth,excludeColumnIds:F?new Set([F]):void 0}),[I,P,F]);return(0,w.jsx)(Te,{table:N,columnState:M,title:e,isLoading:t,isFetching:n,className:d,tableClassName:f,selectionMode:o,scrollableRef:E,interactiveElementSelector:`[data-tree-table-interactive="true"]`,onActivateRow:o!==`none`||p?e=>{let t=Re(e,v.rowById);Ve(e.id,e.getCanSelect()),p?.(t)}:void 0,isRowInteractive:e=>!!(p||o!==`none`&&e.getCanSelect()),getRowClassName:e=>{let t=Re(e,v.rowById);return Ne?.(t)},getCellClassName:({row:e,cell:t})=>ae(t.column.id===F&&b.treeColumnCell,t.column.id===F&&e.getIsSelected()&&b.selectedIndicatorCell),getCellLayout:({cell:e})=>L.get(e.id),renderHeaderContextMenu:Pe,enableColumnResizing:he,enableColumnReordering:_e,columnResizeMinWidth:ye,renderCellContent:e=>{let t=Re(e.row,v.rowById),n=se({field:y.runtimeByColumnId[e.cell.column.id],rawValue:e.cell.getValue(),rowData:t,rowKind:`tree`}),r=de({columnId:e.cell.column.id,runtimeByColumnId:y.runtimeByColumnId,customCellColumnIds:y.customCellColumnIds})?(0,w.jsx)(De,{displayValue:n,align:e.columnMeta?.align}):e.defaultContent;return ze(e,_?_({...e,defaultContent:r,displayValue:n}):r,F,u)},afterTableContent:h?(0,w.jsx)(`div`,{ref:D,className:b.sentinel,"aria-hidden":`true`}):null})}var C,w;function T(){return(T=e((()=>{C=n(),ce(),re(),h(),oe(),pe(),r(),a(),ye(),xe(),_e(),Se(),p(),he(),be(),Ee(),fe(),x(),w=s(),S.__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
|
-
|
|
3
|
-
Если не указан, используется первая видимая колонка.`},indentSize:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:`Отступ на один уровень вложенности.
|
|
4
|
-
|
|
5
|
-
Числовое значение трактуется как \`em\`.`,defaultValue:{value:`1`,computed:!1}},className:{required:!1,tsType:{name:`string`},description:`Дополнительный CSS-класс корневого контейнера.`},tableClassName:{required:!1,tsType:{name:`string`},description:"Дополнительный CSS-класс тега `table`."},columnVisibility:{required:!1,tsType:{name:`VisibilityState`},description:`Внешнее controlled-состояние видимости колонок.`},defaultColumnVisibility:{required:!1,tsType:{name:`VisibilityState`},description:`Стартовое uncontrolled-состояние видимости колонок.`},columnOrder:{required:!1,tsType:{name:`unknown`},description:`Внешнее controlled-состояние порядка колонок.`},defaultColumnOrder:{required:!1,tsType:{name:`unknown`},description:`Стартовое uncontrolled-состояние порядка колонок.`},columnSizing:{required:!1,tsType:{name:`TableColumnSizingState`},description:`Внешнее controlled-состояние ширин колонок в px.`},defaultColumnSizing:{required:!1,tsType:{name:`TableColumnSizingState`},description:`Стартовое uncontrolled-состояние ширин колонок в px.`},columnPinning:{required:!1,tsType:{name:`TableColumnPinningState`},description:`Внешнее controlled-состояние left-pinning для колонок.`},defaultColumnPinning:{required:!1,tsType:{name:`TableColumnPinningState`},description:`Стартовое uncontrolled-состояние left-pinning для колонок.`},enableColumnResizing:{required:!1,tsType:{name:`boolean`},description:`Включает изменение ширины колонок через header-handle.`,defaultValue:{value:`false`,computed:!1}},enableColumnReordering:{required:!1,tsType:{name:`boolean`},description:`Включает изменение порядка колонок через drag&drop заголовков.`,defaultValue:{value:`false`,computed:!1}},columnResizeMinWidth:{required:!1,tsType:{name:`number`},description:`Минимальная ширина колонки при resize в px.`},onColumnVisibilityChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(state: VisibilityState) => void`,signature:{arguments:[{type:{name:`VisibilityState`},name:`state`}],return:{name:`void`}}},description:`Вызывается после изменения видимости колонок.`},onColumnOrderChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(state: TableColumnOrderState) => void`,signature:{arguments:[{type:{name:`TableColumnOrderState`},name:`state`}],return:{name:`void`}}},description:`Вызывается после изменения порядка колонок.`},onColumnSizingChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(state: TableColumnSizingState) => void`,signature:{arguments:[{type:{name:`TableColumnSizingState`},name:`state`}],return:{name:`void`}}},description:`Вызывается после изменения ширины колонок.`},onColumnPinningChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(state: TableColumnPinningState) => void`,signature:{arguments:[{type:{name:`TableColumnPinningState`},name:`state`}],return:{name:`void`}}},description:`Вызывается после изменения left-pinning state.`},onRowClick:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: TData) => void`,signature:{arguments:[{type:{name:`TData`},name:`row`}],return:{name:`void`}}},description:`Вызывается при активации строки кликом или клавиатурой.`},onRowSelectionChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(rows: TData[]) => void`,signature:{arguments:[{type:{name:`Array`,elements:[{name:`TData`}],raw:`TData[]`},name:`rows`}],return:{name:`void`}}},description:`Вызывается после изменения выбранных строк.`},onExpandedRowIdsChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(rowIds: string[]) => void`,signature:{arguments:[{type:{name:`Array`,elements:[{name:`string`}],raw:`string[]`},name:`rowIds`}],return:{name:`void`}}},description:`Вызывается после изменения раскрытых узлов.`},onReachEnd:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:`Вызывается при достижении конца таблицы внутри scroll-контейнера.`},getRowCanSelect:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: TData) => boolean`,signature:{arguments:[{type:{name:`TData`},name:`row`}],return:{name:`boolean`}}},description:`Позволяет запретить выбор отдельных строк.`},getRowClassName:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: TData) => string | undefined`,signature:{arguments:[{type:{name:`TData`},name:`row`}],return:{name:`union`,raw:`string | undefined`,elements:[{name:`string`},{name:`undefined`}]}}},description:`Позволяет добавить CSS-класс для конкретной строки.`},renderHeaderContextMenu:{required:!1,tsType:{name:`BaseTableProps["renderHeaderContextMenu"]`,raw:`BaseTableProps<TreeTableRuntimeRow<TData>>["renderHeaderContextMenu"]`},description:`Контекстное меню заголовка колонки. Получает runtime-строки дерева,
|
|
6
|
-
потому что BaseTable работает уже после сборки flat hierarchy.`},renderCellContent:{required:!1,tsType:{name:`BaseTableProps["renderCellContent"]`,raw:`BaseTableProps<TreeTableRuntimeRow<TData>>["renderCellContent"]`},description:`Точка расширения содержимого ячейки после общего форматирования.
|
|
7
|
-
|
|
8
|
-
Для tree-column в \`defaultContent\` передается только содержимое ячейки:
|
|
9
|
-
TreeTable сам добавит expander и отступ после выполнения слота.`}}}})))()}var E=t({Basic:()=>z,CollapsedByDefault:()=>V,Empty:()=>G,Fetching:()=>W,Loading:()=>K,MultiSelect:()=>B,WithDefaultExpandedBranch:()=>H,WithDisabledRows:()=>U,WithFormattedTreeColumn:()=>J,WithFormulaColumn:()=>q,WithHiddenZero:()=>Y,WithMergedDuplicates:()=>X,WithODataMetadataAdapter:()=>Z,WithUseODataTableColumnsBuildHook:()=>Q,WithUseODataTableColumnsEnrichHook:()=>$,__namedExportsOrder:()=>Qe,default:()=>Ze});function D(){return{version:1,plan:{steps:[{id:`state`,type:`resolveValueState`,config:{resolver:{kind:`threshold`,thresholds:[100],states:[`success`,`warning`],invalidState:`none`},icon:{enabled:!0,showValue:!0,position:`right`}}},{id:`typed`,type:`typedValueFormat`}]}}}function Be(e){return[`odata`,`metadata`,{service:e}]}function Ve(){let{columns:e,metadata:t,isLoading:n}=f({service:L,target:R,mode:`build`});return(0,k.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,k.jsxs)(`div`,{children:[`Режим build: hook собрал `,e.length,` колонки из metadata`,t?` для сущности «${t.title}».`:`.`]}),(0,k.jsx)(S,{title:`useODataTableColumns: build`,data:M,columns:e,hierarchy:j,selectionMode:`none`,expandFirstLevel:!0,indentSize:1,isLoading:n})]})}function He(){let{columns:e,metadata:t,isLoading:n}=f({service:L,target:R,mode:`enrich`,columns:[{id:`label`,accessorKey:`label`,header:`Статья`,meta:{width:16}},{id:`createdAt`,accessorKey:`createdAt`,header:`Создано`,meta:{width:12}},{id:`totalAmount`,accessorKey:`totalAmount`,header:`Итог`,meta:{width:10,align:`right`}}]});return(0,k.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,k.jsxs)(`div`,{children:[`Режим enrich: hook сохранил ручные tree-колонки и дополнил их formatting-контекстом`,t?` из metadata «${t.title}».`:`.`]}),(0,k.jsx)(S,{title:`useODataTableColumns: enrich`,data:M,columns:e,hierarchy:j,selectionMode:`none`,expandFirstLevel:!0,indentSize:1,isLoading:n})]})}var O,k,Ue,A,We,j,Ge,M,Ke,qe,Je,N,P,F,I,L,R,Ye,Xe,Ze,z,B,V,H,U,W,G,K,q,J,Y,X,Z,Q,$,Qe;function $e(){return($e=e((()=>{O=n(),ne(),u(),re(),c(),T(),k=s(),Ue=[{id:`revenue`,parentId:null,label:`Выручка`,jan:`1 240`,feb:`1 320`,mar:`1 410`,apr:`1 505`},{id:`revenue_clients`,parentId:`revenue`,label:`Клиентский сегмент`,jan:`920`,feb:`960`,mar:`1 020`,apr:`1 080`},{id:`revenue_exports`,parentId:`revenue`,label:`Экспорт`,jan:`320`,feb:`360`,mar:`390`,apr:`425`},{id:`margin`,parentId:null,label:`Маржинальность`,jan:`18%`,feb:`19%`,mar:`21%`,apr:`20%`},{id:`margin_sales`,parentId:`margin`,label:`Продажи`,jan:`12%`,feb:`13%`,mar:`14%`,apr:`14%`},{id:`margin_logistics`,parentId:`margin`,label:`Логистика`,jan:`6%`,feb:`6%`,mar:`7%`,apr:`6%`},{id:`margin_logistics_local`,parentId:`margin_logistics`,label:`Локальная логистика`,jan:`4%`,feb:`4%`,mar:`5%`,apr:`4%`},{id:`margin_logistics_export`,parentId:`margin_logistics`,label:`Экспортная логистика`,jan:`2%`,feb:`2%`,mar:`2%`,apr:`2%`,isLocked:!0},{id:`orphan_costs`,parentId:`missing_parent`,label:`Прочие расходы без родителя`,jan:`30`,feb:`28`,mar:`31`,apr:`35`}],A=[{id:`label`,accessorKey:`label`,header:`Показатель`,meta:{width:18,align:`left`}},{id:`jan`,accessorKey:`jan`,header:`янв`,meta:{width:8,align:`right`}},{id:`feb`,accessorKey:`feb`,header:`фев`,meta:{width:8,align:`right`}},{id:`mar`,accessorKey:`mar`,header:`мар`,meta:{width:8,align:`right`}},{id:`apr`,accessorKey:`apr`,header:`апр`,meta:{width:8,align:`right`}}],We={getRowId:e=>e.id,getParentRowId:e=>e.parentId},j={getRowId:e=>e.id,getParentRowId:e=>e.parentId},Ge={getRowId:e=>e.id,getParentRowId:e=>e.parentId},M=[{id:`revenue`,parentId:null,label:`Выручка`,purchasePrice:80,salePrice:125,healthScore:40,pendingAmount:0,createdAt:`2026-03-18T09:15:00.000Z`,totalAmount:1820},{id:`revenue_domestic`,parentId:`revenue`,label:`Внутренний рынок`,purchasePrice:82,salePrice:129,healthScore:120,pendingAmount:250,createdAt:`2026-03-18T10:00:00.000Z`,totalAmount:980},{id:`revenue_export`,parentId:`revenue`,label:`Экспорт`,purchasePrice:75,salePrice:118,healthScore:95,pendingAmount:0,createdAt:`2026-03-19T08:25:00.000Z`,totalAmount:840},{id:`margin`,parentId:null,label:`Маржинальность`,purchasePrice:60,salePrice:90,healthScore:70,pendingAmount:0,createdAt:`2026-03-20T07:05:00.000Z`,totalAmount:640}],Ke=[{id:`div-root-1`,parentId:null,label:`Корень 1`,division:`ДВД`},{id:`div-root-2`,parentId:null,label:`Корень 2`,division:`ДВД`},{id:`div-root-3`,parentId:null,label:`Корень 3`,division:`УД`},{id:`div-child-1`,parentId:`div-root-3`,label:`Дочерний узел`,division:`УД`}],qe=[{id:`label`,accessorKey:`label`,header:`Показатель`,meta:{width:14}},{id:`division`,accessorKey:`division`,header:`Дивизион`,meta:{width:10,mergeDuplicates:!0}}],Je=[{id:`label`,accessorKey:`label`,header:`Показатель`,meta:{width:16}},{id:`purchasePrice`,accessorKey:`purchasePrice`,header:`Закупка`,meta:{width:8,align:`right`,formatting:{role:`measure`,type:`decimal`}}},{id:`salePrice`,accessorKey:`salePrice`,header:`Продажа`,meta:{width:8,align:`right`,formatting:{role:`measure`,type:`decimal`}}},{id:`markup`,accessorFn:()=>void 0,header:`Наценка`,meta:{width:8,align:`right`,formatting:{role:`measure`,type:`decimal`,formulaId:`markup`,formulaDependencies:[`purchasePrice`,`salePrice`],purelyDerived:!0}}}],N=[{id:`totalAmount`,accessorKey:`totalAmount`,header:`Сумма в дереве`,meta:{width:12,align:`right`,formatting:{role:`measure`,type:`decimal`,formattersPipeline:D()}}},{id:`label`,accessorKey:`label`,header:`Показатель`,meta:{width:14}}],P=[{id:`label`,accessorKey:`label`,header:`Показатель`,meta:{width:16}},{id:`pendingAmount`,accessorKey:`pendingAmount`,header:`Резерв`,meta:{width:8,align:`right`,formatting:{role:`measure`,type:`decimal`,emptyWhenZero:!0}}}],F=[{id:`label`,type:`string`,originalType:`Edm.String`,label:`Показатель`,semanticType:`none`,sortable:!0,filterable:!0,role:`dimension`},{id:`createdAt`,type:`datetime`,originalType:`Edm.DateTime`,label:`Дата создания`,semanticType:`none`,sortable:!0,filterable:!0,role:`dimension`},{id:`totalAmount`,type:`decimal`,originalType:`Edm.Decimal`,label:`Сумма`,semanticType:`none`,sortable:!0,filterable:!0,role:`measure`}],I=te(F),L=`ZDEMO_FINANCE_SRV`,R=`FinanceSet`,Ye={title:`Финансовая иерархия`,columns:F},Xe=(e,t)=>{let n=(0,O.useMemo)(()=>{let e=ie({}),n=t.parameters.odataService,r=t.parameters.odataEntity,i=t.parameters.odataMetadata;return n&&r&&i&&e.setQueryData(Be(n),{entities:{[r]:i},functionImports:{}}),e},[t.parameters.odataEntity,t.parameters.odataMetadata,t.parameters.odataService]);return(0,k.jsx)(l,{client:n,children:e()})},Ze={title:`Shared/UI/TreeTable`,component:S,args:{title:`Финансовые показатели`,data:Ue,columns:A,hierarchy:We,selectionMode:`single`,expandFirstLevel:!0,indentSize:1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{data:{description:`Плоский источник данных OData.`,control:!1},columns:{description:`Колонки TreeTable.`,control:!1},hierarchy:{description:`Функции получения id строки и id родителя.`,control:!1},title:{description:`Заголовок таблицы.`,control:`text`},selectionMode:{description:`Режим выбора строк.`,control:`inline-radio`,options:[`none`,`single`,`multi`]},expandFirstLevel:{description:`Автоматически раскрывает корневой уровень при первой инициализации.`,control:`boolean`},defaultExpandedRowIds:{description:`Дополнительные строки, которые должны быть раскрыты при первой инициализации.`,control:!1},treeColumnId:{description:`Колонка, в которой рисуется дерево.`,control:`text`},indentSize:{description:`Отступ на уровень вложенности; число трактуется как em.`,control:`number`},getRowCanSelect:{description:`Позволяет запретить выбор отдельных строк.`,control:!1},onRowClick:{description:`Вызывается при активации строки.`,control:!1},onRowSelectionChange:{description:`Вызывается после изменения выбранных строк.`,control:!1},onExpandedRowIdsChange:{description:`Вызывается после изменения раскрытых строк.`,control:!1},isLoading:{description:`Первичная загрузка таблицы.`,control:`boolean`},isFetching:{description:`Фоновое обновление уже загруженных данных.`,control:`boolean`}}},z={},B={render:e=>{let[t,n]=(0,O.useState)([]);return(0,k.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,k.jsxs)(`div`,{children:[`Выбрано: `,t.length>0?t.join(`, `):`ничего`]}),(0,k.jsx)(S,{...e,selectionMode:`multi`,onRowSelectionChange:e=>n(e.map(e=>e.label))})]})}},V={args:{expandFirstLevel:!1}},H={args:{expandFirstLevel:!1,defaultExpandedRowIds:[`margin`,`margin_logistics`]}},U={args:{selectionMode:`multi`,getRowCanSelect:e=>!e.isLocked},render:e=>{let[t,n]=(0,O.useState)([]);return(0,k.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,k.jsx)(`div`,{children:`Строка «Экспортная логистика» остаётся в дереве, но не участвует в выборе.`}),(0,k.jsxs)(`div`,{children:[`Выбрано: `,t.length>0?t.join(`, `):`ничего`]}),(0,k.jsx)(S,{...e,onRowSelectionChange:e=>n(e.map(e=>e.label))})]})}},W={args:{isFetching:!0}},G={args:{data:[]}},K={args:{isLoading:!0}},q={render:()=>(0,k.jsx)(S,{title:`Формула в дереве`,data:M,columns:Je,hierarchy:j,selectionMode:`none`,expandFirstLevel:!0,indentSize:1})},J={render:()=>(0,k.jsx)(S,{title:`Форматирование tree-колонки`,data:M,columns:N,hierarchy:j,treeColumnId:`totalAmount`,selectionMode:`none`,expandFirstLevel:!0,indentSize:1})},Y={render:()=>(0,k.jsx)(S,{title:`Скрытие нулей в дереве`,data:M,columns:P,hierarchy:j,selectionMode:`none`,expandFirstLevel:!0,indentSize:1})},X={render:()=>(0,k.jsx)(S,{title:`Слияние дубликатов в дереве`,data:Ke,columns:qe,hierarchy:Ge,selectionMode:`none`,expandFirstLevel:!0,indentSize:1})},Z={render:()=>(0,k.jsx)(S,{title:`OData metadata adapter`,data:M,columns:I,hierarchy:j,selectionMode:`none`,expandFirstLevel:!0,indentSize:1})},Q={decorators:[Xe],parameters:{odataService:L,odataEntity:R,odataMetadata:Ye},render:()=>(0,k.jsx)(Ve,{})},$={decorators:[Xe],parameters:{odataService:L,odataEntity:R,odataMetadata:Ye},render:()=>(0,k.jsx)(He,{})},z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{}`,...z.parameters?.docs?.source},description:{story:`Базовый сценарий дерева с раскрытием первого уровня.`,...z.parameters?.docs?.description}}},B.parameters={...B.parameters,docs:{...B.parameters?.docs,source:{originalSource:`{
|
|
10
|
-
render: args => {
|
|
11
|
-
const [selectedLabels, setSelectedLabels] = useState<string[]>([]);
|
|
12
|
-
return <div style={{
|
|
13
|
-
display: "grid",
|
|
14
|
-
gap: "0.75em"
|
|
15
|
-
}}>
|
|
16
|
-
<div>Выбрано: {selectedLabels.length > 0 ? selectedLabels.join(", ") : "ничего"}</div>
|
|
17
|
-
<TreeTable {...args} selectionMode="multi" onRowSelectionChange={rows => setSelectedLabels(rows.map(row => row.label))} />
|
|
18
|
-
</div>;
|
|
19
|
-
}
|
|
20
|
-
}`,...B.parameters?.docs?.source},description:{story:`Множественный выбор с отображением текущего результата.`,...B.parameters?.docs?.description}}},V.parameters={...V.parameters,docs:{...V.parameters?.docs,source:{originalSource:`{
|
|
21
|
-
args: {
|
|
22
|
-
expandFirstLevel: false
|
|
23
|
-
}
|
|
24
|
-
}`,...V.parameters?.docs?.source},description:{story:`Дерево остаётся свёрнутым до взаимодействия пользователя.`,...V.parameters?.docs?.description}}},H.parameters={...H.parameters,docs:{...H.parameters?.docs,source:{originalSource:`{
|
|
25
|
-
args: {
|
|
26
|
-
expandFirstLevel: false,
|
|
27
|
-
defaultExpandedRowIds: ["margin", "margin_logistics"]
|
|
28
|
-
}
|
|
29
|
-
}`,...H.parameters?.docs?.source},description:{story:`Дополнительно раскрывает конкретную ветку при первой инициализации.`,...H.parameters?.docs?.description}}},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
|
|
30
|
-
args: {
|
|
31
|
-
selectionMode: "multi",
|
|
32
|
-
getRowCanSelect: row => !row.isLocked
|
|
33
|
-
},
|
|
34
|
-
render: args => {
|
|
35
|
-
const [selectedLabels, setSelectedLabels] = useState<string[]>([]);
|
|
36
|
-
return <div style={{
|
|
37
|
-
display: "grid",
|
|
38
|
-
gap: "0.75em"
|
|
39
|
-
}}>
|
|
40
|
-
<div>Строка «Экспортная логистика» остаётся в дереве, но не участвует в выборе.</div>
|
|
41
|
-
<div>Выбрано: {selectedLabels.length > 0 ? selectedLabels.join(", ") : "ничего"}</div>
|
|
42
|
-
<TreeTable {...args} onRowSelectionChange={rows => setSelectedLabels(rows.map(row => row.label))} />
|
|
43
|
-
</div>;
|
|
44
|
-
}
|
|
45
|
-
}`,...U.parameters?.docs?.source},description:{story:`Часть строк можно показать, но запретить выбирать.`,...U.parameters?.docs?.description}}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
|
|
46
|
-
args: {
|
|
47
|
-
isFetching: true
|
|
48
|
-
}
|
|
49
|
-
}`,...W.parameters?.docs?.source},description:{story:`Сценарий фонового обновления данных без очистки дерева.`,...W.parameters?.docs?.description}}},G.parameters={...G.parameters,docs:{...G.parameters?.docs,source:{originalSource:`{
|
|
50
|
-
args: {
|
|
51
|
-
data: []
|
|
52
|
-
}
|
|
53
|
-
}`,...G.parameters?.docs?.source},description:{story:`Пустой источник данных.`,...G.parameters?.docs?.description}}},K.parameters={...K.parameters,docs:{...K.parameters?.docs,source:{originalSource:`{
|
|
54
|
-
args: {
|
|
55
|
-
isLoading: true
|
|
56
|
-
}
|
|
57
|
-
}`,...K.parameters?.docs?.source},description:{story:`Состояние первичной загрузки.`,...K.parameters?.docs?.description}}},q.parameters={...q.parameters,docs:{...q.parameters?.docs,source:{originalSource:`{
|
|
58
|
-
render: () => <TreeTable title="Формула в дереве" data={formattingRows} columns={formulaColumns} hierarchy={formattingHierarchy} selectionMode="none" expandFirstLevel indentSize={1} />
|
|
59
|
-
}`,...q.parameters?.docs?.source},description:{story:`Сценарий с formula-based колонкой в древовидной таблице.`,...q.parameters?.docs?.description}}},J.parameters={...J.parameters,docs:{...J.parameters?.docs,source:{originalSource:`{
|
|
60
|
-
render: () => <TreeTable title="Форматирование tree-колонки" data={formattingRows} columns={treeFormattedColumns} hierarchy={formattingHierarchy} treeColumnId="totalAmount" selectionMode="none" expandFirstLevel indentSize={1} />
|
|
61
|
-
}`,...J.parameters?.docs?.source},description:{story:`Сценарий, где formatting применяется прямо в tree-колонке.`,...J.parameters?.docs?.description}}},Y.parameters={...Y.parameters,docs:{...Y.parameters?.docs,source:{originalSource:`{
|
|
62
|
-
render: () => <TreeTable title="Скрытие нулей в дереве" data={formattingRows} columns={hiddenZeroColumns} hierarchy={formattingHierarchy} selectionMode="none" expandFirstLevel indentSize={1} />
|
|
63
|
-
}`,...Y.parameters?.docs?.source},description:{story:`Сценарий со скрытием нулевых значений в дереве.`,...Y.parameters?.docs?.description}}},X.parameters={...X.parameters,docs:{...X.parameters?.docs,source:{originalSource:`{
|
|
64
|
-
render: () => <TreeTable title="Слияние дубликатов в дереве" data={divisionTreeRows} columns={divisionTreeColumns} hierarchy={divisionTreeHierarchy} selectionMode="none" expandFirstLevel indentSize={1} />
|
|
65
|
-
}`,...X.parameters?.docs?.source},description:{story:"Сценарий со слиянием дубликатов на одной глубине в `TreeTable`.",...X.parameters?.docs?.description}}},Z.parameters={...Z.parameters,docs:{...Z.parameters?.docs,source:{originalSource:`{
|
|
66
|
-
render: () => <TreeTable title="OData metadata adapter" data={formattingRows} columns={adapterColumns} hierarchy={formattingHierarchy} selectionMode="none" expandFirstLevel indentSize={1} />
|
|
67
|
-
}`,...Z.parameters?.docs?.source},description:{story:`Сценарий со статическим OData metadata adapter в build-режиме.`,...Z.parameters?.docs?.description}}},Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`{
|
|
68
|
-
decorators: [withMockedHookODataMetadata],
|
|
69
|
-
parameters: {
|
|
70
|
-
odataService: HOOK_ODATA_SERVICE,
|
|
71
|
-
odataEntity: HOOK_ODATA_ENTITY,
|
|
72
|
-
odataMetadata: hookMetadata
|
|
73
|
-
},
|
|
74
|
-
render: () => <HookBuildTreeTableStory />
|
|
75
|
-
}`,...Q.parameters?.docs?.source},description:{story:"Реальный hook-сценарий `useODataTableColumns(...)` в режиме build для TreeTable.",...Q.parameters?.docs?.description}}},$.parameters={...$.parameters,docs:{...$.parameters?.docs,source:{originalSource:`{
|
|
76
|
-
decorators: [withMockedHookODataMetadata],
|
|
77
|
-
parameters: {
|
|
78
|
-
odataService: HOOK_ODATA_SERVICE,
|
|
79
|
-
odataEntity: HOOK_ODATA_ENTITY,
|
|
80
|
-
odataMetadata: hookMetadata
|
|
81
|
-
},
|
|
82
|
-
render: () => <HookEnrichTreeTableStory />
|
|
83
|
-
}`,...$.parameters?.docs?.source},description:{story:"Реальный hook-сценарий `useODataTableColumns(...)` в режиме enrich для TreeTable.",...$.parameters?.docs?.description}}},Qe=[`Basic`,`MultiSelect`,`CollapsedByDefault`,`WithDefaultExpandedBranch`,`WithDisabledRows`,`Fetching`,`Empty`,`Loading`,`WithFormulaColumn`,`WithFormattedTreeColumn`,`WithHiddenZero`,`WithMergedDuplicates`,`WithODataMetadataAdapter`,`WithUseODataTableColumnsBuildHook`,`WithUseODataTableColumnsEnrichHook`]})))()}export{$e as _,K as a,H as c,q as d,Y as f,$ as g,Q as h,W as i,U as l,Z as m,V as n,B as o,X as p,G as r,E as s,z as t,J as u};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e}from"./iframe-DBSrNt2a.js";e();
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-DBSrNt2a.js";import{D as r,E as i,O as a,k as o}from"./odata-BBTqO7nX.js";var s,c;function l(){return(l=e((()=>{s=[{code:`R01`,text:`Северный регион`,branches:[{code:`B0101`,text:`Подразделение Альфа`,teams:[{code:`T0101`,text:`Команда поддержки`,owners:[{code:`P0001`,text:`Ответственный 1`},{code:`P0002`,text:`Ответственный 2`},{code:`P0003`,text:`Ответственный 3`}]},{code:`T0102`,text:`Команда внедрения`,owners:[{code:`P0004`,text:`Ответственный 4`},{code:`P0005`,text:`Ответственный 5`}]}]},{code:`B0102`,text:`Подразделение Бета`,teams:[{code:`T0201`,text:`Команда аналитики`,owners:[{code:`P0006`,text:`Ответственный 6`},{code:`P0007`,text:`Ответственный 7`}]}]}]},{code:`R02`,text:`Южный регион`,branches:[{code:`B0201`,text:`Подразделение Гамма`,teams:[{code:`T0301`,text:`Команда сопровождения`,owners:[{code:`P0008`,text:`Ответственный 8`},{code:`P0009`,text:`Ответственный 9`}]}]}]},{code:`R03`,text:`Восточный регион`,branches:[{code:`B0301`,text:`Подразделение Дельта`,teams:[{code:`T0401`,text:`Команда развития`,owners:[{code:`P0010`,text:`Ответственный 10`},{code:`P0011`,text:`Ответственный 11`}]}]},{code:`B0302`,text:`Подразделение Омега`,teams:[{code:`T0501`,text:`Команда качества`,owners:[{code:`P0012`,text:`Ответственный 12`},{code:`P0013`,text:`Ответственный 13`}]}]}]}],c=s.flatMap(e=>e.branches.flatMap(t=>t.teams.flatMap(n=>n.owners.map(r=>({REGION:e.code,REGION_Text:e.text,BRANCH:t.code,BRANCH_Text:t.text,TEAM:n.code,TEAM_Text:n.text,OWNER:r.code,OWNER_Text:r.text})))))})))()}function u(e,t,n=200){return new Response(e,{status:n,headers:{"Content-Type":t}})}function d(e,t){return new Promise((n,r)=>{let i=()=>{window.clearTimeout(a),r(t?.reason??new DOMException(`Ожидание OData mock отменено`,`AbortError`))},a=window.setTimeout(()=>{t?.removeEventListener(`abort`,i),n()},e);if(t?.aborted){i();return}t?.addEventListener(`abort`,i,{once:!0})})}function f(e,t){for(let n of t.values())if(e.includes(`/${n.service}/`))return n}function p(){let e=window.fetch,t=new Map;return{originalFetch:e,registrations:t,registrationIdsByCanvas:new WeakMap,mockedFetch:async(n,r)=>{let i=typeof n==`string`?n:n instanceof URL?n.toString():n.url,a=new URL(i,window.location.origin).pathname,o=f(a,t);return o?(o.mode===`loading`&&await d(1200,r?.signal??(typeof Request<`u`&&n instanceof Request?n.signal:void 0)),a.endsWith(`/${o.service}/$metadata`)?o.mode===`metadataError`?u(`Ошибка чтения metadata`,`text/plain`,500):u(y,`application/xml`):a.endsWith(`/${o.service}/DemoReferenceItems`)?o.mode===`collectionError`?u(JSON.stringify({error:`Ошибка загрузки справочника`}),`application/json`,500):u(JSON.stringify({d:{results:c}}),`application/json`):e(n,r)):e(n,r)}}}function m(e){let t=e.parameters.odataMockMode??`success`,n=C??p(),r=(e.canvasElement&&n.registrationIdsByCanvas.get(e.canvasElement))??Symbol(`odata-story-fetch-mock`),i=Symbol(`odata-story-fetch-mock-version`);return C=n,e.canvasElement&&n.registrationIdsByCanvas.set(e.canvasElement,r),n.registrations.delete(r),n.registrations.set(r,{mode:t,service:S[t],version:i}),window.fetch=n.mockedFetch,()=>{n.registrations.get(r)?.version===i&&(n.registrations.delete(r),e.canvasElement&&n.registrationIdsByCanvas.delete(e.canvasElement),!(n.registrations.size>0||C!==n)&&(window.fetch===n.mockedFetch&&(window.fetch=n.originalFetch),C=void 0))}}var h,g,_,v,y,b,x,S,C,w,T,E,D,O;function k(){return(k=e((()=>{h=t(),o(),r(),l(),g=n(),_=`DEMO_REFERENCE_SRV`,v=`DemoReferenceItems`,y=`<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
-
<edmx:Edmx xmlns:edmx="http://schemas.microsoft.com/ado/2007/06/edmx">
|
|
3
|
-
<edmx:DataServices xmlns:m="http://schemas.microsoft.com/ado/2007/08/dataservices/metadata" m:DataServiceVersion="2.0">
|
|
4
|
-
<Schema Namespace="DEMO_REFERENCE_SRV" xmlns="http://schemas.microsoft.com/ado/2008/09/edm" xmlns:sap="http://www.sap.com/Protocols/SAPData">
|
|
5
|
-
<EntityType Name="DemoReferenceItemsType" sap:semantics="aggregate" sap:label="Демо-справочник" sap:content-version="1">
|
|
6
|
-
<Key>
|
|
7
|
-
<PropertyRef Name="ID" />
|
|
8
|
-
</Key>
|
|
9
|
-
<Property Name="ID" Type="Edm.String" Nullable="false" sap:sortable="false" sap:filterable="false" />
|
|
10
|
-
<Property Name="REGION" Type="Edm.String" MaxLength="4" sap:aggregation-role="dimension" sap:display-format="UpperCase" sap:text="REGION_Text" />
|
|
11
|
-
<Property Name="REGION_Text" Type="Edm.String" MaxLength="40" sap:label="Регион" sap:quickinfo="Краткое описание" sap:creatable="false" sap:updatable="false" />
|
|
12
|
-
<Property Name="BRANCH" Type="Edm.String" MaxLength="8" sap:aggregation-role="dimension" sap:display-format="UpperCase" sap:text="BRANCH_Text" />
|
|
13
|
-
<Property Name="BRANCH_Text" Type="Edm.String" MaxLength="40" sap:label="Подразделение" sap:quickinfo="Среднее описание" sap:creatable="false" sap:updatable="false" />
|
|
14
|
-
<Property Name="TEAM" Type="Edm.String" MaxLength="8" sap:aggregation-role="dimension" sap:display-format="UpperCase" sap:text="TEAM_Text" />
|
|
15
|
-
<Property Name="TEAM_Text" Type="Edm.String" MaxLength="40" sap:label="Команда" sap:quickinfo="Среднее описание" sap:creatable="false" sap:updatable="false" />
|
|
16
|
-
<Property Name="OWNER" Type="Edm.String" MaxLength="8" sap:aggregation-role="dimension" sap:display-format="UpperCase" sap:text="OWNER_Text" />
|
|
17
|
-
<Property Name="OWNER_Text" Type="Edm.String" MaxLength="40" sap:label="Ответственный" sap:quickinfo="Среднее описание" sap:creatable="false" sap:updatable="false" />
|
|
18
|
-
<Property Name="CNT" Type="Edm.Byte" sap:aggregation-role="measure" sap:filterable="false" />
|
|
19
|
-
</EntityType>
|
|
20
|
-
<EntityContainer Name="DEMO_REFERENCE_SRV_Entities" m:IsDefaultEntityContainer="true">
|
|
21
|
-
<EntitySet Name="DemoReferenceItems" EntityType="DEMO_REFERENCE_SRV.DemoReferenceItemsType" sap:creatable="false" sap:updatable="false" sap:deletable="false" sap:content-version="1" />
|
|
22
|
-
</EntityContainer>
|
|
23
|
-
</Schema>
|
|
24
|
-
</edmx:DataServices>
|
|
25
|
-
</edmx:Edmx>`,b={region:`R01`,regionText:`Северный регион`,branch:`B0101`,branchAlt:`B0102`,team:`T0101`,teamAlt:`T0201`,owner:`P0001`,ownerAlt:`P0006`},x={REGION:{placeholder:`Регион`},BRANCH:{placeholder:`Подразделение`,hideCode:!0},TEAM:{placeholder:`Команда`},OWNER:{placeholder:`Ответственный`}},S={success:_,loading:`DEMO_REFERENCE_LOADING_SRV`,metadataError:`DEMO_REFERENCE_METADATA_ERROR_SRV`,collectionError:`DEMO_REFERENCE_COLLECTION_ERROR_SRV`},w=e=>{let t=(0,h.useMemo)(()=>new a({defaultOptions:{queries:{retry:!1,throwOnError:!1},mutations:{retry:!1,throwOnError:!1}}}),[]),n=e;return(0,h.useEffect)(()=>()=>{t.clear()},[t]),(0,g.jsx)(i,{client:t,children:(0,g.jsx)(n,{})})},T={service:_,target:v},E={success:T,loading:{...T,service:S.loading},metadataError:{...T,service:S.metadataError},collectionError:{...T,service:S.collectionError}},D={codeKey:`REGION`,minSearchTextLength:1,minSearchCodeLength:1,searchDebounceDelay:250,maxVisibleItems:100},O={placeholder:`Регион`},w.__docgenInfo={description:`Создаёт изолированный QueryClient без IndexedDB persistence для каждой OData story.`,methods:[],displayName:`withODataStoryQueryClient`}})))()}export{m as a,x as c,k as i,w as l,T as n,E as o,O as r,b as s,D as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.IyEhJp{--base-width:100%;width:var(--base-width)}.IyEhJp.f7M9vJ{--base-width:calc(var(--drp-ui-width-xs,var(--ui-width-xs)) - var(--width-add))}.IyEhJp.HwXbxj{--base-width:calc(var(--drp-ui-width-sm,var(--ui-width-sm)) - var(--width-add))}.IyEhJp.Mym7DA{--base-width:calc(var(--drp-ui-width-md,var(--ui-width-md)) - var(--width-add))}.IyEhJp.w5cM9q{--base-width:calc(var(--drp-ui-width-lg,var(--ui-width-lg)) - var(--width-add))}.IyEhJp.f2EBJz{--base-width:calc(var(--drp-ui-width-xl,var(--ui-width-xl)) - var(--width-add))}._3GzdMJ{--grid-size:var(--space-sm);--grid-line-size:var(--border-width);--grid-line-color:var(--status-error-soft);height:var(--control-height);border:var(--focus-width) solid var(--status-error-border);border-radius:var(--radius-sm);font-variation-settings:"wght" 700;width:100%;color:var(--status-error-text);background-color:var(--surface-0);background-image:repeating-linear-gradient(45deg, var(--grid-line-color) 0 var(--grid-line-size), transparent var(--grid-line-size) var(--grid-size)), repeating-linear-gradient(-45deg, var(--grid-line-color) 0 var(--grid-line-size), transparent var(--grid-line-size) var(--grid-size));outline:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.mCyi7T,._0uiTC1{width:100%;position:relative}._0uiTC1{--padding-right:var(--control-height)}.y9nuVw,.-lXPkQ{font-variation-settings:"wght" 400;font-weight:400;display:inline-block}.-lXPkQ{margin-block:var(--space-xs)}.kaqcwk{--paragraph-margin:0;padding-bottom:var(--space-xs);color:var(--content-1);font-variation-settings:"wght" 300;font-weight:300}.-lXPkQ,.kaqcwk{margin-inline:var(--space-xs)}.ADooeh,.UQPwkb::placeholder,.x427rk::placeholder,._4GTgCO::placeholder,.CGeRS1::placeholder{color:var(--content-2);font-variation-settings:"wght" 100;font-weight:100;font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._7GxEke .y9nuVw:after,._7GxEke .-lXPkQ:after{content:" *";color:var(--status-error-text)}.UQPwkb,.x427rk,._4GTgCO,.CGeRS1{--ui-tone-text:var(--status-neutral-text);--ui-tone-text-hover:var(--status-neutral-text-hover);--ui-tone-text-active:var(--status-neutral-text-active);--ui-tone-fill:var(--status-neutral-fill);--ui-tone-fill-hover:var(--status-neutral-fill-hover);--ui-tone-fill-active:var(--status-neutral-fill-active);--ui-tone-on-fill:var(--status-neutral-on-fill);--ui-tone-soft:var(--status-neutral-soft);--ui-tone-border:var(--status-neutral-border);--ui-tone-border-hover:var(--status-neutral-border-hover);--ui-tone-border-active:var(--status-neutral-border-active);--ui-tone-border-focus:var(--status-neutral-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-neutral-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-neutral-fill-active) 20%, var(--surface-0));--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:var(--surface-0);--ui-background-hover:var(--surface-0);--ui-background-active:var(--surface-0);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus);color:var(--ui-color);background-color:var(--ui-background);border:var(--border-width) solid var(--ui-border-color);border-radius:var(--ui-radius,var(--radius-sm));transition-property:border-color,color,background-color,box-shadow,padding,opacity,transform;transition-duration:var(--transition-fast);outline:none;transition-timing-function:ease}.UQPwkb:hover,.x427rk:hover,._4GTgCO:hover,.CGeRS1:hover{color:var(--ui-color-hover);background-color:var(--ui-background-hover);border-color:var(--ui-border-hover)}.UQPwkb:active,.x427rk:active,._4GTgCO:active,.CGeRS1:active{color:var(--ui-color-active);border-color:var(--ui-border-active);background-color:var(--ui-background-active)}.UQPwkb:focus,.x427rk:focus,._4GTgCO:focus,.CGeRS1:focus,.UQPwkb:focus-within,.x427rk:focus-within,._4GTgCO:focus-within,.CGeRS1:focus-within{background-color:var(--ui-background-active);border-color:var(--ui-border-focus)}.UQPwkb:focus-visible,.x427rk:focus-visible,._4GTgCO:focus-visible,.CGeRS1:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.UQPwkb:disabled,.x427rk:disabled,._4GTgCO:disabled,.CGeRS1:disabled,.UQPwkb[data-disabled],[data-disabled].x427rk,[data-disabled]._4GTgCO,[data-disabled].CGeRS1{cursor:default;pointer-events:none;color:var(--content-2);background-color:var(--surface-2);border-color:var(--overlay-backdrop)}.UQPwkb,.x427rk,._4GTgCO,.CGeRS1{--ui-radius:var(--radius-sm)}.UQPwkb.kkpwQI,.kkpwQI.x427rk,.kkpwQI._4GTgCO,.kkpwQI.CGeRS1,.UQPwkb:invalid,.x427rk:invalid,._4GTgCO:invalid,.CGeRS1:invalid{--ui-tone-text:var(--status-error-text);--ui-tone-text-hover:var(--status-error-text-hover);--ui-tone-text-active:var(--status-error-text-active);--ui-tone-fill:var(--status-error-fill);--ui-tone-fill-hover:var(--status-error-fill-hover);--ui-tone-fill-active:var(--status-error-fill-active);--ui-tone-on-fill:var(--status-error-on-fill);--ui-tone-soft:var(--status-error-soft);--ui-tone-border:var(--status-error-border);--ui-tone-border-hover:var(--status-error-border-hover);--ui-tone-border-active:var(--status-error-border-active);--ui-tone-border-focus:var(--status-error-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-error-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-error-fill-active) 20%, var(--surface-0));--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:var(--surface-0);--ui-background-hover:var(--surface-0);--ui-background-active:var(--surface-0);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus)}.DPvwku{--ui-tone-text:var(--status-neutral-text);--ui-tone-text-hover:var(--status-neutral-text-hover);--ui-tone-text-active:var(--status-neutral-text-active);--ui-tone-fill:var(--status-neutral-fill);--ui-tone-fill-hover:var(--status-neutral-fill-hover);--ui-tone-fill-active:var(--status-neutral-fill-active);--ui-tone-on-fill:var(--status-neutral-on-fill);--ui-tone-soft:var(--status-neutral-soft);--ui-tone-border:var(--status-neutral-border);--ui-tone-border-hover:var(--status-neutral-border-hover);--ui-tone-border-active:var(--status-neutral-border-active);--ui-tone-border-focus:var(--status-neutral-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-neutral-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-neutral-fill-active) 20%, var(--surface-0))}.SRqz74{--ui-tone-text:var(--status-error-text);--ui-tone-text-hover:var(--status-error-text-hover);--ui-tone-text-active:var(--status-error-text-active);--ui-tone-fill:var(--status-error-fill);--ui-tone-fill-hover:var(--status-error-fill-hover);--ui-tone-fill-active:var(--status-error-fill-active);--ui-tone-on-fill:var(--status-error-on-fill);--ui-tone-soft:var(--status-error-soft);--ui-tone-border:var(--status-error-border);--ui-tone-border-hover:var(--status-error-border-hover);--ui-tone-border-active:var(--status-error-border-active);--ui-tone-border-focus:var(--status-error-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-error-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-error-fill-active) 20%, var(--surface-0))}.e-6pS0{--ui-tone-text:var(--status-warning-text);--ui-tone-text-hover:var(--status-warning-text-hover);--ui-tone-text-active:var(--status-warning-text-active);--ui-tone-fill:var(--status-warning-fill);--ui-tone-fill-hover:var(--status-warning-fill-hover);--ui-tone-fill-active:var(--status-warning-fill-active);--ui-tone-on-fill:var(--status-warning-on-fill);--ui-tone-soft:var(--status-warning-soft);--ui-tone-border:var(--status-warning-border);--ui-tone-border-hover:var(--status-warning-border-hover);--ui-tone-border-active:var(--status-warning-border-active);--ui-tone-border-focus:var(--status-warning-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-warning-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-warning-fill-active) 20%, var(--surface-0))}.tUxwSm{--ui-tone-text:var(--status-success-text);--ui-tone-text-hover:var(--status-success-text-hover);--ui-tone-text-active:var(--status-success-text-active);--ui-tone-fill:var(--status-success-fill);--ui-tone-fill-hover:var(--status-success-fill-hover);--ui-tone-fill-active:var(--status-success-fill-active);--ui-tone-on-fill:var(--status-success-on-fill);--ui-tone-soft:var(--status-success-soft);--ui-tone-border:var(--status-success-border);--ui-tone-border-hover:var(--status-success-border-hover);--ui-tone-border-active:var(--status-success-border-active);--ui-tone-border-focus:var(--status-success-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-success-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-success-fill-active) 20%, var(--surface-0))}.bbef8l{--ui-tone-text:var(--status-info-text);--ui-tone-text-hover:var(--status-info-text-hover);--ui-tone-text-active:var(--status-info-text-active);--ui-tone-fill:var(--status-info-fill);--ui-tone-fill-hover:var(--status-info-fill-hover);--ui-tone-fill-active:var(--status-info-fill-active);--ui-tone-on-fill:var(--status-info-on-fill);--ui-tone-soft:var(--status-info-soft);--ui-tone-border:var(--status-info-border);--ui-tone-border-hover:var(--status-info-border-hover);--ui-tone-border-active:var(--status-info-border-active);--ui-tone-border-focus:var(--status-info-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-info-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-info-fill-active) 20%, var(--surface-0))}.Ktkgp1{--ui-color:var(--ui-tone-on-fill);--ui-color-hover:var(--ui-tone-on-fill);--ui-color-active:var(--ui-tone-on-fill);--ui-background:var(--ui-tone-fill);--ui-background-hover:var(--ui-tone-fill-hover);--ui-background-active:var(--ui-tone-fill-active);--ui-border-color:transparent;--ui-border-hover:transparent;--ui-border-active:transparent;--ui-border-focus:transparent}.bwQ2eF{--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:var(--surface-0);--ui-background-hover:var(--surface-0);--ui-background-active:var(--surface-0);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus)}._26y4wg{--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:transparent;--ui-background-hover:var(--ui-tone-ghost-hover);--ui-background-active:var(--ui-tone-ghost-active);--ui-border-color:transparent;--ui-border-hover:transparent;--ui-border-active:transparent;--ui-border-focus:transparent}.xiEckw{--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:transparent;--ui-background-hover:transparent;--ui-background-active:transparent;--ui-border-color:transparent;--ui-border-hover:transparent;--ui-border-active:transparent;--ui-border-focus:transparent}.x427rk,._4GTgCO,.CGeRS1{height:var(--control-height)}.CGeRS1{color:var(--content-0);padding:0 var(--padding-right) 0 var(--space-sm);text-align:left;width:100%}.ARjNgd{color:var(--ui-color);background-color:var(--ui-background);border:var(--border-width) solid var(--ui-border-color);border-radius:var(--ui-radius,var(--radius-sm));transition-property:border-color,color,background-color,box-shadow,padding,opacity,transform;transition-duration:var(--transition-fast);outline:none;transition-timing-function:ease}.ARjNgd:hover{color:var(--ui-color-hover);background-color:var(--ui-background-hover);border-color:var(--ui-border-hover)}.ARjNgd:active{color:var(--ui-color-active);border-color:var(--ui-border-active);background-color:var(--ui-background-active)}.ARjNgd:focus,.ARjNgd:focus-within{background-color:var(--ui-background-active);border-color:var(--ui-border-focus)}.ARjNgd:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.ARjNgd:disabled,.ARjNgd[data-disabled]{cursor:default;pointer-events:none;color:var(--content-2);background-color:var(--surface-2);border-color:var(--overlay-backdrop)}.ARjNgd{--ui-color:var(--content-0);--ui-color-hover:var(--content-0);--ui-color-active:var(--content-0);--ui-background:var(--surface-0);--ui-background-hover:var(--ui-tone-soft);--ui-background-active:var(--ui-tone-soft);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus);appearance:none;cursor:pointer;margin:0}.ARjNgd:checked+.hwzILy{color:var(--ui-tone-fill)}.ARjNgd:disabled{cursor:default;--ui-border-color:var(--border-0)}.ARjNgd:disabled:checked+.hwzILy{color:var(--border-0)}.hwzILy{pointer-events:none;color:#0000;transition:color var(--transition-fast) ease, opacity var(--transition-fast) ease;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.PXh4Kd.t4Na-6,.PXh4Kd:disabled,.NvTcfr.t4Na-6,.NvTcfr:disabled,.Vq8q-K.t4Na-6,.Vq8q-K:disabled{cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none}.PXh4Kd.t4Na-6 .-lXPkQ,.PXh4Kd.t4Na-6 .kaqcwk,.PXh4Kd:disabled .-lXPkQ,.PXh4Kd:disabled .kaqcwk,.NvTcfr.t4Na-6 .-lXPkQ,.NvTcfr.t4Na-6 .kaqcwk,.NvTcfr:disabled .-lXPkQ,.NvTcfr:disabled .kaqcwk,.Vq8q-K.t4Na-6 .-lXPkQ,.Vq8q-K.t4Na-6 .kaqcwk,.Vq8q-K:disabled .-lXPkQ,.Vq8q-K:disabled .kaqcwk{color:var(--content-2)}.PXh4Kd.t4Na-6 .ADooeh,.PXh4Kd.t4Na-6 .UQPwkb::placeholder,.PXh4Kd.t4Na-6 .x427rk::placeholder,.PXh4Kd.t4Na-6 ._4GTgCO::placeholder,.PXh4Kd.t4Na-6 .CGeRS1::placeholder,.PXh4Kd.t4Na-6 .GPetum,.PXh4Kd.t4Na-6 .d-9srB,.PXh4Kd:disabled .ADooeh,.PXh4Kd:disabled .UQPwkb::placeholder,.PXh4Kd:disabled .x427rk::placeholder,.PXh4Kd:disabled ._4GTgCO::placeholder,.PXh4Kd:disabled .CGeRS1::placeholder,.PXh4Kd:disabled .GPetum,.PXh4Kd:disabled .d-9srB,.NvTcfr.t4Na-6 .ADooeh,.NvTcfr.t4Na-6 .UQPwkb::placeholder,.NvTcfr.t4Na-6 .x427rk::placeholder,.NvTcfr.t4Na-6 ._4GTgCO::placeholder,.NvTcfr.t4Na-6 .CGeRS1::placeholder,.NvTcfr.t4Na-6 .GPetum,.NvTcfr.t4Na-6 .d-9srB,.NvTcfr:disabled .ADooeh,.NvTcfr:disabled .UQPwkb::placeholder,.NvTcfr:disabled .x427rk::placeholder,.NvTcfr:disabled ._4GTgCO::placeholder,.NvTcfr:disabled .CGeRS1::placeholder,.NvTcfr:disabled .GPetum,.NvTcfr:disabled .d-9srB,.Vq8q-K.t4Na-6 .ADooeh,.Vq8q-K.t4Na-6 .UQPwkb::placeholder,.Vq8q-K.t4Na-6 .x427rk::placeholder,.Vq8q-K.t4Na-6 ._4GTgCO::placeholder,.Vq8q-K.t4Na-6 .CGeRS1::placeholder,.Vq8q-K.t4Na-6 .GPetum,.Vq8q-K.t4Na-6 .d-9srB,.Vq8q-K:disabled .ADooeh,.Vq8q-K:disabled .UQPwkb::placeholder,.Vq8q-K:disabled .x427rk::placeholder,.Vq8q-K:disabled ._4GTgCO::placeholder,.Vq8q-K:disabled .CGeRS1::placeholder,.Vq8q-K:disabled .GPetum,.Vq8q-K:disabled .d-9srB{opacity:.25}.snye2X,.GAMoiV,.NUTH28{border:var(--border);border-radius:var(--radius-sm);padding:var(--space-sm)}.GAMoiV,.NUTH28{background-color:var(--ui-panel-background,var(--surface-0));color:var(--content-0)}.NUTH28{background-color:var(--surface-0);--anchor-gap:var(--space-xs);--anchor-padding:var(--space-xs);--anchor-offset:0;--input-width:min(100vw, var(--base-width,15em));min-width:var(--input-width);transform-origin:top;box-shadow:var(--shadow-md);z-index:var(--z-dropdown);flex-direction:column;display:flex}.NUTH28:empty{visibility:hidden}._6GrpYn,.NvTcfr:focus,.Vq8q-K:focus{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);background-color:var(--surface-1);border-color:var(--border-1);cursor:pointer}.xS7JcQ,.Vq8q-K{justify-content:flex-start;align-items:center;gap:var(--space-sm);text-align:left;width:100%;height:100%;display:flex}.Vq8q-K{height:auto;padding:var(--space-xs) var(--space-sm)}.NvTcfr,.Vq8q-K{border-radius:var(--radius-sm);color:var(--content-0);transition:background-color var(--transition-fast) ease, color var(--transition-fast) ease;background-color:#0000;border:none}.NvTcfr ._9ExUHY,.NvTcfr .pO4Y0g,.Vq8q-K ._9ExUHY,.Vq8q-K .pO4Y0g{width:var(--space-md);height:var(--space-md);flex-shrink:0}.NvTcfr ._9ExUHY,.NvTcfr .gbYdNR,.Vq8q-K ._9ExUHY,.Vq8q-K .gbYdNR{color:var(--content-2)}.NvTcfr.wEotEO,.Vq8q-K.wEotEO{color:var(--content-accent);cursor:default}.NvTcfr.zb4xdz,.Vq8q-K.zb4xdz{background-color:var(--surface-1)}.NvTcfr.t4Na-6,.Vq8q-K.t4Na-6{color:var(--content-2);background-color:#0000}.NvTcfr:focus-visible,.Vq8q-K:focus-visible{background-color:var(--surface-accent);cursor:pointer}@media (any-hover:hover){.NvTcfr:hover,.Vq8q-K:hover{background-color:var(--surface-accent);cursor:pointer}}@media (any-hover:none){.NvTcfr:active,.Vq8q-K:active{background-color:var(--surface-accent);cursor:pointer}}.-vLdWn{border-top:var(--border);margin-block:var(--space-xs)}.Z3WweK{padding:var(--space-xs) var(--space-sm);color:var(--content-2);text-transform:uppercase;font-weight:300;font-size:var(--font-size-sm)}._9ExUHY{align-items:center;display:flex}.NvTcfr{gap:var(--space-xs);padding-right:var(--space-xs);grid-template-columns:auto 1fr;display:grid}.GPetum{flex:1}.d-9srB{font-family:var(--font-family-mono);color:var(--content-1);font-variation-settings:"wght" 300;font-weight:300}.bx4Ra6{width:100%;height:100%;transition-property:width;transition-duration:var(--transition-fast);justify-content:flex-end;align-items:center;transition-timing-function:cubic-bezier(1,0,.5,.5);display:flex}.bx4Ra6>button{cursor:pointer;height:var(--control-height);width:var(--control-height);border-radius:var(--radius-sm);flex:0 0 var(--control-height);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.MDZNQY{color:var(--content-0)}.MDZNQY:hover{color:var(--content-accent)}.MVOYew{transition:transform var(--transition-fast) ease-in-out}.MVOYew._5r-eob{transform:rotate(180deg)}@media (max-width:47.9988em){.NUTH28{--input-width:calc(100dvw - var(--space-xl))}}._4GTgCO{width:100%;padding:0 var(--space-sm);font-size:var(--font-size-md);cursor:text;align-items:center;display:flex}._6evDak{color:var(--status-error-text)}._6evDak:disabled{opacity:0;pointer-events:none;width:0;height:0;margin:0;padding:0;overflow:hidden}.rwtbSX{border-left:var(--border);height:calc(100% - var(--space-sm))}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{n as ee}from"./rolldown-runtime-C0FnF6B9.js";var e,t,n,r,i,a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,te,O,k,A,j,M,N,P,F,I,L,R,z,B,V,H,U,W,G,K,q,J,Y,X,Z,Q,$;function ne(){return(ne=ee((()=>{e=`IyEhJp`,t=`f7M9vJ`,n=`HwXbxj`,r=`Mym7DA`,i=`w5cM9q`,a=`f2EBJz`,o=`_3GzdMJ`,s=`mCyi7T`,c=`_0uiTC1`,l=`y9nuVw`,u=`-lXPkQ`,d=`kaqcwk`,f=`ADooeh`,p=`UQPwkb`,m=`x427rk`,h=`_4GTgCO`,g=`CGeRS1`,_=`_7GxEke`,v=`kkpwQI`,y=`DPvwku`,b=`SRqz74`,x=`e-6pS0`,S=`tUxwSm`,C=`bbef8l`,w=`Ktkgp1`,T=`bwQ2eF`,E=`_26y4wg`,D=`xiEckw`,te=`ARjNgd`,O=`hwzILy`,k=`PXh4Kd`,A=`t4Na-6`,j=`NvTcfr`,M=`Vq8q-K`,N=`GPetum`,P=`d-9srB`,F=`snye2X`,I=`GAMoiV`,L=`NUTH28`,R=`_6GrpYn`,z=`xS7JcQ`,B=`_9ExUHY`,V=`pO4Y0g`,H=`gbYdNR`,U=`wEotEO`,W=`zb4xdz`,G=`-vLdWn`,K=`Z3WweK`,q=`bx4Ra6`,J=`MDZNQY`,Y=`MVOYew`,X=`_5r-eob`,Z=`_6evDak`,Q=`rwtbSX`,$={uiSizable:e,xs:t,sm:n,md:r,lg:i,xl:a,uiErrorElement:o,uiContainer:s,uiInputContainer:c,uiLabelBase:l,uiLabel:u,uiDescription:d,uiPlaceholder:f,uiControl:p,uiInputControl:m,uiInputControlFake:h,uiInputWithToggle:g,required:_,invalid:v,uiToneNeutral:y,uiToneError:b,uiToneWarning:x,uiToneSuccess:S,uiToneInfo:C,uiAppearanceSolid:w,uiAppearanceOutline:T,uiAppearanceGhost:E,uiAppearanceTransparent:D,uiSelectionControl:te,uiSelectionIcon:O,uiElement:k,disabled:A,uiSelectOption:j,uiPopupOption:M,uiOptionText:N,uiOptionCode:P,uiFramedPanel:F,uiPanel:I,uiPopupOptions:L,uiStateFocus:R,uiOptionBase:z,uiMenuOptionIcon:B,uiPopupOptionIcon:V,keyboard:H,selected:U,uiPopupOptionActive:W,uiPopupOptionSeparator:G,uiPopupGroupLabel:K,uiToggleButtonContainer:q,uiToggleButton:J,uiToggleIcon:Y,uiToggleIconOpen:X,uiClearButton:Z,uiButtonSeparator:Q}})))()}export{$ as n,ne as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t,t as n}from"./ui.module-CHEKb9Cb.js";function r(e){return s[e]}function i(e){return c[e]}function a({variant:e,tone:t,appearance:n,fallbackTone:r=`neutral`,fallbackAppearance:i=`outline`}){return t||n?{tone:t??r,appearance:n??i}:e?o[e]:{tone:r,appearance:i}}var o,s,c;function l(){return(l=e((()=>{n(),o={neutral:{tone:`neutral`,appearance:`solid`},neutralOutline:{tone:`neutral`,appearance:`outline`},ghost:{tone:`neutral`,appearance:`ghost`},error:{tone:`error`,appearance:`solid`},warning:{tone:`warning`,appearance:`solid`},success:{tone:`success`,appearance:`solid`},info:{tone:`info`,appearance:`solid`},errorOutline:{tone:`error`,appearance:`outline`},warningOutline:{tone:`warning`,appearance:`outline`},successOutline:{tone:`success`,appearance:`outline`},infoOutline:{tone:`info`,appearance:`outline`},transparent:{tone:`neutral`,appearance:`transparent`}},s={neutral:t.uiToneNeutral,error:t.uiToneError,warning:t.uiToneWarning,success:t.uiToneSuccess,info:t.uiToneInfo},c={solid:t.uiAppearanceSolid,outline:t.uiAppearanceOutline,ghost:t.uiAppearanceGhost,transparent:t.uiAppearanceTransparent}})))()}export{a as i,r as n,l as r,i as t};
|
|
File without changes
|