@ryuzaki13/react-foundation-ui 1.8.2 → 1.8.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/advanced-search/index.js +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-DGElHRTJ.js → CalendarView-BJx6akIp.js} +2 -2
- package/dist/chunks/{CalendarView-DGElHRTJ.js.map → CalendarView-BJx6akIp.js.map} +1 -1
- package/dist/chunks/CheckBox.module-C5SjPwSj.js.map +1 -1
- package/dist/chunks/{TextEditorLexicalClient-C6b5N8AO.js → TextEditorLexicalClient-Ca89d-Db.js} +6 -6
- package/dist/chunks/{TextEditorLexicalClient-C6b5N8AO.js.map → TextEditorLexicalClient-Ca89d-Db.js.map} +1 -1
- package/dist/chunks/{badge-DMM8cOHd.js → badge-DUI2ET6q.js} +2 -2
- package/dist/chunks/{badge-DMM8cOHd.js.map → badge-DUI2ET6q.js.map} +1 -1
- package/dist/chunks/{base-table-DNSYOO9t.js → base-table-CsnUiMTe.js} +2 -2
- package/dist/chunks/{base-table-DNSYOO9t.js.map → base-table-CsnUiMTe.js.map} +1 -1
- package/dist/chunks/{button-BsvHGWPc.js → button-C53OkqTg.js} +3 -3
- package/dist/chunks/{button-BsvHGWPc.js.map → button-C53OkqTg.js.map} +1 -1
- package/dist/chunks/{check-box-sfGjYczQ.js → check-box-CC8CDnSR.js} +3 -3
- package/dist/chunks/{check-box-sfGjYczQ.js.map → check-box-CC8CDnSR.js.map} +1 -1
- package/dist/chunks/context-menu-C8sA7xCN.js +525 -0
- package/dist/chunks/context-menu-C8sA7xCN.js.map +1 -0
- package/dist/chunks/{date-input-C4GcKul6.js → date-input-g6l1iDmf.js} +5 -5
- package/dist/chunks/{date-input-C4GcKul6.js.map → date-input-g6l1iDmf.js.map} +1 -1
- package/dist/chunks/defaultRenderers-Dbhg2hHc.js +38 -0
- package/dist/chunks/defaultRenderers-Dbhg2hHc.js.map +1 -0
- package/dist/chunks/{input-CCdBtl-C.js → input-d08WN5FV.js} +2 -2
- package/dist/chunks/{input-CCdBtl-C.js.map → input-d08WN5FV.js.map} +1 -1
- package/dist/chunks/{input-files-TXdXrSAs.js → input-files-_NdSQM_3.js} +3 -3
- package/dist/chunks/{input-files-TXdXrSAs.js.map → input-files-_NdSQM_3.js.map} +1 -1
- package/dist/chunks/{input-search-Ca8iqeK2.js → input-search-BjtTMoRu.js} +2 -2
- package/dist/chunks/{input-search-Ca8iqeK2.js.map → input-search-BjtTMoRu.js.map} +1 -1
- package/dist/chunks/{modal-DLRYn-Lr.js → modal-Bar-j5a4.js} +2 -2
- package/dist/chunks/{modal-DLRYn-Lr.js.map → modal-Bar-j5a4.js.map} +1 -1
- package/dist/chunks/multi-select-Cvjz9W07.js +466 -0
- package/dist/chunks/multi-select-Cvjz9W07.js.map +1 -0
- package/dist/chunks/picker-0I1yMKIY.js +435 -0
- package/dist/chunks/picker-0I1yMKIY.js.map +1 -0
- package/dist/chunks/{radio-group-BAeJjyZ5.js → radio-group-DhpP7JSJ.js} +2 -2
- package/dist/chunks/{radio-group-BAeJjyZ5.js.map → radio-group-DhpP7JSJ.js.map} +1 -1
- package/dist/chunks/select-CUQ91FIc.js +363 -0
- package/dist/chunks/select-CUQ91FIc.js.map +1 -0
- package/dist/chunks/{table-RO4dfMAj.js → table-z9kyd9U3.js} +2 -2
- package/dist/chunks/{table-RO4dfMAj.js.map → table-z9kyd9U3.js.map} +1 -1
- package/dist/chunks/{ui.module-DHVTOqZ0.js → ui.module-BsDio9A3.js} +4 -3
- package/dist/chunks/ui.module-BsDio9A3.js.map +1 -0
- package/dist/chunks/{uiClasses-UkaejTdf.js → uiClasses-BVwFzzsr.js} +2 -2
- package/dist/chunks/{uiClasses-UkaejTdf.js.map → uiClasses-BVwFzzsr.js.map} +1 -1
- package/dist/chunks/useODataSelectBase-DR4PrY1j.js +117 -0
- package/dist/chunks/useODataSelectBase-DR4PrY1j.js.map +1 -0
- package/dist/context-menu/components/ContextMenu.d.ts +2 -1
- package/dist/context-menu/components/ContextMenu.d.ts.map +1 -1
- package/dist/context-menu/components/DropdownMenu.d.ts +2 -1
- package/dist/context-menu/components/DropdownMenu.d.ts.map +1 -1
- package/dist/context-menu/components/MenuContent.d.ts.map +1 -1
- package/dist/context-menu/components/MenuItem.d.ts +6 -6
- package/dist/context-menu/components/MenuItem.d.ts.map +1 -1
- package/dist/context-menu/components/MenuRoot.d.ts +1 -1
- package/dist/context-menu/components/MenuRoot.d.ts.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/disclosure/index.js +2 -2
- 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 +66 -68
- package/dist/layout-picker/index.js.map +1 -1
- package/dist/layout-picker/ui/LayoutPicker.d.ts.map +1 -1
- package/dist/listbox/Listbox.d.ts +1 -1
- package/dist/listbox/Listbox.d.ts.map +1 -1
- package/dist/listbox/index.js +71 -59
- package/dist/listbox/index.js.map +1 -1
- package/dist/modal/index.js +1 -1
- package/dist/multi-select/index.js +2 -2
- package/dist/multi-select/ui/MultiSelect.d.ts +11 -1
- package/dist/multi-select/ui/MultiSelect.d.ts.map +1 -1
- package/dist/multi-select/ui/defaultRenderers.d.ts +6 -4
- package/dist/multi-select/ui/defaultRenderers.d.ts.map +1 -1
- package/dist/multi-select/ui/index.d.ts +0 -1
- package/dist/multi-select/ui/index.d.ts.map +1 -1
- package/dist/notifications/index.js +1 -1
- package/dist/option/CustomOptionButton.d.ts +6 -0
- package/dist/option/CustomOptionButton.d.ts.map +1 -0
- package/dist/option/Option.d.ts +14 -0
- package/dist/option/Option.d.ts.map +1 -0
- package/dist/option/OptionButton.d.ts +8 -0
- package/dist/option/OptionButton.d.ts.map +1 -0
- package/dist/option/OptionCode.d.ts +6 -0
- package/dist/option/OptionCode.d.ts.map +1 -0
- package/dist/option/OptionContent.d.ts +19 -0
- package/dist/option/OptionContent.d.ts.map +1 -0
- package/dist/option/OptionHotkey.d.ts +6 -0
- package/dist/option/OptionHotkey.d.ts.map +1 -0
- package/dist/option/OptionIcon.d.ts +6 -0
- package/dist/option/OptionIcon.d.ts.map +1 -0
- package/dist/option/OptionLink.d.ts +8 -0
- package/dist/option/OptionLink.d.ts.map +1 -0
- package/dist/option/OptionText.d.ts +6 -0
- package/dist/option/OptionText.d.ts.map +1 -0
- package/dist/option/index.d.ts +10 -0
- package/dist/option/index.d.ts.map +1 -0
- package/dist/option/index.js +112 -0
- package/dist/option/index.js.map +1 -0
- package/dist/picker/PickerClearButton.d.ts +9 -0
- package/dist/picker/PickerClearButton.d.ts.map +1 -0
- package/dist/picker/PickerOptions.d.ts +22 -0
- package/dist/picker/PickerOptions.d.ts.map +1 -0
- package/dist/picker/PickerPlaceholder.d.ts +14 -0
- package/dist/picker/PickerPlaceholder.d.ts.map +1 -0
- package/dist/picker/PickerPopup.d.ts +4 -3
- package/dist/picker/PickerPopup.d.ts.map +1 -1
- package/dist/picker/PickerSelectedToken.d.ts +7 -0
- package/dist/picker/PickerSelectedToken.d.ts.map +1 -0
- package/dist/picker/PickerTrigger.d.ts +29 -0
- package/dist/picker/PickerTrigger.d.ts.map +1 -0
- package/dist/picker/PickerTriggerActions.d.ts.map +1 -1
- package/dist/picker/PickerTriggerInput.d.ts +1 -2
- package/dist/picker/PickerTriggerInput.d.ts.map +1 -1
- package/dist/picker/index.d.ts +5 -0
- package/dist/picker/index.d.ts.map +1 -1
- package/dist/picker/index.js +2 -2
- package/dist/picker/model/extractPickerTextContent.d.ts +1 -1
- package/dist/picker/model/extractPickerTextContent.d.ts.map +1 -1
- package/dist/preset-range-date-input/index.js +1 -1
- package/dist/preset-select/PresetSelect.d.ts +1 -1
- package/dist/preset-select/PresetSelect.d.ts.map +1 -1
- package/dist/preset-select/index.js +1 -1
- package/dist/preset-select/index.js.map +1 -1
- package/dist/radio-button/index.js +2 -2
- package/dist/radio-group/index.js +1 -1
- package/dist/select/Select.d.ts +4 -2
- package/dist/select/Select.d.ts.map +1 -1
- package/dist/select/SelectOptionGroup.d.ts +1 -1
- package/dist/select/SelectOptionGroup.d.ts.map +1 -1
- package/dist/select/index.js +1 -1
- package/dist/simple-table/index.js +1 -1
- package/dist/slider/index.js +3 -3
- package/dist/state-select/StateSelect.d.ts +1 -1
- package/dist/state-select/StateSelect.d.ts.map +1 -1
- package/dist/state-select/index.js +1 -1
- package/dist/state-select/index.js.map +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/tabs/index.js +2 -2
- 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/TreeMultiSelect.d.ts.map +1 -1
- package/dist/tree-select/TreeNodeContent.d.ts +2 -1
- package/dist/tree-select/TreeNodeContent.d.ts.map +1 -1
- package/dist/tree-select/TreePickerBase.d.ts +4 -1
- package/dist/tree-select/TreePickerBase.d.ts.map +1 -1
- package/dist/tree-select/index.js +322 -353
- package/dist/tree-select/index.js.map +1 -1
- package/dist/tree-table/index.js +1 -1
- package/package.json +5 -1
- package/src/styles/themes/_interactive-surface.scss +67 -0
- package/storybook-static/assets/{Badge-Dis0WdSI.js → Badge-BazfGubN.js} +1 -1
- package/storybook-static/assets/{Badge.stories-DKUJOyg3.js → Badge.stories-VRDt3jMW.js} +1 -1
- package/storybook-static/assets/{BadgeList-C_ImRsat.js → BadgeList-CCz0WCRb.js} +1 -1
- package/storybook-static/assets/{Button-BSsRzaxX.js → Button-CMYD3NJ-.js} +1 -1
- package/storybook-static/assets/{Button-DxGg9rB3.js → Button-DWcNl5Zj.js} +1 -1
- package/storybook-static/assets/{Button.stories-fHvDvt2w.js → Button.stories-B3Apb2Ql.js} +1 -1
- package/storybook-static/assets/{CalendarView-BFcwl9Vq.js → CalendarView-PEudhNak.js} +1 -1
- package/storybook-static/assets/{CheckBox-CSbi2BEU.js → CheckBox-BJzDZz1m.js} +1 -1
- package/storybook-static/assets/CheckBox-DWrG0yT0.css +1 -0
- package/storybook-static/assets/{CheckBox-SuVeN-FY.js → CheckBox-yw29uS-5.js} +1 -1
- package/storybook-static/assets/{CheckBox.stories-C6PF0zG1.js → CheckBox.stories-s55oWii9.js} +1 -1
- package/storybook-static/assets/{Color-6AOWCN3U-DX3p6XEG.js → Color-6AOWCN3U-Cv5TeHjl.js} +1 -1
- package/storybook-static/assets/{ContextMenu-f0QZPgBQ.js → ContextMenu-B4wKUE8V.js} +1 -1
- package/storybook-static/assets/ContextMenu-CFPrlO2u.css +1 -0
- package/storybook-static/assets/ContextMenu-Py3xGtjx.js +1 -0
- package/storybook-static/assets/ContextMenu.stories-D0tE2Py7.js +37 -0
- package/storybook-static/assets/CustomOptionButton-DfUeGOyK.js +1 -0
- package/storybook-static/assets/{DateInput-C0K0JvWe.js → DateInput-CAh9jnPm.js} +1 -1
- package/storybook-static/assets/{DateInput-BmL4c3wO.js → DateInput-PGhcIb-N.js} +1 -1
- package/storybook-static/assets/{DateInput.stories-65WMYAML.js → DateInput.stories-3PkULX39.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-DVAqXJt1.js → DateRangePresetSelect-BAul11Hu.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-DdpNa-Yj.js → DateRangePresetSelect-QD9hMhTi.js} +1 -1
- package/storybook-static/assets/DateRangePresetSelect.stories-DHZcrIJ5.js +19 -0
- package/storybook-static/assets/{Detail-1rmVP04K.js → Detail-B4bZrxtj.js} +1 -1
- package/storybook-static/assets/{Detail.stories-CW2YXAPy.js → Detail.stories-BqZjQl2L.js} +1 -1
- package/storybook-static/assets/{Dialog-CszRheXL.js → Dialog-DnXPYFBh.js} +1 -1
- package/storybook-static/assets/{Dialog-DcdGv_Bv.js → Dialog-r6FZVhKu.js} +1 -1
- package/storybook-static/assets/{Dialog.stories-CN9vtGuI.js → Dialog.stories-BpFQ8-23.js} +1 -1
- package/storybook-static/assets/{Disclosure-DWeZZ2i8.js → Disclosure-DOU_WgGj.js} +1 -1
- package/storybook-static/assets/{Disclosure.stories-pZXR5BOM.js → Disclosure.stories-C9wGRzxY.js} +1 -1
- package/storybook-static/assets/{DisclosureGroup-BWba17wI.js → DisclosureGroup-D6JXQUMx.js} +1 -1
- package/storybook-static/assets/{DocsRenderer-JROSPFPF-BYN3Mg4U.js → DocsRenderer-JROSPFPF-CgT68qHp.js} +1 -1
- package/storybook-static/assets/{DropZone-ByDIyQgI.js → DropZone-B_9dX3jy.js} +1 -1
- package/storybook-static/assets/{DropZone-BCe20YiO.js → DropZone-Cx2F0t9p.js} +1 -1
- package/storybook-static/assets/{DropZone.stories-CLXe7D8H.js → DropZone.stories-quFSsVRn.js} +1 -1
- package/storybook-static/assets/{DropdownMenu-BD-pc32j.js → DropdownMenu-BOSAD3oH.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel-v-DZaEKX.js → ExpandableActionPanel-D6NDXTu4.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel.stories-BhHYM4mJ.js → ExpandableActionPanel.stories-CVjY1iX5.js} +1 -1
- package/storybook-static/assets/{Flex-DukB58MF.js → Flex-BLsAxNZH.js} +1 -1
- package/storybook-static/assets/{Flex.stories-DQmoW5jb.js → Flex.stories-COgd-m61.js} +1 -1
- package/storybook-static/assets/{FloatingPopover-fnwAyZil.js → FloatingPopover-BHoALAyc.js} +1 -1
- package/storybook-static/assets/{FormattedTableCell-CK1yXePp.js → FormattedTableCell-jahnzzXB.js} +1 -1
- package/storybook-static/assets/{Grid-BoLaxbR_.js → Grid-D6u5WD3Q.js} +1 -1
- package/storybook-static/assets/{Grid.stories-CSuOTbao.js → Grid.stories-CcoCu0LK.js} +1 -1
- package/storybook-static/assets/{ImageCropper.stories-BRi_qlO4.js → ImageCropper.stories-BltZdz_w.js} +1 -1
- package/storybook-static/assets/{ImageRenderer-BiV2g53B.js → ImageRenderer-BTz3VRCH.js} +1 -1
- package/storybook-static/assets/{ImageRenderer.stories-Da7QE7_Q.js → ImageRenderer.stories-Bgaa216V.js} +1 -1
- package/storybook-static/assets/{ImageView.stories-DSFBxOa6.js → ImageView.stories-DNR6oWH-.js} +1 -1
- package/storybook-static/assets/{ImageViewer.stories-D2rcovap.js → ImageViewer.stories-BN4RTTO5.js} +2 -2
- package/storybook-static/assets/{ImageViewerRuntime-B2CS1UFL.js → ImageViewerRuntime-DaiwPOBp.js} +1 -1
- package/storybook-static/assets/{Input-CVs7SVMJ.js → Input-Ctu1FLAo.js} +1 -1
- package/storybook-static/assets/{Input-BIy4zhlA.js → Input-gekKw4Qs.js} +1 -1
- package/storybook-static/assets/{Input.stories-BBXrateo.js → Input.stories-BggH3U4m.js} +1 -1
- package/storybook-static/assets/{InputDateTime-VUiW2Znv.js → InputDateTime-BilfVxzl.js} +1 -1
- package/storybook-static/assets/{InputDateTime.stories-lqECZY7T.js → InputDateTime.stories-Dg12XqNR.js} +1 -1
- package/storybook-static/assets/{InputFile-D0aHVW1q.js → InputFile-CgfUHLMj.js} +1 -1
- package/storybook-static/assets/{InputFile-DEeRFq2f.js → InputFile-GlyPqFhE.js} +1 -1
- package/storybook-static/assets/{InputFile.stories-9fBhIus4.js → InputFile.stories-67US4MbA.js} +1 -1
- package/storybook-static/assets/{InputFiles-C_KIqiN9.js → InputFiles-CEfoc97w.js} +1 -1
- package/storybook-static/assets/{InputFiles-DTy038xW.js → InputFiles-DgoOF_5y.js} +1 -1
- package/storybook-static/assets/{InputFiles.stories-CspkI6-Y.js → InputFiles.stories-O8pudhPC.js} +1 -1
- package/storybook-static/assets/{InputFilesList-BQdSFOI1.js → InputFilesList-_qhXHNH0.js} +1 -1
- package/storybook-static/assets/{InputImage-C0kyUtT0.js → InputImage-BPUac2Z0.js} +1 -1
- package/storybook-static/assets/{InputImage-VJaqApEh.js → InputImage-BR8hGCOw.js} +1 -1
- package/storybook-static/assets/{InputImage.stories-DKXeva5i.js → InputImage.stories-BAa0Lev5.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents-B8zzCcZ_.js → InteractiveComponents-Cc3uRY7X.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents.stories-DP0Jma43.js → InteractiveComponents.stories-nMxOIkmX.js} +1 -1
- package/storybook-static/assets/LayoutPicker-BY4-fUQa.css +1 -0
- package/storybook-static/assets/{LayoutPicker-BpcPcCDz.js → LayoutPicker-Cb4v3x_G.js} +1 -1
- package/storybook-static/assets/LayoutPicker-KZTxqlGf.js +376 -0
- package/storybook-static/assets/{LayoutPicker.stories-POpVHww7.js → LayoutPicker.stories-BbV9ZXzc.js} +1 -1
- package/storybook-static/assets/Listbox-C92C4jC8.js +1 -0
- package/storybook-static/assets/{Listbox-gHitzePa.js → Listbox-DkvAwfwh.js} +1 -1
- package/storybook-static/assets/{Listbox.stories-Dw3IdYZA.js → Listbox.stories-DTXTRenl.js} +1 -1
- package/storybook-static/assets/{Modal-CY7qfD1u.js → Modal-CIwNzxbo.js} +1 -1
- package/storybook-static/assets/{Modal.stories-Boa7oW-a.js → Modal.stories-9ktsjdlT.js} +1 -1
- package/storybook-static/assets/{ModalManagerProvider-GYXaQe-7.js → ModalManagerProvider-CqG-xbfj.js} +1 -1
- package/storybook-static/assets/MultiSelect-DI_UD1B-.css +1 -0
- package/storybook-static/assets/{MultiSelect-DToMWi-I.js → MultiSelect-DQm2lbrO.js} +1 -1
- package/storybook-static/assets/MultiSelect-qwlU7fvU.js +2 -0
- package/storybook-static/assets/{MultiSelect.stories-DLuXOl9Q.js → MultiSelect.stories-bq1Xkq9E.js} +1 -1
- package/storybook-static/assets/{NoData-Bzj7vNCz.js → NoData-CeVr2a_m.js} +1 -1
- package/storybook-static/assets/{NotificationsHost-Bs93X8Nv.js → NotificationsHost-ubJMdXdC.js} +1 -1
- package/storybook-static/assets/{NotificationsHost.stories-DxVOVOf8.js → NotificationsHost.stories-CZQ9euOx.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect-Dh33YJP6.js → ODataMultiSelect-BHIpg_P7.js} +1 -1
- package/storybook-static/assets/ODataMultiSelect.stories-B8XwUQQ6.js +126 -0
- package/storybook-static/assets/{ODataSelect-lpN9sKth.js → ODataSelect-CE3b_939.js} +1 -1
- package/storybook-static/assets/ODataSelect.stories-DICkWxpb.js +148 -0
- package/storybook-static/assets/{ODataTreeMultiSelect-DFY2FJBX.js → ODataTreeMultiSelect-D-qt-iEB.js} +1 -1
- package/storybook-static/assets/ODataTreeMultiSelect.stories-D01WD4zP.js +74 -0
- package/storybook-static/assets/{ODataTreeSelect-DdniMRRE.js → ODataTreeSelect-IZZlfBOq.js} +1 -1
- package/storybook-static/assets/ODataTreeSelect.stories-B__1Vzqt.js +46 -0
- package/storybook-static/assets/{OneStepScroller-CHvIHlYx.js → OneStepScroller-CyJbFkoT.js} +1 -1
- package/storybook-static/assets/Option-CJBK9i2B.css +1 -0
- package/storybook-static/assets/Option-DQa5SXb3.js +10 -0
- package/storybook-static/assets/OptionButton-Dl4UZEH-.js +1 -0
- package/storybook-static/assets/{PeriodSelect-T1qaj11S.js → PeriodSelect-C_1wt-mw.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-BgAak8GG.js → PeriodSelect-CexnILTv.js} +1 -1
- package/storybook-static/assets/{PeriodSelect.stories-DYEtD47p.js → PeriodSelect.stories-Dkne0t8f.js} +1 -1
- package/storybook-static/assets/PickerTriggerActions-BceJ6-XM.js +1 -0
- package/storybook-static/assets/{Popover-BVP-wMdK.js → Popover-BYKBmS3g.js} +1 -1
- package/storybook-static/assets/{Popover-DQKHL6wc.js → Popover-Dp9cqgB7.js} +1 -1
- package/storybook-static/assets/{Popover.stories-Pt4-7Aof.js → Popover.stories-CVddfiw-.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-C4_NegG_.js → PresetRangeDateInput-B0L3i9jd.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-DQ3rlCp5.js → PresetRangeDateInput-CdWhErE7.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput.stories-3AzmySZv.js → PresetRangeDateInput.stories-zF3rsqzw.js} +1 -1
- package/storybook-static/assets/{PresetSelect-BTh53LoO.js → PresetSelect-Cgy9Fxp1.js} +1 -1
- package/storybook-static/assets/{RadioButton-BfBSX73Y.js → RadioButton-C2vBV1hA.js} +1 -1
- package/storybook-static/assets/{RadioButton-Ci25eUL_.js → RadioButton-CXC1Cx3U.js} +1 -1
- package/storybook-static/assets/{RadioButton.stories-JVGXFlz8.js → RadioButton.stories-BB8LUjRM.js} +1 -1
- package/storybook-static/assets/{RadioGroup-CL7EHd6O.js → RadioGroup-BtbFmZdj.js} +1 -1
- package/storybook-static/assets/{RadioGroup-CW39hD_-.js → RadioGroup-t3X9UtTe.js} +1 -1
- package/storybook-static/assets/{RadioGroup.stories-MS9Jl6AT.js → RadioGroup.stories-9zY5fs7x.js} +1 -1
- package/storybook-static/assets/{Scrollable-Bo4197LC.js → Scrollable-BJ9U5zou.js} +1 -1
- package/storybook-static/assets/{Select-CxQqH8H5.js → Select-BvTVuFC9.js} +1 -1
- package/storybook-static/assets/Select-C714MPRu.js +12 -0
- package/storybook-static/assets/{Select.stories-DfjNWXba.js → Select.stories-4Q5T_g3F.js} +1 -1
- package/storybook-static/assets/{SerializableSelect-BktENdyg.js → SerializableSelect-D-Zq3RWA.js} +1 -1
- package/storybook-static/assets/{SerializableSelect.stories-B8zxcu66.js → SerializableSelect.stories-CMP1sVcs.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-DZBRm3dM.js → SingleDateTimeInput-CFu-yAx-.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-DvpU1DkI.js → SingleDateTimeInput-CRF8VyEy.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput.stories-Bku5Zc05.js → SingleDateTimeInput.stories-D-3ZQXEM.js} +1 -1
- package/storybook-static/assets/{Slider-BN2xXBOi.js → Slider-C1IZK88-.js} +1 -1
- package/storybook-static/assets/{Slider-BJkB6IoW.js → Slider-DkVzyjnU.js} +1 -1
- package/storybook-static/assets/{Slider.stories-CM3yNojO.js → Slider.stories-CL2kGwWV.js} +1 -1
- package/storybook-static/assets/{SliderInput-2ZiuvbpQ.js → SliderInput-CrWP_doO.js} +1 -1
- package/storybook-static/assets/{SliderInput-CPX2bJK3.js → SliderInput-qSo8a1-L.js} +1 -1
- package/storybook-static/assets/{SliderInput.stories-dJX-tRtA.js → SliderInput.stories-C_55M3Rx.js} +1 -1
- package/storybook-static/assets/{Sortable-Bkr-xnO4.js → Sortable-DQN5jv9g.js} +1 -1
- package/storybook-static/assets/{Sortable.stories-BPEg99e5.js → Sortable.stories-D6JJK92g.js} +1 -1
- package/storybook-static/assets/{Splitter-D4en_f5n.js → Splitter-3xKtU1Lb.js} +1 -1
- package/storybook-static/assets/{Splitter.stories-Cynn_kHV.js → Splitter.stories-BX8ALiZg.js} +1 -1
- package/storybook-static/assets/{StateSelect-PcH0VuO_.js → StateSelect-BpPBAs_C.js} +3 -3
- package/storybook-static/assets/{StateSelect-BgbwMGGc.js → StateSelect-CRvQIHMd.js} +1 -1
- package/storybook-static/assets/{StateSelect.stories-CShqVH9Y.js → StateSelect.stories-BjFEEWVC.js} +1 -1
- package/storybook-static/assets/{StringToggle.stories-CypR3oB_.js → StringToggle.stories-CAHHreic.js} +1 -1
- package/storybook-static/assets/{Switch-D-cSDh8j.js → Switch-QlzemgHG.js} +1 -1
- package/storybook-static/assets/{Switch-BVN6TcVZ.js → Switch-ams7jd2Z.js} +1 -1
- package/storybook-static/assets/{Switch.stories-C0s7gvBf.js → Switch.stories-CYHyTttw.js} +1 -1
- package/storybook-static/assets/{Table-CwXJDDe6.js → Table-CQdV4VHj.js} +1 -1
- package/storybook-static/assets/{Table.stories-vqttnROX.js → Table.stories-DruTDpdl.js} +1 -1
- package/storybook-static/assets/{Tabs-BRSEvQpk.js → Tabs-BJSbr7kb.js} +1 -1
- package/storybook-static/assets/{Tabs.stories-R_7jiTQc.js → Tabs.stories-lf-mDq_D.js} +1 -1
- package/storybook-static/assets/{TabsBox-CqSxAUdJ.js → TabsBox-ZVImR6p0.js} +1 -1
- package/storybook-static/assets/{TagInput-C3ahaF-B.js → TagInput-DQytVtEo.js} +1 -1
- package/storybook-static/assets/{TagInput.stories-C3O2gBUY.js → TagInput.stories-BQqHbyr3.js} +1 -1
- package/storybook-static/assets/{Text-b8fMr5Hd.js → Text-B5iDs3oJ.js} +1 -1
- package/storybook-static/assets/{Textarea-BDL_MwcM.js → Textarea-8wa0S9LS.js} +1 -1
- package/storybook-static/assets/{Textarea-CCgxNL6F.js → Textarea-D70Fh5jz.js} +1 -1
- package/storybook-static/assets/{Textarea.stories-kc_LXBix.js → Textarea.stories-CbBM7a9o.js} +1 -1
- package/storybook-static/assets/{TimePanel-BCotjEKQ.js → TimePanel-Cef9klO_.js} +1 -1
- package/storybook-static/assets/{TimePanel.stories-B8paqA-_.js → TimePanel.stories-DFhohiAp.js} +1 -1
- package/storybook-static/assets/{Toggle-CT4IyZPI.js → Toggle-DNQFJhW_.js} +1 -1
- package/storybook-static/assets/{Toggle-CbsKNs_c.js → Toggle-v-5-JSE0.js} +1 -1
- package/storybook-static/assets/{Toggle.stories-YsQZk4DA.js → Toggle.stories-cZNfdzmw.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-DRLoUCXF.js → TreeMultiSelect-BnE3mYFf.js} +1 -1
- package/storybook-static/assets/TreeMultiSelect-CxPv6whw.js +1 -0
- package/storybook-static/assets/{TreeMultiSelect.stories-CV65ZVUo.js → TreeMultiSelect.stories-DlYN_GCe.js} +1 -1
- package/storybook-static/assets/TreePickerBase-B6DED6Hz.css +1 -0
- package/storybook-static/assets/TreePickerBase-C7qpkbpz.js +34 -0
- package/storybook-static/assets/{TreeSelect-FhEH7bMx.js → TreeSelect-CIEqH8S9.js} +1 -1
- package/storybook-static/assets/{TreeSelect-CsYGUC6s.js → TreeSelect-hddQ7fyj.js} +1 -1
- package/storybook-static/assets/TreeSelect.stories-D40eyoD9.js +32 -0
- package/storybook-static/assets/{TreeTable-Bajr80HM.js → TreeTable-CpYB4MSV.js} +1 -1
- package/storybook-static/assets/{TreeTable.stories-DDCGoB2u.js → TreeTable.stories-DOy9GHlG.js} +1 -1
- package/storybook-static/assets/{async-CWrFMaux.js → async-MCpAOgGj.js} +1 -1
- package/storybook-static/assets/{blocks-CrYcG0WD.js → blocks-B8O-SmXz.js} +3 -3
- package/storybook-static/assets/{browserAndReact-DSxaVMjM.js → browserAndReact-CWhfyF1v.js} +1 -1
- package/storybook-static/assets/{check-Cnuffb78.js → check-CABFFBZp.js} +1 -1
- package/storybook-static/assets/{chevron-down-ChPfAmdy.js → chevron-down-D9EpqOx3.js} +1 -1
- package/storybook-static/assets/{chevron-left-CEB5eAVk.js → chevron-left-lXvtYh2L.js} +1 -1
- package/storybook-static/assets/{chevron-right-DHw2yjh1.js → chevron-right-DEPi2-vh.js} +1 -1
- package/storybook-static/assets/{chunk-W22LQPXL-i9Cm4c-p.js → chunk-W22LQPXL-BnFjL7A4.js} +1 -1
- package/storybook-static/assets/{circle-alert-B0REyiCt.js → circle-alert-BFTgQNUa.js} +1 -1
- package/storybook-static/assets/{circle-check-D6WZ24rj.js → circle-check-BwBhaE4u.js} +1 -1
- package/storybook-static/assets/{components-BCe0UvQp.js → components-b7MrsXAu.js} +3 -3
- package/storybook-static/assets/{contextMenu-De66k1si.js → contextMenu-CgfU49vo.js} +1 -1
- package/storybook-static/assets/defaultRenderers-V5HI39JH.js +1 -0
- package/storybook-static/assets/{download-C1DiezfA.js → download-C27enrZU.js} +1 -1
- package/storybook-static/assets/{filesAndExcel-BVMGH9OS.js → filesAndExcel-BiY4Bovb.js} +1 -1
- package/storybook-static/assets/{floating-ui.react-BswSORmJ.js → floating-ui.react-DEyIFiNo.js} +1 -1
- package/storybook-static/assets/{formatters-D27XMzPd.js → formatters-g8ZqvE1G.js} +1 -1
- package/storybook-static/assets/{formatters-runtime-B_C8yQOS.js → formatters-runtime-CXUIlmJj.js} +1 -1
- package/storybook-static/assets/{foundationLib-BmwSyi1e.js → foundationLib-BPodAJdq.js} +1 -1
- package/storybook-static/assets/{hooks-CXlVTo5i.js → hooks-e6Pq1dhk.js} +1 -1
- package/storybook-static/assets/{iframe-Baz8D-0E.css → iframe-BIt4o49Q.css} +1 -1
- package/storybook-static/assets/{iframe-Bbj4T0X2.js → iframe-MGtmawLC.js} +3 -3
- package/storybook-static/assets/iframe-arpq4Gv1.js +1 -0
- package/storybook-static/assets/{info-D_YlGthq.js → info-BaBKhExm.js} +1 -1
- package/storybook-static/assets/{odata-CDuIqs1a.js → odata-CU8OqBfR.js} +1 -1
- package/storybook-static/assets/{odataAndTables-D4R4KHZc.js → odataAndTables-owHlC75n.js} +1 -1
- package/storybook-static/assets/{odataFetchFn-Sw0FicJe.js → odataFetchFn-I0wds8hr.js} +1 -1
- package/storybook-static/assets/{odataStoryFixtures-z1HaQHNb.js → odataStoryFixtures-B8Q5eYoW.js} +2 -2
- package/storybook-static/assets/{persisted-TRx901TV.js → persisted-ia9NSjyZ.js} +1 -1
- package/storybook-static/assets/{pureUtilities-B8KVYaZx.js → pureUtilities-qAyFc8Y7.js} +1 -1
- package/storybook-static/assets/{react-CTGFMmtV.js → react-CDRSjgW9.js} +1 -1
- package/storybook-static/assets/{refresh-cw-BuhtDwqw.js → refresh-cw-Cy7nKRWv.js} +1 -1
- package/storybook-static/assets/{runtimeAndState-DDPlVhTs.js → runtimeAndState-CnHg6P7-.js} +1 -1
- package/storybook-static/assets/{settings-2-DESCgIcH.js → settings-2-C_voZFm1.js} +1 -1
- package/storybook-static/assets/{sortable-BxGw7kip.js → sortable-CjH0UUUz.js} +1 -1
- package/storybook-static/assets/{syntaxhighlighter-T5IQBZDB-B0d7LXTh.js → syntaxhighlighter-T5IQBZDB-Ckcddreo.js} +1 -1
- package/storybook-static/assets/{trash-2-D0Ed43_3.js → trash-2-EOy5mjuJ.js} +1 -1
- package/storybook-static/assets/{triangle-alert-CpgcfVSf.js → triangle-alert-BRrEHiq1.js} +1 -1
- package/storybook-static/assets/{ui-BMhMvV6y.css → ui-CatTcSJL.css} +1 -1
- package/storybook-static/assets/ui.module-D4CuGr8r.js +1 -0
- package/storybook-static/assets/{uiClasses-DiXn3Hc-.js → uiClasses-CVGbL980.js} +1 -1
- package/storybook-static/assets/{useODataSelectBase-CFR7eJND.js → useODataSelectBase-69zlLmHt.js} +1 -1
- package/storybook-static/assets/{useODataTreeData-DgEKknmd.js → useODataTreeData-BLZGLxQw.js} +1 -1
- package/storybook-static/assets/usePickerQuery-mBLwpp5S.js +1 -0
- package/storybook-static/assets/usePickerTriggerController-B3JWoIjX.js +6 -0
- package/storybook-static/assets/{x-_GQ6nyHW.js → x-DGdEDv4r.js} +1 -1
- package/storybook-static/iframe.html +3 -3
- package/storybook-static/project.json +1 -1
- package/dist/chunks/context-menu-6nJkPmKV.js +0 -535
- package/dist/chunks/context-menu-6nJkPmKV.js.map +0 -1
- package/dist/chunks/multi-select-Clsst6DE.js +0 -538
- package/dist/chunks/multi-select-Clsst6DE.js.map +0 -1
- package/dist/chunks/picker-CrRdwdA5.js +0 -340
- package/dist/chunks/picker-CrRdwdA5.js.map +0 -1
- package/dist/chunks/select-B0xc6g81.js +0 -355
- package/dist/chunks/select-B0xc6g81.js.map +0 -1
- package/dist/chunks/ui.module-DHVTOqZ0.js.map +0 -1
- package/dist/chunks/useODataSelectBase-Bq36Wp1U.js +0 -141
- package/dist/chunks/useODataSelectBase-Bq36Wp1U.js.map +0 -1
- package/dist/multi-select/ui/MultiSelectOption.d.ts +0 -14
- package/dist/multi-select/ui/MultiSelectOption.d.ts.map +0 -1
- package/dist/multi-select/ui/MultiSelectToken.d.ts +0 -9
- package/dist/multi-select/ui/MultiSelectToken.d.ts.map +0 -1
- package/storybook-static/assets/CheckBox-BnO90VKX.css +0 -1
- package/storybook-static/assets/ContextMenu-BgzIzwzM.css +0 -1
- package/storybook-static/assets/ContextMenu-BhGu3QoC.js +0 -1
- package/storybook-static/assets/ContextMenu.stories-V9d5mjak.js +0 -37
- package/storybook-static/assets/DateRangePresetSelect.stories-BGgd7TOu.js +0 -19
- package/storybook-static/assets/LayoutPicker-DjUZ5y7M.js +0 -376
- package/storybook-static/assets/LayoutPicker-DudPIiwb.css +0 -1
- package/storybook-static/assets/Listbox-Cg1OczYK.js +0 -1
- package/storybook-static/assets/MultiSelect-D8qN-i5f.js +0 -2
- package/storybook-static/assets/ODataMultiSelect.stories-DUmFRMTU.js +0 -139
- package/storybook-static/assets/ODataSelect.stories-BkFs5uIY.js +0 -161
- package/storybook-static/assets/ODataTreeMultiSelect.stories-B_Izm4eH.js +0 -87
- package/storybook-static/assets/ODataTreeSelect.stories-DxNhuLVU.js +0 -55
- package/storybook-static/assets/PickerSelectionToolbar-DWtGYc4E.js +0 -2
- package/storybook-static/assets/PickerTriggerActions-BIH8_o_b.js +0 -1
- package/storybook-static/assets/Select-CO4ZHP9h.css +0 -1
- package/storybook-static/assets/Select-DBsWg0wv.js +0 -12
- package/storybook-static/assets/SelectOptionContent-Bie2pzia.js +0 -1
- package/storybook-static/assets/TreeMultiSelect-CmAa_Gin.js +0 -1
- package/storybook-static/assets/TreePickerBase-hyMFakp7.css +0 -1
- package/storybook-static/assets/TreePickerBase-rB-Q9Uwf.js +0 -24
- package/storybook-static/assets/TreeSelect.stories-Cw4IkrNG.js +0 -40
- package/storybook-static/assets/defaultRenderers-B7PDT-nL.css +0 -1
- package/storybook-static/assets/defaultRenderers-D0Z-7t0H.js +0 -1
- package/storybook-static/assets/iframe-DLZ4F2nx.js +0 -1
- package/storybook-static/assets/ui.module-CiLQZm_L.js +0 -1
- package/storybook-static/assets/usePickerQuery-Be3WSeUa.js +0 -1
- package/storybook-static/assets/usePickerTriggerController-BZZv-jDV.js +0 -1
- package/storybook-static/assets/usePickerTriggerController-DzBkX15M.css +0 -1
- /package/storybook-static/assets/{CheckBox.module-BNQm6HXI.js → CheckBox.module-CoYygdZx.js} +0 -0
|
@@ -1,139 +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-Bbj4T0X2.js";import{i,r as a,s as o}from"./odata-CDuIqs1a.js";import{a as s,i as c,n as l,r as u,t as d}from"./useODataSelectBase-CFR7eJND.js";import{n as f,t as p}from"./MultiSelect-D8qN-i5f.js";import{a as m,c as h,i as g,l as _,n as v,o as y,r as b,s as x,t as S}from"./odataStoryFixtures-z1HaQHNb.js";function C({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=u({odata:e,segment:t,model:n,value:r,dependencies:i}),s=e=>{a(l(e,o.selectionKey))};return{...o,handleChange:s}}function w(){return(w=e((()=>{d()})))()}var T,E;function D(){return(D=e((()=>{n(),o(),w(),f(),T=r(),E=({odata:e,segment:t,model:n,label:r,description:i,disabled:o,value:s,dependencies:c,onChange:l,size:u})=>{let d=C({odata:e,segment:t,model:a(n),value:s,dependencies:c,onChange:l});return(0,T.jsx)(p,{label:r,description:i,size:u,codeKey:d.codeKey,textKey:d.textKey,hideCode:t.hideCode??e.hideCode,items:d.filteredItems,value:d.selectedItems,onChange:d.handleChange,onQuery:d.setQuery,query:d.query,defaultFilter:!1,highlightQuery:d.debouncedQuery,isLoading:d.isLoading,disabled:o,placeholder:d.placeholder,error:d.isError?`Ошибка загрузки`:void 0})},E.__docgenInfo={description:``,methods:[],displayName:`ODataMultiSelect`}})))()}function O(e){let{item:t,disabled:n,label:r,description:i,size:a,width:o=15}=e,c=s(e),{updateSegment:l}=c,u=`calc(${o}em + var(--width-add))`,d=(0,k.useCallback)(e=>{l(t.id,e)},[t.id,l]);return(0,A.jsx)(`div`,{style:{maxWidth:u,minWidth:u},children:(0,A.jsx)(E,{odata:t.odata,segment:t.segment,model:t.model,dependencies:c.values,value:c.values[t.id],onChange:d,disabled:n||c.isSegmentDisabled(t.id),label:r,description:i,size:a})})}var k,A;function j(){return(j=e((()=>{k=n(),c(),D(),A=r(),O.__docgenInfo={description:``,methods:[],displayName:`ODataDependentSegmentMultiSelect`,props:{values:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Внешний снимок значений. При наличии включает controlled-режим.`},defaultValues:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Начальный снимок для uncontrolled-режима.`},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(values: ODataDependentSelectionValues) => void`,signature:{arguments:[{type:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},name:`values`}],return:{name:`void`}}},description:`Получает полный снимок после каждого изменения сегмента.`},item:{required:!0,tsType:{name:`ODataDependentSegmentItem`},description:`Развёрнутое описание конкретного OData-сегмента.`},disabled:{required:!1,tsType:{name:`boolean`},description:`Дополнительная внешняя блокировка поверх sequential-policy.`},label:{required:!1,tsType:{name:`ReactNode`},description:`Заголовок поля.`},description:{required:!1,tsType:{name:`string`},description:`Дополнительное описание поля.`},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:`Размер базового Select или MultiSelect.`},width:{required:!1,tsType:{name:`number`},description:`Ширина элемента в \`em\` без служебной добавки базового input.
|
|
2
|
-
|
|
3
|
-
@default 15`}}}})))()}var M=t({BasicDivision:()=>B,CollectionError:()=>q,HideCode:()=>V,LinkedFilters:()=>W,LoadingState:()=>G,MetadataError:()=>K,SelectTextValue:()=>H,StaticDependency:()=>U,__namedExportsOrder:()=>J,default:()=>z});function N(e){let[,t]=I();return(0,F.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,F.jsx)(E,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,F.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,e.value.length?e.value.join(`, `):`пусто`]})]})}function P(){let e=s({selectionMode:`sequential`,segmentOrder:R});return(0,F.jsxs)(`div`,{style:{display:`grid`,gap:16,maxWidth:720},children:[L.map((t,n)=>(0,F.jsx)(O,{item:t,values:e.values,onChange:e.updateValues,selectionMode:`sequential`,segmentOrder:R,label:t.segment.placeholder,description:n===0?`Первый уровень доступен сразу.`:`Уровень включается после заполнения всего предыдущего пути.`,width:30},t.id)),(0,F.jsx)(`div`,{style:{display:`grid`,gap:4,fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:(0,F.jsxs)(`div`,{children:[`Общий снимок: `,JSON.stringify(e.values)]})})]})}var F,I,L,R,z,B,V,H,U,W,G,K,q,J;function Y(){return(Y=e((()=>{o(),c(),g(),j(),D(),F=r(),{useArgs:I}=__STORYBOOK_MODULE_PREVIEW_API__,L=i([{odata:v,segments:h,model:S}]),R=L.map(e=>e.id),z={title:`Shared/UI/ODataMultiSelect`,component:E,decorators:[_],beforeEach:m,parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`Регион`,description:`Пример OData MultiSelect на основе конфигурации ui control.`,odata:v,model:S,segment:b,value:[],onChange:()=>{}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},odata:{description:`Конфигурация OData-источника.`,control:!1},model:{description:`Модель OData-коллекции и codeKey.`,control:!1},segment:{description:`Конфигурация отображения сегмента.`,control:!1},dependencies:{description:`Выбранные значения upstream-сегментов.`,control:!1},value:{description:`Контролируемый набор выбранных кодов или текстов.`,control:!1},onChange:{description:`Вызывается с новым набором выбранных значений.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},B={name:`Базовый регион`,render:function(e){return(0,F.jsx)(N,{...e})},args:{label:`Регион`,description:`Базовая настройка из multiSelectConfig: выбор кодов REGION с текстовым отображением.`,model:{...S,codeKey:`REGION`},segment:{placeholder:`Регион`},value:[x.region]}},V={name:`Скрытый код`,render:function(e){return(0,F.jsx)(N,{...e})},args:{label:`Подразделение`,description:`Сценарий segment.hideCode: в списке и токене показывается только текст без кода.`,model:{...S,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`,hideCode:!0},value:[x.branch,x.branchAlt]}},H={name:`Выбор текста вместо кода`,render:function(e){return(0,F.jsx)(N,{...e})},args:{label:`Регион по тексту`,description:`Сценарий segment.selectText: наружу возвращаются текстовые значения, а не коды.`,model:{...S,codeKey:`REGION`},segment:{placeholder:`Регион`,selectText:!0},value:[x.regionText]}},U={name:`Зависимость от региона`,render:function(e){return(0,F.jsx)(N,{...e})},args:{label:`Подразделение c зависимостью`,description:`Фильтрация подразделений по уже выбранному региону через props.dependencies.`,model:{...S,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`},dependencies:{REGION:[x.region]},value:[x.branch]}},W={name:`Связанная цепочка фильтров`,render:()=>(0,F.jsx)(P,{})},G={name:`Состояние загрузки`,parameters:{odataMockMode:`loading`},render:function(e){return(0,F.jsx)(N,{...e})},args:{odata:y.loading,label:`Команда`,description:`Mock с задержкой ответа, чтобы проверить loading-state и skeleton.`,model:{...S,codeKey:`TEAM`},segment:{placeholder:`Команда`}}},K={name:`Ошибка metadata`,parameters:{odataMockMode:`metadataError`},render:function(e){return(0,F.jsx)(N,{...e})},args:{odata:y.metadataError,label:`Регион`,description:`Сервис возвращает ошибку metadata. Полезно для проверки поведения хука useODataEntity.`,model:{...S,codeKey:`REGION`},segment:{placeholder:`Регион`}}},q={name:`Деградация при ошибке коллекции`,parameters:{odataMockMode:`collectionError`},render:function(e){return(0,F.jsx)(N,{...e})},args:{odata:y.collectionError,label:`Ответственный`,description:`Transport возвращает 500, а текущий API-контракт безопасно показывает пустой список.`,model:{...S,codeKey:`OWNER`},segment:{placeholder:`Ответственный`}}},B.parameters={...B.parameters,docs:{...B.parameters?.docs,source:{originalSource:`{
|
|
4
|
-
name: "Базовый регион",
|
|
5
|
-
render: function Render(args) {
|
|
6
|
-
return <ODataMultiSelectStoryCanvas {...args} />;
|
|
7
|
-
},
|
|
8
|
-
args: {
|
|
9
|
-
label: "Регион",
|
|
10
|
-
description: "Базовая настройка из multiSelectConfig: выбор кодов REGION с текстовым отображением.",
|
|
11
|
-
model: {
|
|
12
|
-
...baseModel,
|
|
13
|
-
codeKey: "REGION"
|
|
14
|
-
},
|
|
15
|
-
segment: {
|
|
16
|
-
placeholder: "Регион"
|
|
17
|
-
},
|
|
18
|
-
value: [storyValues.region]
|
|
19
|
-
}
|
|
20
|
-
}`,...B.parameters?.docs?.source}}},V.parameters={...V.parameters,docs:{...V.parameters?.docs,source:{originalSource:`{
|
|
21
|
-
name: "Скрытый код",
|
|
22
|
-
render: function Render(args) {
|
|
23
|
-
return <ODataMultiSelectStoryCanvas {...args} />;
|
|
24
|
-
},
|
|
25
|
-
args: {
|
|
26
|
-
label: "Подразделение",
|
|
27
|
-
description: "Сценарий segment.hideCode: в списке и токене показывается только текст без кода.",
|
|
28
|
-
model: {
|
|
29
|
-
...baseModel,
|
|
30
|
-
codeKey: "BRANCH"
|
|
31
|
-
},
|
|
32
|
-
segment: {
|
|
33
|
-
placeholder: "Подразделение",
|
|
34
|
-
hideCode: true
|
|
35
|
-
},
|
|
36
|
-
value: [storyValues.branch, storyValues.branchAlt]
|
|
37
|
-
}
|
|
38
|
-
}`,...V.parameters?.docs?.source}}},H.parameters={...H.parameters,docs:{...H.parameters?.docs,source:{originalSource:`{
|
|
39
|
-
name: "Выбор текста вместо кода",
|
|
40
|
-
render: function Render(args) {
|
|
41
|
-
return <ODataMultiSelectStoryCanvas {...args} />;
|
|
42
|
-
},
|
|
43
|
-
args: {
|
|
44
|
-
label: "Регион по тексту",
|
|
45
|
-
description: "Сценарий segment.selectText: наружу возвращаются текстовые значения, а не коды.",
|
|
46
|
-
model: {
|
|
47
|
-
...baseModel,
|
|
48
|
-
codeKey: "REGION"
|
|
49
|
-
},
|
|
50
|
-
segment: {
|
|
51
|
-
placeholder: "Регион",
|
|
52
|
-
selectText: true
|
|
53
|
-
},
|
|
54
|
-
value: [storyValues.regionText]
|
|
55
|
-
}
|
|
56
|
-
}`,...H.parameters?.docs?.source}}},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
|
|
57
|
-
name: "Зависимость от региона",
|
|
58
|
-
render: function Render(args) {
|
|
59
|
-
return <ODataMultiSelectStoryCanvas {...args} />;
|
|
60
|
-
},
|
|
61
|
-
args: {
|
|
62
|
-
label: "Подразделение c зависимостью",
|
|
63
|
-
description: "Фильтрация подразделений по уже выбранному региону через props.dependencies.",
|
|
64
|
-
model: {
|
|
65
|
-
...baseModel,
|
|
66
|
-
codeKey: "BRANCH"
|
|
67
|
-
},
|
|
68
|
-
segment: {
|
|
69
|
-
placeholder: "Подразделение"
|
|
70
|
-
},
|
|
71
|
-
dependencies: {
|
|
72
|
-
REGION: [storyValues.region]
|
|
73
|
-
},
|
|
74
|
-
value: [storyValues.branch]
|
|
75
|
-
}
|
|
76
|
-
}`,...U.parameters?.docs?.source}}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
|
|
77
|
-
name: "Связанная цепочка фильтров",
|
|
78
|
-
render: () => <LinkedFiltersDemo />
|
|
79
|
-
}`,...W.parameters?.docs?.source}}},G.parameters={...G.parameters,docs:{...G.parameters?.docs,source:{originalSource:`{
|
|
80
|
-
name: "Состояние загрузки",
|
|
81
|
-
parameters: {
|
|
82
|
-
odataMockMode: "loading"
|
|
83
|
-
},
|
|
84
|
-
render: function Render(args) {
|
|
85
|
-
return <ODataMultiSelectStoryCanvas {...args} />;
|
|
86
|
-
},
|
|
87
|
-
args: {
|
|
88
|
-
odata: odataStoryOData.loading,
|
|
89
|
-
label: "Команда",
|
|
90
|
-
description: "Mock с задержкой ответа, чтобы проверить loading-state и skeleton.",
|
|
91
|
-
model: {
|
|
92
|
-
...baseModel,
|
|
93
|
-
codeKey: "TEAM"
|
|
94
|
-
},
|
|
95
|
-
segment: {
|
|
96
|
-
placeholder: "Команда"
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
}`,...G.parameters?.docs?.source}}},K.parameters={...K.parameters,docs:{...K.parameters?.docs,source:{originalSource:`{
|
|
100
|
-
name: "Ошибка metadata",
|
|
101
|
-
parameters: {
|
|
102
|
-
odataMockMode: "metadataError"
|
|
103
|
-
},
|
|
104
|
-
render: function Render(args) {
|
|
105
|
-
return <ODataMultiSelectStoryCanvas {...args} />;
|
|
106
|
-
},
|
|
107
|
-
args: {
|
|
108
|
-
odata: odataStoryOData.metadataError,
|
|
109
|
-
label: "Регион",
|
|
110
|
-
description: "Сервис возвращает ошибку metadata. Полезно для проверки поведения хука useODataEntity.",
|
|
111
|
-
model: {
|
|
112
|
-
...baseModel,
|
|
113
|
-
codeKey: "REGION"
|
|
114
|
-
},
|
|
115
|
-
segment: {
|
|
116
|
-
placeholder: "Регион"
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
}`,...K.parameters?.docs?.source}}},q.parameters={...q.parameters,docs:{...q.parameters?.docs,source:{originalSource:`{
|
|
120
|
-
name: "Деградация при ошибке коллекции",
|
|
121
|
-
parameters: {
|
|
122
|
-
odataMockMode: "collectionError"
|
|
123
|
-
},
|
|
124
|
-
render: function Render(args) {
|
|
125
|
-
return <ODataMultiSelectStoryCanvas {...args} />;
|
|
126
|
-
},
|
|
127
|
-
args: {
|
|
128
|
-
odata: odataStoryOData.collectionError,
|
|
129
|
-
label: "Ответственный",
|
|
130
|
-
description: "Transport возвращает 500, а текущий API-контракт безопасно показывает пустой список.",
|
|
131
|
-
model: {
|
|
132
|
-
...baseModel,
|
|
133
|
-
codeKey: "OWNER"
|
|
134
|
-
},
|
|
135
|
-
segment: {
|
|
136
|
-
placeholder: "Ответственный"
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
}`,...q.parameters?.docs?.source}}},J=[`BasicDivision`,`HideCode`,`SelectTextValue`,`StaticDependency`,`LinkedFilters`,`LoadingState`,`MetadataError`,`CollectionError`]})))()}export{G as a,H as c,W as i,U as l,q as n,K as o,V as r,M as s,B as t,Y as u};
|
|
@@ -1,161 +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-Bbj4T0X2.js";import{i,r as a,s as o}from"./odata-CDuIqs1a.js";import{n as s,t as c}from"./SelectOptionContent-Bie2pzia.js";import{c as l,l as u}from"./Input-CVs7SVMJ.js";import{n as d,t as f}from"./Select-DBsWg0wv.js";import{a as p,i as m,r as h,t as g}from"./useODataSelectBase-CFR7eJND.js";import{a as _,c as v,i as y,l as ee,n as b,o as x,r as S,s as C,t as w}from"./odataStoryFixtures-z1HaQHNb.js";function T({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=h({odata:e,segment:t,model:n,value:r?[r]:[],dependencies:i}),s=o.selectedItems[0],c=(0,E.useMemo)(()=>s?[s,...o.filteredItems]:o.filteredItems,[o.filteredItems,s]),l=e=>{a(e?.[o.selectionKey])};return{...o,selectedItem:s,options:c,handleChange:l}}var E;function D(){return(D=e((()=>{E=n(),g()})))()}function O(e,t,n){return e?t||Object.keys(e).find(e=>e!==n)||n:t||n}var k,A;function j(){return(j=e((()=>{n(),o(),u(),D(),d(),s(),k=r(),A=({odata:e,segment:t,model:n,size:r,label:i,description:o,disabled:s,value:u,dependencies:d,onChange:p,clearable:m})=>{let h=T({odata:e,segment:t,model:a(n),value:u,dependencies:d,onChange:p});if(h.isLoading)return(0,k.jsx)(l,{size:r,label:i,description:o});let g=t.hideCode??e.hideCode,_=O(h.selectedItem??h.options[0],h.textKey,h.codeKey);return(0,k.jsx)(f,{size:r,label:i,description:o,options:h.options,value:h.selectedItem,onChange:h.handleChange,getOptionKey:e=>e[h.codeKey],getOptionLabel:e=>e[_],getOptionCode:g?void 0:e=>e[h.codeKey],getOptionAriaLabel:e=>g||e[_]===e[h.codeKey]?String(e[_]):`${e[_]} ${e[h.codeKey]}`,renderValue:e=>(0,k.jsx)(c,{label:e[_],code:g?void 0:e[h.codeKey]}),renderOption:e=>(0,k.jsx)(c,{label:e[_],code:g?void 0:e[h.codeKey],highlight:h.debouncedQuery}),searchable:!0,query:h.query,onQuery:h.setQuery,defaultFilter:!1,disabled:s||h.isLoading,placeholder:h.placeholder,isLoading:h.isLoading,errorState:h.isError?`Ошибка загрузки`:void 0,emptyState:!h.isLoading&&!h.isError?`Нет данных`:void 0,clearable:m})},A.__docgenInfo={description:``,methods:[],displayName:`ODataSelect`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function M(e){let{item:t,disabled:n,label:r,description:i,size:a,width:o=15,clearable:s}=e,c=p(e),{updateSegment:l}=c,u=`calc(${o}em + var(--width-add))`,d=(0,N.useCallback)(e=>{l(t.id,e===void 0?[]:[e])},[t.id,l]);return(0,P.jsx)(`div`,{style:{maxWidth:u,minWidth:u},children:(0,P.jsx)(A,{odata:t.odata,segment:t.segment,model:t.model,dependencies:c.values,value:c.values[t.id]?.[0],onChange:d,disabled:n||c.isSegmentDisabled(t.id),label:r,description:i,size:a,clearable:s})})}var N,P;function F(){return(F=e((()=>{N=n(),m(),j(),P=r(),M.__docgenInfo={description:`Адаптирует один развёрнутый зависимый OData-сегмент к single-select UI.
|
|
2
|
-
Общий снимок остаётся массивным, поэтому совместим с \`dependencies\` и
|
|
3
|
-
может совместно использоваться с segment-level MultiSelect-контролами.`,methods:[],displayName:`ODataDependentSegmentSelect`,props:{values:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Внешний снимок значений. При наличии включает controlled-режим.`},defaultValues:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Начальный снимок для uncontrolled-режима.`},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(values: ODataDependentSelectionValues) => void`,signature:{arguments:[{type:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},name:`values`}],return:{name:`void`}}},description:`Получает полный снимок после каждого изменения сегмента.`},item:{required:!0,tsType:{name:`ODataDependentSegmentItem`},description:`Развёрнутое описание конкретного OData-сегмента.`},disabled:{required:!1,tsType:{name:`boolean`},description:`Дополнительная внешняя блокировка поверх sequential-policy.`},label:{required:!1,tsType:{name:`ReactNode`},description:`Заголовок поля.`},description:{required:!1,tsType:{name:`string`},description:`Дополнительное описание поля.`},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:`Размер базового Select или MultiSelect.`},width:{required:!1,tsType:{name:`number`},description:`Ширина элемента в \`em\` без служебной добавки базового input.
|
|
4
|
-
|
|
5
|
-
@default 15`},clearable:{required:!1,tsType:{name:`boolean`},description:`Показывает действие очистки выбранного значения.`}}}})))()}var I=t({BasicDivision:()=>W,CollectionError:()=>Z,HideCode:()=>G,LinkedFilters:()=>J,LinkedFiltersDemo:()=>R,LoadingState:()=>Y,MetadataError:()=>X,SelectTextValue:()=>K,StaticDependency:()=>q,__namedExportsOrder:()=>Q,default:()=>U});function L(e){let[,t]=B();return(0,z.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,z.jsx)(A,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,z.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,e.value||`пусто`]})]})}function R(){let e=p({selectionMode:`sequential`,segmentOrder:H});return(0,z.jsxs)(`div`,{style:{display:`grid`,gap:16,maxWidth:720},children:[V.map((t,n)=>(0,z.jsx)(M,{item:t,values:e.values,onChange:e.updateValues,selectionMode:`sequential`,segmentOrder:H,label:t.segment.placeholder,description:n===0?`Первый уровень доступен сразу.`:`Уровень включается после заполнения всего предыдущего пути.`,width:30,clearable:!0},t.id)),(0,z.jsx)(`div`,{style:{display:`grid`,gap:4,fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:(0,z.jsxs)(`div`,{children:[`Общий снимок: `,JSON.stringify(e.values)]})})]})}var z,B,V,H,U,W,G,K,q,J,Y,X,Z,Q;function $(){return($=e((()=>{o(),m(),F(),j(),y(),z=r(),{useArgs:B}=__STORYBOOK_MODULE_PREVIEW_API__,V=i([{odata:b,segments:v,model:w}]),H=V.map(e=>e.id),U={title:`Shared/UI/ODataSelect`,component:A,decorators:[ee],beforeEach:_,parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`Регион`,description:`Пример OData Select на основе конфигурации ui control.`,odata:b,model:w,segment:S,value:void 0,onChange:()=>{}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},odata:{description:`Конфигурация OData-источника.`,control:!1},model:{description:`Модель OData-коллекции и codeKey.`,control:!1},segment:{description:`Конфигурация отображения сегмента.`,control:!1},dependencies:{description:`Выбранные значения upstream-сегментов.`,control:!1},value:{description:`Контролируемый код или текст выбранной option.`,control:!1},onChange:{description:`Вызывается с новым значением option.`,control:!1},clearable:{description:`Показывает действие очистки выбора.`,control:`boolean`},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},W={name:`Базовый регион`,render:function(e){return(0,z.jsx)(L,{...e})},args:{label:`Регион`,description:`Базовая настройка single-select для выбора кода REGION.`,model:{...w,codeKey:`REGION`},segment:{placeholder:`Регион`},value:C.region}},G={name:`Скрытый код`,render:function(e){return(0,z.jsx)(L,{...e})},args:{label:`Подразделение`,description:`Код скрыт и в выпадающем списке, и в выбранном значении.`,model:{...w,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`,hideCode:!0},value:C.branch}},K={name:`Выбор текста вместо кода`,render:function(e){return(0,z.jsx)(L,{...e})},args:{label:`Регион по тексту`,description:`Снаружи хранится текстовое значение, а не код.`,model:{...w,codeKey:`REGION`},segment:{placeholder:`Регион`,selectText:!0},value:C.regionText}},q={name:`Зависимость от региона`,render:function(e){return(0,z.jsx)(L,{...e})},args:{label:`Подразделение c зависимостью`,description:`Фильтрация подразделений по уже выбранному региону через props.dependencies.`,model:{...w,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`},dependencies:{REGION:[C.region]},value:C.branch}},J={name:`Связанная цепочка фильтров`,render:()=>(0,z.jsx)(R,{})},Y={name:`Состояние загрузки`,parameters:{odataMockMode:`loading`},render:function(e){return(0,z.jsx)(L,{...e})},args:{odata:x.loading,label:`Команда`,description:`Mock с задержкой ответа, чтобы проверить loading-state.`,model:{...w,codeKey:`TEAM`},segment:{placeholder:`Команда`}}},X={name:`Ошибка metadata`,parameters:{odataMockMode:`metadataError`},render:function(e){return(0,z.jsx)(L,{...e})},args:{odata:x.metadataError,label:`Регион`,description:`Сервис возвращает ошибку metadata.`,model:{...w,codeKey:`REGION`},segment:{placeholder:`Регион`}}},Z={name:`Деградация при ошибке коллекции`,parameters:{odataMockMode:`collectionError`},render:function(e){return(0,z.jsx)(L,{...e})},args:{odata:x.collectionError,label:`Ответственный`,description:`Transport возвращает 500, а текущий API-контракт безопасно показывает пустой список.`,model:{...w,codeKey:`OWNER`},segment:{placeholder:`Ответственный`}}},R.__docgenInfo={description:``,methods:[],displayName:`LinkedFiltersDemo`},R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`function LinkedFiltersDemo() {
|
|
6
|
-
const selection = useODataDependentSelection({
|
|
7
|
-
selectionMode: "sequential",
|
|
8
|
-
segmentOrder: linkedSegmentOrder
|
|
9
|
-
});
|
|
10
|
-
return <div style={{
|
|
11
|
-
display: "grid",
|
|
12
|
-
gap: 16,
|
|
13
|
-
maxWidth: 720
|
|
14
|
-
}}>
|
|
15
|
-
{linkedSegmentItems.map((item, index) => <ODataDependentSegmentSelect key={item.id} item={item} values={selection.values} onChange={selection.updateValues} selectionMode="sequential" segmentOrder={linkedSegmentOrder} label={item.segment.placeholder} description={index === 0 ? "Первый уровень доступен сразу." : "Уровень включается после заполнения всего предыдущего пути."} width={30} clearable />)}
|
|
16
|
-
<div style={{
|
|
17
|
-
display: "grid",
|
|
18
|
-
gap: 4,
|
|
19
|
-
fontSize: "var(--font-size-sm)",
|
|
20
|
-
color: "var(--content-1)"
|
|
21
|
-
}}>
|
|
22
|
-
<div>Общий снимок: {JSON.stringify(selection.values)}</div>
|
|
23
|
-
</div>
|
|
24
|
-
</div>;
|
|
25
|
-
}`,...R.parameters?.docs?.source}}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
|
|
26
|
-
name: "Базовый регион",
|
|
27
|
-
render: function Render(args) {
|
|
28
|
-
return <ODataSelectStoryCanvas {...args} />;
|
|
29
|
-
},
|
|
30
|
-
args: {
|
|
31
|
-
label: "Регион",
|
|
32
|
-
description: "Базовая настройка single-select для выбора кода REGION.",
|
|
33
|
-
model: {
|
|
34
|
-
...baseModel,
|
|
35
|
-
codeKey: "REGION"
|
|
36
|
-
},
|
|
37
|
-
segment: {
|
|
38
|
-
placeholder: "Регион"
|
|
39
|
-
},
|
|
40
|
-
value: storyValues.region
|
|
41
|
-
}
|
|
42
|
-
}`,...W.parameters?.docs?.source}}},G.parameters={...G.parameters,docs:{...G.parameters?.docs,source:{originalSource:`{
|
|
43
|
-
name: "Скрытый код",
|
|
44
|
-
render: function Render(args) {
|
|
45
|
-
return <ODataSelectStoryCanvas {...args} />;
|
|
46
|
-
},
|
|
47
|
-
args: {
|
|
48
|
-
label: "Подразделение",
|
|
49
|
-
description: "Код скрыт и в выпадающем списке, и в выбранном значении.",
|
|
50
|
-
model: {
|
|
51
|
-
...baseModel,
|
|
52
|
-
codeKey: "BRANCH"
|
|
53
|
-
},
|
|
54
|
-
segment: {
|
|
55
|
-
placeholder: "Подразделение",
|
|
56
|
-
hideCode: true
|
|
57
|
-
},
|
|
58
|
-
value: storyValues.branch
|
|
59
|
-
}
|
|
60
|
-
}`,...G.parameters?.docs?.source}}},K.parameters={...K.parameters,docs:{...K.parameters?.docs,source:{originalSource:`{
|
|
61
|
-
name: "Выбор текста вместо кода",
|
|
62
|
-
render: function Render(args) {
|
|
63
|
-
return <ODataSelectStoryCanvas {...args} />;
|
|
64
|
-
},
|
|
65
|
-
args: {
|
|
66
|
-
label: "Регион по тексту",
|
|
67
|
-
description: "Снаружи хранится текстовое значение, а не код.",
|
|
68
|
-
model: {
|
|
69
|
-
...baseModel,
|
|
70
|
-
codeKey: "REGION"
|
|
71
|
-
},
|
|
72
|
-
segment: {
|
|
73
|
-
placeholder: "Регион",
|
|
74
|
-
selectText: true
|
|
75
|
-
},
|
|
76
|
-
value: storyValues.regionText
|
|
77
|
-
}
|
|
78
|
-
}`,...K.parameters?.docs?.source}}},q.parameters={...q.parameters,docs:{...q.parameters?.docs,source:{originalSource:`{
|
|
79
|
-
name: "Зависимость от региона",
|
|
80
|
-
render: function Render(args) {
|
|
81
|
-
return <ODataSelectStoryCanvas {...args} />;
|
|
82
|
-
},
|
|
83
|
-
args: {
|
|
84
|
-
label: "Подразделение c зависимостью",
|
|
85
|
-
description: "Фильтрация подразделений по уже выбранному региону через props.dependencies.",
|
|
86
|
-
model: {
|
|
87
|
-
...baseModel,
|
|
88
|
-
codeKey: "BRANCH"
|
|
89
|
-
},
|
|
90
|
-
segment: {
|
|
91
|
-
placeholder: "Подразделение"
|
|
92
|
-
},
|
|
93
|
-
dependencies: {
|
|
94
|
-
REGION: [storyValues.region]
|
|
95
|
-
},
|
|
96
|
-
value: storyValues.branch
|
|
97
|
-
}
|
|
98
|
-
}`,...q.parameters?.docs?.source}}},J.parameters={...J.parameters,docs:{...J.parameters?.docs,source:{originalSource:`{
|
|
99
|
-
name: "Связанная цепочка фильтров",
|
|
100
|
-
render: () => <LinkedFiltersDemo />
|
|
101
|
-
}`,...J.parameters?.docs?.source}}},Y.parameters={...Y.parameters,docs:{...Y.parameters?.docs,source:{originalSource:`{
|
|
102
|
-
name: "Состояние загрузки",
|
|
103
|
-
parameters: {
|
|
104
|
-
odataMockMode: "loading"
|
|
105
|
-
},
|
|
106
|
-
render: function Render(args) {
|
|
107
|
-
return <ODataSelectStoryCanvas {...args} />;
|
|
108
|
-
},
|
|
109
|
-
args: {
|
|
110
|
-
odata: odataStoryOData.loading,
|
|
111
|
-
label: "Команда",
|
|
112
|
-
description: "Mock с задержкой ответа, чтобы проверить loading-state.",
|
|
113
|
-
model: {
|
|
114
|
-
...baseModel,
|
|
115
|
-
codeKey: "TEAM"
|
|
116
|
-
},
|
|
117
|
-
segment: {
|
|
118
|
-
placeholder: "Команда"
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
}`,...Y.parameters?.docs?.source}}},X.parameters={...X.parameters,docs:{...X.parameters?.docs,source:{originalSource:`{
|
|
122
|
-
name: "Ошибка metadata",
|
|
123
|
-
parameters: {
|
|
124
|
-
odataMockMode: "metadataError"
|
|
125
|
-
},
|
|
126
|
-
render: function Render(args) {
|
|
127
|
-
return <ODataSelectStoryCanvas {...args} />;
|
|
128
|
-
},
|
|
129
|
-
args: {
|
|
130
|
-
odata: odataStoryOData.metadataError,
|
|
131
|
-
label: "Регион",
|
|
132
|
-
description: "Сервис возвращает ошибку metadata.",
|
|
133
|
-
model: {
|
|
134
|
-
...baseModel,
|
|
135
|
-
codeKey: "REGION"
|
|
136
|
-
},
|
|
137
|
-
segment: {
|
|
138
|
-
placeholder: "Регион"
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
}`,...X.parameters?.docs?.source}}},Z.parameters={...Z.parameters,docs:{...Z.parameters?.docs,source:{originalSource:`{
|
|
142
|
-
name: "Деградация при ошибке коллекции",
|
|
143
|
-
parameters: {
|
|
144
|
-
odataMockMode: "collectionError"
|
|
145
|
-
},
|
|
146
|
-
render: function Render(args) {
|
|
147
|
-
return <ODataSelectStoryCanvas {...args} />;
|
|
148
|
-
},
|
|
149
|
-
args: {
|
|
150
|
-
odata: odataStoryOData.collectionError,
|
|
151
|
-
label: "Ответственный",
|
|
152
|
-
description: "Transport возвращает 500, а текущий API-контракт безопасно показывает пустой список.",
|
|
153
|
-
model: {
|
|
154
|
-
...baseModel,
|
|
155
|
-
codeKey: "OWNER"
|
|
156
|
-
},
|
|
157
|
-
segment: {
|
|
158
|
-
placeholder: "Ответственный"
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
}`,...Z.parameters?.docs?.source}}},Q=[`LinkedFiltersDemo`,`BasicDivision`,`HideCode`,`SelectTextValue`,`StaticDependency`,`LinkedFilters`,`LoadingState`,`MetadataError`,`CollectionError`]})))()}export{Y as a,K as c,J as i,q as l,Z as n,X as o,G as r,I as s,W as t,$ as u};
|
|
@@ -1,87 +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-Bbj4T0X2.js";import{n as i,t as a}from"./TreeMultiSelect-CmAa_Gin.js";import{n as o,t as s}from"./useODataTreeData-DgEKknmd.js";import{a as c,c as l,i as u,l as d,n as f,o as p,s as m}from"./odataStoryFixtures-z1HaQHNb.js";function h({label:e,description:t,disabled:n,size:r,placeholder:i,query:s,defaultQuery:c,onQuery:l,optionsLayout:u,value:d,onChange:f,odata:p,segments:m,model:h,defaultExpandedCodeKeys:v,segmentOrder:y,allowEmptyCodeKeys:b,transformNodes:x}){let S=o({odata:p,segments:m,model:h,segmentOrder:y,allowEmptyCodeKeys:b}),C=(0,g.useMemo)(()=>x?.(S.nodes,{orderedCodeKeys:S.orderedCodeKeys})??S.nodes,[x,S.nodes,S.orderedCodeKeys]);return(0,_.jsx)(a,{label:e,description:t,disabled:n||S.isLoading,size:r,placeholder:i??S.placeholder,nodes:C,value:d,onChange:f,query:s,defaultQuery:c,onQuery:l,optionsLayout:u,defaultExpandedCodeKeys:v,isLoading:S.isLoading,error:S.isError?`Ошибка загрузки`:void 0})}var g,_;function v(){return(v=e((()=>{g=n(),s(),i(),_=r(),h.__docgenInfo={description:``,methods:[],displayName:`ODataTreeMultiSelect`,props:{model:{required:!1,tsType:{name:`ODataDependentBaseProps["model"]`,raw:`ODataDependentBaseProps["model"]`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},optionsLayout:{required:!1,tsType:{name:`union`,raw:`"tree" | "columns"`,elements:[{name:`literal`,value:`"tree"`},{name:`literal`,value:`"columns"`}]},description:`Переключает способ показа загруженного OData-дерева, не меняя формат value и запросов.`},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:"Ключи OData-уровней, раскрываемых после появления загруженных узлов.\nВ режиме `columns` дерево по-прежнему отображается полностью раскрытым."},segmentOrder:{required:!1,tsType:{name:`unknown`},description:`Явный порядок уровней поверх порядка, автоматически полученного из metadata-chain.`},allowEmptyCodeKeys:{required:!1,tsType:{name:`unknown`},description:`Уровни, на которых пустой код не обрывает последующие уровни дерева.`},transformNodes:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(
|
|
2
|
-
nodes: readonly TreeSelectNode[],
|
|
3
|
-
context: ODataTreeMultiSelectNodesTransformContext
|
|
4
|
-
) => readonly TreeSelectNode[]`,signature:{arguments:[{type:{name:`unknown`},name:`nodes`},{type:{name:`signature`,type:`object`,raw:`{
|
|
5
|
-
/** Фактический порядок запрошенных уровней после разрешения metadata-chain. */
|
|
6
|
-
orderedCodeKeys: readonly string[];
|
|
7
|
-
}`,signature:{properties:[{key:`orderedCodeKeys`,value:{name:`unknown`,required:!0},description:`Фактический порядок запрошенных уровней после разрешения metadata-chain.`}]}},name:`context`}],return:{name:`unknown`}}},description:`Создаёт consumer-представление поверх уже загруженного OData-дерева.
|
|
8
|
-
|
|
9
|
-
Преобразование не меняет Query cache и transport-запрос. Callback должен
|
|
10
|
-
оставаться чистым и возвращать новые узлы, не мутируя входное дерево.`}},composes:[`Omit`]}})))()}var y=t({BalancedColumns:()=>O,Basic:()=>T,ErrorState:()=>j,LargeRootGroupsColumns:()=>k,LoadingState:()=>A,MixedSelection:()=>D,ParentCompression:()=>E,__namedExportsOrder:()=>M,default:()=>w});function b(e){let[,t]=S();return(0,x.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,x.jsx)(h,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,x.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,JSON.stringify(e.value)]})]})}var x,S,C,w,T,E,D,O,k,A,j,M;function N(){return(N=e((()=>{u(),v(),x=r(),{useArgs:S}=__STORYBOOK_MODULE_PREVIEW_API__,C={REGION:l.REGION,OWNER:l.OWNER},w={title:`Shared/UI/ODataTreeMultiSelect`,component:h,decorators:[d],beforeEach:c,parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`OData дерево`,description:`Multi-select поверх одной OData-цепочки.`,odata:f,segments:l,value:{},onChange:()=>{}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},placeholder:{description:`Текст без выбранных узлов.`,control:`text`},odata:{description:`Конфигурация OData-источника.`,control:!1},segments:{description:`Конфигурация уровней OData-дерева.`,control:!1},model:{description:`Опциональная модель OData-коллекции.`,control:!1},value:{description:`Контролируемое отображение выбранных узлов по codeKey.`,control:!1},onChange:{description:`Вызывается при commit набора узлов.`,control:!1},query:{description:`Контролируемый текст поиска.`,control:`text`},defaultQuery:{description:`Начальный текст поиска в uncontrolled-режиме.`,control:`text`},onQuery:{description:`Вызывается при вводе поисковой строки.`,control:!1},optionsLayout:{description:`Способ показа: дерево или адаптивные колонки.`,control:`inline-radio`,options:[`tree`,`columns`]},defaultExpandedCodeKeys:{description:`Ключи уровней, раскрываемых после загрузки.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},T={render:function(e){return(0,x.jsx)(b,{...e})},args:{value:{OWNER:[m.owner]}}},E={render:function(e){return(0,x.jsx)(b,{...e})},args:{label:`Компрессия subtree`,description:`Пример, когда наружу уходит узел верхнего уровня вместо полного списка потомков.`,value:{REGION:[m.region]}}},D={render:function(e){return(0,x.jsx)(b,{...e})},args:{label:`Смешанный выбор`,description:`Смешанный frontier по соседним уровням в OData-дереве.`,value:{BRANCH:[m.branch],OWNER:[m.ownerAlt]}}},O={render:function(e){return(0,x.jsx)(b,{...e})},args:{label:`OData tree в столбцах`,description:`Режим columns открывает все уровни независимо от пустой настройки defaultExpandedCodeKeys.`,optionsLayout:`columns`,defaultExpandedCodeKeys:[],value:{BRANCH:[m.branch]}}},k={render:function(e){return(0,x.jsx)(b,{...e})},args:{label:`Крупные OData-группы`,description:`Сокращённая цепочка REGION → OWNER создаёт несколько root-групп для проверки порога из трёх строк.`,optionsLayout:`columns`,segments:C}},A={parameters:{odataMockMode:`loading`},render:function(e){return(0,x.jsx)(b,{...e})},args:{odata:p.loading,description:`Сценарий загрузки дерева.`}},j={parameters:{odataMockMode:`metadataError`},render:function(e){return(0,x.jsx)(b,{...e})},args:{odata:p.metadataError,description:`Сценарий ошибки metadata дерева.`}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
|
|
11
|
-
render: function Render(args) {
|
|
12
|
-
return <ODataTreeMultiSelectStoryCanvas {...args} />;
|
|
13
|
-
},
|
|
14
|
-
args: {
|
|
15
|
-
value: {
|
|
16
|
-
OWNER: [storyValues.owner]
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}`,...T.parameters?.docs?.source}}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
|
|
20
|
-
render: function Render(args) {
|
|
21
|
-
return <ODataTreeMultiSelectStoryCanvas {...args} />;
|
|
22
|
-
},
|
|
23
|
-
args: {
|
|
24
|
-
label: "Компрессия subtree",
|
|
25
|
-
description: "Пример, когда наружу уходит узел верхнего уровня вместо полного списка потомков.",
|
|
26
|
-
value: {
|
|
27
|
-
REGION: [storyValues.region]
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
}`,...E.parameters?.docs?.source}}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{
|
|
31
|
-
render: function Render(args) {
|
|
32
|
-
return <ODataTreeMultiSelectStoryCanvas {...args} />;
|
|
33
|
-
},
|
|
34
|
-
args: {
|
|
35
|
-
label: "Смешанный выбор",
|
|
36
|
-
description: "Смешанный frontier по соседним уровням в OData-дереве.",
|
|
37
|
-
value: {
|
|
38
|
-
BRANCH: [storyValues.branch],
|
|
39
|
-
OWNER: [storyValues.ownerAlt]
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}`,...D.parameters?.docs?.source}}},O.parameters={...O.parameters,docs:{...O.parameters?.docs,source:{originalSource:`{
|
|
43
|
-
render: function Render(args) {
|
|
44
|
-
return <ODataTreeMultiSelectStoryCanvas {...args} />;
|
|
45
|
-
},
|
|
46
|
-
args: {
|
|
47
|
-
label: "OData tree в столбцах",
|
|
48
|
-
description: "Режим columns открывает все уровни независимо от пустой настройки defaultExpandedCodeKeys.",
|
|
49
|
-
optionsLayout: "columns",
|
|
50
|
-
defaultExpandedCodeKeys: [],
|
|
51
|
-
value: {
|
|
52
|
-
BRANCH: [storyValues.branch]
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}`,...O.parameters?.docs?.source}}},k.parameters={...k.parameters,docs:{...k.parameters?.docs,source:{originalSource:`{
|
|
56
|
-
render: function Render(args) {
|
|
57
|
-
return <ODataTreeMultiSelectStoryCanvas {...args} />;
|
|
58
|
-
},
|
|
59
|
-
args: {
|
|
60
|
-
label: "Крупные OData-группы",
|
|
61
|
-
description: "Сокращённая цепочка REGION → OWNER создаёт несколько root-групп для проверки порога из трёх строк.",
|
|
62
|
-
optionsLayout: "columns",
|
|
63
|
-
segments: largeRootGroupSegments
|
|
64
|
-
}
|
|
65
|
-
}`,...k.parameters?.docs?.source}}},A.parameters={...A.parameters,docs:{...A.parameters?.docs,source:{originalSource:`{
|
|
66
|
-
parameters: {
|
|
67
|
-
odataMockMode: "loading"
|
|
68
|
-
},
|
|
69
|
-
render: function Render(args) {
|
|
70
|
-
return <ODataTreeMultiSelectStoryCanvas {...args} />;
|
|
71
|
-
},
|
|
72
|
-
args: {
|
|
73
|
-
odata: odataStoryOData.loading,
|
|
74
|
-
description: "Сценарий загрузки дерева."
|
|
75
|
-
}
|
|
76
|
-
}`,...A.parameters?.docs?.source}}},j.parameters={...j.parameters,docs:{...j.parameters?.docs,source:{originalSource:`{
|
|
77
|
-
parameters: {
|
|
78
|
-
odataMockMode: "metadataError"
|
|
79
|
-
},
|
|
80
|
-
render: function Render(args) {
|
|
81
|
-
return <ODataTreeMultiSelectStoryCanvas {...args} />;
|
|
82
|
-
},
|
|
83
|
-
args: {
|
|
84
|
-
odata: odataStoryOData.metadataError,
|
|
85
|
-
description: "Сценарий ошибки metadata дерева."
|
|
86
|
-
}
|
|
87
|
-
}`,...j.parameters?.docs?.source}}},M=[`Basic`,`ParentCompression`,`MixedSelection`,`BalancedColumns`,`LargeRootGroupsColumns`,`LoadingState`,`ErrorState`]})))()}export{A as a,E as c,k as i,N as l,T as n,D as o,j as r,y as s,O as t};
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-Bbj4T0X2.js";import{n as r,t as i}from"./useODataTreeData-DgEKknmd.js";import{n as a,t as o}from"./TreeSelect-CsYGUC6s.js";import{a as s,c,i as l,l as u,n as d,o as f,s as p}from"./odataStoryFixtures-z1HaQHNb.js";function m({label:e,description:t,disabled:n,size:i,placeholder:a,query:s,defaultQuery:c,onQuery:l,value:u,onChange:d,odata:f,segments:p,model:m,clearable:g,defaultExpandedCodeKeys:_}){let v=r({odata:f,segments:p,model:m});return(0,h.jsx)(o,{label:e,description:t,disabled:n||v.isLoading,size:i,placeholder:a??v.placeholder,nodes:v.nodes,value:u,onChange:d,query:s,defaultQuery:c,onQuery:l,defaultExpandedCodeKeys:_,isLoading:v.isLoading,error:v.isError?`Ошибка загрузки`:void 0,clearable:g})}var h;function g(){return(g=e((()=>{i(),a(),h=n(),m.__docgenInfo={description:``,methods:[],displayName:`ODataTreeSelect`,props:{model:{required:!1,tsType:{name:`ODataDependentBaseProps["model"]`,raw:`ODataDependentBaseProps["model"]`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:`Ключи OData-уровней, раскрываемых после появления загруженных узлов.
|
|
2
|
-
Настройка влияет только на представление и не изменяет OData-запросы.`}},composes:[`Omit`]}})))()}var _=t({Basic:()=>S,ErrorState:()=>E,LoadingState:()=>T,OnlySecondLevelExpanded:()=>w,SelectParent:()=>C,__namedExportsOrder:()=>D,default:()=>x});function v(e){let[,t]=b();return(0,y.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,y.jsx)(m,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,y.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,e.value?`${e.value.codeKey}=${e.value.value}`:`пусто`]})]})}var y,b,x,S,C,w,T,E,D;function O(){return(O=e((()=>{l(),g(),y=n(),{useArgs:b}=__STORYBOOK_MODULE_PREVIEW_API__,x={title:`Shared/UI/ODataTreeSelect`,component:m,decorators:[u],beforeEach:s,parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`OData дерево`,description:`Single-select поверх одной OData-цепочки.`,odata:d,segments:c,value:void 0,onChange:()=>{}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},placeholder:{description:`Текст без выбранного узла.`,control:`text`},odata:{description:`Конфигурация OData-источника.`,control:!1},segments:{description:`Конфигурация уровней OData-дерева.`,control:!1},model:{description:`Опциональная модель OData-коллекции.`,control:!1},value:{description:`Выбранный узел в формате codeKey/value.`,control:!1},onChange:{description:`Вызывается при выборе узла.`,control:!1},query:{description:`Контролируемый текст поиска.`,control:`text`},defaultQuery:{description:`Начальный текст поиска в uncontrolled-режиме.`,control:`text`},onQuery:{description:`Вызывается при вводе поисковой строки.`,control:!1},clearable:{description:`Показывает действие очистки выбора.`,control:`boolean`},defaultExpandedCodeKeys:{description:`Ключи уровней, раскрываемых после загрузки.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},S={render:function(e){return(0,y.jsx)(v,{...e})},args:{value:{codeKey:`OWNER`,value:p.owner}}},C={render:function(e){return(0,y.jsx)(v,{...e})},args:{label:`Выбор родителя`,description:`Проверка выбора узла верхнего уровня из OData-дерева.`,value:{codeKey:`REGION`,value:p.region}}},w={render:function(e){return(0,y.jsx)(v,{...e})},args:{label:`Раскрывается только второй уровень`,description:`REGION остаётся закрытым. После его ручного открытия узлы BRANCH уже раскрыты по умолчанию.`,defaultExpandedCodeKeys:[`BRANCH`]}},T={parameters:{odataMockMode:`loading`},render:function(e){return(0,y.jsx)(v,{...e})},args:{odata:f.loading,description:`Сценарий загрузки дерева.`}},E={parameters:{odataMockMode:`metadataError`},render:function(e){return(0,y.jsx)(v,{...e})},args:{odata:f.metadataError,description:`Сценарий ошибки metadata дерева.`}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
|
|
3
|
-
render: function Render(args) {
|
|
4
|
-
return <ODataTreeSelectStoryCanvas {...args} />;
|
|
5
|
-
},
|
|
6
|
-
args: {
|
|
7
|
-
value: {
|
|
8
|
-
codeKey: "OWNER",
|
|
9
|
-
value: storyValues.owner
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
|
|
13
|
-
render: function Render(args) {
|
|
14
|
-
return <ODataTreeSelectStoryCanvas {...args} />;
|
|
15
|
-
},
|
|
16
|
-
args: {
|
|
17
|
-
label: "Выбор родителя",
|
|
18
|
-
description: "Проверка выбора узла верхнего уровня из OData-дерева.",
|
|
19
|
-
value: {
|
|
20
|
-
codeKey: "REGION",
|
|
21
|
-
value: storyValues.region
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
|
|
25
|
-
render: function Render(args) {
|
|
26
|
-
return <ODataTreeSelectStoryCanvas {...args} />;
|
|
27
|
-
},
|
|
28
|
-
args: {
|
|
29
|
-
label: "Раскрывается только второй уровень",
|
|
30
|
-
description: "REGION остаётся закрытым. После его ручного открытия узлы BRANCH уже раскрыты по умолчанию.",
|
|
31
|
-
defaultExpandedCodeKeys: ["BRANCH"]
|
|
32
|
-
}
|
|
33
|
-
}`,...w.parameters?.docs?.source}}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
|
|
34
|
-
parameters: {
|
|
35
|
-
odataMockMode: "loading"
|
|
36
|
-
},
|
|
37
|
-
render: function Render(args) {
|
|
38
|
-
return <ODataTreeSelectStoryCanvas {...args} />;
|
|
39
|
-
},
|
|
40
|
-
args: {
|
|
41
|
-
odata: odataStoryOData.loading,
|
|
42
|
-
description: "Сценарий загрузки дерева."
|
|
43
|
-
}
|
|
44
|
-
}`,...T.parameters?.docs?.source}}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
|
|
45
|
-
parameters: {
|
|
46
|
-
odataMockMode: "metadataError"
|
|
47
|
-
},
|
|
48
|
-
render: function Render(args) {
|
|
49
|
-
return <ODataTreeSelectStoryCanvas {...args} />;
|
|
50
|
-
},
|
|
51
|
-
args: {
|
|
52
|
-
odata: odataStoryOData.metadataError,
|
|
53
|
-
description: "Сценарий ошибки metadata дерева."
|
|
54
|
-
}
|
|
55
|
-
}`,...E.parameters?.docs?.source}}},D=[`Basic`,`SelectParent`,`OnlySecondLevelExpanded`,`LoadingState`,`ErrorState`]})))()}export{w as a,_ as i,E as n,C as o,T as r,O as s,S as t};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-Bbj4T0X2.js";import{n,t as r}from"./Grid-BCzygAqy.js";import{d as i,f as a}from"./usePickerTriggerController-BZZv-jDV.js";function o({onSelectAll:e,onDeselectAll:t,selectAllButtonRef:n}){return(0,s.jsxs)(r.Container,{gap:`xs`,templateColumns:`1fr 1fr`,children:[(0,s.jsx)(`button`,{ref:n,type:`button`,className:i.selectionActionButton,onClick:e,"data-ui":`picker-select-all`,"data-action":`select-all`,children:`Выбрать все`}),(0,s.jsx)(`button`,{type:`button`,className:i.selectionActionButton,onClick:t,"data-ui":`picker-deselect-all`,"data-action":`deselect-all`,children:`Снять выбор`})]})}var s;function c(){return(c=e((()=>{n(),a(),s=t(),o.__docgenInfo={description:`Общая панель массовых действий для picker-компонентов с множественным выбором.
|
|
2
|
-
Компонент не знает формат значения и делегирует изменение владельцу selection-модели.`,methods:[],displayName:`PickerSelectionToolbar`,props:{onSelectAll:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},onDeselectAll:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},selectAllButtonRef:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLButtonElement`}],raw:`Ref<HTMLButtonElement>`},description:``}}}})))()}export{c as n,o as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t,t as n}from"./chevron-down-ChPfAmdy.js";import{n as r}from"./iframe-Bbj4T0X2.js";import{a as i,i as a}from"./utils-DUM89eIj.js";import{n as o,t as s}from"./ui.module-CiLQZm_L.js";function c({open:e,disabled:t,children:r,onToggleMouseDown:a,onToggleClick:s,openAriaLabel:c=`Открыть список`,closeAriaLabel:u=`Закрыть список`}){return(0,l.jsxs)(`div`,{className:o.uiToggleButtonContainer,"data-disabled":t||void 0,children:[r,(0,l.jsx)(`div`,{className:o.uiButtonSeparator}),(0,l.jsx)(`button`,{type:`button`,"aria-label":e?u:c,className:o.uiToggleButton,onMouseDown:a,onClick:s,children:(0,l.jsx)(n,{className:i(o.uiToggleIcon,e&&o.uiToggleIconOpen)})})]})}var l;function u(){return(u=e((()=>{a(),t(),s(),l=r(),c.__docgenInfo={description:``,methods:[],displayName:`PickerTriggerActions`,props:{open:{required:!0,tsType:{name:`boolean`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},children:{required:!1,tsType:{name:`ReactNode`},description:``},onToggleMouseDown:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event: MouseEvent<HTMLButtonElement>) => void`,signature:{arguments:[{type:{name:`MouseEvent`,elements:[{name:`HTMLButtonElement`}],raw:`MouseEvent<HTMLButtonElement>`},name:`event`}],return:{name:`void`}}},description:``},onToggleClick:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},openAriaLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Открыть список"`,computed:!1}},closeAriaLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Закрыть список"`,computed:!1}}}}})))()}export{u as n,c as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.aEEqH1{color:#0000;caret-color:#0000}._4HQKa7{inset:0 calc(var(--control-height) + var(--space-xs)) 0 var(--space-md);pointer-events:none;align-items:center;display:flex;position:absolute;overflow:hidden}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n,t as r}from"./check-Cnuffb78.js";import{n as i,t as a}from"./x-_GQ6nyHW.js";import{n as o}from"./iframe-Bbj4T0X2.js";import{a as s,i as c}from"./utils-DUM89eIj.js";import{n as l,t as u}from"./ui.module-CiLQZm_L.js";import{c as d,g as f,h as ee,i as te,l as ne,n as re,r as p,s as ie,t as m,u as h}from"./usePickerTriggerController-BZZv-jDV.js";import{i as g,n as ae,r as oe,t as _}from"./usePickerQuery-Be3WSeUa.js";import{n as v,t as se}from"./PickerTriggerActions-BIH8_o_b.js";import{n as y,t as b}from"./usePickerDefaultFilter-Be420WNF.js";function x(e){if(typeof e==`string`||typeof e==`number`)return String(e);if(Array.isArray(e)){let t=e.map(x).filter(e=>!!e);return t.length?t.join(` `):void 0}}function ce({option:e,getOptionLabel:t,getOptionCode:n,getOptionGroup:r}){return[x(t(e)),x(n?.(e)),x(r?.(e)?.label)].filter(e=>!!e).join(` `).toLowerCase()}function S(){return(S=e((()=>{})))()}function le(e,t){let n=[];return e.forEach((e,r)=>{let i=t(e),a=n.at(-1),o=a?.group?.key===i?.key;if(a&&o){a.items.push({option:e,index:r});return}n.push({group:i,items:[{option:e,index:r}]})}),n}var C,w,T;function E(){return(E=e((()=>{C=`aEEqH1`,w=`_4HQKa7`,T={inputWithOverlay:C,valueOverlay:w}})))()}function D(e){let{label:t,description:n,disabled:i,placeholder:o,size:c,options:u,value:d,onChange:f,getOptionKey:p,getOptionLabel:m,getOptionCode:h,getOptionDisabled:g,getOptionAriaLabel:_,getOptionGroup:v,getOptionClassName:b,renderOption:S,renderValue:C,className:w,buttonClassName:E,optionsClassName:D,optionsMaxWidth:A,optionsContentClassName:ue,searchable:j=!1,defaultFilter:M=!0,query:de,defaultQuery:fe,onQuery:pe,renderPopupHeader:me,emptyState:he,isLoading:ge,errorState:_e,placement:ve=`bottom-start`,clearable:N=!1}=e,P=f,F=(0,O.useRef)(null),[I,ye]=(0,O.useState)(!1),L=j?`search-single`:`display`,R=d===void 0?void 0:p(d),z=R===void 0?void 0:u.find(e=>p(e)===R)??d,{query:B,setQuery:V,resetQueryOnClose:be}=ae({query:de,defaultQuery:fe,onQuery:pe,triggerMode:L}),xe=e=>{I&&!e&&be&&V(``),ye(e)},Se=(0,O.useCallback)(e=>ce({option:e,getOptionLabel:m,getOptionCode:h,getOptionGroup:v}),[h,v,m]),H=y({options:u,query:B,enabled:j&&M,getSearchText:Se}),U=(0,O.useMemo)(()=>v?le(H,v):void 0,[v,H]),W=R===void 0?-1:H.findIndex(e=>p(e)===R),{activeIndex:Ce,context:we,floatingStyles:Te,getFloatingProps:Ee,setReference:De,setFloating:Oe,setOptionRef:ke,close:G,openList:Ae,toggleOpen:je,selectOption:Me,selectActiveOption:Ne,handleReferenceKeyDown:Pe,handleFloatingKeyDown:Fe,getOptionId:Ie,getActiveOptionId:K}=te({options:H,selectedIndex:W,open:I,onOpenChange:xe,getOptionDisabled:g,onSelect:P,disabled:i,placement:ve,triggerMode:L}),q=H.length>0,J=z===void 0?void 0:m(z),Y=z===void 0?void 0:C?C(z):J,Le=x(J),Re=z===void 0?void 0:x(h?.(z)),ze=x(Y)??Le??Re??(R===void 0?``:String(R)),X=j&&(I||B.length>0),Be=X?B:z===void 0?``:ze,Z=z!==void 0&&Y!==void 0&&x(Y)===void 0&&!X,Q=re({mode:L,open:I,currentQuery:B,hasDisplayValue:z!==void 0,inputRef:F,setQuery:V,openList:Ae,close:G,toggleOpen:je}),Ve=e=>{F.current=e},He=()=>{N&&P(void 0),V(``),G()},$=(e,t,n)=>{let i=p(t),a=R!==void 0&&i===R,o=n===Ce,c=g?.(t)??!1,u={active:o,selected:a,disabled:c};return(0,k.jsx)(`div`,{id:Ie(e,n),ref:e=>ke(n,e),role:`option`,"aria-selected":a,"aria-disabled":c||void 0,"aria-label":_?.(t),className:s(l.uiPopupOption,c&&l.disabled,o&&l.uiPopupOptionActive,a&&l.selected,b?.(t,u)),onClick:()=>Me(t),children:S?S(t,u):(0,k.jsxs)(k.Fragment,{children:[a?(0,k.jsx)(r,{className:l.uiPopupOptionIcon}):(0,k.jsx)(`span`,{className:l.uiPopupOptionIcon}),(0,k.jsx)(`div`,{className:l.uiOptionText,children:m(t)}),h&&(0,k.jsx)(`div`,{className:l.uiOptionCode,children:h(t)})]})},i)};return(0,k.jsx)(ee,{label:t,description:n,disabled:i,size:c,className:w,children:({controlId:e,labelId:n,describedBy:r})=>{let c=`${e}-listbox`;return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(ie,{ref:Ve,rootRef:De,id:e,type:`text`,disabled:i,readOnly:!j,autoComplete:`off`,role:`combobox`,isLoading:ge,value:Be,placeholder:z===void 0||X?`${o??t??``} <${u.length}>`:void 0,"aria-labelledby":n,"aria-describedby":r,"aria-haspopup":`listbox`,"aria-expanded":I,"aria-controls":I?c:void 0,"aria-autocomplete":j?`list`:`none`,"aria-activedescendant":I?K(c):void 0,inputClassName:s(Z&&T.inputWithOverlay,E,`textOverflow`),overlay:Z?(0,k.jsx)(`div`,{className:T.valueOverlay,children:Y}):void 0,endAdornment:(0,k.jsx)(se,{open:I,disabled:i,onToggleMouseDown:Q.handleToggleMouseDown,onToggleClick:Q.handleToggleClick,children:N&&z!==void 0&&!i?(0,k.jsx)(`button`,{type:`button`,className:l.uiClearButton,"data-ui":`select-clear-button`,"data-action":`clear-select`,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:e=>{e.preventDefault(),e.stopPropagation(),He()},"aria-label":`Очистить выбор`,children:(0,k.jsx)(a,{})}):null}),onChange:e=>{j&&Q.handleTriggerInputChange(e.target.value)},onClick:Q.handleTriggerClick,onFocus:e=>{Q.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{Pe(e),!e.defaultPrevented&&Q.handleTriggerKeyDown({event:e,onActivateWhenOpen:Ne,enableSpaceActivation:!j})}}),(0,k.jsx)(ne,{open:I,context:we,floatingStyles:Te,listId:c,labelId:n,descriptionId:r,activeOptionId:q?K(c):void 0,setFloating:Oe,getFloatingProps:Ee,onKeyDown:Fe,className:s(l.uiPopupOptions,D),maxWidth:A,header:me,children:(0,k.jsx)(`div`,{className:s(ue,`h100 scrollable`),children:q?U?U.map((e,t)=>{let n=e.group?`${c}-group-${t}`:void 0,r=e.items.map(({option:e,index:t})=>$(c,e,t));return e.group?(0,k.jsxs)(`div`,{role:`group`,"aria-labelledby":n,children:[(0,k.jsx)(`div`,{id:n,className:l.uiPopupGroupLabel,children:e.group.label}),r]},`group-${String(e.group.key)}-${t}`):(0,k.jsx)(O.Fragment,{children:r},`options-${t}`)}):H.map((e,t)=>$(c,e,t)):(0,k.jsx)(oe,{emptyState:he,errorState:_e})})})]})}})}var O,k;function A(){return(A=e((()=>{O=t(),c(),n(),i(),f(),h(),g(),v(),d(),b(),p(),_(),m(),u(),S(),E(),k=o(),D.__docgenInfo={description:`Выпадающий список выбора значения из набора опций. Подходит для форм, фильтров и простых справочников.`,methods:[],displayName:`Select`,props:{options:{required:!0,tsType:{name:`unknown`},description:``},getOptionKey:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => SelectOptionKey`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]}}},description:``},getOptionLabel:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => ReactNode`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`ReactNode`}}},description:``},getOptionCode:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => ReactNode`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`ReactNode`}}},description:``},getOptionDisabled:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => boolean`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`boolean`}}},description:``},getOptionAriaLabel:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => string`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`string`}}},description:``},getOptionGroup:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => SelectOptionGroup | undefined`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`union`,raw:`SelectOptionGroup | undefined`,elements:[{name:`signature`,type:`object`,raw:`{
|
|
2
|
-
readonly key: SelectOptionKey;
|
|
3
|
-
readonly label: ReactNode;
|
|
4
|
-
}`,signature:{properties:[{key:`key`,value:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}],required:!0}},{key:`label`,value:{name:`ReactNode`,required:!0}}]}},{name:`undefined`}]}}},description:``},getOptionClassName:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption, state: SelectOptionState) => string | undefined`,signature:{arguments:[{type:{name:`TOption`},name:`option`},{type:{name:`signature`,type:`object`,raw:`{
|
|
5
|
-
active: boolean;
|
|
6
|
-
selected: boolean;
|
|
7
|
-
disabled: boolean;
|
|
8
|
-
}`,signature:{properties:[{key:`active`,value:{name:`boolean`,required:!0}},{key:`selected`,value:{name:`boolean`,required:!0}},{key:`disabled`,value:{name:`boolean`,required:!0}}]}},name:`state`}],return:{name:`union`,raw:`string | undefined`,elements:[{name:`string`},{name:`undefined`}]}}},description:``},renderOption:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption, state: SelectOptionState) => ReactNode`,signature:{arguments:[{type:{name:`TOption`},name:`option`},{type:{name:`signature`,type:`object`,raw:`{
|
|
9
|
-
active: boolean;
|
|
10
|
-
selected: boolean;
|
|
11
|
-
disabled: boolean;
|
|
12
|
-
}`,signature:{properties:[{key:`active`,value:{name:`boolean`,required:!0}},{key:`selected`,value:{name:`boolean`,required:!0}},{key:`disabled`,value:{name:`boolean`,required:!0}}]}},name:`state`}],return:{name:`ReactNode`}}},description:``},renderValue:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => ReactNode`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`ReactNode`}}},description:``},className:{required:!1,tsType:{name:`string`},description:``},buttonClassName:{required:!1,tsType:{name:`string`},description:``},optionsClassName:{required:!1,tsType:{name:`string`},description:``},optionsMaxWidth:{required:!1,tsType:{name:`CSSProperties["maxWidth"]`,raw:`CSSProperties["maxWidth"]`},description:``},optionsContentClassName:{required:!1,tsType:{name:`string`},description:``},searchable:{required:!1,tsType:{name:`boolean`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},defaultFilter:{required:!1,tsType:{name:`boolean`},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``},renderPopupHeader:{required:!1,tsType:{name:`ReactNode`},description:``},emptyState:{required:!1,tsType:{name:`ReactNode`},description:``},errorState:{required:!1,tsType:{name:`ReactNode`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``},clearable:{required:!1,tsType:{name:`TClearable`},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`unknown`},name:`value`}],return:{name:`void`}}},description:``}}}})))()}export{A as n,D as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-Bbj4T0X2.js";import{a as n,i as r}from"./utils-DUM89eIj.js";import{n as i,t as a}from"./ui.module-CiLQZm_L.js";var o,s;function c(){return(c=e((()=>{o=t(),s=({text:e,highlight:t})=>t?e.split(RegExp(`(${t})`,`gi`)).map((e,n)=>e.toLowerCase()===t.toLowerCase()?(0,o.jsx)(`mark`,{children:e},n):e):e})))()}function l({label:e,code:t,highlight:r,labelClassName:a,codeClassName:o}){return(0,u.jsxs)(`div`,{className:i.uiOptionBase,children:[(0,u.jsx)(`div`,{className:n(i.uiOptionText,`flexEllipsis`,a),children:(0,u.jsx)(s,{text:e,highlight:r})}),t&&(0,u.jsx)(`div`,{className:n(i.uiOptionCode,o),children:(0,u.jsx)(s,{text:t,highlight:r})})]})}var u;function d(){return(d=e((()=>{r(),c(),a(),u=t(),l.__docgenInfo={description:`Универсальный рендерер опции. Используется и в single-select, и в multi-select.`,methods:[],displayName:`SelectOptionContent`,props:{label:{required:!0,tsType:{name:`string`},description:``},code:{required:!1,tsType:{name:`string`},description:``},highlight:{required:!1,tsType:{name:`string`},description:``},labelClassName:{required:!1,tsType:{name:`string`},description:`Приватный визуальный modifier label для специализированного владельца option.`},codeClassName:{required:!1,tsType:{name:`string`},description:`Отдельный modifier code, потому что code задаёт собственный variable-font weight.`}}}})))()}export{d as n,l as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-Bbj4T0X2.js";import{c as r,d as i,f as a,i as o,r as s,s as c}from"./defaultRenderers-D0Z-7t0H.js";import{a as l,c as u,d,i as f,l as p,n as m,r as h,s as g,t as _}from"./TreePickerBase-rB-Q9Uwf.js";function v(e,t){let n=d(e,t),r=Object.values(n).reduce((e,t)=>e+t.length,0);if(r!==0){if(r===1){let n=[...e].sort((e,n)=>(t.preorderIndexById.get(e)??2**53-1)-(t.preorderIndexById.get(n)??2**53-1))[0],r=t.nodeById.get(n);return r?r.label:void 0}return s(r)}}function y(e,t,n){let r=p(e,n),i=p(t,n);return r.size===i.size&&[...r].every(e=>i.has(e))}function b({label:e,description:t,disabled:n,placeholder:r=`Выберите значения`,size:i,nodes:o,value:s,onChange:m,query:b,defaultQuery:C,onQuery:w,isLoading:T,error:E,optionsLayout:D=`tree`,defaultExpandedCodeKeys:O}){let[k,A]=(0,x.useState)(!1),j=(0,x.useMemo)(()=>h(o),[o]),{draftValue:M,setDraftValue:N,prepareOpen:P}=a({value:s,open:k,onCommit:m,isEqual:(e,t)=>y(e,t,j)}),F=k?M:s,I=(0,x.useMemo)(()=>p(F,j),[F,j]),L=(0,x.useMemo)(()=>l(I,j),[I,j]),R=(0,x.useMemo)(()=>new Set([...j.nodeById.keys()].filter(e=>j.nodeById.get(e)?.disabled!==!0&&!g(e,I,j)&&!L.selectedIds.has(e)&&f(j,[e]).size===0)),[I,L.selectedIds,j]),z=(0,x.useMemo)(()=>v(I,j),[I,j]);return(0,S.jsx)(_,{label:e,description:t,disabled:n,placeholder:r,size:i,nodes:o,selectedIds:L.selectedIds,partialIds:L.partialIds,selectionMode:`multi`,optionsLayout:D,defaultExpandedCodeKeys:O,unavailableNodeIds:R,open:k,onOpenChange:e=>{e&&!k&&P(),A(e)},bulkActions:{onSelectAll:()=>{N(d(f(j),j))},onDeselectAll:()=>N({})},triggerMode:`search`,selectedSummary:z?(0,S.jsx)(c,{value:z}):void 0,query:b,defaultQuery:C,onQuery:w,onNodeActivate:e=>{N(t=>u(t,e.id,j))},onClearSelection:()=>{N({}),k||m({})},isLoading:T,error:E})}var x,S;function C(){return(C=e((()=>{x=t(),r(),o(),i(),m(),S=n(),b.__docgenInfo={description:``,methods:[],displayName:`TreeMultiSelect`,props:{nodes:{required:!0,tsType:{name:`unknown`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Выберите значения"`,computed:!1}},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``},error:{required:!1,tsType:{name:`string`},description:``},optionsLayout:{required:!1,tsType:{name:`union`,raw:`"tree" | "columns"`,elements:[{name:`literal`,value:`"tree"`},{name:`literal`,value:`"columns"`}]},description:`Определяет обычное раскрываемое дерево или полностью открытый адаптивный набор колонок.`,defaultValue:{value:`"tree"`,computed:!1}},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:"Ключи уровней, узлы которых раскрываются до ручного действия пользователя.\nВ режиме `columns` дерево по-прежнему отображается полностью раскрытым."}},composes:[`Omit`]}})))()}export{C as n,b as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.eMqOwq{border-radius:var(--radius-sm);cursor:pointer;align-items:stretch;display:flex}.eMqOwq:focus{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);background-color:var(--surface-accent);border-color:var(--border-1);cursor:pointer}.eMqOwq:hover{background-color:var(--surface-accent);cursor:pointer}.JKstO-{background-color:var(--surface-2);color:var(--content-accent);cursor:default}.hKgr8e{background-color:var(--surface-1)}.KjPZjd{cursor:not-allowed;opacity:var(--disabled-opacity)}.KjPZjd:hover{cursor:not-allowed;background-color:#0000}._6EH37F{align-items:center;gap:var(--space-xs);width:100%;padding-right:var(--space-xs);text-align:left;border-radius:var(--radius-sm);background:0 0;display:flex}.UBll8Q{gap:var(--space-sm);display:grid}.-y3RZP{grid-template-columns:repeat(var(--tree-column-count,1), minmax(0, 1fr));grid-template-rows:repeat(var(--tree-row-count,1), minmax(var(--control-height), auto));column-gap:var(--space-sm);align-content:start;width:100%;min-width:0;display:grid}.ayLJ50{grid-column-start:var(--tree-option-column);grid-row-start:var(--tree-option-row);min-width:0}._430vL2{max-height:none}.FkzTJI,.e8fE4t{font-variation-settings:"wght" 600;font-weight:600}._2MFkGF{flex-shrink:0;display:inline-flex}.SWQUvb{flex:1 1 0;min-width:0;height:100%}.o5NWnX{width:calc(var(--tree-level) * 1em);flex-shrink:0}.ibSd-S,.lXezvv{flex-shrink:0;justify-content:center;align-items:center;width:1.5em;height:1.5em;display:inline-flex}.ibSd-S{border-radius:var(--radius-sm);color:var(--content-2);background:0 0;border:none}.ibSd-S:hover{color:var(--content-accent)}.FMlLGX{transition:transform var(--transition-fast) ease}.d2Zt7U{transform:rotate(90deg)}._8PN4hs{border:var(--border);border-radius:var(--radius-xs);background-color:var(--surface-0);color:#0000;flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}._4JEoen{background-color:var(--status-info-text);border-color:var(--status-info-text);color:var(--white)}.GS8eEC{background-color:var(--surface-1);border-color:var(--status-info-text);color:var(--status-info-text)}.T8gVno{width:.75rem;height:.75rem}.o6stdX{padding-right:calc(var(--control-height) * 2)}.I5zvhe{color:#0000;caret-color:#0000}.KQ0PBI{inset:0 calc(var(--control-height) * 2) 0 var(--space-md);pointer-events:none;align-items:center;display:flex;position:absolute;overflow:hidden}._7hAQQA{align-items:center;height:100%;display:flex;position:absolute;top:0;right:0}.XeUHNc{color:var(--status-error-text)}
|