@ryuzaki13/react-foundation-ui 1.7.0 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +36 -0
- package/dist/advanced-search/index.js +1 -1
- package/dist/chunks/{multi-select-Bs1GU5MD.js → multi-select-Clsst6DE.js} +129 -118
- package/dist/chunks/{multi-select-Bs1GU5MD.js.map → multi-select-Clsst6DE.js.map} +1 -1
- package/dist/chunks/odata-dependent-C_DCbKY2.js +45 -0
- package/dist/chunks/odata-dependent-C_DCbKY2.js.map +1 -0
- package/dist/chunks/select-B0xc6g81.js +355 -0
- package/dist/chunks/select-B0xc6g81.js.map +1 -0
- package/dist/multi-select/index.js +1 -1
- package/dist/multi-select/ui/ODataDependentMultiSelect.d.ts +5 -13
- package/dist/multi-select/ui/ODataDependentMultiSelect.d.ts.map +1 -1
- package/dist/multi-select/ui/ODataDependentSegmentMultiSelect.d.ts +3 -20
- package/dist/multi-select/ui/ODataDependentSegmentMultiSelect.d.ts.map +1 -1
- package/dist/odata-dependent/ODataDependentSegmentControlProps.d.ts +29 -0
- package/dist/odata-dependent/ODataDependentSegmentControlProps.d.ts.map +1 -0
- package/dist/odata-dependent/index.d.ts +3 -0
- package/dist/odata-dependent/index.d.ts.map +1 -0
- package/dist/odata-dependent/index.js +2 -0
- package/dist/odata-dependent/model/useODataDependentSelection.d.ts +50 -0
- package/dist/odata-dependent/model/useODataDependentSelection.d.ts.map +1 -0
- package/dist/preset-select/index.js +1 -1
- package/dist/select/ODataDependentSegmentSelect.d.ts +12 -0
- package/dist/select/ODataDependentSegmentSelect.d.ts.map +1 -0
- package/dist/select/index.d.ts +1 -0
- package/dist/select/index.d.ts.map +1 -1
- package/dist/select/index.js +2 -2
- package/dist/state-select/index.js +1 -1
- package/dist/tree-select/index.js +1 -1
- package/package.json +5 -1
- package/storybook-static/assets/{Badge-Dvx1zhPb.js → Badge-Dis0WdSI.js} +1 -1
- package/storybook-static/assets/{Badge.stories-0OqfwxFw.js → Badge.stories-DKUJOyg3.js} +1 -1
- package/storybook-static/assets/{BadgeList-y-uBOP3g.js → BadgeList-C_ImRsat.js} +1 -1
- package/storybook-static/assets/{Button-C80gfqoH.js → Button-BSsRzaxX.js} +1 -1
- package/storybook-static/assets/{Button-Do2mwgAg.js → Button-DxGg9rB3.js} +1 -1
- package/storybook-static/assets/{Button.stories-D8Fw6nud.js → Button.stories-fHvDvt2w.js} +1 -1
- package/storybook-static/assets/{CalendarView--kZXxq2R.js → CalendarView-BFcwl9Vq.js} +1 -1
- package/storybook-static/assets/{CheckBox-B75CNLqu.js → CheckBox-CSbi2BEU.js} +1 -1
- package/storybook-static/assets/{CheckBox-BLhKCbdy.js → CheckBox-SuVeN-FY.js} +1 -1
- package/storybook-static/assets/{CheckBox.stories-B6oVA8el.js → CheckBox.stories-C6PF0zG1.js} +1 -1
- package/storybook-static/assets/{Color-6AOWCN3U-cvznI3uO.js → Color-6AOWCN3U-DX3p6XEG.js} +1 -1
- package/storybook-static/assets/{ContextMenu-CO0idIWo.js → ContextMenu-BhGu3QoC.js} +1 -1
- package/storybook-static/assets/{ContextMenu-fNZVzUvQ.js → ContextMenu-f0QZPgBQ.js} +1 -1
- package/storybook-static/assets/{ContextMenu.stories-0nmobIh6.js → ContextMenu.stories-V9d5mjak.js} +1 -1
- package/storybook-static/assets/{DateInput-C2In05Rg.js → DateInput-BmL4c3wO.js} +1 -1
- package/storybook-static/assets/{DateInput-D2rfcbf3.js → DateInput-C0K0JvWe.js} +1 -1
- package/storybook-static/assets/{DateInput.stories-JUkITh6A.js → DateInput.stories-65WMYAML.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-nJgrTbCb.js → DateRangePresetSelect-DVAqXJt1.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-Qc1kiswO.js → DateRangePresetSelect-DdpNa-Yj.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect.stories-ZCKuMVv1.js → DateRangePresetSelect.stories-BGgd7TOu.js} +1 -1
- package/storybook-static/assets/{Detail-pOYJZCE7.js → Detail-1rmVP04K.js} +1 -1
- package/storybook-static/assets/{Detail.stories-zt0s1IF8.js → Detail.stories-CW2YXAPy.js} +1 -1
- package/storybook-static/assets/{Dialog-yNCOXo0U.js → Dialog-CszRheXL.js} +1 -1
- package/storybook-static/assets/{Dialog-0qof8LAi.js → Dialog-DcdGv_Bv.js} +1 -1
- package/storybook-static/assets/{Dialog.stories-B8N3aCaV.js → Dialog.stories-CN9vtGuI.js} +1 -1
- package/storybook-static/assets/{Disclosure-1aczsOfE.js → Disclosure-DWeZZ2i8.js} +1 -1
- package/storybook-static/assets/{Disclosure.stories-BHF7zV4r.js → Disclosure.stories-pZXR5BOM.js} +1 -1
- package/storybook-static/assets/{DisclosureGroup-1UIF1dzA.js → DisclosureGroup-BWba17wI.js} +1 -1
- package/storybook-static/assets/{DocsRenderer-JROSPFPF-C3ElfDK6.js → DocsRenderer-JROSPFPF-BYN3Mg4U.js} +1 -1
- package/storybook-static/assets/{DropZone-BXwkEyR-.js → DropZone-BCe20YiO.js} +1 -1
- package/storybook-static/assets/{DropZone-DcnHdyOy.js → DropZone-ByDIyQgI.js} +1 -1
- package/storybook-static/assets/{DropZone.stories-C__hp7nZ.js → DropZone.stories-CLXe7D8H.js} +1 -1
- package/storybook-static/assets/{DropdownMenu-Cn3NEWML.js → DropdownMenu-BD-pc32j.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel-DRmbAqvH.js → ExpandableActionPanel-v-DZaEKX.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel.stories-CILdKlLi.js → ExpandableActionPanel.stories-BhHYM4mJ.js} +1 -1
- package/storybook-static/assets/{Flex-sxipWyth.js → Flex-DukB58MF.js} +1 -1
- package/storybook-static/assets/{Flex.stories-DY8V2sbR.js → Flex.stories-DQmoW5jb.js} +1 -1
- package/storybook-static/assets/{FloatingPopover-CNZzGjfO.js → FloatingPopover-fnwAyZil.js} +1 -1
- package/storybook-static/assets/{FormattedTableCell-DG4dVFTa.js → FormattedTableCell-CK1yXePp.js} +1 -1
- package/storybook-static/assets/{Grid-D2wN6WmI.js → Grid-BoLaxbR_.js} +1 -1
- package/storybook-static/assets/{Grid.stories-Dtya61zz.js → Grid.stories-CSuOTbao.js} +1 -1
- package/storybook-static/assets/{ImageCropper.stories-CQOvZs9k.js → ImageCropper.stories-BRi_qlO4.js} +1 -1
- package/storybook-static/assets/{ImageRenderer-C8mxg5a9.js → ImageRenderer-BiV2g53B.js} +1 -1
- package/storybook-static/assets/{ImageRenderer.stories-ulHRIV84.js → ImageRenderer.stories-Da7QE7_Q.js} +1 -1
- package/storybook-static/assets/{ImageView.stories-DfO8LRNv.js → ImageView.stories-DSFBxOa6.js} +1 -1
- package/storybook-static/assets/{ImageViewer.stories-BC2AIOFa.js → ImageViewer.stories-D2rcovap.js} +2 -2
- package/storybook-static/assets/{ImageViewerRuntime-D3u-RNDY.js → ImageViewerRuntime-B2CS1UFL.js} +1 -1
- package/storybook-static/assets/{Input-BrWASIXE.js → Input-BIy4zhlA.js} +1 -1
- package/storybook-static/assets/{Input-Duo7u72d.js → Input-CVs7SVMJ.js} +1 -1
- package/storybook-static/assets/{Input.stories--i9k07KI.js → Input.stories-BBXrateo.js} +1 -1
- package/storybook-static/assets/{InputDateTime-DcZRgiPg.js → InputDateTime-VUiW2Znv.js} +1 -1
- package/storybook-static/assets/{InputDateTime.stories-Dt6Y1CZ2.js → InputDateTime.stories-lqECZY7T.js} +1 -1
- package/storybook-static/assets/{InputFile-Cj-m_fo4.js → InputFile-D0aHVW1q.js} +1 -1
- package/storybook-static/assets/{InputFile-BiLD06iA.js → InputFile-DEeRFq2f.js} +1 -1
- package/storybook-static/assets/{InputFile.stories-akX4tW3o.js → InputFile.stories-9fBhIus4.js} +1 -1
- package/storybook-static/assets/{InputFiles-6FDWUpPw.js → InputFiles-C_KIqiN9.js} +1 -1
- package/storybook-static/assets/{InputFiles-B8Erga76.js → InputFiles-DTy038xW.js} +1 -1
- package/storybook-static/assets/{InputFiles.stories-CHQIzkT-.js → InputFiles.stories-CspkI6-Y.js} +1 -1
- package/storybook-static/assets/{InputFilesList-B2ED3xeD.js → InputFilesList-BQdSFOI1.js} +1 -1
- package/storybook-static/assets/{InputImage-DgEux6nu.js → InputImage-C0kyUtT0.js} +1 -1
- package/storybook-static/assets/{InputImage-Csz6DuXw.js → InputImage-VJaqApEh.js} +1 -1
- package/storybook-static/assets/{InputImage.stories-BQMt1D7p.js → InputImage.stories-DKXeva5i.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents-Dsk4_Vr2.js → InteractiveComponents-B8zzCcZ_.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents.stories-DkOUo1Hs.js → InteractiveComponents.stories-DP0Jma43.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-BYQGwA2A.js → LayoutPicker-BpcPcCDz.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-CtU_BRSU.js → LayoutPicker-DjUZ5y7M.js} +1 -1
- package/storybook-static/assets/{LayoutPicker.stories-u-llXrmg.js → LayoutPicker.stories-POpVHww7.js} +1 -1
- package/storybook-static/assets/{Listbox-D-w3s2rV.js → Listbox-Cg1OczYK.js} +1 -1
- package/storybook-static/assets/{Listbox-CRpGe74L.js → Listbox-gHitzePa.js} +1 -1
- package/storybook-static/assets/{Listbox.stories-DNgm_jEg.js → Listbox.stories-Dw3IdYZA.js} +1 -1
- package/storybook-static/assets/{Modal-BCEfdMRV.js → Modal-CY7qfD1u.js} +1 -1
- package/storybook-static/assets/{Modal.stories-DgluP-Zg.js → Modal.stories-Boa7oW-a.js} +1 -1
- package/storybook-static/assets/{ModalManagerProvider-DB1CpShR.js → ModalManagerProvider-GYXaQe-7.js} +1 -1
- package/storybook-static/assets/{MultiSelect-CtPVgzw3.js → MultiSelect-D8qN-i5f.js} +1 -1
- package/storybook-static/assets/{MultiSelect-DXazv8Gk.js → MultiSelect-DToMWi-I.js} +1 -1
- package/storybook-static/assets/{MultiSelect.stories-m3lK4whp.js → MultiSelect.stories-DLuXOl9Q.js} +1 -1
- package/storybook-static/assets/{NoData-tXPTJtqs.js → NoData-Bzj7vNCz.js} +1 -1
- package/storybook-static/assets/{NotificationsHost-Cns_wFoV.js → NotificationsHost-Bs93X8Nv.js} +1 -1
- package/storybook-static/assets/{NotificationsHost.stories-Bl6cz2bV.js → NotificationsHost.stories-DxVOVOf8.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect-6Df5Fkah.js → ODataMultiSelect-Dh33YJP6.js} +3 -2
- package/storybook-static/assets/ODataMultiSelect.stories-DUmFRMTU.js +139 -0
- package/storybook-static/assets/{ODataSelect-BO5s66q2.js → ODataSelect-lpN9sKth.js} +3 -1
- package/storybook-static/assets/ODataSelect.stories-BkFs5uIY.js +161 -0
- package/storybook-static/assets/{ODataTreeMultiSelect-OSArfN7U.js → ODataTreeMultiSelect-DFY2FJBX.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect.stories-DIO3n7N6.js → ODataTreeMultiSelect.stories-B_Izm4eH.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect-C2YNVppX.js → ODataTreeSelect-DdniMRRE.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect.stories-BCjXst_-.js → ODataTreeSelect.stories-DxNhuLVU.js} +1 -1
- package/storybook-static/assets/{OneStepScroller-CBqY-Bqn.js → OneStepScroller-CHvIHlYx.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-D9DwWI_-.js → PeriodSelect-BgAak8GG.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-8I2DZE_l.js → PeriodSelect-T1qaj11S.js} +1 -1
- package/storybook-static/assets/{PeriodSelect.stories-Dvdfl6jl.js → PeriodSelect.stories-DYEtD47p.js} +1 -1
- package/storybook-static/assets/{PickerSelectionToolbar-DTFaKHYJ.js → PickerSelectionToolbar-DWtGYc4E.js} +1 -1
- package/storybook-static/assets/{PickerTriggerActions-DB5hWOPs.js → PickerTriggerActions-BIH8_o_b.js} +1 -1
- package/storybook-static/assets/{Popover-DDuVgt46.js → Popover-BVP-wMdK.js} +1 -1
- package/storybook-static/assets/{Popover-x1KDnoku.js → Popover-DQKHL6wc.js} +1 -1
- package/storybook-static/assets/{Popover.stories-JeW5d8gm.js → Popover.stories-Pt4-7Aof.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-Csq8RBK7.js → PresetRangeDateInput-C4_NegG_.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-C4gbhz_V.js → PresetRangeDateInput-DQ3rlCp5.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput.stories-mPfnN7w9.js → PresetRangeDateInput.stories-3AzmySZv.js} +1 -1
- package/storybook-static/assets/{PresetSelect-D5XN8_y3.js → PresetSelect-BTh53LoO.js} +1 -1
- package/storybook-static/assets/{RadioButton-DqKb7dga.js → RadioButton-BfBSX73Y.js} +1 -1
- package/storybook-static/assets/{RadioButton-3vNTYzok.js → RadioButton-Ci25eUL_.js} +1 -1
- package/storybook-static/assets/{RadioButton.stories-DEtB6-Gq.js → RadioButton.stories-JVGXFlz8.js} +1 -1
- package/storybook-static/assets/{RadioGroup-CxSDxT4Z.js → RadioGroup-CL7EHd6O.js} +1 -1
- package/storybook-static/assets/{RadioGroup-BVH61YyU.js → RadioGroup-CW39hD_-.js} +1 -1
- package/storybook-static/assets/{RadioGroup.stories-D8YHF52N.js → RadioGroup.stories-MS9Jl6AT.js} +1 -1
- package/storybook-static/assets/{Scrollable-CzjaBhDx.js → Scrollable-Bo4197LC.js} +1 -1
- package/storybook-static/assets/{Select-DRU8ibvA.js → Select-CxQqH8H5.js} +1 -1
- package/storybook-static/assets/{Select-DCitHJuw.js → Select-DBsWg0wv.js} +1 -1
- package/storybook-static/assets/{Select.stories-CK_D5RAO.js → Select.stories-DfjNWXba.js} +1 -1
- package/storybook-static/assets/{SelectOptionContent-BAJEXMJG.js → SelectOptionContent-Bie2pzia.js} +1 -1
- package/storybook-static/assets/{SerializableSelect-DyRYm6Fb.js → SerializableSelect-BktENdyg.js} +1 -1
- package/storybook-static/assets/{SerializableSelect.stories-6msteGLD.js → SerializableSelect.stories-B8zxcu66.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-Dt2pvrEI.js → SingleDateTimeInput-DZBRm3dM.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-CNIODG1r.js → SingleDateTimeInput-DvpU1DkI.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput.stories-BjZkApxR.js → SingleDateTimeInput.stories-Bku5Zc05.js} +1 -1
- package/storybook-static/assets/{Slider-C2STT2eb.js → Slider-BJkB6IoW.js} +1 -1
- package/storybook-static/assets/{Slider-CyrGnw3r.js → Slider-BN2xXBOi.js} +1 -1
- package/storybook-static/assets/{Slider.stories-cV_-2z3X.js → Slider.stories-CM3yNojO.js} +1 -1
- package/storybook-static/assets/{SliderInput-DxWLjpcW.js → SliderInput-2ZiuvbpQ.js} +1 -1
- package/storybook-static/assets/{SliderInput-C7XLyS8n.js → SliderInput-CPX2bJK3.js} +1 -1
- package/storybook-static/assets/{SliderInput.stories-DBIe7Yhj.js → SliderInput.stories-dJX-tRtA.js} +1 -1
- package/storybook-static/assets/{Sortable-06Qmji0A.js → Sortable-Bkr-xnO4.js} +1 -1
- package/storybook-static/assets/{Sortable.stories-VPSDld7o.js → Sortable.stories-BPEg99e5.js} +1 -1
- package/storybook-static/assets/{Splitter-Bjc9_DpU.js → Splitter-D4en_f5n.js} +1 -1
- package/storybook-static/assets/{Splitter.stories-CaecpwzX.js → Splitter.stories-Cynn_kHV.js} +1 -1
- package/storybook-static/assets/{StateSelect-DEbS-UHz.js → StateSelect-BgbwMGGc.js} +1 -1
- package/storybook-static/assets/{StateSelect-CBqVFgZr.js → StateSelect-PcH0VuO_.js} +1 -1
- package/storybook-static/assets/{StateSelect.stories-DHCZQjpD.js → StateSelect.stories-CShqVH9Y.js} +1 -1
- package/storybook-static/assets/{StringToggle.stories-DZ5cJKre.js → StringToggle.stories-CypR3oB_.js} +1 -1
- package/storybook-static/assets/{Switch-BQVOziJc.js → Switch-BVN6TcVZ.js} +1 -1
- package/storybook-static/assets/{Switch-DbMsXJZQ.js → Switch-D-cSDh8j.js} +1 -1
- package/storybook-static/assets/{Switch.stories-xsRPNma9.js → Switch.stories-C0s7gvBf.js} +1 -1
- package/storybook-static/assets/{Table-90xunt07.js → Table-CwXJDDe6.js} +1 -1
- package/storybook-static/assets/{Table.stories-BHO05Nt2.js → Table.stories-vqttnROX.js} +1 -1
- package/storybook-static/assets/{Tabs-I00nOCLh.js → Tabs-BRSEvQpk.js} +1 -1
- package/storybook-static/assets/{Tabs.stories-B2XJ7Ho5.js → Tabs.stories-R_7jiTQc.js} +1 -1
- package/storybook-static/assets/{TabsBox-elxR9IVU.js → TabsBox-CqSxAUdJ.js} +1 -1
- package/storybook-static/assets/{TagInput-DJRFuFDX.js → TagInput-C3ahaF-B.js} +1 -1
- package/storybook-static/assets/{TagInput.stories-Cf6c-1Xx.js → TagInput.stories-C3O2gBUY.js} +1 -1
- package/storybook-static/assets/{Text-CKeWyv1R.js → Text-b8fMr5Hd.js} +1 -1
- package/storybook-static/assets/{Textarea-DamLyP7r.js → Textarea-BDL_MwcM.js} +1 -1
- package/storybook-static/assets/{Textarea-DZ27cTTb.js → Textarea-CCgxNL6F.js} +1 -1
- package/storybook-static/assets/{Textarea.stories-1wsB9B_l.js → Textarea.stories-kc_LXBix.js} +1 -1
- package/storybook-static/assets/{TimePanel-BCiqgc3_.js → TimePanel-BCotjEKQ.js} +1 -1
- package/storybook-static/assets/{TimePanel.stories-CChD-RUz.js → TimePanel.stories-B8paqA-_.js} +1 -1
- package/storybook-static/assets/{Toggle-CUhT4loI.js → Toggle-CT4IyZPI.js} +1 -1
- package/storybook-static/assets/{Toggle-BAJj1RSd.js → Toggle-CbsKNs_c.js} +1 -1
- package/storybook-static/assets/{Toggle.stories-Dipcr_LJ.js → Toggle.stories-YsQZk4DA.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-BXhuUX3J.js → TreeMultiSelect-CmAa_Gin.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-D4Owgkp8.js → TreeMultiSelect-DRLoUCXF.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect.stories-CB2jm_bz.js → TreeMultiSelect.stories-CV65ZVUo.js} +1 -1
- package/storybook-static/assets/{TreePickerBase-eXU7yGrA.js → TreePickerBase-rB-Q9Uwf.js} +1 -1
- package/storybook-static/assets/{TreeSelect-5qlmmCCI.js → TreeSelect-CsYGUC6s.js} +1 -1
- package/storybook-static/assets/{TreeSelect-0dZm6ufk.js → TreeSelect-FhEH7bMx.js} +1 -1
- package/storybook-static/assets/{TreeSelect.stories-CllcJYnI.js → TreeSelect.stories-Cw4IkrNG.js} +1 -1
- package/storybook-static/assets/{TreeTable-BqZk_QkK.js → TreeTable-Bajr80HM.js} +1 -1
- package/storybook-static/assets/{TreeTable.stories-BDoNVZCh.js → TreeTable.stories-DDCGoB2u.js} +1 -1
- package/storybook-static/assets/{async-CoT7Kgjz.js → async-CWrFMaux.js} +1 -1
- package/storybook-static/assets/{blocks-W-usNnZb.js → blocks-CrYcG0WD.js} +3 -3
- package/storybook-static/assets/{browserAndReact-CdN7k1Ys.js → browserAndReact-DSxaVMjM.js} +1 -1
- package/storybook-static/assets/{check-DjVied9B.js → check-Cnuffb78.js} +1 -1
- package/storybook-static/assets/{chevron-down-CjmFWC1H.js → chevron-down-ChPfAmdy.js} +1 -1
- package/storybook-static/assets/{chevron-left-CgCtsWUK.js → chevron-left-CEB5eAVk.js} +1 -1
- package/storybook-static/assets/{chevron-right-DfAt2YE7.js → chevron-right-DHw2yjh1.js} +1 -1
- package/storybook-static/assets/{chunk-W22LQPXL-CPNotdVj.js → chunk-W22LQPXL-i9Cm4c-p.js} +1 -1
- package/storybook-static/assets/{circle-alert-DNyHEnP7.js → circle-alert-B0REyiCt.js} +1 -1
- package/storybook-static/assets/{circle-check-BUp-oyqo.js → circle-check-D6WZ24rj.js} +1 -1
- package/storybook-static/assets/{components-CWI6MUvj.js → components-BCe0UvQp.js} +3 -3
- package/storybook-static/assets/{contextMenu-B2RJaey1.js → contextMenu-De66k1si.js} +1 -1
- package/storybook-static/assets/{defaultRenderers-jxMgDhVa.js → defaultRenderers-D0Z-7t0H.js} +1 -1
- package/storybook-static/assets/{download-C5zRdMry.js → download-C1DiezfA.js} +1 -1
- package/storybook-static/assets/{filesAndExcel-CYKyG14W.js → filesAndExcel-BVMGH9OS.js} +1 -1
- package/storybook-static/assets/{floating-ui.react-BGMb0aIS.js → floating-ui.react-BswSORmJ.js} +1 -1
- package/storybook-static/assets/{formatters-DeU7wI7T.js → formatters-D27XMzPd.js} +1 -1
- package/storybook-static/assets/{formatters-runtime-DnSgDhbz.js → formatters-runtime-B_C8yQOS.js} +1 -1
- package/storybook-static/assets/{foundationLib-DrimcZD1.js → foundationLib-BmwSyi1e.js} +1 -1
- package/storybook-static/assets/{hooks-BJmY6rG1.js → hooks-CXlVTo5i.js} +1 -1
- package/storybook-static/assets/{iframe-BnW9ONAs.js → iframe-Bbj4T0X2.js} +3 -3
- package/storybook-static/assets/iframe-DLZ4F2nx.js +1 -0
- package/storybook-static/assets/{info-2igYCwst.js → info-D_YlGthq.js} +1 -1
- package/storybook-static/assets/{odata-DfSyh3Sn.js → odata-CDuIqs1a.js} +1 -1
- package/storybook-static/assets/{odataAndTables-BhJXkoYZ.js → odataAndTables-D4R4KHZc.js} +1 -1
- package/storybook-static/assets/{odataFetchFn-D2X1lPng.js → odataFetchFn-Sw0FicJe.js} +1 -1
- package/storybook-static/assets/{odataStoryFixtures-DYRSp8rq.js → odataStoryFixtures-z1HaQHNb.js} +1 -1
- package/storybook-static/assets/{persisted-DHhF6isC.js → persisted-TRx901TV.js} +1 -1
- package/storybook-static/assets/{pureUtilities-ChXuZIo7.js → pureUtilities-B8KVYaZx.js} +1 -1
- package/storybook-static/assets/{react-CLWTMVeL.js → react-CTGFMmtV.js} +1 -1
- package/storybook-static/assets/{refresh-cw-B-NTAP58.js → refresh-cw-BuhtDwqw.js} +1 -1
- package/storybook-static/assets/{runtimeAndState-H412awCm.js → runtimeAndState-DDPlVhTs.js} +1 -1
- package/storybook-static/assets/{settings-2-1qvlM5d_.js → settings-2-DESCgIcH.js} +1 -1
- package/storybook-static/assets/{sortable-BHG_CM3B.js → sortable-BxGw7kip.js} +1 -1
- package/storybook-static/assets/{syntaxhighlighter-T5IQBZDB-R3_3CMVb.js → syntaxhighlighter-T5IQBZDB-B0d7LXTh.js} +1 -1
- package/storybook-static/assets/{trash-2-CE6CewYq.js → trash-2-D0Ed43_3.js} +1 -1
- package/storybook-static/assets/{triangle-alert-D3UYXaLs.js → triangle-alert-CpgcfVSf.js} +1 -1
- package/storybook-static/assets/useODataSelectBase-CFR7eJND.js +1 -0
- package/storybook-static/assets/{useODataTreeData-kmN53sfw.js → useODataTreeData-DgEKknmd.js} +1 -1
- package/storybook-static/assets/{usePickerQuery-0QXDg2qR.js → usePickerQuery-Be3WSeUa.js} +1 -1
- package/storybook-static/assets/{usePickerTriggerController-FtkRoBgz.js → usePickerTriggerController-BZZv-jDV.js} +1 -1
- package/storybook-static/assets/{x-BGnlLolo.js → x-_GQ6nyHW.js} +1 -1
- package/storybook-static/iframe.html +2 -2
- package/storybook-static/project.json +1 -1
- package/dist/chunks/select-DeeGYtVc.js +0 -328
- package/dist/chunks/select-DeeGYtVc.js.map +0 -1
- package/storybook-static/assets/ODataMultiSelect.stories-B6yPCpTe.js +0 -137
- package/storybook-static/assets/ODataSelect.stories-C0zyeXlC.js +0 -207
- package/storybook-static/assets/iframe-DGAjOA6_.js +0 -1
- package/storybook-static/assets/useODataSelectBase-FSv5umRf.js +0 -1
|
@@ -1,137 +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-BnW9ONAs.js";import{r as i,s as a}from"./odata-DfSyh3Sn.js";import{n as o,r as s,t as c}from"./useODataSelectBase-FSv5umRf.js";import{n as l,t as u}from"./MultiSelect-CtPVgzw3.js";import{a as d,i as f,l as p,n as m,o as h,r as g,s as _,t as v}from"./odataStoryFixtures-DYRSp8rq.js";function y({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let c=s({odata:e,segment:t,model:n,value:r,dependencies:i}),l=e=>{a(o(e,c.selectionKey))};return{...c,handleChange:l}}function b(){return(b=e((()=>{c()})))()}var x,S;function C(){return(C=e((()=>{n(),a(),b(),l(),x=r(),S=({odata:e,segment:t,model:n,label:r,description:a,disabled:o,value:s,dependencies:c,onChange:l,size:d})=>{let f=y({odata:e,segment:t,model:i(n),value:s,dependencies:c,onChange:l});return(0,x.jsx)(u,{label:r,description:a,size:d,codeKey:f.codeKey,textKey:f.textKey,hideCode:t.hideCode??e.hideCode,items:f.filteredItems,value:f.selectedItems,onChange:f.handleChange,onQuery:f.setQuery,query:f.query,defaultFilter:!1,highlightQuery:f.debouncedQuery,isLoading:f.isLoading,disabled:o,placeholder:f.placeholder,error:f.isError?`Ошибка загрузки`:void 0})},S.__docgenInfo={description:``,methods:[],displayName:`ODataMultiSelect`}})))()}var w=t({BasicDivision:()=>j,CollectionError:()=>R,HideCode:()=>M,LinkedFilters:()=>F,LoadingState:()=>I,MetadataError:()=>L,SelectTextValue:()=>N,StaticDependency:()=>P,__namedExportsOrder:()=>z,default:()=>A});function T(e){let[,t]=k();return(0,O.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,O.jsx)(S,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,O.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,e.value.length?e.value.join(`, `):`пусто`]})]})}function E(){let[e,t]=(0,D.useState)([_.region]),[n,r]=(0,D.useState)([_.branch,_.branchAlt]),[i,a]=(0,D.useState)([_.team]),[o,s]=(0,D.useState)([_.owner,_.ownerAlt]),c=e.length?{REGION:e}:void 0,l=e.length&&n.length?{REGION:e,BRANCH:n}:c,u=e.length&&n.length&&i.length?{REGION:e,BRANCH:n,TEAM:i}:l;return(0,O.jsxs)(`div`,{style:{display:`grid`,gap:16,maxWidth:720},children:[(0,O.jsx)(S,{label:`Регион`,description:`Корневой фильтр для цепочки. После смены значения downstream-фильтры сбрасываются.`,odata:m,model:{...v,codeKey:`REGION`},segment:{placeholder:`Регион`},value:e,onChange:e=>{t(e),r([]),a([]),s([])}}),(0,O.jsx)(S,{label:`Подразделение`,description:`Выбор нескольких подразделений внутри выбранных регионов.`,odata:m,model:{...v,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`},dependencies:c,value:n,onChange:e=>{r(e),a([]),s([])}}),(0,O.jsx)(S,{label:`Команда`,description:`Третий уровень зависит от текущего набора подразделений.`,odata:m,model:{...v,codeKey:`TEAM`},segment:{placeholder:`Команда`},dependencies:l,value:i,onChange:e=>{a(e),s([])}}),(0,O.jsx)(S,{label:`Ответственный`,description:`Leaf-уровень для выбранных команд.`,odata:m,model:{...v,codeKey:`OWNER`},segment:{placeholder:`Ответственный`},dependencies:u,value:o,onChange:s}),(0,O.jsxs)(`div`,{style:{display:`grid`,gap:4,fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[(0,O.jsxs)(`div`,{children:[`Регион: `,e.length?e.join(`, `):`пусто`]}),(0,O.jsxs)(`div`,{children:[`Подразделение: `,n.length?n.join(`, `):`пусто`]}),(0,O.jsxs)(`div`,{children:[`Команда: `,i.length?i.join(`, `):`пусто`]}),(0,O.jsxs)(`div`,{children:[`Ответственный: `,o.length?o.join(`, `):`пусто`]})]})]})}var D,O,k,A,j,M,N,P,F,I,L,R,z;function B(){return(B=e((()=>{D=n(),f(),C(),O=r(),{useArgs:k}=__STORYBOOK_MODULE_PREVIEW_API__,A={title:`Shared/UI/ODataMultiSelect`,component:S,decorators:[p],beforeEach:d,parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`Регион`,description:`Пример OData MultiSelect на основе конфигурации ui control.`,odata:m,model:v,segment:g,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`]}}},j={name:`Базовый регион`,render:function(e){return(0,O.jsx)(T,{...e})},args:{label:`Регион`,description:`Базовая настройка из multiSelectConfig: выбор кодов REGION с текстовым отображением.`,model:{...v,codeKey:`REGION`},segment:{placeholder:`Регион`},value:[_.region]}},M={name:`Скрытый код`,render:function(e){return(0,O.jsx)(T,{...e})},args:{label:`Подразделение`,description:`Сценарий segment.hideCode: в списке и токене показывается только текст без кода.`,model:{...v,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`,hideCode:!0},value:[_.branch,_.branchAlt]}},N={name:`Выбор текста вместо кода`,render:function(e){return(0,O.jsx)(T,{...e})},args:{label:`Регион по тексту`,description:`Сценарий segment.selectText: наружу возвращаются текстовые значения, а не коды.`,model:{...v,codeKey:`REGION`},segment:{placeholder:`Регион`,selectText:!0},value:[_.regionText]}},P={name:`Зависимость от региона`,render:function(e){return(0,O.jsx)(T,{...e})},args:{label:`Подразделение c зависимостью`,description:`Фильтрация подразделений по уже выбранному региону через props.dependencies.`,model:{...v,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`},dependencies:{REGION:[_.region]},value:[_.branch]}},F={name:`Связанная цепочка фильтров`,render:()=>(0,O.jsx)(E,{})},I={name:`Состояние загрузки`,parameters:{odataMockMode:`loading`},render:function(e){return(0,O.jsx)(T,{...e})},args:{odata:h.loading,label:`Команда`,description:`Mock с задержкой ответа, чтобы проверить loading-state и skeleton.`,model:{...v,codeKey:`TEAM`},segment:{placeholder:`Команда`}}},L={name:`Ошибка metadata`,parameters:{odataMockMode:`metadataError`},render:function(e){return(0,O.jsx)(T,{...e})},args:{odata:h.metadataError,label:`Регион`,description:`Сервис возвращает ошибку metadata. Полезно для проверки поведения хука useODataEntity.`,model:{...v,codeKey:`REGION`},segment:{placeholder:`Регион`}}},R={name:`Деградация при ошибке коллекции`,parameters:{odataMockMode:`collectionError`},render:function(e){return(0,O.jsx)(T,{...e})},args:{odata:h.collectionError,label:`Ответственный`,description:`Transport возвращает 500, а текущий API-контракт безопасно показывает пустой список.`,model:{...v,codeKey:`OWNER`},segment:{placeholder:`Ответственный`}}},j.parameters={...j.parameters,docs:{...j.parameters?.docs,source:{originalSource:`{
|
|
2
|
-
name: "Базовый регион",
|
|
3
|
-
render: function Render(args) {
|
|
4
|
-
return <ODataMultiSelectStoryCanvas {...args} />;
|
|
5
|
-
},
|
|
6
|
-
args: {
|
|
7
|
-
label: "Регион",
|
|
8
|
-
description: "Базовая настройка из multiSelectConfig: выбор кодов REGION с текстовым отображением.",
|
|
9
|
-
model: {
|
|
10
|
-
...baseModel,
|
|
11
|
-
codeKey: "REGION"
|
|
12
|
-
},
|
|
13
|
-
segment: {
|
|
14
|
-
placeholder: "Регион"
|
|
15
|
-
},
|
|
16
|
-
value: [storyValues.region]
|
|
17
|
-
}
|
|
18
|
-
}`,...j.parameters?.docs?.source}}},M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`{
|
|
19
|
-
name: "Скрытый код",
|
|
20
|
-
render: function Render(args) {
|
|
21
|
-
return <ODataMultiSelectStoryCanvas {...args} />;
|
|
22
|
-
},
|
|
23
|
-
args: {
|
|
24
|
-
label: "Подразделение",
|
|
25
|
-
description: "Сценарий segment.hideCode: в списке и токене показывается только текст без кода.",
|
|
26
|
-
model: {
|
|
27
|
-
...baseModel,
|
|
28
|
-
codeKey: "BRANCH"
|
|
29
|
-
},
|
|
30
|
-
segment: {
|
|
31
|
-
placeholder: "Подразделение",
|
|
32
|
-
hideCode: true
|
|
33
|
-
},
|
|
34
|
-
value: [storyValues.branch, storyValues.branchAlt]
|
|
35
|
-
}
|
|
36
|
-
}`,...M.parameters?.docs?.source}}},N.parameters={...N.parameters,docs:{...N.parameters?.docs,source:{originalSource:`{
|
|
37
|
-
name: "Выбор текста вместо кода",
|
|
38
|
-
render: function Render(args) {
|
|
39
|
-
return <ODataMultiSelectStoryCanvas {...args} />;
|
|
40
|
-
},
|
|
41
|
-
args: {
|
|
42
|
-
label: "Регион по тексту",
|
|
43
|
-
description: "Сценарий segment.selectText: наружу возвращаются текстовые значения, а не коды.",
|
|
44
|
-
model: {
|
|
45
|
-
...baseModel,
|
|
46
|
-
codeKey: "REGION"
|
|
47
|
-
},
|
|
48
|
-
segment: {
|
|
49
|
-
placeholder: "Регион",
|
|
50
|
-
selectText: true
|
|
51
|
-
},
|
|
52
|
-
value: [storyValues.regionText]
|
|
53
|
-
}
|
|
54
|
-
}`,...N.parameters?.docs?.source}}},P.parameters={...P.parameters,docs:{...P.parameters?.docs,source:{originalSource:`{
|
|
55
|
-
name: "Зависимость от региона",
|
|
56
|
-
render: function Render(args) {
|
|
57
|
-
return <ODataMultiSelectStoryCanvas {...args} />;
|
|
58
|
-
},
|
|
59
|
-
args: {
|
|
60
|
-
label: "Подразделение c зависимостью",
|
|
61
|
-
description: "Фильтрация подразделений по уже выбранному региону через props.dependencies.",
|
|
62
|
-
model: {
|
|
63
|
-
...baseModel,
|
|
64
|
-
codeKey: "BRANCH"
|
|
65
|
-
},
|
|
66
|
-
segment: {
|
|
67
|
-
placeholder: "Подразделение"
|
|
68
|
-
},
|
|
69
|
-
dependencies: {
|
|
70
|
-
REGION: [storyValues.region]
|
|
71
|
-
},
|
|
72
|
-
value: [storyValues.branch]
|
|
73
|
-
}
|
|
74
|
-
}`,...P.parameters?.docs?.source}}},F.parameters={...F.parameters,docs:{...F.parameters?.docs,source:{originalSource:`{
|
|
75
|
-
name: "Связанная цепочка фильтров",
|
|
76
|
-
render: () => <LinkedFiltersDemo />
|
|
77
|
-
}`,...F.parameters?.docs?.source}}},I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
|
|
78
|
-
name: "Состояние загрузки",
|
|
79
|
-
parameters: {
|
|
80
|
-
odataMockMode: "loading"
|
|
81
|
-
},
|
|
82
|
-
render: function Render(args) {
|
|
83
|
-
return <ODataMultiSelectStoryCanvas {...args} />;
|
|
84
|
-
},
|
|
85
|
-
args: {
|
|
86
|
-
odata: odataStoryOData.loading,
|
|
87
|
-
label: "Команда",
|
|
88
|
-
description: "Mock с задержкой ответа, чтобы проверить loading-state и skeleton.",
|
|
89
|
-
model: {
|
|
90
|
-
...baseModel,
|
|
91
|
-
codeKey: "TEAM"
|
|
92
|
-
},
|
|
93
|
-
segment: {
|
|
94
|
-
placeholder: "Команда"
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
}`,...I.parameters?.docs?.source}}},L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
|
|
98
|
-
name: "Ошибка metadata",
|
|
99
|
-
parameters: {
|
|
100
|
-
odataMockMode: "metadataError"
|
|
101
|
-
},
|
|
102
|
-
render: function Render(args) {
|
|
103
|
-
return <ODataMultiSelectStoryCanvas {...args} />;
|
|
104
|
-
},
|
|
105
|
-
args: {
|
|
106
|
-
odata: odataStoryOData.metadataError,
|
|
107
|
-
label: "Регион",
|
|
108
|
-
description: "Сервис возвращает ошибку metadata. Полезно для проверки поведения хука useODataEntity.",
|
|
109
|
-
model: {
|
|
110
|
-
...baseModel,
|
|
111
|
-
codeKey: "REGION"
|
|
112
|
-
},
|
|
113
|
-
segment: {
|
|
114
|
-
placeholder: "Регион"
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
}`,...L.parameters?.docs?.source}}},R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{
|
|
118
|
-
name: "Деградация при ошибке коллекции",
|
|
119
|
-
parameters: {
|
|
120
|
-
odataMockMode: "collectionError"
|
|
121
|
-
},
|
|
122
|
-
render: function Render(args) {
|
|
123
|
-
return <ODataMultiSelectStoryCanvas {...args} />;
|
|
124
|
-
},
|
|
125
|
-
args: {
|
|
126
|
-
odata: odataStoryOData.collectionError,
|
|
127
|
-
label: "Ответственный",
|
|
128
|
-
description: "Transport возвращает 500, а текущий API-контракт безопасно показывает пустой список.",
|
|
129
|
-
model: {
|
|
130
|
-
...baseModel,
|
|
131
|
-
codeKey: "OWNER"
|
|
132
|
-
},
|
|
133
|
-
segment: {
|
|
134
|
-
placeholder: "Ответственный"
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
}`,...R.parameters?.docs?.source}}},z=[`BasicDivision`,`HideCode`,`SelectTextValue`,`StaticDependency`,`LinkedFilters`,`LoadingState`,`MetadataError`,`CollectionError`]})))()}export{I as a,N as c,F as i,P as l,R as n,L as o,M as r,w as s,j as t,B as u};
|
|
@@ -1,207 +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-BnW9ONAs.js";import{r as i,s as a}from"./odata-DfSyh3Sn.js";import{n as o,t as s}from"./SelectOptionContent-BAJEXMJG.js";import{c,l}from"./Input-Duo7u72d.js";import{n as u,t as d}from"./Select-DCitHJuw.js";import{r as f,t as p}from"./useODataSelectBase-FSv5umRf.js";import{a as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x}from"./odataStoryFixtures-DYRSp8rq.js";function S({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=f({odata:e,segment:t,model:n,value:r?[r]:[],dependencies:i}),s=o.selectedItems[0],c=(0,C.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 C;function w(){return(w=e((()=>{C=n(),p()})))()}function T(e,t,n){return e?t||Object.keys(e).find(e=>e!==n)||n:t||n}var E,D;function O(){return(O=e((()=>{n(),a(),l(),w(),u(),o(),E=r(),D=({odata:e,segment:t,model:n,size:r,label:a,description:o,disabled:l,value:u,dependencies:f,onChange:p,clearable:m})=>{let h=S({odata:e,segment:t,model:i(n),value:u,dependencies:f,onChange:p});if(h.isLoading)return(0,E.jsx)(c,{size:r,label:a,description:o});let g=t.hideCode??e.hideCode,_=T(h.selectedItem??h.options[0],h.textKey,h.codeKey);return(0,E.jsx)(d,{size:r,label:a,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,E.jsx)(s,{label:e[_],code:g?void 0:e[h.codeKey]}),renderOption:e=>(0,E.jsx)(s,{label:e[_],code:g?void 0:e[h.codeKey],highlight:h.debouncedQuery}),searchable:!0,query:h.query,onQuery:h.setQuery,defaultFilter:!1,disabled:l||h.isLoading,placeholder:h.placeholder,isLoading:h.isLoading,errorState:h.isError?`Ошибка загрузки`:void 0,emptyState:!h.isLoading&&!h.isError?`Нет данных`:void 0,clearable:m})},D.__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:``}}}})))()}var k=t({BasicDivision:()=>I,CollectionError:()=>U,HideCode:()=>L,LinkedFilters:()=>B,LinkedFiltersDemo:()=>j,LoadingState:()=>V,MetadataError:()=>H,SelectTextValue:()=>R,StaticDependency:()=>z,__namedExportsOrder:()=>W,default:()=>F});function A(e){let[,t]=P();return(0,N.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,N.jsx)(D,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,N.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,e.value||`пусто`]})]})}function j(){let[e,t]=(0,M.useState)(b.region),[n,r]=(0,M.useState)(b.branch),[i,a]=(0,M.useState)(b.team),[o,s]=(0,M.useState)(b.owner),c=e?{REGION:[e]}:void 0,l=e&&n?{REGION:[e],BRANCH:[n]}:c,u=e&&n&&i?{REGION:[e],BRANCH:[n],TEAM:[i]}:l;return(0,N.jsxs)(`div`,{style:{display:`grid`,gap:16,maxWidth:720},children:[(0,N.jsx)(D,{label:`Регион`,description:`Первый фильтр в цепочке. Меняет доступный набор подразделений.`,odata:_,model:{...x,codeKey:`REGION`},segment:{placeholder:`Регион`},value:e,onChange:e=>{t(e),r(void 0),a(void 0),s(void 0)}}),(0,N.jsx)(D,{label:`Подразделение`,description:`Второй фильтр зависит от выбранного региона.`,odata:_,model:{...x,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`},dependencies:c,value:n,onChange:e=>{r(e),a(void 0),s(void 0)}}),(0,N.jsx)(D,{label:`Команда`,description:`Третий фильтр зависит от сочетания региона и подразделения.`,odata:_,model:{...x,codeKey:`TEAM`},segment:{placeholder:`Команда`},dependencies:l,value:i,onChange:e=>{a(e),s(void 0)}}),(0,N.jsx)(D,{label:`Ответственный`,description:`Последний фильтр показывает leaf-узлы для выбранного пути.`,odata:_,model:{...x,codeKey:`OWNER`},segment:{placeholder:`Ответственный`},dependencies:u,value:o,onChange:s}),(0,N.jsxs)(`div`,{style:{display:`grid`,gap:4,fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[(0,N.jsxs)(`div`,{children:[`Регион: `,e||`пусто`]}),(0,N.jsxs)(`div`,{children:[`Подразделение: `,n||`пусто`]}),(0,N.jsxs)(`div`,{children:[`Команда: `,i||`пусто`]}),(0,N.jsxs)(`div`,{children:[`Ответственный: `,o||`пусто`]})]})]})}var M,N,P,F,I,L,R,z,B,V,H,U,W;function G(){return(G=e((()=>{M=n(),O(),h(),N=r(),{useArgs:P}=__STORYBOOK_MODULE_PREVIEW_API__,F={title:`Shared/UI/ODataSelect`,component:D,decorators:[g],beforeEach:m,parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`Регион`,description:`Пример OData Select на основе конфигурации ui control.`,odata:_,model:x,segment:y,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`]}}},I={name:`Базовый регион`,render:function(e){return(0,N.jsx)(A,{...e})},args:{label:`Регион`,description:`Базовая настройка single-select для выбора кода REGION.`,model:{...x,codeKey:`REGION`},segment:{placeholder:`Регион`},value:b.region}},L={name:`Скрытый код`,render:function(e){return(0,N.jsx)(A,{...e})},args:{label:`Подразделение`,description:`Код скрыт и в выпадающем списке, и в выбранном значении.`,model:{...x,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`,hideCode:!0},value:b.branch}},R={name:`Выбор текста вместо кода`,render:function(e){return(0,N.jsx)(A,{...e})},args:{label:`Регион по тексту`,description:`Снаружи хранится текстовое значение, а не код.`,model:{...x,codeKey:`REGION`},segment:{placeholder:`Регион`,selectText:!0},value:b.regionText}},z={name:`Зависимость от региона`,render:function(e){return(0,N.jsx)(A,{...e})},args:{label:`Подразделение c зависимостью`,description:`Фильтрация подразделений по уже выбранному региону через props.dependencies.`,model:{...x,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`},dependencies:{REGION:[b.region]},value:b.branch}},B={name:`Связанная цепочка фильтров`,render:()=>(0,N.jsx)(j,{})},V={name:`Состояние загрузки`,parameters:{odataMockMode:`loading`},render:function(e){return(0,N.jsx)(A,{...e})},args:{odata:v.loading,label:`Команда`,description:`Mock с задержкой ответа, чтобы проверить loading-state.`,model:{...x,codeKey:`TEAM`},segment:{placeholder:`Команда`}}},H={name:`Ошибка metadata`,parameters:{odataMockMode:`metadataError`},render:function(e){return(0,N.jsx)(A,{...e})},args:{odata:v.metadataError,label:`Регион`,description:`Сервис возвращает ошибку metadata.`,model:{...x,codeKey:`REGION`},segment:{placeholder:`Регион`}}},U={name:`Деградация при ошибке коллекции`,parameters:{odataMockMode:`collectionError`},render:function(e){return(0,N.jsx)(A,{...e})},args:{odata:v.collectionError,label:`Ответственный`,description:`Transport возвращает 500, а текущий API-контракт безопасно показывает пустой список.`,model:{...x,codeKey:`OWNER`},segment:{placeholder:`Ответственный`}}},j.__docgenInfo={description:``,methods:[],displayName:`LinkedFiltersDemo`},j.parameters={...j.parameters,docs:{...j.parameters?.docs,source:{originalSource:`function LinkedFiltersDemo() {
|
|
2
|
-
const [region, setRegion] = useState<string | undefined>(storyValues.region);
|
|
3
|
-
const [branch, setBranch] = useState<string | undefined>(storyValues.branch);
|
|
4
|
-
const [team, setTeam] = useState<string | undefined>(storyValues.team);
|
|
5
|
-
const [owner, setOwner] = useState<string | undefined>(storyValues.owner);
|
|
6
|
-
const regionDependencies = region ? {
|
|
7
|
-
REGION: [region]
|
|
8
|
-
} : undefined;
|
|
9
|
-
const teamDependencies = region && branch ? {
|
|
10
|
-
REGION: [region],
|
|
11
|
-
BRANCH: [branch]
|
|
12
|
-
} : regionDependencies;
|
|
13
|
-
const ownerDependencies = region && branch && team ? {
|
|
14
|
-
REGION: [region],
|
|
15
|
-
BRANCH: [branch],
|
|
16
|
-
TEAM: [team]
|
|
17
|
-
} : teamDependencies;
|
|
18
|
-
return <div style={{
|
|
19
|
-
display: "grid",
|
|
20
|
-
gap: 16,
|
|
21
|
-
maxWidth: 720
|
|
22
|
-
}}>
|
|
23
|
-
<ODataSelect label="Регион" description="Первый фильтр в цепочке. Меняет доступный набор подразделений." odata={baseOData} model={{
|
|
24
|
-
...baseModel,
|
|
25
|
-
codeKey: "REGION"
|
|
26
|
-
}} segment={{
|
|
27
|
-
placeholder: "Регион"
|
|
28
|
-
}} value={region} onChange={nextRegion => {
|
|
29
|
-
setRegion(nextRegion);
|
|
30
|
-
setBranch(undefined);
|
|
31
|
-
setTeam(undefined);
|
|
32
|
-
setOwner(undefined);
|
|
33
|
-
}} />
|
|
34
|
-
<ODataSelect label="Подразделение" description="Второй фильтр зависит от выбранного региона." odata={baseOData} model={{
|
|
35
|
-
...baseModel,
|
|
36
|
-
codeKey: "BRANCH"
|
|
37
|
-
}} segment={{
|
|
38
|
-
placeholder: "Подразделение"
|
|
39
|
-
}} dependencies={regionDependencies} value={branch} onChange={nextBranch => {
|
|
40
|
-
setBranch(nextBranch);
|
|
41
|
-
setTeam(undefined);
|
|
42
|
-
setOwner(undefined);
|
|
43
|
-
}} />
|
|
44
|
-
<ODataSelect label="Команда" description="Третий фильтр зависит от сочетания региона и подразделения." odata={baseOData} model={{
|
|
45
|
-
...baseModel,
|
|
46
|
-
codeKey: "TEAM"
|
|
47
|
-
}} segment={{
|
|
48
|
-
placeholder: "Команда"
|
|
49
|
-
}} dependencies={teamDependencies} value={team} onChange={nextTeam => {
|
|
50
|
-
setTeam(nextTeam);
|
|
51
|
-
setOwner(undefined);
|
|
52
|
-
}} />
|
|
53
|
-
<ODataSelect label="Ответственный" description="Последний фильтр показывает leaf-узлы для выбранного пути." odata={baseOData} model={{
|
|
54
|
-
...baseModel,
|
|
55
|
-
codeKey: "OWNER"
|
|
56
|
-
}} segment={{
|
|
57
|
-
placeholder: "Ответственный"
|
|
58
|
-
}} dependencies={ownerDependencies} value={owner} onChange={setOwner} />
|
|
59
|
-
<div style={{
|
|
60
|
-
display: "grid",
|
|
61
|
-
gap: 4,
|
|
62
|
-
fontSize: "var(--font-size-sm)",
|
|
63
|
-
color: "var(--content-1)"
|
|
64
|
-
}}>
|
|
65
|
-
<div>Регион: {region || "пусто"}</div>
|
|
66
|
-
<div>Подразделение: {branch || "пусто"}</div>
|
|
67
|
-
<div>Команда: {team || "пусто"}</div>
|
|
68
|
-
<div>Ответственный: {owner || "пусто"}</div>
|
|
69
|
-
</div>
|
|
70
|
-
</div>;
|
|
71
|
-
}`,...j.parameters?.docs?.source}}},I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
|
|
72
|
-
name: "Базовый регион",
|
|
73
|
-
render: function Render(args) {
|
|
74
|
-
return <ODataSelectStoryCanvas {...args} />;
|
|
75
|
-
},
|
|
76
|
-
args: {
|
|
77
|
-
label: "Регион",
|
|
78
|
-
description: "Базовая настройка single-select для выбора кода REGION.",
|
|
79
|
-
model: {
|
|
80
|
-
...baseModel,
|
|
81
|
-
codeKey: "REGION"
|
|
82
|
-
},
|
|
83
|
-
segment: {
|
|
84
|
-
placeholder: "Регион"
|
|
85
|
-
},
|
|
86
|
-
value: storyValues.region
|
|
87
|
-
}
|
|
88
|
-
}`,...I.parameters?.docs?.source}}},L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
|
|
89
|
-
name: "Скрытый код",
|
|
90
|
-
render: function Render(args) {
|
|
91
|
-
return <ODataSelectStoryCanvas {...args} />;
|
|
92
|
-
},
|
|
93
|
-
args: {
|
|
94
|
-
label: "Подразделение",
|
|
95
|
-
description: "Код скрыт и в выпадающем списке, и в выбранном значении.",
|
|
96
|
-
model: {
|
|
97
|
-
...baseModel,
|
|
98
|
-
codeKey: "BRANCH"
|
|
99
|
-
},
|
|
100
|
-
segment: {
|
|
101
|
-
placeholder: "Подразделение",
|
|
102
|
-
hideCode: true
|
|
103
|
-
},
|
|
104
|
-
value: storyValues.branch
|
|
105
|
-
}
|
|
106
|
-
}`,...L.parameters?.docs?.source}}},R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{
|
|
107
|
-
name: "Выбор текста вместо кода",
|
|
108
|
-
render: function Render(args) {
|
|
109
|
-
return <ODataSelectStoryCanvas {...args} />;
|
|
110
|
-
},
|
|
111
|
-
args: {
|
|
112
|
-
label: "Регион по тексту",
|
|
113
|
-
description: "Снаружи хранится текстовое значение, а не код.",
|
|
114
|
-
model: {
|
|
115
|
-
...baseModel,
|
|
116
|
-
codeKey: "REGION"
|
|
117
|
-
},
|
|
118
|
-
segment: {
|
|
119
|
-
placeholder: "Регион",
|
|
120
|
-
selectText: true
|
|
121
|
-
},
|
|
122
|
-
value: storyValues.regionText
|
|
123
|
-
}
|
|
124
|
-
}`,...R.parameters?.docs?.source}}},z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
|
|
125
|
-
name: "Зависимость от региона",
|
|
126
|
-
render: function Render(args) {
|
|
127
|
-
return <ODataSelectStoryCanvas {...args} />;
|
|
128
|
-
},
|
|
129
|
-
args: {
|
|
130
|
-
label: "Подразделение c зависимостью",
|
|
131
|
-
description: "Фильтрация подразделений по уже выбранному региону через props.dependencies.",
|
|
132
|
-
model: {
|
|
133
|
-
...baseModel,
|
|
134
|
-
codeKey: "BRANCH"
|
|
135
|
-
},
|
|
136
|
-
segment: {
|
|
137
|
-
placeholder: "Подразделение"
|
|
138
|
-
},
|
|
139
|
-
dependencies: {
|
|
140
|
-
REGION: [storyValues.region]
|
|
141
|
-
},
|
|
142
|
-
value: storyValues.branch
|
|
143
|
-
}
|
|
144
|
-
}`,...z.parameters?.docs?.source}}},B.parameters={...B.parameters,docs:{...B.parameters?.docs,source:{originalSource:`{
|
|
145
|
-
name: "Связанная цепочка фильтров",
|
|
146
|
-
render: () => <LinkedFiltersDemo />
|
|
147
|
-
}`,...B.parameters?.docs?.source}}},V.parameters={...V.parameters,docs:{...V.parameters?.docs,source:{originalSource:`{
|
|
148
|
-
name: "Состояние загрузки",
|
|
149
|
-
parameters: {
|
|
150
|
-
odataMockMode: "loading"
|
|
151
|
-
},
|
|
152
|
-
render: function Render(args) {
|
|
153
|
-
return <ODataSelectStoryCanvas {...args} />;
|
|
154
|
-
},
|
|
155
|
-
args: {
|
|
156
|
-
odata: odataStoryOData.loading,
|
|
157
|
-
label: "Команда",
|
|
158
|
-
description: "Mock с задержкой ответа, чтобы проверить loading-state.",
|
|
159
|
-
model: {
|
|
160
|
-
...baseModel,
|
|
161
|
-
codeKey: "TEAM"
|
|
162
|
-
},
|
|
163
|
-
segment: {
|
|
164
|
-
placeholder: "Команда"
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
}`,...V.parameters?.docs?.source}}},H.parameters={...H.parameters,docs:{...H.parameters?.docs,source:{originalSource:`{
|
|
168
|
-
name: "Ошибка metadata",
|
|
169
|
-
parameters: {
|
|
170
|
-
odataMockMode: "metadataError"
|
|
171
|
-
},
|
|
172
|
-
render: function Render(args) {
|
|
173
|
-
return <ODataSelectStoryCanvas {...args} />;
|
|
174
|
-
},
|
|
175
|
-
args: {
|
|
176
|
-
odata: odataStoryOData.metadataError,
|
|
177
|
-
label: "Регион",
|
|
178
|
-
description: "Сервис возвращает ошибку metadata.",
|
|
179
|
-
model: {
|
|
180
|
-
...baseModel,
|
|
181
|
-
codeKey: "REGION"
|
|
182
|
-
},
|
|
183
|
-
segment: {
|
|
184
|
-
placeholder: "Регион"
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
}`,...H.parameters?.docs?.source}}},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
|
|
188
|
-
name: "Деградация при ошибке коллекции",
|
|
189
|
-
parameters: {
|
|
190
|
-
odataMockMode: "collectionError"
|
|
191
|
-
},
|
|
192
|
-
render: function Render(args) {
|
|
193
|
-
return <ODataSelectStoryCanvas {...args} />;
|
|
194
|
-
},
|
|
195
|
-
args: {
|
|
196
|
-
odata: odataStoryOData.collectionError,
|
|
197
|
-
label: "Ответственный",
|
|
198
|
-
description: "Transport возвращает 500, а текущий API-контракт безопасно показывает пустой список.",
|
|
199
|
-
model: {
|
|
200
|
-
...baseModel,
|
|
201
|
-
codeKey: "OWNER"
|
|
202
|
-
},
|
|
203
|
-
segment: {
|
|
204
|
-
placeholder: "Ответственный"
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
|
-
}`,...U.parameters?.docs?.source}}},W=[`LinkedFiltersDemo`,`BasicDivision`,`HideCode`,`SelectTextValue`,`StaticDependency`,`LinkedFilters`,`LoadingState`,`MetadataError`,`CollectionError`]})))()}export{V as a,R as c,B as i,z as l,U as n,H as o,L as r,k as s,I as t,G as u};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e}from"./iframe-BnW9ONAs.js";e();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{o as n,s as r}from"./odata-DfSyh3Sn.js";import{S as i,y as a}from"./formatters-CBgrBeSA-DY6OIAc8.js";function o(e){return e?.length?[...new Set(e)].sort():[]}function s(e,t,n){let r=[];for(let i of Object.keys(t).sort()){if(i===e)continue;let t=o(n?.[i]);t.length&&r.push(`${i}:${t.join(p)}`)}return r.join(f)}function c(e){let t=new Map;if(!e)return t;for(let n of e.split(f)){let e=n.indexOf(`:`);if(e<0)continue;let r=n.slice(0,e),i=n.slice(e+1).split(p).filter(Boolean);r&&i.length&&t.set(r,i)}return t}function l({odata:e,segment:t,model:r,value:a,dependencies:o}){let[l,u]=(0,d.useState)(``),[f,p]=(0,d.useState)(``),{codeKey:m,searchDebounceDelay:h,minSearchCodeLength:g,minSearchTextLength:_}=r,{data:v,textKey:y,isLoading:b,isError:x,getItems:S,separatedItems:C,findSourceItemsByKeys:w,setFilteredItems:T,debounce:E}=n({odata:e,model:r}),D=C.length,O=t.selectText&&y?y:m,k=(0,d.useMemo)(()=>v?s(m,v.keyPairsMap,o):``,[v,m,o]);(0,d.useEffect)(()=>{if(!v)return;let e=v.chain.findIndex(e=>e.codeKey===m),t=c(k),n=e=>{let n=v.chain[e].codeKey,r=t.get(n);if(r?.length)return w(n,r)};for(let t=v.chain.length-1;t>e;t--){let e=n(t);if(e){T(e);return}}for(let t=0;t<e;t++){let e=n(t);if(e){T(e);return}}T(void 0)},[v,k,m,w,T]),(0,d.useEffect)(()=>{E(`search`,()=>{p(l.trim().toLowerCase())},h)},[E,l,h]);let A=(0,d.useMemo)(()=>{if(!a?.length||!O)return[];let e=new Set(a);return C.filter(t=>e.has(t[O]))},[C,O,a]);return{query:l,setQuery:u,debouncedQuery:f,selectedItems:A,filteredItems:(0,d.useMemo)(()=>{if(!v)return[];if(!(f.length>=_))return S(void 0,A);let e=f.length>=_,n=!t.hideCode&&f.length>=g&&!Number.isNaN(Number(f));return S((t,r)=>!!(t&&r&&(n&&i(t,f)||e&&r.toLowerCase().includes(f))),A)},[f,S,g,_,v,t.hideCode,A]),itemsCount:D,isLoading:b,isError:x,codeKey:m,textKey:y,selectionKey:O,placeholder:t.placeholder}}function u(e,t){return e.map(e=>e[t])}var d,f,p;function m(){return(m=e((()=>{d=t(),r(),a(),f=``,p=``})))()}export{u as n,l as r,m as t};
|