@ryuzaki13/react-foundation-ui 1.6.8 → 1.6.10
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 +5 -5
- package/dist/chunks/{TextEditorLexicalClient-iTf_y4Bu.js → TextEditorLexicalClient-CK9nZ-xo.js} +3 -3
- package/dist/chunks/{TextEditorLexicalClient-iTf_y4Bu.js.map → TextEditorLexicalClient-CK9nZ-xo.js.map} +1 -1
- package/dist/chunks/{date-input-BbsvnayB.js → date-input-jlNk62cO.js} +3 -3
- package/dist/chunks/{date-input-BbsvnayB.js.map → date-input-jlNk62cO.js.map} +1 -1
- package/dist/chunks/{input-D3u9BYWD.js → input-CCdBtl-C.js} +38 -32
- package/dist/chunks/input-CCdBtl-C.js.map +1 -0
- package/dist/chunks/{input-files-D7iu_1n5.js → input-files-TXdXrSAs.js} +4 -4
- package/dist/chunks/{input-files-D7iu_1n5.js.map → input-files-TXdXrSAs.js.map} +1 -1
- package/dist/chunks/{input-search-4841icgL.js → input-search-Ca8iqeK2.js} +2 -2
- package/dist/chunks/{input-search-4841icgL.js.map → input-search-Ca8iqeK2.js.map} +1 -1
- package/dist/chunks/{multi-select-BDvaRbUc.js → multi-select-Bs1GU5MD.js} +2 -2
- package/dist/chunks/{multi-select-BDvaRbUc.js.map → multi-select-Bs1GU5MD.js.map} +1 -1
- package/dist/chunks/{picker-lpH_xp14.js → picker-CrRdwdA5.js} +8 -8
- package/dist/chunks/{picker-lpH_xp14.js.map → picker-CrRdwdA5.js.map} +1 -1
- package/dist/chunks/{radio-group-BRR1ZQDA.js → radio-group-NhBL3fkD.js} +43 -30
- package/dist/chunks/radio-group-NhBL3fkD.js.map +1 -0
- package/dist/chunks/{select-3KLv_evq.js → select-DeeGYtVc.js} +3 -3
- package/dist/chunks/{select-3KLv_evq.js.map → select-DeeGYtVc.js.map} +1 -1
- package/dist/date-input/index.js +1 -1
- package/dist/date-time-input/index.js +3 -3
- package/dist/drop-zone/index.js +1 -1
- package/dist/image/index.js +2 -2
- package/dist/input/Input.d.ts +4 -1
- package/dist/input/Input.d.ts.map +1 -1
- package/dist/input/index.js +2 -2
- package/dist/input-date-time/index.js +4 -4
- package/dist/input-file/index.js +4 -4
- package/dist/input-files/index.js +1 -1
- package/dist/input-image/index.js +4 -4
- package/dist/input-search/index.js +1 -1
- package/dist/layout-picker/index.js +1 -1
- package/dist/multi-select/index.js +1 -1
- package/dist/picker/index.js +1 -1
- package/dist/preset-range-date-input/index.js +1 -1
- package/dist/preset-select/index.js +1 -1
- package/dist/radio-group/RadioGroup.d.ts.map +1 -1
- package/dist/radio-group/index.js +1 -1
- package/dist/select/index.js +1 -1
- package/dist/slider/index.js +18 -18
- package/dist/state-select/index.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/tag-input/index.js +1 -1
- package/dist/text-editor/index.js +1 -1
- package/dist/textarea/index.js +1 -1
- package/dist/tree-select/index.js +3 -3
- package/package.json +1 -1
- package/storybook-static/assets/{Badge-BH9cJCAY.js → Badge-DnnIzscV.js} +1 -1
- package/storybook-static/assets/{Badge.stories-BYF_eQ_s.js → Badge.stories-BHoq-6Hl.js} +1 -1
- package/storybook-static/assets/{BadgeList-BteW6yba.js → BadgeList-D1yZfcj3.js} +1 -1
- package/storybook-static/assets/{Button-BBBwst3q.js → Button-CFY0i6K5.js} +1 -1
- package/storybook-static/assets/{Button-CZHQwnrH.js → Button-Ccjkmsfe.js} +1 -1
- package/storybook-static/assets/{Button.stories-COfvjrY-.js → Button.stories-DAiDlLNe.js} +1 -1
- package/storybook-static/assets/{CalendarView-CpatuJ76.js → CalendarView-kmgPHiBr.js} +1 -1
- package/storybook-static/assets/{CheckBox-DzJOAC6E.js → CheckBox-D-Okklnt.js} +1 -1
- package/storybook-static/assets/{CheckBox-BsCRJAKJ.js → CheckBox-DauEfEu9.js} +1 -1
- package/storybook-static/assets/{CheckBox.stories-R5UoXY2p.js → CheckBox.stories-Dkiw8qFE.js} +1 -1
- package/storybook-static/assets/{Color-6AOWCN3U-BXndQGo6.js → Color-6AOWCN3U-B4AxDzH3.js} +1 -1
- package/storybook-static/assets/{ContextMenu-PyHghx7l.js → ContextMenu-DbJJ6fqN.js} +1 -1
- package/storybook-static/assets/{ContextMenu-D3-LIbYd.js → ContextMenu-Di2Fs5Yl.js} +1 -1
- package/storybook-static/assets/{ContextMenu.stories-BE6qp6B7.js → ContextMenu.stories-Cpf2GtvP.js} +1 -1
- package/storybook-static/assets/DateInput-B8ghw74S.js +1 -0
- package/storybook-static/assets/{DateInput-gEh23Tlv.js → DateInput-olBEeMlo.js} +1 -1
- package/storybook-static/assets/{DateInput.stories-CIosjM5S.js → DateInput.stories-CkPUufbH.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-BGpfgxTw.js → DateRangePresetSelect-CHqILMyE.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-eOh2VTiQ.js → DateRangePresetSelect-Cmte_g8w.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect.stories-atP3PX4M.js → DateRangePresetSelect.stories-CpQfW6DV.js} +1 -1
- package/storybook-static/assets/{Detail-BWMcwojf.js → Detail-BCH_ucGF.js} +1 -1
- package/storybook-static/assets/{Detail.stories-CdwSt-w7.js → Detail.stories-BnWXPYnV.js} +1 -1
- package/storybook-static/assets/{Dialog-B1pH_FwI.js → Dialog-A3Gs1xTy.js} +1 -1
- package/storybook-static/assets/{Dialog-zSUu48WZ.js → Dialog-Bv5IPdD-.js} +1 -1
- package/storybook-static/assets/{Dialog.stories-DGXSyA5S.js → Dialog.stories-DXanPD2Y.js} +1 -1
- package/storybook-static/assets/{Disclosure-CSRJd54k.js → Disclosure-B-DUTxbB.js} +1 -1
- package/storybook-static/assets/{Disclosure.stories-DYWa6mIL.js → Disclosure.stories-D2OJer1r.js} +1 -1
- package/storybook-static/assets/{DisclosureGroup-8OGJhi6k.js → DisclosureGroup-BqXb6GJ3.js} +1 -1
- package/storybook-static/assets/{DocsRenderer-JROSPFPF-DIPCXW75.js → DocsRenderer-JROSPFPF-miyuaM_3.js} +1 -1
- package/storybook-static/assets/{DropZone-Hol7tyoC.js → DropZone-BMh-7-mB.js} +1 -1
- package/storybook-static/assets/{DropZone-CNHIeT8y.js → DropZone-CHjEWnwx.js} +1 -1
- package/storybook-static/assets/{DropZone.stories-CB-82WXu.js → DropZone.stories-Dyy0IWxa.js} +1 -1
- package/storybook-static/assets/{DropdownMenu-BkvphuPG.js → DropdownMenu-BU_QX2pz.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel-D1GU08pC.js → ExpandableActionPanel-BASo0JGw.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel.stories-CPg9t51H.js → ExpandableActionPanel.stories-BbRAYtSA.js} +1 -1
- package/storybook-static/assets/{Flex-DQKATg5D.js → Flex-mgZeAymN.js} +1 -1
- package/storybook-static/assets/{Flex.stories-DUtfrPQE.js → Flex.stories-Dlggi_9g.js} +1 -1
- package/storybook-static/assets/{FloatingPopover-DcvsLzUp.js → FloatingPopover-CLP6oMZ6.js} +1 -1
- package/storybook-static/assets/{FormattedTableCell-BsiXduX6.js → FormattedTableCell-BSHTgPMG.js} +1 -1
- package/storybook-static/assets/{Grid-DZ77Nt29.js → Grid-C1QhUZ48.js} +1 -1
- package/storybook-static/assets/{Grid.stories-DSFAaQXP.js → Grid.stories-CVWT3Ci0.js} +1 -1
- package/storybook-static/assets/{ImageCropper.stories-BznTRYpf.js → ImageCropper.stories-B4TCmmi-.js} +1 -1
- package/storybook-static/assets/{ImageRenderer-Bk2hHaOz.js → ImageRenderer-DG95Genl.js} +1 -1
- package/storybook-static/assets/{ImageRenderer.stories-vL6-fvWD.js → ImageRenderer.stories-CdGgwPFd.js} +1 -1
- package/storybook-static/assets/{ImageView.stories-Bdtc8uSn.js → ImageView.stories-CN3pGawv.js} +1 -1
- package/storybook-static/assets/{ImageViewer.stories-BNBKxTS7.js → ImageViewer.stories-CJcY-lKw.js} +2 -2
- package/storybook-static/assets/{ImageViewerRuntime-CEx0a6NV.js → ImageViewerRuntime-Cq66TmOq.js} +1 -1
- package/storybook-static/assets/{Input-QHO-MarM.js → Input-D_ZgMF5i.js} +1 -1
- package/storybook-static/assets/Input-NY67M82H.js +3 -0
- package/storybook-static/assets/{Input.stories-OgJxL5gh.js → Input.stories-BATUG7aL.js} +1 -1
- package/storybook-static/assets/{InputDateTime-DKkrE7wv.js → InputDateTime-DPSeogym.js} +1 -1
- package/storybook-static/assets/{InputDateTime.stories-BXQe74zA.js → InputDateTime.stories-DRfLZgCH.js} +1 -1
- package/storybook-static/assets/{InputFile-BSv8B_ke.js → InputFile-8n7UMrhQ.js} +1 -1
- package/storybook-static/assets/{InputFile-BGZXYtb0.js → InputFile-P1CoCcBa.js} +1 -1
- package/storybook-static/assets/{InputFile.stories-CPG9pfLt.js → InputFile.stories-C2k4Vgkg.js} +1 -1
- package/storybook-static/assets/{InputFiles-DtyE7WHL.js → InputFiles-BBni3vyF.js} +1 -1
- package/storybook-static/assets/{InputFiles-B5pqrH9_.js → InputFiles-BaekSGF2.js} +1 -1
- package/storybook-static/assets/{InputFiles.stories-CJ4Ltoho.js → InputFiles.stories-CTxT59Tw.js} +1 -1
- package/storybook-static/assets/{InputFilesList-DSDKGyGW.js → InputFilesList-pMmnnjMt.js} +1 -1
- package/storybook-static/assets/{InputImage-Bku82LkV.js → InputImage-CXi6p_v_.js} +1 -1
- package/storybook-static/assets/{InputImage-LmGlUcN7.js → InputImage-JlbbfGfE.js} +1 -1
- package/storybook-static/assets/{InputImage.stories-Bmac6ARR.js → InputImage.stories-Cb_preM7.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents-NpX5JJGz.js → InteractiveComponents-Bc8Xhhjx.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents.stories-BM68v2N1.js → InteractiveComponents.stories-CEQD-5ax.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-D5J4yobv.js → LayoutPicker-CzTXHZ99.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-Biuv2wk3.js → LayoutPicker-DUFqKx3a.js} +1 -1
- package/storybook-static/assets/{LayoutPicker.stories-D9RoLDFh.js → LayoutPicker.stories-CFrH1_Lp.js} +1 -1
- package/storybook-static/assets/{Listbox-hz1us358.js → Listbox-BqN5IF-5.js} +1 -1
- package/storybook-static/assets/{Listbox-DcX4TpeL.js → Listbox-BzaFkRhh.js} +1 -1
- package/storybook-static/assets/{Listbox.stories-C1zTx4lV.js → Listbox.stories-BWTPmMmD.js} +1 -1
- package/storybook-static/assets/{Modal-BWpK-3RC.js → Modal-B4D-veXg.js} +1 -1
- package/storybook-static/assets/{Modal.stories-C0Vu70NL.js → Modal.stories-Cmzg1A84.js} +1 -1
- package/storybook-static/assets/{ModalManagerProvider-D4RBeFQU.js → ModalManagerProvider-qUFPZmq_.js} +1 -1
- package/storybook-static/assets/{MultiSelect-DDlktjVy.js → MultiSelect-Dg7QHYhM.js} +1 -1
- package/storybook-static/assets/{MultiSelect-C9mFgvGF.js → MultiSelect-aXpgpeWb.js} +1 -1
- package/storybook-static/assets/{MultiSelect.stories-CGNeMuHd.js → MultiSelect.stories-BGyVF8sg.js} +1 -1
- package/storybook-static/assets/{NoData-CfHEnqBb.js → NoData-PhEXKwAq.js} +1 -1
- package/storybook-static/assets/{NotificationsHost-QQgvBqnj.js → NotificationsHost-D-vnN-hh.js} +1 -1
- package/storybook-static/assets/{NotificationsHost.stories-BD7EObP3.js → NotificationsHost.stories-B84iG1qJ.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect-D019frRl.js → ODataMultiSelect-rAhzZ09q.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect.stories-C9dslw6q.js → ODataMultiSelect.stories-BgRLp_ST.js} +1 -1
- package/storybook-static/assets/{ODataSelect-DGvwVOS-.js → ODataSelect-CG54trvM.js} +1 -1
- package/storybook-static/assets/{ODataSelect.stories-BI98Mc9i.js → ODataSelect.stories-COep43rf.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect-n6IQR0cO.js → ODataTreeMultiSelect-DLf6k0wp.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect.stories-B9OrbwCj.js → ODataTreeMultiSelect.stories-gy2rxVB_.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect-oiKVq7ek.js → ODataTreeSelect-Ci9LIOir.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect.stories-C7iZ0F7H.js → ODataTreeSelect.stories-BnvUjPcq.js} +1 -1
- package/storybook-static/assets/{OneStepScroller-8wagbdbs.js → OneStepScroller-1mihvlxv.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-DxToZXqe.js → PeriodSelect-B2Hg1mxE.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-DFAi17Ej.js → PeriodSelect-CCrS6vvE.js} +1 -1
- package/storybook-static/assets/{PeriodSelect.stories-DrRz3yNz.js → PeriodSelect.stories-7EzhEf6n.js} +1 -1
- package/storybook-static/assets/{PickerSelectionToolbar-D1ge85bL.js → PickerSelectionToolbar-Cnid4alk.js} +1 -1
- package/storybook-static/assets/{PickerTriggerActions-9pKMXQqi.js → PickerTriggerActions-Dzm0fGlQ.js} +1 -1
- package/storybook-static/assets/{Popover-CQUaiPAD.js → Popover-Ch6HySgl.js} +1 -1
- package/storybook-static/assets/{Popover-Dz-nNtC1.js → Popover-DvelaPQh.js} +1 -1
- package/storybook-static/assets/{Popover.stories-Dsh3vlGC.js → Popover.stories-BR5BVyoa.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-j0zAzhiB.js → PresetRangeDateInput-GplH0r6a.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-BGeIel4o.js → PresetRangeDateInput-QHtNyYJA.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput.stories-TrWSvY-M.js → PresetRangeDateInput.stories-BVmvAtuU.js} +1 -1
- package/storybook-static/assets/{PresetSelect-38KUTO3N.js → PresetSelect-BXi0TbMc.js} +1 -1
- package/storybook-static/assets/{RadioButton-CtRtwS3I.js → RadioButton-BLiATOSQ.js} +1 -1
- package/storybook-static/assets/{RadioButton-D8yBtqK1.js → RadioButton-BMiNe9MX.js} +1 -1
- package/storybook-static/assets/{RadioButton.stories-Dcc3TQYI.js → RadioButton.stories-DTTGcMA9.js} +1 -1
- package/storybook-static/assets/{RadioGroup-BcNUOoen.js → RadioGroup-C6AVoBON.js} +1 -1
- package/storybook-static/assets/RadioGroup-D7MClwWV.js +1 -0
- package/storybook-static/assets/RadioGroup-FhI9JeuU.css +1 -0
- package/storybook-static/assets/{RadioGroup.stories-DYVsF9V3.js → RadioGroup.stories-B3U4iHk3.js} +1 -1
- package/storybook-static/assets/{Scrollable-Bh2rpfAn.js → Scrollable-CJW4TGT-.js} +1 -1
- package/storybook-static/assets/{Select-YMkbnwwo.js → Select-40dnhr2I.js} +1 -1
- package/storybook-static/assets/{Select-CBnZeg5H.js → Select-Dc3hr9Jz.js} +1 -1
- package/storybook-static/assets/{Select.stories-CSmhKRHH.js → Select.stories-B8naPyjC.js} +1 -1
- package/storybook-static/assets/{SelectOptionContent-BGI95rYW.js → SelectOptionContent-DIGFQAWX.js} +1 -1
- package/storybook-static/assets/{SerializableSelect-Bqq5YI3U.js → SerializableSelect-DqnkMj5o.js} +1 -1
- package/storybook-static/assets/{SerializableSelect.stories-BnnEcfua.js → SerializableSelect.stories-CuRa1-Ro.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-Zxm6Vedj.js → SingleDateTimeInput-CIdjXTPm.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-CW9o-1cz.js → SingleDateTimeInput-nMQCuT7L.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput.stories-B4ENGl3e.js → SingleDateTimeInput.stories-B7cRNcF9.js} +1 -1
- package/storybook-static/assets/{Slider-DsYPbCCE.js → Slider-DeAmWQO_.js} +1 -1
- package/storybook-static/assets/{Slider-BdY3pUkK.js → Slider-eYsdAZH7.js} +1 -1
- package/storybook-static/assets/{Slider.stories-Coz2_WUn.js → Slider.stories-Cr7MTPFV.js} +1 -1
- package/storybook-static/assets/{SliderInput-BIRwDyzx.js → SliderInput-B2RO08h8.js} +1 -1
- package/storybook-static/assets/{SliderInput-B7F-qYmb.js → SliderInput-DcPYxz0m.js} +1 -1
- package/storybook-static/assets/{SliderInput.stories-BmFNVxns.js → SliderInput.stories-Bi4W590S.js} +1 -1
- package/storybook-static/assets/{Sortable-DewjXJHH.js → Sortable-CjF1l2MO.js} +1 -1
- package/storybook-static/assets/{Sortable.stories-DjDEHfbr.js → Sortable.stories-D5UmA1pJ.js} +1 -1
- package/storybook-static/assets/{Splitter-BEl27MLi.js → Splitter-YR2rAfco.js} +1 -1
- package/storybook-static/assets/{Splitter.stories-DbVszgSe.js → Splitter.stories-8jBFEiH3.js} +1 -1
- package/storybook-static/assets/{StateSelect-CgWHXo-b.js → StateSelect-CnHu_xAW.js} +1 -1
- package/storybook-static/assets/{StateSelect-BalgGekN.js → StateSelect-DmzwKn-U.js} +1 -1
- package/storybook-static/assets/{StateSelect.stories-C9B7mFLn.js → StateSelect.stories-CZlHA-Fl.js} +1 -1
- package/storybook-static/assets/{StringToggle.stories-Bp_X25qM.js → StringToggle.stories-CVdgIzhD.js} +1 -1
- package/storybook-static/assets/{Switch-j-ZXbmAp.js → Switch-CxeG787q.js} +1 -1
- package/storybook-static/assets/{Switch-CMhSVav5.js → Switch-E68YY2rp.js} +1 -1
- package/storybook-static/assets/{Switch.stories-D_fgEJKx.js → Switch.stories-DDlniUif.js} +1 -1
- package/storybook-static/assets/{Table-DQ94rvHY.js → Table-G4VubWji.js} +1 -1
- package/storybook-static/assets/{Table.stories-lgQzeacf.js → Table.stories-D2n_Y5vc.js} +1 -1
- package/storybook-static/assets/{Tabs-7SvGdRJy.js → Tabs-C2n0v5po.js} +1 -1
- package/storybook-static/assets/{Tabs.stories-C-_Dnrt2.js → Tabs.stories-BzrndKOk.js} +1 -1
- package/storybook-static/assets/{TabsBox-CcqmMAUz.js → TabsBox-DdaJEuvL.js} +1 -1
- package/storybook-static/assets/{TagInput-jRsa9QsJ.js → TagInput-CKb9ceOo.js} +1 -1
- package/storybook-static/assets/{TagInput.stories-BURLH1G5.js → TagInput.stories-D_dlbmh2.js} +1 -1
- package/storybook-static/assets/{Text-CNxXY5Sc.js → Text-D3ywiBsZ.js} +1 -1
- package/storybook-static/assets/{Textarea-BZQt0v7T.js → Textarea-Bk4KZGKW.js} +1 -1
- package/storybook-static/assets/{Textarea-De2JE4Ro.js → Textarea-D48QOI9G.js} +1 -1
- package/storybook-static/assets/{Textarea.stories-B4bz59CP.js → Textarea.stories-CGktrasz.js} +1 -1
- package/storybook-static/assets/{TimePanel-CrsDz5Fk.js → TimePanel-Dwdp8Rux.js} +1 -1
- package/storybook-static/assets/{TimePanel.stories-BfQL7f4T.js → TimePanel.stories-DFZS8o8M.js} +1 -1
- package/storybook-static/assets/{Toggle-iot4QLkN.js → Toggle-BOYRoy4d.js} +1 -1
- package/storybook-static/assets/{Toggle-o_AGl3LG.js → Toggle-BZSRDrip.js} +1 -1
- package/storybook-static/assets/{Toggle.stories-BsVnCzsC.js → Toggle.stories-BHFWDyUf.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-DSg3hrvD.js → TreeMultiSelect-CQZdepaf.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-Z3XWSrul.js → TreeMultiSelect-DvmPJ57x.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect.stories-IKP2y4Gr.js → TreeMultiSelect.stories-DhICY4PY.js} +1 -1
- package/storybook-static/assets/{TreePickerBase-Cb_E6TeZ.js → TreePickerBase-BjA8T07X.js} +1 -1
- package/storybook-static/assets/{TreeSelect-C0UHhpjh.js → TreeSelect-Cj1pwNqe.js} +1 -1
- package/storybook-static/assets/{TreeSelect-e5FHYBKv.js → TreeSelect-tXVS8YG0.js} +1 -1
- package/storybook-static/assets/{TreeSelect.stories-pDvcI-gD.js → TreeSelect.stories-tiHcI5io.js} +1 -1
- package/storybook-static/assets/{TreeTable-xH5byped.js → TreeTable-D_uAcnNc.js} +1 -1
- package/storybook-static/assets/{TreeTable.stories-prCzbc-c.js → TreeTable.stories-93B5XKxY.js} +1 -1
- package/storybook-static/assets/{async-BbOn6VVh.js → async-DEUD6n36.js} +1 -1
- package/storybook-static/assets/{blocks-CoG4hpAV.js → blocks-BcMkLvd1.js} +3 -3
- package/storybook-static/assets/{browserAndReact-0zweowYb.js → browserAndReact-qKlFbjJj.js} +1 -1
- package/storybook-static/assets/{check-C0DpMGSp.js → check-3-SRFJyA.js} +1 -1
- package/storybook-static/assets/{chevron-down-m1qyuFhY.js → chevron-down-BZbfqBQh.js} +1 -1
- package/storybook-static/assets/{chevron-left-BlL0VUfl.js → chevron-left-_vcKuAp5.js} +1 -1
- package/storybook-static/assets/{chevron-right-64NskoUH.js → chevron-right-BAAXYJ2E.js} +1 -1
- package/storybook-static/assets/{chunk-W22LQPXL-BaRb3YbO.js → chunk-W22LQPXL-CfL2PyUl.js} +1 -1
- package/storybook-static/assets/{circle-alert-Bq1Q7W5J.js → circle-alert-DTPBhENY.js} +1 -1
- package/storybook-static/assets/{circle-check-tLjxj8sd.js → circle-check-D7b8E3mW.js} +1 -1
- package/storybook-static/assets/{components-kriHInuM.js → components-BnZIwq8w.js} +3 -3
- package/storybook-static/assets/{contextMenu-BT7QpZ6n.js → contextMenu-pvmuHe53.js} +1 -1
- package/storybook-static/assets/{defaultRenderers-EOc_OhCd.js → defaultRenderers-D6T6JpdW.js} +1 -1
- package/storybook-static/assets/{download-D3E3I3aq.js → download-lwI8cHgy.js} +1 -1
- package/storybook-static/assets/{filesAndExcel-Co7Q2iNd.js → filesAndExcel-Q-wmkH6Y.js} +1 -1
- package/storybook-static/assets/{floating-ui.react-D5Ukah9Z.js → floating-ui.react-DLR5jnN2.js} +1 -1
- package/storybook-static/assets/{formatters-DbL0R1Z_.js → formatters-CWktRR9z.js} +1 -1
- package/storybook-static/assets/{formatters-runtime-C_nsRl37.js → formatters-runtime-D6QFFJBF.js} +1 -1
- package/storybook-static/assets/{foundationLib-D9IOmAle.js → foundationLib-B7nxMYYh.js} +1 -1
- package/storybook-static/assets/{hooks-D4UOjCRZ.js → hooks-BWUDxzY0.js} +1 -1
- package/storybook-static/assets/iframe-B72v60rl.js +1 -0
- package/storybook-static/assets/{iframe-CMe_3E2f.js → iframe-CIellu9v.js} +3 -3
- package/storybook-static/assets/{info-CEAi6tyH.js → info-CuoGznVe.js} +1 -1
- package/storybook-static/assets/{odata-CUv2THMH.js → odata-Cq0bbI-3.js} +1 -1
- package/storybook-static/assets/{odataAndTables-BWxOcxAj.js → odataAndTables-C0h3xqdz.js} +1 -1
- package/storybook-static/assets/{odataFetchFn-DU0d9C9s.js → odataFetchFn-CY1sR78d.js} +1 -1
- package/storybook-static/assets/{odataStoryFixtures-DEm-HTej.js → odataStoryFixtures-_HZ5M5fp.js} +1 -1
- package/storybook-static/assets/{persisted-Cb1uI9qA.js → persisted-CIHYsH5h.js} +1 -1
- package/storybook-static/assets/{pureUtilities-BehkqFcW.js → pureUtilities-Dv18ql_4.js} +1 -1
- package/storybook-static/assets/{react-CnXXoRg7.js → react-CLuaYg_3.js} +1 -1
- package/storybook-static/assets/{refresh-cw-C6d4NNEE.js → refresh-cw-CFCqE9XP.js} +1 -1
- package/storybook-static/assets/{runtimeAndState-B3NePX9Z.js → runtimeAndState-S43KHhCI.js} +1 -1
- package/storybook-static/assets/{settings-2-BjPL8jHC.js → settings-2-CzNtf8Lk.js} +1 -1
- package/storybook-static/assets/{sortable-Co660xp7.js → sortable-DA9DwkQa.js} +1 -1
- package/storybook-static/assets/{syntaxhighlighter-T5IQBZDB-y-N6WUWQ.js → syntaxhighlighter-T5IQBZDB-C1KV56kZ.js} +1 -1
- package/storybook-static/assets/{trash-2-Be_6cLkJ.js → trash-2-D56gwmuR.js} +1 -1
- package/storybook-static/assets/{triangle-alert-Dm4eQLfe.js → triangle-alert-CgwCAcNK.js} +1 -1
- package/storybook-static/assets/{useODataSelectBase-BqhhSyKo.js → useODataSelectBase-aQn55F6I.js} +1 -1
- package/storybook-static/assets/{useODataTreeData-Cm08lSsT.js → useODataTreeData-CSlbz8V8.js} +1 -1
- package/storybook-static/assets/{usePickerQuery-C7d0_yoI.js → usePickerQuery-C-D9DFII.js} +1 -1
- package/storybook-static/assets/{usePickerTriggerController-BuU8fG89.js → usePickerTriggerController-BlJxBmyk.js} +1 -1
- package/storybook-static/assets/{x-F26VOr3_.js → x-BqKLZDBl.js} +1 -1
- package/storybook-static/iframe.html +2 -2
- package/storybook-static/project.json +1 -1
- package/dist/chunks/input-D3u9BYWD.js.map +0 -1
- package/dist/chunks/radio-group-BRR1ZQDA.js.map +0 -1
- package/storybook-static/assets/DateInput-B59FLYqZ.js +0 -1
- package/storybook-static/assets/Input-DhRD6lSq.js +0 -3
- package/storybook-static/assets/RadioGroup-DJ1xoaNp.css +0 -1
- package/storybook-static/assets/RadioGroup-DhF8x85S.js +0 -1
- package/storybook-static/assets/iframe-DVPKkM_M.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
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-
|
|
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-CIellu9v.js";import{r as i,s as a}from"./odata-Cq0bbI-3.js";import{n as o,r as s,t as c}from"./useODataSelectBase-aQn55F6I.js";import{n as l,t as u}from"./MultiSelect-aXpgpeWb.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-_HZ5M5fp.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
2
|
name: "Базовый регион",
|
|
3
3
|
render: function Render(args) {
|
|
4
4
|
return <ODataMultiSelectStoryCanvas {...args} />;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CIellu9v.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BcMkLvd1.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x,u as S}from"./ODataSelect.stories-COep43rf.js";function C(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,T.jsx)(u,{children:`ODataSelect`}),`
|
|
3
3
|
`,(0,T.jsx)(o,{children:`Single-select с загрузкой OData-справочника, поиском и зависимостями от внешних фильтров`}),`
|
|
4
4
|
`,(0,T.jsx)(t.p,{children:`ODataSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
package/storybook-static/assets/{ODataSelect.stories-BI98Mc9i.js → ODataSelect.stories-COep43rf.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
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-
|
|
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-CIellu9v.js";import{r as i,s as a}from"./odata-Cq0bbI-3.js";import{n as o,t as s}from"./SelectOptionContent-DIGFQAWX.js";import{c,l}from"./Input-NY67M82H.js";import{n as u,t as d}from"./Select-40dnhr2I.js";import{r as f,t as p}from"./useODataSelectBase-aQn55F6I.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-_HZ5M5fp.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
2
|
const [region, setRegion] = useState<string | undefined>(storyValues.region);
|
|
3
3
|
const [branch, setBranch] = useState<string | undefined>(storyValues.branch);
|
|
4
4
|
const [team, setTeam] = useState<string | undefined>(storyValues.team);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CIellu9v.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BcMkLvd1.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x}from"./ODataTreeMultiSelect.stories-gy2rxVB_.js";function S(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,w.jsx)(u,{children:`ODataTreeMultiSelect`}),`
|
|
3
3
|
`,(0,w.jsx)(o,{children:`Мультивыбор по одной OData-цепочке в виде дерева`}),`
|
|
4
4
|
`,(0,w.jsxs)(t.p,{children:[(0,w.jsx)(t.code,{children:`ODataTreeMultiSelect`}),` строит дерево из одной OData-цепочки и отдает наружу канонизированный выбор в формате `,(0,w.jsx)(t.code,{children:`Record<string, string[]>`}),`.`]}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
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-
|
|
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-CIellu9v.js";import{n as i,t as a}from"./TreeMultiSelect-DvmPJ57x.js";import{n as o,t as s}from"./useODataTreeData-CSlbz8V8.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-_HZ5M5fp.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
2
|
nodes: readonly TreeSelectNode[],
|
|
3
3
|
context: ODataTreeMultiSelectNodesTransformContext
|
|
4
4
|
) => readonly TreeSelectNode[]`,signature:{arguments:[{type:{name:`unknown`},name:`nodes`},{type:{name:`signature`,type:`object`,raw:`{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CIellu9v.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BcMkLvd1.js";import{a as p,i as m,n as h,o as g,r as _,s as v,t as y}from"./ODataTreeSelect.stories-BnvUjPcq.js";function b(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,S.jsx)(u,{children:`ODataTreeSelect`}),`
|
|
3
3
|
`,(0,S.jsx)(o,{children:`Single-select по одной OData-цепочке в виде дерева`}),`
|
|
4
4
|
`,(0,S.jsxs)(t.p,{children:[(0,S.jsx)(t.code,{children:`ODataTreeSelect`}),` загружает одну OData-коллекцию, строит дерево по цепочке codeKey и позволяет выбрать любой узел.`]}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-CIellu9v.js";import{n as r,t as i}from"./useODataTreeData-CSlbz8V8.js";import{n as a,t as o}from"./TreeSelect-tXVS8YG0.js";import{a as s,c,i as l,l as u,n as d,o as f,s as p}from"./odataStoryFixtures-_HZ5M5fp.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
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
3
|
render: function Render(args) {
|
|
4
4
|
return <ODataTreeSelectStoryCanvas {...args} />;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./chevron-left-
|
|
1
|
+
import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./chevron-left-_vcKuAp5.js";import{n as a,t as o}from"./chevron-right-BAAXYJ2E.js";import{n as s}from"./iframe-CIellu9v.js";import{a as c,i as l}from"./utils-DUM89eIj.js";var u,d,f,p,m;function h(){return(h=e((()=>{u=`_7xUQBN`,d=`AonLqg`,f=`j-5yFn`,p=`pOIq63`,m={oneStepScroller:u,ossViewport:d,ossScroller:f,ossButton:p}})))()}function g(e){return Math.max(0,e.scrollWidth-e.clientWidth)}var _,v,y,b;function x(){return(x=e((()=>{_=t(n(),1),l(),r(),a(),h(),v=s(),y=1,b=({children:e,className:t,itemSelector:n,scrollPadding:r=6,smooth:a=!0})=>{let s=(0,_.useRef)(null),l=(0,_.useRef)(null),[u,d]=(0,_.useState)(!1),[f,p]=(0,_.useState)(!1),h=(0,_.useCallback)(()=>{let e=s.current;return e?n?Array.from(e.querySelectorAll(n)):Array.from(e.children).filter(e=>e instanceof HTMLElement):[]},[n]),b=(0,_.useCallback)(e=>{let t=s.current;if(!t)return null;if(n){let r=e.closest(n);return r&&t.contains(r)?r:null}let r=e;for(;r&&r.parentElement&&r.parentElement!==t;)r=r.parentElement;return r&&r.parentElement===t?r:null},[n]),x=(0,_.useCallback)(()=>{let e=s.current;if(!e){d(!1),p(!1);return}let t=Math.max(0,e.scrollWidth-e.clientWidth),n=Math.max(0,Math.min(e.scrollLeft,t)),r=n>y,i=n<t-y;d(e=>e===r?e:r),p(e=>e===i?e:i)},[]),S=(0,_.useCallback)(()=>{l.current===null&&(l.current=requestAnimationFrame(()=>{l.current=null,x()}))},[x]),C=(0,_.useCallback)(e=>{let t=s.current;if(!t)return;let n=h()[0];if(!n)return;let r=n.getBoundingClientRect().width;if(!r)return;let i=Math.round(e*r),o=Math.max(0,t.scrollWidth-t.clientWidth),c=Math.max(0,Math.min(t.scrollLeft+i,o));t.scrollTo({left:c,behavior:a?`smooth`:`auto`})},[h,a]),w=(0,_.useCallback)(e=>{let t=s.current;if(!t)return;let n=t.getBoundingClientRect(),i=e.getBoundingClientRect(),o=i.left-n.left+t.scrollLeft,c=o+i.width,l=t.scrollLeft,u=t.scrollLeft+t.clientWidth;if(o>=l+y&&c<=u-y)return;let d=t.scrollLeft;o<l?d=Math.max(0,o-r):c>u&&(d=Math.min(g(t),c-t.clientWidth+r)),t.scrollTo({left:Math.round(d),behavior:a?`smooth`:`auto`})},[r,a]);(0,_.useEffect)(()=>{let e=s.current;if(!e)return;let t=e=>{let t=e.target;if(!(t instanceof HTMLElement))return;let n=b(t);n&&w(n)};return e.addEventListener(`focusin`,t),()=>e.removeEventListener(`focusin`,t)},[w,b]),(0,_.useEffect)(()=>{let e=s.current;if(!e)return;let t=()=>S();e.addEventListener(`scroll`,t,{passive:!0});let n=null;typeof ResizeObserver<`u`&&(n=new ResizeObserver(S),n.observe(e));let r=null;return typeof MutationObserver<`u`&&(r=new MutationObserver(S),r.observe(e,{childList:!0,subtree:!1})),S(),()=>{e.removeEventListener(`scroll`,t),n?.disconnect(),r?.disconnect(),l.current!==null&&(cancelAnimationFrame(l.current),l.current=null)}},[S]),(0,_.useEffect)(()=>{S()},[e,S]);let T=()=>C(-1),E=()=>C(1),D=e=>{e.key===`ArrowLeft`?(e.preventDefault(),T()):e.key===`ArrowRight`&&(e.preventDefault(),E())},O=u||f;return(0,v.jsxs)(`div`,{className:c(m.oneStepScroller,t),style:{position:`relative`},children:[O&&(0,v.jsx)(`button`,{type:`button`,"aria-label":`Прокрутить шаг влево`,className:m.ossButton,onClick:T,disabled:!u,children:(0,v.jsx)(i,{})}),(0,v.jsx)(`div`,{className:m.ossViewport,onKeyDown:D,role:`group`,"aria-label":`Элементы прокрутки`,children:(0,v.jsx)(`div`,{className:m.ossScroller,ref:s,"aria-live":`polite`,children:e})}),O&&(0,v.jsx)(`button`,{type:`button`,"aria-label":`Прокрутить шаг вправо`,className:m.ossButton,onClick:E,disabled:!f,children:(0,v.jsx)(o,{})})]})},b.__docgenInfo={description:`Горизонтальный скроллер "по одному элементу".
|
|
2
2
|
|
|
3
3
|
Ожидает элементы фиксированной ширины (или близкой к фиксированной),
|
|
4
4
|
чтобы шаг скролла соответствовал ширине одного элемента.`,methods:[],displayName:`OneStepScroller`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},itemSelector:{required:!1,tsType:{name:`string`},description:`CSS-селектор элементов, которые считаются "шагами" скролла.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-CIellu9v.js";import{l as r,s as i}from"./odata-service-B5w4YBao-BW9QLSrS.js";import{a,y as o}from"./formatters-CVj-3Vn0-BFaHJqZL.js";import{n as s,o as c,r as l,t as u}from"./PresetSelect-BXi0TbMc.js";function d(e){return typeof e==`string`&&y.has(e)}function f(e,t=v){let n=l(e,d,t),r=n.length>0?n:v,i=new Set(r);return v.filter(e=>i.has(e))}function p(e,t=_){return c(e,t)}function m({maxDayRangeDays:e,maxWeekRangeWeeks:t,labels:n}={}){let i=r(e),a=r(t);return _.map(e=>{let t={...e,label:n?.[e.id]??e.label};return e.id===`day`&&i!==void 0?{...t,maxRangeDays:i}:e.id===`week`&&a!==void 0?{...t,maxRangeDays:a*7}:t})}function h(e,t){let n=r(e.maxRangeDays);if(n===void 0||t===void 0)return!1;let i=a(t);return i!==null&&i>n}function g(e,t,n){if(t.length===0)return;let r=e===void 0?-1:t.findIndex(t=>t.id===e),i=r>=0?t[r]:void 0;return i&&!h(i,n)?i.id:(r>=0?t.slice(r+1):t).find(e=>!h(e,n))?.id??t.find(e=>!h(e,n))?.id}var _,v,y;function b(){return(b=e((()=>{o(),i(),_=Object.freeze([{id:`day`,label:`по дням`},{id:`week`,label:`по неделям`},{id:`month`,label:`по месяцам`},{id:`year`,label:`по годам`}]),v=Object.freeze([`day`,`week`,`month`,`year`]),y=new Set(_.map(e=>e.id))})))()}function x({value:e,onChange:t,options:n,labels:r,presetIds:i,dateRange:a,maxDayRangeDays:o,maxWeekRangeWeeks:s,...c}){let l=(0,S.useMemo)(()=>n??p(f(i),m({maxDayRangeDays:o,maxWeekRangeWeeks:s,labels:r})),[r,o,s,n,i]),d=(0,S.useMemo)(()=>g(e,l,a),[a,l,e]),_=(0,S.useRef)(null),v=(0,S.useEffectEvent)(()=>{if(d===void 0||d===e){_.current=null;return}let n=_.current;n&&n.value===e&&n.availableValue===d||(_.current={value:e,availableValue:d},t(d))});return(0,S.useEffect)(()=>{v()},[d,e]),(0,C.jsx)(u,{...c,options:l,value:d,onChange:t,getOptionDisabled:e=>h(e,a)})}var S,C;function w(){return(w=e((()=>{S=t(),s(),b(),C=n(),x.__docgenInfo={description:`Select периода детализации, который может ограничивать доступные варианты по диапазону дат.`,methods:[],displayName:`PeriodSelect`,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:``},options:{required:!1,tsType:{name:`unknown`},description:"Полный список custom options с высшим приоритетом. При его передаче\nвстроенные `presetIds`, `labels` и пороги диапазона не применяются."},labels:{required:!1,tsType:{name:`Partial`,elements:[{name:`Readonly`,elements:[{name:`Record`,elements:[{name:`union`,raw:`"day" | "week" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"week"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},{name:`string`}],raw:`Record<PeriodSelectPresetId, string>`}],raw:`Readonly<Record<PeriodSelectPresetId, string>>`}],raw:`Partial<PeriodSelectLabels>`},description:`Частично заменяет подписи встроенных вариантов, не изменяя их id,
|
|
2
2
|
канонический порядок и правила доступности.
|
|
3
3
|
Не применяется, когда передан собственный \`options\`.`},presetIds:{required:!1,tsType:{name:`unknown`},description:`Разрешенные встроенные варианты периода. Значение нормализуется в канонический
|
|
4
4
|
порядок, а пустой либо невалидный список безопасно заменяется полным набором.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CIellu9v.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BcMkLvd1.js";import{a as p,c as m,i as h,n as g,o as _,r as v,s as y,t as b}from"./PeriodSelect.stories-7EzhEf6n.js";function x(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(s,{of:y,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,C.jsx)(u,{children:`PeriodSelect`}),`
|
|
3
3
|
`,(0,C.jsx)(o,{children:`Выбор периода детализации дат с ограничением вариантов по связанному диапазону`}),`
|
|
4
4
|
`,(0,C.jsxs)(t.p,{children:[`PeriodSelect используется для выбора уровня детализации: `,(0,C.jsx)(t.code,{children:`day`}),`, `,(0,C.jsx)(t.code,{children:`week`}),`, `,(0,C.jsx)(t.code,{children:`month`}),` или `,(0,C.jsx)(t.code,{children:`year`}),`. Компонент хранит только id выбранного периода, а недоступность вариантов вычисляет по переданному `,(0,C.jsx)(t.code,{children:`dateRange`}),` и порогам `,(0,C.jsx)(t.code,{children:`maxDayRangeDays`}),` / `,(0,C.jsx)(t.code,{children:`maxWeekRangeWeeks`}),`.`]}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-CIellu9v.js";import{n as r,t as i}from"./Text-D3ywiBsZ.js";import{a,b as o,y as s}from"./formatters-CVj-3Vn0-BFaHJqZL.js";import{n as c,t as l}from"./createControlledStoryRender-DHsyXc1B.js";import{r as u,t as d}from"./DateInput-B8ghw74S.js";import{n as f,t as p}from"./GridContainer-qDguE1HS.js";import{i as m,n as h,r as g,t as _}from"./PeriodSelect-B2Hg1mxE.js";var v=t({AllAllowedOptionsDisabled:()=>A,AlternativeLabels:()=>k,AutoSwitchByRange:()=>D,Controlled:()=>E,Disabled:()=>j,MonthAndYear:()=>O,__namedExportsOrder:()=>M,default:()=>w});function y(e){return e!==void 0&&o(e)?e:null}var b,x,S,C,w,T,E,D,O,k,A,j,M;function N(){return(N=e((()=>{s(),u(),c(),f(),r(),m(),h(),b=n(),{fn:x}=__STORYBOOK_MODULE_TEST__,S=[new Date(2026,2,1,0,0,0),new Date(2026,2,14,23,59,59)],C=[new Date(2026,0,1,0,0,0),new Date(2026,4,20,23,59,59)],w={title:`Shared/UI/PeriodSelect`,component:_,args:{label:`Период детализации`,description:`Выберите уровень группировки дат.`,placeholder:`Выберите период`,value:`day`,onChange:x(),presetIds:g,dateRange:S,maxDayRangeDays:31,maxWeekRangeWeeks:26,disabled:!1,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Select периода детализации дат. Компонент работает с id периода и может блокировать слишком детальные варианты по переданному диапазону дат.`}}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, когда период не выбран.`,control:`text`},value:{description:`Текущий id периода.`,control:`select`,options:g},onChange:{description:`Вызывается с id выбранного периода.`,control:!1},options:{description:"Кастомный список периодов по контракту `PeriodSelectOption`; имеет приоритет над `presetIds`, `labels` и порогами диапазона.",control:!1},labels:{description:`Частичные подписи встроенных периодов поверх канонического каталога.`,control:`object`},presetIds:{description:"Разрешенные встроенные периоды. Порядок отображения остается `day → week → month → year`.",control:`check`,options:g},dateRange:{description:`Диапазон дат, по которому вычисляются заблокированные периоды.`,control:!1},maxDayRangeDays:{description:"Максимальное количество дней, при котором доступен период `day`.",control:{type:`number`,min:1,step:1}},maxWeekRangeWeeks:{description:"Максимальное количество недель, при котором доступен период `week`.",control:{type:`number`,min:1,step:1}},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},T=l((e,t)=>{let n=y(e.dateRange),r=a(e.dateRange??null);return(0,b.jsxs)(p,{gap:`md`,children:[(0,b.jsx)(_,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,b.jsx)(d,{label:`Связанный диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:e=>t({dateRange:e??void 0})}),(0,b.jsxs)(i,{as:`p`,color:`secondary`,"aria-live":`polite`,children:[`Выбрано: `,(0,b.jsx)(i,{as:`code`,children:e.value??`не выбрано`}),`. Дней в диапазоне:`,` `,(0,b.jsx)(i,{as:`code`,children:r??`не задано`}),`.`]})]})}),E={name:`Контролируемый выбор`,render:T},D={name:`Автопереключение по диапазону`,args:{value:`day`,dateRange:C,maxDayRangeDays:31,maxWeekRangeWeeks:8},render:T},O={name:`Только месяцы и годы`,args:{value:`month`,presetIds:[`month`,`year`]},render:T},k={name:`Альтернативные подписи`,args:{value:`month`,labels:{day:`за день`,week:`за неделю`,month:`за месяц`,year:`за год`}},render:T},A={name:`Все разрешенные варианты недоступны`,args:{value:`day`,presetIds:[`day`,`week`],dateRange:C,maxDayRangeDays:31,maxWeekRangeWeeks:8},render:T},j={name:`Заблокированный контрол`,args:{disabled:!0,value:`week`}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
name: "Контролируемый выбор",
|
|
3
3
|
render: renderPeriodSelectStory
|
|
4
4
|
}`,...E.parameters?.docs?.source},description:{story:"Контролируемый сценарий синхронизирует `value` и `dateRange` через Storybook args.",...E.parameters?.docs?.description}}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CIellu9v.js";import{n,t as r}from"./Grid-BCzygAqy.js";import{d as i,f as a}from"./usePickerTriggerController-BlJxBmyk.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
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 +1 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t,t as n}from"./chevron-down-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t,t as n}from"./chevron-down-BZbfqBQh.js";import{n as r}from"./iframe-CIellu9v.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,2 +1,2 @@
|
|
|
1
|
-
import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-
|
|
1
|
+
import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-CIellu9v.js";import{a as i,i as a}from"./utils-DUM89eIj.js";import{a as o,d as s,g as c,l,m as u,n as d,p as f,r as p}from"./floating-ui.react-DLR5jnN2.js";import{a as m,i as h,n as g,r as _}from"./dom-B3G_GtJw.js";import{i as v,r as y}from"./FloatingPopover-CLP6oMZ6.js";import{n as b}from"./error-BZrNlEUO.js";var x,S,C,w;function T(){return(T=e((()=>{x=`JK2Y7t`,S=`_5QtpCJ`,C=`hZuysP`,w={popover:x,primary:S,secondary:C}})))()}function E(){let e=(0,D.useContext)(O);if(!e)throw b({hookName:`usePopoverContext`,providerName:`Popover`});return e}var D,O;function k(){return(k=e((()=>{D=n(),O=(0,D.createContext)(null)})))()}var A,j,M;function N(){return(N=e((()=>{A=t(n(),1),p(),_(),a(),v(),T(),k(),j=r(),M=({children:e,onClose:t,closeOnOutside:n=!0,closeOnEscape:r=!0,disableOutsideClick:a=!1,background:o=`secondary`})=>{let{open:s,setOpen:c,refs:l,floatingStyles:u,middlewareData:f,placement:p,arrowRef:_}=E(),v=(0,A.useRef)(null),b=(0,A.useCallback)(e=>{v.current=e,l.setFloating(e)},[l]),x=m({active:s,initialFocus:`container`,restoreFocus:!0,containerRef:v}),S=(0,A.useCallback)(()=>{s&&(c(!1),t?.())},[c,t,s]);g({active:s,enabled:r,onDismiss:S,containerRef:x});let C=(0,A.useCallback)(()=>{!s||a||n&&S()},[s,a,n,S]);return h([l.floating,l.reference],C),s?(0,j.jsx)(d,{children:(0,j.jsxs)(`div`,{ref:b,style:u,className:i(w.popover,w[o]),role:`dialog`,"aria-modal":`true`,tabIndex:-1,children:[typeof e==`function`?e({setClose:S}):e,(0,j.jsx)(y,{ref:_,placement:p,middlewareData:f})]})}):null},M.__docgenInfo={description:`Содержимое Popover, отображаемое в портале.`,methods:[],displayName:`PopoverContent`,props:{children:{required:!0,tsType:{name:`union`,raw:`React.ReactNode | ((ctx: { setClose: () => void }) => React.ReactNode)`,elements:[{name:`ReactReactNode`,raw:`React.ReactNode`},{name:`unknown`}]},description:``},onClose:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},closeOnOutside:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},closeOnEscape:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},disableOutsideClick:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},background:{required:!1,tsType:{name:`union`,raw:`"primary" | "secondary"`,elements:[{name:`literal`,value:`"primary"`},{name:`literal`,value:`"secondary"`}]},description:``,defaultValue:{value:`"secondary"`,computed:!1}}}}})))()}var P,F;function I(){return(I=e((()=>{P=n(),k(),F=({passive:e,children:t})=>{let{open:n,setOpen:r,refs:i}=E(),a=(0,P.useCallback)(n=>{t.props.onClick&&t.props.onClick(n),!n.defaultPrevented&&(n.preventDefault(),n.stopPropagation(),!e&&r(e=>!e))},[t,r,e]);return(0,P.cloneElement)(t,{ref:i.setReference,"aria-expanded":n,onClick:a})},F.__docgenInfo={description:``,methods:[],displayName:`PopoverTrigger`,props:{passive:{required:!1,tsType:{name:`literal`,value:`true`},description:``},children:{required:!0,tsType:{name:`ReactReactElement`,raw:`React.ReactElement<React.HTMLAttributes<Element> & { ref?: React.Ref<Element> }>`,elements:[{name:`intersection`,raw:`React.HTMLAttributes<Element> & { ref?: React.Ref<Element> }`,elements:[{name:`ReactHTMLAttributes`,raw:`React.HTMLAttributes<Element>`,elements:[{name:`Element`}]},{name:`signature`,type:`object`,raw:`{ ref?: React.Ref<Element> }`,signature:{properties:[{key:`ref`,value:{name:`ReactRef`,raw:`React.Ref<Element>`,elements:[{name:`Element`}],required:!1}}]}}]}]},description:``}}}})))()}var L,R,z,B;function V(){return(V=e((()=>{L=t(n(),1),p(),N(),k(),I(),R=r(),z=({children:e,open:t,defaultOpen:n,onOpenChange:r,placement:i=`bottom`})=>{let[a,d]=(0,L.useState)(n??!1),p=t!==void 0,m=p?t:a,h=(0,L.useCallback)(e=>{let t=typeof e==`function`?e(m):e;p||d(t),r?.(t)},[p,r,m]),g=(0,L.useRef)(null),{refs:_,floatingStyles:v,middlewareData:y,placement:b}=o({open:m,onOpenChange:h,placement:i,middleware:[f(8),s(),u({padding:16}),l({element:g.current})],whileElementsMounted:c});return(0,R.jsx)(O.Provider,{value:{open:m,setOpen:h,refs:_,floatingStyles:v,placement:b,middlewareData:y,arrowRef:g},children:e})},B=Object.assign(z,{Trigger:F,Content:M}),z.__docgenInfo={description:`Контролируемый Popover.
|
|
2
2
|
Используется в связке с Popover.Trigger и Popover.Content.`,methods:[],displayName:`PopoverRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`"bottom"`,computed:!1}},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}})))()}export{V as n,B as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CIellu9v.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BcMkLvd1.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Popover.stories-BR5BVyoa.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,x.jsx)(u,{children:`Popover`}),`
|
|
3
3
|
`,(0,x.jsx)(o,{children:`Всплывающий контейнер, привязанный к trigger-элементу и поддерживающий управляемое открытие`}),`
|
|
4
4
|
`,(0,x.jsx)(t.p,{children:`Popover уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
|
@@ -1,4 +1,4 @@
|
|
|
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-
|
|
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-CIellu9v.js";import{n as i,t as a}from"./Popover-Ch6HySgl.js";import{n as o,t as s}from"./Button-CFY0i6K5.js";import{n as c,t as l}from"./createControlledStoryRender-DHsyXc1B.js";import{l as u,t as d}from"./Input-NY67M82H.js";var f=t({AnchorPlacement:()=>w,Controlled:()=>C,Default:()=>S,WithInteractiveContent:()=>T,__namedExportsOrder:()=>E,default:()=>x});function p({args:e,updateArgs:t,trigger:n,children:r}){return(0,_.jsxs)(a,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})},children:[(0,_.jsx)(a.Trigger,{passive:e.passive,children:n(e.open===!0)}),(0,_.jsx)(a.Content,{onClose:()=>e.onClose?.(),closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,background:e.background,children:r})]})}function m(e,t){return l((n,r)=>(0,_.jsx)(p,{args:n,updateArgs:r,trigger:e,children:t}))}function h({args:e,updateArgs:t}){let[n,r]=(0,g.useState)(``);return(0,_.jsx)(p,{args:e,updateArgs:t,trigger:()=>(0,_.jsx)(`button`,{type:`button`,children:`Форма`}),children:e=>(0,_.jsxs)(`form`,{onSubmit:t=>{t.preventDefault(),e.setClose()},style:{display:`flex`,flexDirection:`column`,gap:8,padding:12,width:180},children:[(0,_.jsx)(d,{label:`Имя`,placeholder:`Введите имя`,value:n,onChange:r}),(0,_.jsx)(s,{children:`Отправить`})]})})}var g,_,v,y,b,x,S,C,w,T,E;function D(){return(D=e((()=>{g=n(),o(),c(),u(),i(),_=r(),{useArgs:v}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:y}=__STORYBOOK_MODULE_TEST__,b=[`top`,`top-start`,`top-end`,`right`,`right-start`,`right-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`],x={title:`Shared/UI/Popover`,component:a,args:{children:null,placement:`bottom`,open:!1,defaultOpen:!1,onOpenChange:y(),onClose:y(),closeOnOutside:!0,closeOnEscape:!0,disableOutsideClick:!1,background:`secondary`},parameters:{atomicCanvas:!0,layout:`centered`},argTypes:{children:{description:"Композиция из `Popover.Trigger` и `Popover.Content`.",control:!1},placement:{description:`Предпочтительное положение панели относительно trigger.`,control:`select`,options:b},open:{description:`Контролируемая видимость popover.`,control:`boolean`},defaultOpen:{description:`Начальная видимость в uncontrolled-режиме.`,control:`boolean`},onOpenChange:{description:`Вызывается при открытии и закрытии popover.`,control:!1},passive:{description:`Оставляет trigger пассивным: он получает reference, но не переключает popover по клику.`,control:`boolean`},onClose:{description:"Вызывается после закрытия Content через Escape, клик снаружи или `setClose`.",control:!1},closeOnOutside:{description:`Закрывает Content по клику снаружи.`,control:`boolean`},closeOnEscape:{description:`Закрывает Content по клавише Escape.`,control:`boolean`},disableOutsideClick:{description:`Игнорирует клики снаружи Content.`,control:`boolean`},background:{description:`Тема фона Content.`,control:`inline-radio`,options:[`primary`,`secondary`]}}},S={render:m(()=>(0,_.jsx)(`button`,{type:`button`,children:`Открыть`}),e=>(0,_.jsxs)(`div`,{style:{padding:12,maxWidth:160},children:[(0,_.jsx)(`p`,{children:`Пример простого поповера`}),(0,_.jsx)(`button`,{type:`button`,onClick:e.setClose,children:`Закрыть`})]}))},C={render:m(e=>(0,_.jsx)(`button`,{type:`button`,children:e?`Закрыть`:`Открыть`}),(0,_.jsx)(`div`,{style:{padding:12},children:`Контролируемый режим`}))},w={render:function(){let[e,t]=v(),n=(n,r)=>{e.onOpenChange?.(n),t(n?{open:!0,placement:r}:{open:!1})};return(0,_.jsx)(`div`,{style:{display:`flex`,gap:32,flexWrap:`wrap`,justifyContent:`center`},children:b.map(t=>(0,_.jsxs)(a,{placement:t,open:e.open===!0&&e.placement===t,defaultOpen:e.defaultOpen,onOpenChange:e=>n(e,t),children:[(0,_.jsx)(a.Trigger,{passive:e.passive,children:(0,_.jsx)(`button`,{type:`button`,children:t})}),(0,_.jsx)(a.Content,{onClose:()=>e.onClose?.(),closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,background:e.background,children:(0,_.jsx)(`div`,{style:{padding:8},children:t})})]},t))})}},T={render:l((e,t)=>(0,_.jsx)(h,{args:e,updateArgs:t}))},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: createPopoverStoryRender(() => <button type="button">Открыть</button>, ctx => <div style={{
|
|
3
3
|
padding: 12,
|
|
4
4
|
maxWidth: 160
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CIellu9v.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BcMkLvd1.js";import{n as p,r as m,t as h}from"./PresetRangeDateInput.stories-BVmvAtuU.js";function g(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(s,{of:p,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,v.jsx)(u,{children:`PresetRangeDateInput`}),`
|
|
3
3
|
`,(0,v.jsx)(o,{children:`Составной контрол диапазона дат с синхронизацией ручного ввода и готовых пресетов`}),`
|
|
4
4
|
`,(0,v.jsx)(t.p,{children:`PresetRangeDateInput уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-CIellu9v.js";import{n as r,t as i}from"./FlexContainer-LmZIdhq2.js";import{r as a,t as o}from"./DateInput-B8ghw74S.js";import{a as s,c,l,n as u,o as d,r as f,s as p,t as m}from"./DateRangePresetSelect-CHqILMyE.js";function h(e){return e??`__empty__`}function g({value:e,onChange:t,presetId:n,onPresetIdChange:r,referenceDate:a,presetIds:s,presetOptions:u,presetLabel:g,presetDescription:y,presetPlaceholder:b=`Выберите пресет диапазона`,presetDisabled:x,...S}){let[C]=(0,_.useState)(()=>new Date),w=a??C,T=(0,_.useMemo)(()=>u??c(d(s,f)),[s,u]),E=e??null,D=(0,_.useMemo)(()=>p(E,w,T),[E,T,w]),O=n??D??void 0,k=(0,_.useRef)(``),A=(0,_.useCallback)(e=>{if(!r)return;let t=h(e);t!==k.current&&(k.current=t,r(e))},[r]),j=e=>{let n=l(e,w,T);if(!n){A(null);return}A(n.id),t(n.range)},M=e=>{t(e),A(p(e,w,T))};return(0,v.jsxs)(i,{gap:`sm`,align:`end`,children:[(0,v.jsx)(m,{size:S.size,label:g,description:y,placeholder:b,disabled:x??S.disabled,value:O,onChange:j,options:T,referenceDate:w}),(0,v.jsx)(o,{...S,value:E,onChange:M})]})}var _,v;function y(){return(y=e((()=>{_=t(),a(),u(),s(),r(),v=n(),g.__docgenInfo={description:`Составной компонент выбора диапазона дат через пресет или ручной ввод.`,methods:[],displayName:`PresetRangeDateInput`,props:{presetId:{required:!1,tsType:{name:`union`,raw:`DateRangePresetOption["id"] | null`,elements:[{name:`DateRangePresetOption["id"]`,raw:`DateRangePresetOption["id"]`},{name:`null`}]},description:``},onPresetIdChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(presetId: DateRangePresetOption["id"] | null) => void`,signature:{arguments:[{type:{name:`union`,raw:`DateRangePresetOption["id"] | null`,elements:[{name:`DateRangePresetOption["id"]`,raw:`DateRangePresetOption["id"]`},{name:`null`}]},name:`presetId`}],return:{name:`void`}}},description:``},referenceDate:{required:!1,tsType:{name:`Date`},description:``},presetIds:{required:!1,tsType:{name:`unknown`},description:``},presetOptions:{required:!1,tsType:{name:`unknown`},description:``},presetLabel:{required:!1,tsType:{name:`ReactNode`},description:``},presetDescription:{required:!1,tsType:{name:`string`},description:``},presetPlaceholder:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Выберите пресет диапазона"`,computed:!1}},presetDisabled:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`Omit`]}})))()}export{y as n,g as t};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{a as n,i as r,r as i}from"./CalendarView-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{a as n,i as r,r as i}from"./CalendarView-kmgPHiBr.js";import{n as a}from"./iframe-CIellu9v.js";import{n as o,t as s}from"./Text-D3ywiBsZ.js";import{n as c,t as l}from"./FlexContainer-LmZIdhq2.js";import{n as u,t as d}from"./createControlledStoryRender-DHsyXc1B.js";import{a as f,r as p}from"./DateRangePresetSelect-CHqILMyE.js";import{n as m,t as h}from"./PresetRangeDateInput-QHtNyYJA.js";var g=t({Default:()=>x,__namedExportsOrder:()=>S,default:()=>y}),_,v,y,b,x,S;function C(){return(C=e((()=>{n(),f(),u(),c(),o(),m(),_=a(),{fn:v}=__STORYBOOK_MODULE_TEST__,y={title:`Shared/UI/PresetRangeDateInput`,component:h,args:{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,10,0,0,0),new Date(2026,2,10,23,59,59)],onChange:v(),presetId:`today`,onPresetIdChange:v(),referenceDate:new Date(2026,2,10,12,0,0),presetLabel:`Быстрый диапазон`,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{presetId:{description:"Контролируемый ID выбранного быстрого пресета. `null` снимает внешний выбор.",control:`select`,options:[...p,null]},onPresetIdChange:{description:`Вызывается, когда выбор пресета меняется из-за preset или ручного диапазона.`,control:!1},referenceDate:{description:`Опорная дата для вычисления встроенных быстрых диапазонов.`,control:`date`},presetIds:{description:"Разрешённые встроенные ID пресетов, если не передан `presetOptions`.",control:`check`,options:p},presetOptions:{description:`Кастомный каталог быстрых диапазонов с функциями вычисления.`,control:!1},presetLabel:{description:`Заголовок поля быстрого выбора.`,control:`text`},presetDescription:{description:`Описание под полем быстрого выбора.`,control:`text`},presetPlaceholder:{description:`Текст до выбора быстрого диапазона.`,control:`text`},presetDisabled:{description:`Блокирует только выбор быстрого пресета.`,control:`boolean`},label:{description:`Заголовок ручного поля диапазона.`,control:`text`},description:{description:`Описание ручного поля диапазона.`,control:`text`},placeholder:{description:`Текст до выбора ручного диапазона.`,control:`text`},value:{description:`Текущий ручной диапазон дат.`,control:!1},onChange:{description:`Вызывается при изменении ручного диапазона или выборе пресета.`,control:!1},error:{description:`Текст внешней ошибки ручного поля.`,control:`text`},onClearError:{description:`Сбрасывает внешнюю ошибку после ввода или выбора.`,control:!1},minDate:{description:`Минимально доступная дата ручного диапазона.`,control:`date`},maxDate:{description:`Максимально доступная дата ручного диапазона.`,control:`date`},datePreset:{description:`Пресет форматирования выбранного ручного диапазона.`,control:`text`},datePickerLevel:{description:`Минимальный уровень навигации календаря ручного поля.`,control:`select`,options:[`day`,`month`,`year`]},selectionMode:{description:`Размер периода, который выбирает ручное поле.`,control:`select`,options:i},weekEndDay:{description:`Последний включённый день недели в режиме week.`,control:`select`,options:r},allowSelectionModeChange:{description:`Показывает runtime-переключатель размера периода.`,control:`boolean`},selectionModeOptions:{description:`Ограничивает доступные режимы в runtime-переключателе.`,control:`check`,options:i},onSelectionModeChange:{description:`Вызывается при runtime-смене размера периода.`,control:!1},disabled:{description:"Блокирует ручное поле и, если `presetDisabled` не задан, быстрый выбор.",control:`boolean`},size:{description:`Размер обоих полей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},b=d((e,t)=>(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(l,{gap:`sm`,align:`end`,children:(0,_.jsx)(h,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onPresetIdChange:n=>{e.onPresetIdChange?.(n),t({presetId:n})},onSelectionModeChange:n=>{e.onSelectionModeChange?.(n),t({selectionMode:n})},onClearError:()=>{e.onClearError?.(),t({error:void 0})}})}),(0,_.jsxs)(s,{as:`p`,className:`marginBlockSm`,children:[`Активный presetId: `,(0,_.jsx)(s,{as:`code`,children:e.presetId??`null`})]})]})),x={render:b},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: renderPresetRangeDateInputStory
|
|
3
3
|
}`,...x.parameters?.docs?.source},description:{story:`Демонстрирует совместную работу пресета и ручного диапазона.`,...x.parameters?.docs?.description}}},S=[`Default`]})))()}export{g as n,C as r,x as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CIellu9v.js";import{n,t as r}from"./Select-40dnhr2I.js";function i(e,t,n=[]){if(!Array.isArray(e))return[...n];let r=[];for(let n of e)!t(n)||r.includes(n)||r.push(n);return r}function a(e,t){let n=new Map(t.map(e=>[e.id,e])),r=[],i=new Set;for(let t of e){if(i.has(t))continue;let e=n.get(t);e&&(r.push(e),i.add(t))}return r}function o(e,t){return e?t.find(t=>t.id===e)??null:null}function s(){return(s=e((()=>{})))()}function c({options:e,value:t,onChange:n,getOptionDisabled:i,getOptionCode:a,getOptionAriaLabel:s,renderOption:c,renderValue:u,className:d,buttonClassName:f,optionsClassName:p,clearable:m,...h}){let g=o(t,e)??void 0;return(0,l.jsx)(r,{...h,options:e,value:g,onChange:e=>n(e?.id),getOptionKey:e=>e.id,getOptionLabel:e=>e.label,getOptionCode:a,getOptionDisabled:i,getOptionAriaLabel:s,renderOption:c,renderValue:u,className:d,buttonClassName:f,optionsClassName:p,clearable:m})}var l;function u(){return(u=e((()=>{n(),l=t(),c.__docgenInfo={description:"Базовый Select для пресетов с контрактом `id/label`.",methods:[],displayName:`PresetSelect`,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:``},options:{required:!0,tsType:{name:`unknown`},description:``},getOptionDisabled:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => boolean`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`boolean`}}},description:``},getOptionCode:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => ReactNode`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`ReactNode`}}},description:``},getOptionAriaLabel:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => string`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`string`}}},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:`{
|
|
2
2
|
active: boolean;
|
|
3
3
|
selected: boolean;
|
|
4
4
|
disabled: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{i as r,n as i,r as a}from"./iframe-
|
|
1
|
+
import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{i as r,n as i,r as a}from"./iframe-CIellu9v.js";import{a as o,i as s}from"./utils-DUM89eIj.js";import{n as c,t as l}from"./ui.module-CiLQZm_L.js";import{i as u,r as d}from"./uiClasses-DiXn3Hc-.js";import{n as f,t as p}from"./CheckBox.module-BNQm6HXI.js";var m,h;function g(){return(g=e((()=>{r(),m=[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}]],h=a(`circle`,m)})))()}var _,v;function y(){return(y=e((()=>{_=`gu8UMB`,v={radioInput:_}})))()}var b,x,S;function C(){return(C=e((()=>{b=t(n(),1),s(),g(),f(),l(),u(),y(),x=i(),S=({label:e,description:t,placeholder:n,disabled:r,size:i,className:a,onChange:s,value:l,id:u,tone:f=`neutral`,...m})=>{let g=(0,b.useId)(),_=u??g,y=t?`${_}-description`:void 0,S=e??n,C=l??!1;return(0,x.jsxs)(`div`,{className:o(c.uiElement,i&&c.uiSizable,i&&c[i],r&&c.disabled,a),children:[(0,x.jsxs)(`div`,{className:p.row,children:[(0,x.jsxs)(`div`,{className:o(p.wrapper,d(f)),children:[(0,x.jsx)(`input`,{...m,id:_,type:`radio`,checked:C,disabled:r,"aria-disabled":r,"aria-describedby":y,className:o(c.uiSelectionControl,p.input,v.radioInput),onChange:e=>s?.(e.currentTarget.checked)}),(0,x.jsx)(`div`,{className:o(c.uiSelectionIcon,p.icon),"aria-hidden":`true`,children:(0,x.jsx)(h,{fill:`currentColor`})})]}),S&&(0,x.jsx)(`label`,{htmlFor:_,className:c.uiLabel,children:S})]}),t&&(0,x.jsx)(`p`,{id:y,className:c.uiDescription,children:t})]})},S.__docgenInfo={description:'Компонент радиокнопки для выбора одного варианта.\nНативный `input[type="radio"]` обеспечивает взаимоисключение элементов с\nобщим `name`, а controlled API продолжает публиковать булево состояние.\nПоддерживает tone + appearance и использует общие selection utility-классы из ui.module.scss.',methods:[],displayName:`RadioButton`,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:``},tone:{required:!1,tsType:{name:`union`,raw:`"neutral" | "brand" | "error" | "warning" | "success" | "info"`,elements:[{name:`literal`,value:`"neutral"`},{name:`literal`,value:`"brand"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"info"`}]},description:``,defaultValue:{value:`"neutral"`,computed:!1}}},composes:[`Omit`]}})))()}export{C as n,S as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CIellu9v.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BcMkLvd1.js";import{a as p,i as m,n as h,r as g,t as _}from"./RadioButton.stories-DTTGcMA9.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,b.jsx)(u,{children:`RadioButton`}),`
|
|
3
3
|
`,(0,b.jsx)(o,{children:`Одиночная radio-кнопка для ручной сборки наборов выбора и специальных компоновок`}),`
|
|
4
4
|
`,(0,b.jsx)(t.p,{children:`RadioButton уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
package/storybook-static/assets/{RadioButton.stories-Dcc3TQYI.js → RadioButton.stories-DTTGcMA9.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./RadioButton-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./RadioButton-BLiATOSQ.js";import{n as a}from"./iframe-CIellu9v.js";import{n as o,t as s}from"./createControlledStoryRender-DHsyXc1B.js";var c=t({Controlled:()=>p,Disabled:()=>h,Group:()=>m,__namedExportsOrder:()=>g,default:()=>f}),l,u,d,f,p,m,h,g;function _(){return(_=e((()=>{l=n(),o(),r(),u=a(),d=s((e,t)=>(0,u.jsx)(i,{...e,value:e.value??!1,onChange:n=>{e.onChange?.(n),t({value:n})}})),f={title:`Shared/UI/RadioButton`,component:i,args:{value:!1,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст подписи радиокнопки.`,control:`text`},description:{description:`Дополнительное описание под элементом.`,control:`text`},placeholder:{description:"Резервная подпись, если `label` не задан.",control:`text`},value:{description:`Признак выбранного состояния.`,control:`boolean`},onChange:{description:`Вызывается при изменении выбранности.`,control:!1},disabled:{description:`Блокирует взаимодействие.`,control:`boolean`},size:{description:`Размер визуального контрола и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},tone:{description:`Цветовой тон радиокнопки.`,control:`inline-radio`,options:[`neutral`,`brand`,`error`,`warning`,`success`,`info`]}}},p={render:d,args:{label:`Выбрать опцию`,description:`Одиночная радиокнопка в controlled-режиме.`,value:!1,tone:`neutral`}},m={render:()=>{let[e,t]=(0,l.useState)(`email`);return(0,u.jsxs)(`div`,{role:`radiogroup`,"aria-label":`Канал уведомлений`,style:{display:`grid`,gap:12},children:[(0,u.jsx)(i,{name:`notification-channel`,label:`Email`,value:e===`email`,onChange:e=>e&&t(`email`),tone:`info`}),(0,u.jsx)(i,{name:`notification-channel`,label:`SMS`,value:e===`sms`,onChange:e=>e&&t(`sms`),tone:`info`})]})},args:{value:void 0}},h={render:d,args:{label:`Недоступная опция`,description:`Заблокировано политикой конфигурации.`,value:!0,disabled:!0,tone:`neutral`}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: renderRadioButtonStory,
|
|
3
3
|
args: {
|
|
4
4
|
label: "Выбрать опцию",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CIellu9v.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BcMkLvd1.js";import{a as p,i as m,n as h,r as g,t as _}from"./RadioGroup.stories-B3U4iHk3.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:g,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,b.jsx)(u,{children:`RadioGroup`}),`
|
|
3
3
|
`,(0,b.jsx)(o,{children:`Группа взаимоисключающих опций с поддержкой горизонтальной и вертикальной раскладки`}),`
|
|
4
4
|
`,(0,b.jsx)(t.p,{children:`RadioGroup уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{i as r,n as i,r as a}from"./iframe-CIellu9v.js";import{a as o,i as s,n as c,o as l}from"./utils-DUM89eIj.js";import{n as u,t as d}from"./ui.module-CiLQZm_L.js";var f,p;function m(){return(m=e((()=>{r(),f=[[`path`,{d:`M21.801 10A10 10 0 1 1 17 3.335`,key:`yps3ct`}],[`path`,{d:`m9 11 3 3L22 4`,key:`1pflzl`}]],p=a(`circle-check-big`,f)})))()}var h,g,_,v,y,b,x,S,C;function w(){return(w=e((()=>{h=`nINbA6`,g=`GL-UWx`,_=`_6PeF-i`,v=`_5wP4aR`,y=`S3MnZI`,b=`KHJ0ja`,x=`oGmcQH`,S=`k2z8AN`,C={radioGroup:h,noWrap:g,horizontal:_,vertical:v,radioItem:y,checked:b,radioItemContent:x,radioItemIcon:S}})))()}function T({value:e,onChange:t,label:n,description:r,disabled:i,className:a,noWrap:s,orientation:c=`horizontal`,"aria-label":l,children:d}){let f=(0,D.useId)(),p=n?`${f}-label`:void 0,m=r?`${f}-description`:void 0,[h,g]=(0,D.useState)([]),_=(0,D.useCallback)(e=>t?.(e),[t]),v=(0,D.useCallback)(e=>(g(t=>t.includes(e)?t:[...t,e]),()=>{g(t=>t.filter(t=>t!==e))}),[]),y=(0,D.useMemo)(()=>({value:e,onChange:_,disabled:i,orientation:c,groupId:f,labelId:p,descriptionId:m,firstOptionId:h[0],registerOption:v}),[m,i,f,_,p,c,v,h,e]);return(0,O.jsxs)(`div`,{className:o(u.uiElement,i&&u.disabled,a),children:[n&&(0,O.jsx)(`div`,{id:p,className:u.uiLabel,children:n}),r&&(0,O.jsx)(`div`,{id:m,className:u.uiDescription,children:r}),(0,O.jsx)(k.Provider,{value:y,children:(0,O.jsx)(`div`,{role:`radiogroup`,"aria-labelledby":p,"aria-label":p?void 0:l,"aria-describedby":m,"aria-disabled":i||void 0,"data-disabled":i||void 0,className:o(u.uiInputControl,C.radioGroup,s&&C.noWrap,C[c]),children:d})})]})}function E({value:e,label:t,description:n,className:r}){let i=(0,D.useContext)(k),a=(0,D.useId)(),s=i?.registerOption;if((0,D.useLayoutEffect)(()=>{if(s)return s(a)},[s,a]),!i)return(0,O.jsxs)(`div`,{className:o(C.radioItem,r),children:[(0,O.jsx)(`p`,{className:`textNoWrap`,children:t}),n&&(0,O.jsx)(`div`,{className:`fontSizeSm content2`,children:n})]});let u=Object.is(i.value,e),d=i.disabled===!0,f=i.value===void 0&&i.firstOptionId===a,m=()=>{d||u||i.onChange?.(e)};return(0,O.jsxs)(`button`,{id:`${i.groupId}-option-${a}`,type:`button`,role:`radio`,"aria-checked":u,disabled:d,tabIndex:u||f?0:-1,className:o(C.radioItem,u&&C.checked,r),"data-ui":`radio-option`,"data-action":`select-radio-option`,onClick:m,onKeyDown:e=>{if(d||c(e,m))return;let t=e.currentTarget,n=t.closest(`[role="radiogroup"]`),r=Array.from(n?.querySelectorAll(`[role="radio"]:not([disabled])`)??[]);if(!r.length)return;let a=r.indexOf(t);if(a===-1)return;let o=l({currentIndex:a,itemCount:r.length,key:e.key,orientation:i.orientation});o!==null&&(e.preventDefault(),r[o]?.focus(),r[o]?.click())},children:[(0,O.jsxs)(`span`,{className:C.radioItemContent,children:[(0,O.jsx)(`span`,{className:`textNoWrap`,children:t}),n&&(0,O.jsx)(`span`,{className:`fontSizeSm`,children:n})]}),(0,O.jsx)(`span`,{className:C.radioItemIcon,children:(0,O.jsx)(p,{style:{display:`block`,visibility:u?`visible`:`hidden`,strokeWidth:2}})})]})}var D,O,k;function A(){return(A=e((()=>{D=t(n(),1),s(),m(),d(),w(),O=i(),k=(0,D.createContext)(null),T.Option=E,T.__docgenInfo={description:`Группа радиокнопок с общим состоянием выбранного значения. Обеспечивает единый API выбора и контекст для дочерних опций.`,methods:[{name:`Option`,docblock:null,modifiers:[`static`],params:[{name:`{ value, label, description, className }: OptionProps<T>`,optional:!1,type:{name:`OptionProps`,elements:[{name:`T`}],raw:`OptionProps<T>`,alias:`OptionProps`}}],returns:null}],displayName:`RadioGroup`,props:{value:{required:!1,tsType:{name:`T`},description:``},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`T`},name:`value`}],return:{name:`void`}}},description:``},label:{required:!1,tsType:{name:`string`},description:``},description:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},className:{required:!1,tsType:{name:`string`},description:``},noWrap:{required:!1,tsType:{name:`literal`,value:`true`},description:``},orientation:{required:!1,tsType:{name:`union`,raw:`"vertical" | "horizontal"`,elements:[{name:`literal`,value:`"vertical"`},{name:`literal`,value:`"horizontal"`}]},description:``,defaultValue:{value:`"horizontal"`,computed:!1}},"aria-label":{required:!1,tsType:{name:`string`},description:``},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``}}},E.__docgenInfo={description:"Опция внутри `RadioGroup`, представляющая одно выбираемое значение. Отрисовывает подпись, описание и состояние выбора.",methods:[],displayName:`Option`,props:{value:{required:!0,tsType:{name:`T`},description:``},label:{required:!0,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}export{A as n,T as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.nINbA6{flex-wrap:wrap;align-content:flex-start;height:auto;display:flex}.nINbA6.GL-UWx{flex-wrap:nowrap}.nINbA6._6PeF-i{flex-direction:row}.nINbA6._5wP4aR{flex-direction:column;align-content:stretch}.S3MnZI{align-items:center;gap:var(--space-sm);color:var(--content-2);border-radius:var(--radius-xs);padding:0 var(--space-md);margin:var(--border-width);min-height:calc(var(--control-height) - var(--border-width) * 4);cursor:pointer;flex:1 0;display:flex}.S3MnZI:hover{color:var(--content-1);background-color:var(--surface-2)}.S3MnZI.KHJ0ja{color:var(--status-brand-on-fill);background-color:var(--status-brand-fill)}.S3MnZI:disabled{opacity:var(--disabled-opacity)}.oGmcQH{align-content:center;gap:var(--space-sm);flex:1 0;display:grid}.k2z8AN{flex:0 0}
|
package/storybook-static/assets/{RadioGroup.stories-DYVsF9V3.js → RadioGroup.stories-B3U4iHk3.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./RadioGroup-D7MClwWV.js";import{n as i}from"./iframe-CIellu9v.js";import{n as a,t as o}from"./createControlledStoryRender-DHsyXc1B.js";var s=t({Controlled:()=>g,Disabled:()=>v,Vertical:()=>_,__namedExportsOrder:()=>y,default:()=>h});function c(e){return(0,d.jsx)(r,{...e})}function l({args:e,updateArgs:t,options:n,showValue:i=!1}){return(0,d.jsxs)(`div`,{style:{display:`grid`,gap:10},children:[(0,d.jsx)(c,{...e,onChange:n=>{e.onChange?.(n),t({value:n})},children:n.map(e=>(0,d.jsx)(r.Option,{value:e.value,label:e.label,description:e.description},e.value))}),i&&(0,d.jsxs)(`div`,{children:[`Выбрано: `,e.value??`не выбрано`]})]})}function u(e,t=!1){return o((n,r)=>(0,d.jsx)(l,{args:n,updateArgs:r,options:e,showValue:t}))}var d,f,p,m,h,g,_,v,y;function b(){return(b=e((()=>{a(),n(),d=i(),f=[{value:`email`,label:`Email`,description:`Письма на корпоративную почту`},{value:`sms`,label:`SMS`,description:`Сообщения на телефон`},{value:`push`,label:`Push`,description:`Уведомления в приложении`}],p=[{value:`draft`,label:`Черновик`},{value:`review`,label:`На согласовании`},{value:`approved`,label:`Утвержден`}],m=[{value:`yes`,label:`Да`},{value:`no`,label:`Нет`}],h={title:`Shared/UI/RadioGroup`,component:c,args:{value:`email`,onChange:()=>{},orientation:`horizontal`,label:`Канал уведомлений`,description:`Выберите основной канал доставки`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{value:{description:`Текущее выбранное значение.`,control:`text`},onChange:{description:`Вызывается при смене выбранной опции.`,control:!1},label:{description:`Заголовок группы опций.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},disabled:{description:`Блокирует выбор опций.`,control:`boolean`},noWrap:{description:`Запрещает перенос опций на новую строку.`,control:`boolean`},orientation:{description:`Ориентация расположения опций.`,control:`inline-radio`,options:[`horizontal`,`vertical`]},children:{description:"Элементы `RadioGroup.Option` внутри группы.",control:!1}}},g={render:u(f,!0),args:{}},_={render:u(p),args:{orientation:`vertical`,label:`Статус документа`,value:`draft`}},v={render:u(m),args:{disabled:!0,value:`yes`}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: createRadioGroupStoryRender(notificationOptions, true),
|
|
3
3
|
args: {}
|
|
4
4
|
}`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-CIellu9v.js";import{a as r,i}from"./utils-DUM89eIj.js";var a,o,s,c;function l(){return(l=e((()=>{a=t(),i(),o=n(),s=(0,a.forwardRef)(({children:e,height:t,stable:n,overscroll:i,className:a},s)=>(0,o.jsx)(`div`,{ref:s,className:r(`scrollable`,n&&`stable`,i&&`overscroll`,a),style:{height:t},children:e})),c=(0,a.forwardRef)(({blockClassName:e,...t},n)=>(0,o.jsx)(`div`,{className:r(e,`overflowHidden w100 h100`),children:(0,o.jsx)(s,{ref:n,...t})})),s.__docgenInfo={description:``,methods:[],displayName:`Scrollable`,props:{className:{required:!1,tsType:{name:`string`},description:``},height:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``},stable:{required:!1,tsType:{name:`boolean`},description:``},overscroll:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`PropsWithChildren`]},c.__docgenInfo={description:``,methods:[],displayName:`ScrollableBlock`,props:{className:{required:!1,tsType:{name:`string`},description:``},height:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``},stable:{required:!1,tsType:{name:`boolean`},description:``},overscroll:{required:!1,tsType:{name:`boolean`},description:``},blockClassName:{required:!1,tsType:{name:`string`},description:``}},composes:[`PropsWithChildren`]}})))()}export{l as n,s as t};
|