@ryuzaki13/react-foundation-ui 1.8.13 → 1.8.15
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/chunks/picker-BcB3rSQt.js.map +1 -1
- package/dist/chunks/ui.module-BsDio9A3.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/storybook-static/assets/{Badge-BFhBl7yM.js → Badge-Cd8wL2_5.js} +1 -1
- package/storybook-static/assets/{Badge.stories-BEu55X4s.js → Badge.stories-qmcgnZqp.js} +1 -1
- package/storybook-static/assets/{BadgeList-mqmnGtRR.js → BadgeList-D_recioK.js} +1 -1
- package/storybook-static/assets/{Button-_YPAu9sd.js → Button-mFmU1oOO.js} +1 -1
- package/storybook-static/assets/{Button-CESdnWrO.js → Button-r1m3WVSm.js} +1 -1
- package/storybook-static/assets/{Button.stories-B0Y_T17B.js → Button.stories-KC_rNhgy.js} +1 -1
- package/storybook-static/assets/{CalendarView-DLuO2Ywz.js → CalendarView-Ca-92AB8.js} +1 -1
- package/storybook-static/assets/{CheckBox-l0pbBm9z.js → CheckBox-PjOM6PPb.js} +1 -1
- package/storybook-static/assets/{CheckBox-CGiNmAPT.js → CheckBox-_CT1F9ZI.js} +1 -1
- package/storybook-static/assets/{CheckBox.stories-ROPAnqh8.js → CheckBox.stories-CskXA_JJ.js} +1 -1
- package/storybook-static/assets/{Color-6AOWCN3U-kPaRN0HS.js → Color-6AOWCN3U-DZxFz7kD.js} +1 -1
- package/storybook-static/assets/{ContextMenu-DxfUAeJS.js → ContextMenu-BO54N0H5.js} +1 -1
- package/storybook-static/assets/{ContextMenu-Bob4DtRn.js → ContextMenu-BU04Ps17.js} +1 -1
- package/storybook-static/assets/{ContextMenu.stories-DCJmWy5n.js → ContextMenu.stories-DResblYn.js} +1 -1
- package/storybook-static/assets/{CustomOptionButton-DuEz9CXt.js → CustomOptionButton-DNEfpxa7.js} +1 -1
- package/storybook-static/assets/{DateInput-BQ8SoeLE.js → DateInput-2J6-7drW.js} +1 -1
- package/storybook-static/assets/{DateInput-DmNLD4Dz.js → DateInput-Bf45fonQ.js} +1 -1
- package/storybook-static/assets/{DateInput.stories-sTpYf7Ob.js → DateInput.stories-BFRRZEeq.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-DRq4eJ2n.js → DateRangePresetSelect-B65sw1lG.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-fgJfLaLO.js → DateRangePresetSelect-C9PLmxCa.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect.stories-ib7Qh_BB.js → DateRangePresetSelect.stories-kyRkdliY.js} +1 -1
- package/storybook-static/assets/{Detail-CJniLn1R.js → Detail-j86sQMaj.js} +1 -1
- package/storybook-static/assets/{Detail.stories-BXjdNaL-.js → Detail.stories-BuMO8Gt-.js} +1 -1
- package/storybook-static/assets/{Dialog-D6a_qzr3.js → Dialog-0hxZqrhn.js} +1 -1
- package/storybook-static/assets/{Dialog-DOYnnXlU.js → Dialog-CCDasyH8.js} +1 -1
- package/storybook-static/assets/{Dialog.stories-B1cZLRK3.js → Dialog.stories-BP9A6sTr.js} +1 -1
- package/storybook-static/assets/{Disclosure-Chh5o_0s.js → Disclosure--fLgwSlX.js} +1 -1
- package/storybook-static/assets/{Disclosure.stories-Cvdvf7V8.js → Disclosure.stories-CtKC0jM5.js} +1 -1
- package/storybook-static/assets/{DisclosureGroup-CRnQOgVj.js → DisclosureGroup-Bx82uKUx.js} +1 -1
- package/storybook-static/assets/{DocsRenderer-JROSPFPF-BBiErkeC.js → DocsRenderer-JROSPFPF-BjLzZKur.js} +1 -1
- package/storybook-static/assets/{DropZone-C4L7JAlq.js → DropZone-BZIVV2iW.js} +1 -1
- package/storybook-static/assets/{DropZone-Bm5gqdi9.js → DropZone-pi2vfqkg.js} +1 -1
- package/storybook-static/assets/{DropZone.stories-BhA9q8Qv.js → DropZone.stories-yl0Iutrj.js} +1 -1
- package/storybook-static/assets/{DropdownMenu-DtZNSUHF.js → DropdownMenu-C9AAgqp1.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel-0ugXlJy_.js → ExpandableActionPanel-PwZx0riF.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel.stories-CLgMlA9k.js → ExpandableActionPanel.stories-BGPaWW2r.js} +1 -1
- package/storybook-static/assets/{Flex-CJlia-8f.js → Flex-Cx_mK6Wv.js} +1 -1
- package/storybook-static/assets/{Flex.stories-DCvfi1EY.js → Flex.stories-BaUUOqvt.js} +1 -1
- package/storybook-static/assets/{FloatingPopover-CsnfPiwV.js → FloatingPopover-B2gHujX_.js} +1 -1
- package/storybook-static/assets/{FormattedTableCell-Dz5xWVYO.js → FormattedTableCell-D13-RWK3.js} +1 -1
- package/storybook-static/assets/{Grid-C-KwTRAM.js → Grid-BsEEqRWi.js} +1 -1
- package/storybook-static/assets/{Grid.stories-CzbqknNR.js → Grid.stories-BFCff6aq.js} +1 -1
- package/storybook-static/assets/{ImageCropper.stories-DaE-gm-b.js → ImageCropper.stories-BV3XnFOB.js} +1 -1
- package/storybook-static/assets/{ImageRenderer-IsNCXCrZ.js → ImageRenderer-Dm25cMqu.js} +1 -1
- package/storybook-static/assets/{ImageRenderer.stories-BbsjUEfJ.js → ImageRenderer.stories-jpNl-qca.js} +1 -1
- package/storybook-static/assets/{ImageView.stories-DY0UITYz.js → ImageView.stories-ENY_p3Tr.js} +1 -1
- package/storybook-static/assets/{ImageViewer.stories--9q9b9nv.js → ImageViewer.stories-DYDopb5z.js} +2 -2
- package/storybook-static/assets/{ImageViewerRuntime-CNEH3XGN.js → ImageViewerRuntime-BnX6E5BX.js} +1 -1
- package/storybook-static/assets/{Input-DLubbE7P.js → Input-CUuoFQuS.js} +1 -1
- package/storybook-static/assets/{Input-Dw2JblYt.js → Input-D6v6vXs2.js} +1 -1
- package/storybook-static/assets/{Input.stories-DQeyDULG.js → Input.stories-Bl11Boc0.js} +1 -1
- package/storybook-static/assets/{InputDateTime-BRzl8Vrt.js → InputDateTime-Btte1yb6.js} +1 -1
- package/storybook-static/assets/{InputDateTime.stories-BJTj5v8J.js → InputDateTime.stories-DED8uY8v.js} +1 -1
- package/storybook-static/assets/{InputFile-B8UroZji.js → InputFile-0mGcNzjQ.js} +1 -1
- package/storybook-static/assets/{InputFile-DPftxjGw.js → InputFile-D03Y9DS1.js} +1 -1
- package/storybook-static/assets/{InputFile.stories-C7yyqHqc.js → InputFile.stories-Dwn11IMZ.js} +1 -1
- package/storybook-static/assets/{InputFiles-UD_9S7-N.js → InputFiles-DNv9_Zl9.js} +1 -1
- package/storybook-static/assets/{InputFiles-BQVXHVLy.js → InputFiles-DxZWFfGH.js} +1 -1
- package/storybook-static/assets/{InputFiles.stories-DjjJS5pZ.js → InputFiles.stories-6RMS6Do3.js} +1 -1
- package/storybook-static/assets/{InputFilesList-BNjijD3Y.js → InputFilesList-B8p3HnCy.js} +1 -1
- package/storybook-static/assets/{InputImage-C-pHr-Sx.js → InputImage-Dn09jypu.js} +1 -1
- package/storybook-static/assets/{InputImage-DbcbqIhY.js → InputImage-Zz-edaAa.js} +1 -1
- package/storybook-static/assets/{InputImage.stories-D-TC9r9t.js → InputImage.stories-DxTFle9L.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents-DbhWgM9y.js → InteractiveComponents-DUg07Olo.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents.stories-B4mkVSea.js → InteractiveComponents.stories-N4s2n_Ls.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-w1EsRpYP.js → LayoutPicker-5H2ojo6P.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-BoV_E3qt.js → LayoutPicker-Dn11ot6_.js} +1 -1
- package/storybook-static/assets/{LayoutPicker.stories--ChGnGxf.js → LayoutPicker.stories-LxtmabZA.js} +1 -1
- package/storybook-static/assets/{Listbox-qZdTi11b.js → Listbox-CHr5iujw.js} +1 -1
- package/storybook-static/assets/{Listbox-CzZRsr6a.js → Listbox-mLHxtn2O.js} +1 -1
- package/storybook-static/assets/{Listbox.stories-C9k_1850.js → Listbox.stories-CsXyGW1Q.js} +1 -1
- package/storybook-static/assets/{Modal-DCpul8QM.js → Modal-BI1dVE-m.js} +1 -1
- package/storybook-static/assets/{Modal.stories-Cy0Xd4LF.js → Modal.stories-BHW8jSr8.js} +1 -1
- package/storybook-static/assets/{ModalManagerProvider-BrPVMcHV.js → ModalManagerProvider-CeMOCTK8.js} +1 -1
- package/storybook-static/assets/{MultiSelect-Dy4X94E2.js → MultiSelect-C6YHy5R-.js} +1 -1
- package/storybook-static/assets/{MultiSelect-BEQdl-F4.js → MultiSelect-DpEKWJmz.js} +1 -1
- package/storybook-static/assets/{MultiSelect.stories-FuzejJmz.js → MultiSelect.stories-D02Hsz16.js} +1 -1
- package/storybook-static/assets/{NoData-BsQ9EfkA.js → NoData-C-yIjnFD.js} +1 -1
- package/storybook-static/assets/{NotificationsHost-BSrODvw7.js → NotificationsHost-CJ8NevoN.js} +1 -1
- package/storybook-static/assets/{NotificationsHost.stories-DeiWspcY.js → NotificationsHost.stories-Deeqj-vL.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect-BEz9gcd2.js → ODataMultiSelect-BM8MOWSh.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect.stories-BwMgAkbE.js → ODataMultiSelect.stories-HDwtUh6c.js} +1 -1
- package/storybook-static/assets/{ODataSelect-BgC7GHOv.js → ODataSelect-DRV0B3jq.js} +1 -1
- package/storybook-static/assets/{ODataSelect.stories-DEIRAB-s.js → ODataSelect.stories-Z2JAZ57N.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect-WyZZuX0_.js → ODataTreeMultiSelect-DKdF_F6p.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect.stories-B6cxuagy.js → ODataTreeMultiSelect.stories-VuY_QHoo.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect-OJGi3-S7.js → ODataTreeSelect-B-XFZOpe.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect.stories-wGRGErCH.js → ODataTreeSelect.stories-Ab-RXekm.js} +1 -1
- package/storybook-static/assets/{OneStepScroller-DycQ3RuL.js → OneStepScroller-9mds5c53.js} +1 -1
- package/storybook-static/assets/Option-B2xqGECu.css +1 -0
- package/storybook-static/assets/{Option-taxbFfjo.js → Option-DfkEWwzD.js} +1 -1
- package/storybook-static/assets/{OptionButton-Q0QaPCII.js → OptionButton-DWahCIT8.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-DUJ2nF3F.js → PeriodSelect-BW3YoxkQ.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-DnM7x-uC.js → PeriodSelect-Dq-W37HF.js} +1 -1
- package/storybook-static/assets/{PeriodSelect.stories-Db0bqe3J.js → PeriodSelect.stories-BjQPbsn1.js} +1 -1
- package/storybook-static/assets/{PickerTriggerActions-CGJd7xmR.js → PickerTriggerActions-VPjVDsB8.js} +1 -1
- package/storybook-static/assets/{Popover-B6oidz5p.js → Popover-Bpkc-QNI.js} +1 -1
- package/storybook-static/assets/{Popover-Tbhf8T81.js → Popover-CRYM_B6x.js} +1 -1
- package/storybook-static/assets/{Popover.stories-DE1LxZvv.js → Popover.stories-CujicoB1.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-DfgoR0My.js → PresetRangeDateInput-KZTPa5UU.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-CQ5FfmrL.js → PresetRangeDateInput-_UvZ2UBk.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput.stories-CgoYAYBG.js → PresetRangeDateInput.stories-B22ecf4X.js} +1 -1
- package/storybook-static/assets/{PresetSelect-BPtAknAr.js → PresetSelect-V3Q5wvgb.js} +1 -1
- package/storybook-static/assets/{README-DlwhWCvQ.js → README-3HMf3yqR.js} +1 -1
- package/storybook-static/assets/{README-iqQHdhZ4.js → README-AQt7qJ7W.js} +1 -1
- package/storybook-static/assets/{README-eg1emlll.js → README-BAjxvhwh.js} +1 -1
- package/storybook-static/assets/{README-Gfd9tLTw.js → README-BB7Lgly2.js} +1 -1
- package/storybook-static/assets/{README-Bu5uvhAT.js → README-BEQrIZ5L.js} +1 -1
- package/storybook-static/assets/{README-ByhxsX44.js → README-BLSofAtH.js} +1 -1
- package/storybook-static/assets/{README-D0rzQthv.js → README-BNJPNc8i.js} +1 -1
- package/storybook-static/assets/{README-UDBM7ZMT.js → README-BOv7ezhv.js} +1 -1
- package/storybook-static/assets/{README-D_NqWPa9.js → README-BQRECe8d.js} +1 -1
- package/storybook-static/assets/{README-YHNWrTZv.js → README-BRnBh6Tu.js} +1 -1
- package/storybook-static/assets/{README-C9S83J_G.js → README-BRpU8Fmy.js} +1 -1
- package/storybook-static/assets/{README-wFnEIGl4.js → README-BnVgUfhv.js} +1 -1
- package/storybook-static/assets/{README-Cb_q420B.js → README-BpkW8U_K.js} +1 -1
- package/storybook-static/assets/{README--TpGcM95.js → README-Br1dErfo.js} +1 -1
- package/storybook-static/assets/{README-Byi1FFpw.js → README-Bs6F_Q3w.js} +1 -1
- package/storybook-static/assets/{README-BbNHvOoR.js → README-ByLk-5zd.js} +1 -1
- package/storybook-static/assets/{README-llxZAtCj.js → README-C36uF9yM.js} +1 -1
- package/storybook-static/assets/{README-DhJ5Rb1w.js → README-C3BIg5v-.js} +1 -1
- package/storybook-static/assets/{README-CzO3Dchr.js → README-CDdbM2Np.js} +1 -1
- package/storybook-static/assets/{README-Bx6fvSBE.js → README-CEEqW78q.js} +1 -1
- package/storybook-static/assets/{README-CtIDPNJ3.js → README-CK26ng6m.js} +1 -1
- package/storybook-static/assets/{README-4iBHWAP5.js → README-CKG6cGUV.js} +1 -1
- package/storybook-static/assets/{README-CNGCAm5d.js → README-CKbCeGtT.js} +1 -1
- package/storybook-static/assets/{README-aw2Xu9xu.js → README-CPMEu0i6.js} +1 -1
- package/storybook-static/assets/{README-Kfawetke.js → README-CQv7zPT0.js} +1 -1
- package/storybook-static/assets/{README-BK6Epio1.js → README-CjEYaXjX.js} +1 -1
- package/storybook-static/assets/{README-BWhXgC_o.js → README-Cwuvy0IL.js} +1 -1
- package/storybook-static/assets/{README-C6prwAXw.js → README-D-1skID-.js} +1 -1
- package/storybook-static/assets/{README-B6vU5_7I.js → README-D4wzYKw5.js} +1 -1
- package/storybook-static/assets/{README-DMiWsyv_.js → README-DAcezYb8.js} +1 -1
- package/storybook-static/assets/{README-GTBkSG4_.js → README-DD6e3Ydn.js} +1 -1
- package/storybook-static/assets/{README-C3Is3a3B.js → README-DDF9EAsj.js} +1 -1
- package/storybook-static/assets/{README-wtreGRCe.js → README-DQMX-YcN.js} +1 -1
- package/storybook-static/assets/{README-Dxi73a2Q.js → README-DQiDg0Ej.js} +1 -1
- package/storybook-static/assets/{README-Dycov6NP.js → README-DU0PNr5g.js} +1 -1
- package/storybook-static/assets/{README-DPhDjr43.js → README-DVDC23OS.js} +1 -1
- package/storybook-static/assets/{README-CGgxP5Zo.js → README-DhZIv1bb.js} +1 -1
- package/storybook-static/assets/{README-BbunUo8b.js → README-DizFKrIu.js} +1 -1
- package/storybook-static/assets/{README-Bx6gIGiA.js → README-DqOV9xsd.js} +1 -1
- package/storybook-static/assets/{README-B6II8p0W.js → README-DtFQrkdB.js} +1 -1
- package/storybook-static/assets/{README-BIT4HlFP.js → README-Dy7OTSF0.js} +1 -1
- package/storybook-static/assets/{README-CJ2ZVG2U.js → README-KdXavYiv.js} +1 -1
- package/storybook-static/assets/{README-BRlPB5_k.js → README-LsX8KGnt.js} +1 -1
- package/storybook-static/assets/{README-98KIgy5G.js → README-Voaet1kf.js} +1 -1
- package/storybook-static/assets/{README-DOx8lXXk.js → README-b5MI0JTI.js} +1 -1
- package/storybook-static/assets/{README-BmYpfZKr.js → README-b7R84daq.js} +1 -1
- package/storybook-static/assets/{README-DEQu7djz.js → README-hPA4N5GJ.js} +1 -1
- package/storybook-static/assets/{README-DFihT_sm.js → README-kwAqsQcU.js} +1 -1
- package/storybook-static/assets/{README-webB1yH0.js → README-qNxuNw1o.js} +1 -1
- package/storybook-static/assets/{README-BTFpEaXG.js → README-r-PjVZ4j.js} +1 -1
- package/storybook-static/assets/{README-VTWQxLm_.js → README-sT7fyFbS.js} +1 -1
- package/storybook-static/assets/{README-BFJVjjZR.js → README-xoMblSgw.js} +1 -1
- package/storybook-static/assets/{README-_0Otw0eD.js → README-zz7qZ-kP.js} +1 -1
- package/storybook-static/assets/{RadioButton-Ce05_q7s.js → RadioButton-Bdj7tRvi.js} +1 -1
- package/storybook-static/assets/{RadioButton-CNOLDk_o.js → RadioButton-C5mgdhJV.js} +1 -1
- package/storybook-static/assets/{RadioButton.stories-CPd4lTl0.js → RadioButton.stories-68HY8Tq3.js} +1 -1
- package/storybook-static/assets/{RadioGroup-BtfD5Szd.js → RadioGroup-B2_rfL8_.js} +1 -1
- package/storybook-static/assets/{RadioGroup-Ccm7G-dv.js → RadioGroup-Btm4bb1t.js} +1 -1
- package/storybook-static/assets/{RadioGroup.stories-D-RRPHwi.js → RadioGroup.stories-CTIJUhxX.js} +1 -1
- package/storybook-static/assets/{Scrollable-DvdBIeig.js → Scrollable-DgEQLGqG.js} +1 -1
- package/storybook-static/assets/{Select-8PV9PBKF.js → Select-CmRKt9b9.js} +1 -1
- package/storybook-static/assets/{Select-G04B41FM.js → Select-DYvqpskM.js} +1 -1
- package/storybook-static/assets/{Select.stories-Cf6CBhV8.js → Select.stories-DujGCH5v.js} +1 -1
- package/storybook-static/assets/{SerializableSelect-CdQdHIVp.js → SerializableSelect-Bi82ktzK.js} +1 -1
- package/storybook-static/assets/{SerializableSelect.stories-0AKUGpbS.js → SerializableSelect.stories-DeDjYO8N.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-DWT1ORhL.js → SingleDateTimeInput-D99JYks1.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-DattLt6w.js → SingleDateTimeInput-Dl-IhEW3.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput.stories-BLJV3jzV.js → SingleDateTimeInput.stories-xnJ7YLK0.js} +1 -1
- package/storybook-static/assets/{Slider-Dci-mJt_.js → Slider-CaSDog2H.js} +1 -1
- package/storybook-static/assets/{Slider-DKEI4cDd.js → Slider-cWqU8bNG.js} +1 -1
- package/storybook-static/assets/{Slider.stories-Dp7oQueF.js → Slider.stories-BLDOG5FI.js} +1 -1
- package/storybook-static/assets/{SliderInput-BGPQmlgY.js → SliderInput-CaJdS2i0.js} +1 -1
- package/storybook-static/assets/{SliderInput-BhjqGOKt.js → SliderInput-Rr6wAXtQ.js} +1 -1
- package/storybook-static/assets/{SliderInput.stories-DXNhRU3X.js → SliderInput.stories-BAVJpHS2.js} +1 -1
- package/storybook-static/assets/{Sortable-CMd9l1Gd.js → Sortable-Cbc2J4vg.js} +1 -1
- package/storybook-static/assets/{Sortable.stories-BN1cFEFJ.js → Sortable.stories-BaOT8ABG.js} +1 -1
- package/storybook-static/assets/{Splitter-GL65TlI9.js → Splitter-Bs2oNH3V.js} +1 -1
- package/storybook-static/assets/{Splitter.stories-q5PlI6rB.js → Splitter.stories-mKXGWtPi.js} +1 -1
- package/storybook-static/assets/{StateSelect-CT0JF2V6.js → StateSelect-BZ6KJPLV.js} +1 -1
- package/storybook-static/assets/{StateSelect-Byik5-iZ.js → StateSelect-QEzHQr08.js} +1 -1
- package/storybook-static/assets/{StateSelect.stories-pPEPmgnN.js → StateSelect.stories-DUwa5Z9a.js} +1 -1
- package/storybook-static/assets/{StringToggle.stories-BQlFmCE7.js → StringToggle.stories-CTZgmKuF.js} +1 -1
- package/storybook-static/assets/{Switch-DhaLI9CG.js → Switch-Bu7xZxcM.js} +1 -1
- package/storybook-static/assets/{Switch--xGPiYk-.js → Switch-DQf6-y-M.js} +1 -1
- package/storybook-static/assets/{Switch.stories-5DisgIyj.js → Switch.stories-CLldFQjp.js} +1 -1
- package/storybook-static/assets/{Table-Bf6MicdG.js → Table-Dy4kTsgo.js} +1 -1
- package/storybook-static/assets/{Table.stories-CS7rQgj9.js → Table.stories-DItrtEro.js} +1 -1
- package/storybook-static/assets/{Tabs-B4y4y8Ap.js → Tabs-Cou2-9__.js} +1 -1
- package/storybook-static/assets/{Tabs.stories-C0SpdGkh.js → Tabs.stories-Db-FIby8.js} +1 -1
- package/storybook-static/assets/{TabsBox-C5LLLhnj.js → TabsBox-DNC_y4n9.js} +1 -1
- package/storybook-static/assets/{TagInput-D4BpuCoH.js → TagInput-BvbklpLy.js} +1 -1
- package/storybook-static/assets/{TagInput.stories-rn2wtZP_.js → TagInput.stories-D3CMF9Sv.js} +1 -1
- package/storybook-static/assets/{Text-BhBt9e7C.js → Text-CsENWaU0.js} +1 -1
- package/storybook-static/assets/{Textarea-BHHxY5sd.js → Textarea-C6Hs-eqJ.js} +1 -1
- package/storybook-static/assets/{Textarea-B-Hz7ujq.js → Textarea-DFI5Ws1q.js} +1 -1
- package/storybook-static/assets/{Textarea.stories-CZ2kWz20.js → Textarea.stories-B0FsLDeK.js} +1 -1
- package/storybook-static/assets/{TimePanel-Cg8fgFsn.js → TimePanel-eOsTI1dD.js} +1 -1
- package/storybook-static/assets/{TimePanel.stories-BxdwtK2e.js → TimePanel.stories-B9l1v3Dv.js} +1 -1
- package/storybook-static/assets/{Toggle-BWwfk9fi.js → Toggle-CGszrbXe.js} +1 -1
- package/storybook-static/assets/{Toggle-Ce9rbjBc.js → Toggle-CZKgT4N3.js} +1 -1
- package/storybook-static/assets/{Toggle.stories-0fzcmzKy.js → Toggle.stories-C_PUmN6S.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-B06Y0lIc.js → TreeMultiSelect-D83bkKbO.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-CrAdR_jM.js → TreeMultiSelect-DAW7XHTo.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect.stories-CAVoj56E.js → TreeMultiSelect.stories-B6-GbDaH.js} +1 -1
- package/storybook-static/assets/{TreePickerBase-qU2xPlar.js → TreePickerBase-BjfNILPl.js} +1 -1
- package/storybook-static/assets/{TreeSelect-BIHydJFy.js → TreeSelect-BHgUefe4.js} +1 -1
- package/storybook-static/assets/{TreeSelect-BKnWu0C7.js → TreeSelect-C-Z5-9OC.js} +1 -1
- package/storybook-static/assets/{TreeSelect.stories-Dp_8ybAf.js → TreeSelect.stories-CBRtO9Kj.js} +1 -1
- package/storybook-static/assets/{TreeTable-pVXjU9dG.js → TreeTable-DU7jAfe0.js} +1 -1
- package/storybook-static/assets/{TreeTable.stories-CV_8Ui6R.js → TreeTable.stories-BuLbhkTe.js} +1 -1
- package/storybook-static/assets/{blocks-BY40djCc.js → blocks-DkP-disW.js} +3 -3
- package/storybook-static/assets/{check-CVkPTDzp.js → check-Byph9hF2.js} +1 -1
- package/storybook-static/assets/{chevron-down-BtNO4Vhe.js → chevron-down-Cw1FtGoD.js} +1 -1
- package/storybook-static/assets/{chevron-left-kceSK3sZ.js → chevron-left-nghJb29y.js} +1 -1
- package/storybook-static/assets/{chevron-right-BA_LO2El.js → chevron-right-V6j6RRCv.js} +1 -1
- package/storybook-static/assets/{chunk-W22LQPXL-yJiFPv6e.js → chunk-W22LQPXL-BkQl_PH8.js} +1 -1
- package/storybook-static/assets/{circle-alert-B2m4a1zz.js → circle-alert-DgyD41ma.js} +1 -1
- package/storybook-static/assets/{circle-check-Cfjhotlm.js → circle-check-BM0j7r-l.js} +1 -1
- package/storybook-static/assets/{components-D6yV8PLX.js → components-BK9LfJzq.js} +3 -3
- package/storybook-static/assets/{contextMenu-B0pQBIW0.js → contextMenu-BoxcMgou.js} +1 -1
- package/storybook-static/assets/{download-Lba8elK9.js → download-aeiRfPxZ.js} +1 -1
- package/storybook-static/assets/{floating-ui.react-BFNvfMpU.js → floating-ui.react-BJVEMSdr.js} +1 -1
- package/storybook-static/assets/{foundationApi-DZhnQ2cC.js → foundationApi-Cvd7KXQf.js} +1 -1
- package/storybook-static/assets/{foundationLib-CoVTo22U.js → foundationLib-YaTlXhRE.js} +1 -1
- package/storybook-static/assets/{hooks-Cc6eXN6U.js → hooks-DKYy0I_A.js} +1 -1
- package/storybook-static/assets/{iframe-o7sH2IXC.js → iframe-B3ihFulv.js} +3 -3
- package/storybook-static/assets/iframe-awhs6Z_E.js +1 -0
- package/storybook-static/assets/{info-BpsVP_dM.js → info-C5owkkN0.js} +1 -1
- package/storybook-static/assets/{odata-CXsbxsRY.js → odata-DlmzpDS_.js} +1 -1
- package/storybook-static/assets/{odataStoryFixtures-Dj_bzRqh.js → odataStoryFixtures-DhTYIcsn.js} +1 -1
- package/storybook-static/assets/{react-DeJ0JTHb.js → react-CtnlOSTm.js} +1 -1
- package/storybook-static/assets/{refresh-cw-BvGyjEXe.js → refresh-cw-MQmDpoTF.js} +1 -1
- package/storybook-static/assets/{settings-2-BdXxnHos.js → settings-2-D9zikB_Q.js} +1 -1
- package/storybook-static/assets/{sortable-XkyN-9r5.js → sortable-BOK4domV.js} +1 -1
- package/storybook-static/assets/{syntaxhighlighter-QEQV7K2Y-Cafn3LV1.js → syntaxhighlighter-QEQV7K2Y-7Y8VrHOy.js} +1 -1
- package/storybook-static/assets/{trash-2-uPH9-fND.js → trash-2-Dqzyyc3b.js} +1 -1
- package/storybook-static/assets/{triangle-alert-tT01vSMw.js → triangle-alert-CEwrrnW4.js} +1 -1
- package/storybook-static/assets/{ui-CatTcSJL.css → ui-aDejsbZB.css} +1 -1
- package/storybook-static/assets/{uiClasses-B9c6dZuu.js → uiClasses-Cmg8Dx0X.js} +1 -1
- package/storybook-static/assets/{useODataSelectBase-B2LlOwPZ.js → useODataSelectBase-CyWP1bEx.js} +1 -1
- package/storybook-static/assets/{useODataTreeData-CU7Rqcb9.js → useODataTreeData-B1cOjoqN.js} +1 -1
- package/storybook-static/assets/{usePickerQuery-D8GHQ6KR.js → usePickerQuery-D0p27nY5.js} +1 -1
- package/storybook-static/assets/{usePickerTriggerController-CcK1jmDy.js → usePickerTriggerController-glJ8CgZA.js} +1 -1
- package/storybook-static/assets/{x-BlAURbAH.js → x-DRl6_8D4.js} +1 -1
- package/storybook-static/iframe.html +2 -2
- package/storybook-static/project.json +1 -1
- package/storybook-static/assets/Option-D4QaJs-4.css +0 -1
- package/storybook-static/assets/iframe-BXM-JBuH.js +0 -1
- /package/storybook-static/assets/{ui.module-Cat84Nza.js → ui.module-BDnTp43_.js} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-B3ihFulv.js";import{a as i,s as a,t as o}from"./odata-DlmzpDS_.js";import{n as s,t as c}from"./createControlledStoryRender-BouhvX-R.js";import{a as l,i as u,n as d,r as f,t as p}from"./useODataSelectBase-CyWP1bEx.js";import{n as m,t as h}from"./MultiSelect-DpEKWJmz.js";import{a as g,c as _,i as v,l as y,n as b,o as x,r as S,s as C,t as w,u as T}from"./odataStoryFixtures-DhTYIcsn.js";function E({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=f({odata:e,segment:t,model:n,value:r,dependencies:i}),s=e=>{a(d(e,o.selectionKey))};return{...o,handleChange:s}}function D(){return(D=e((()=>{p()})))()}var O,k;function A(){return(A=e((()=>{n(),i(),D(),m(),O=r(),k=({odata:e,segment:t,model:n,label:r,description:i,disabled:o,value:s,dependencies:c,onChange:l,size:u})=>{let d=E({odata:e,segment:t,model:a(n),value:s,dependencies:c,onChange:l});return(0,O.jsx)(h,{label:r,description:i,size:u,codeKey:d.codeKey,textKey:d.textKey,hideCode:t.hideCode??e.hideCode,items:d.filteredItems,value:d.selectedItems,onChange:d.handleChange,onQuery:d.setQuery,query:d.query,defaultFilter:!1,highlightQuery:d.debouncedQuery,isLoading:d.isLoading,disabled:o,placeholder:d.placeholder,error:d.isError?`Ошибка загрузки`:void 0})},k.__docgenInfo={description:``,methods:[],displayName:`ODataMultiSelect`}})))()}function j(e){let{item:t,disabled:n,label:r,description:i,size:a,width:o=15}=e,s=l(e),{updateSegment:c}=s,u=`calc(${o}em + var(--width-add))`,d=(0,M.useCallback)(e=>{c(t.id,e)},[t.id,c]);return(0,N.jsx)(`div`,{style:{maxWidth:u,minWidth:u},children:(0,N.jsx)(k,{odata:t.odata,segment:t.segment,model:t.model,dependencies:s.values,value:s.values[t.id],onChange:d,disabled:n||s.isSegmentDisabled(t.id),label:r,description:i,size:a})})}var M,N;function P(){return(P=e((()=>{M=n(),u(),A(),N=r(),j.__docgenInfo={description:``,methods:[],displayName:`ODataDependentSegmentMultiSelect`,props:{values:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Внешний снимок значений. При наличии включает controlled-режим.`},defaultValues:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Начальный снимок для uncontrolled-режима.`},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(values: ODataDependentSelectionValues) => void`,signature:{arguments:[{type:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},name:`values`}],return:{name:`void`}}},description:`Получает полный снимок после каждого изменения сегмента.`},item:{required:!0,tsType:{name:`ODataDependentSegmentItem`},description:`Развёрнутое описание конкретного OData-сегмента.`},disabled:{required:!1,tsType:{name:`boolean`},description:`Дополнительная внешняя блокировка поверх sequential-policy.`},label:{required:!1,tsType:{name:`ReactNode`},description:`Заголовок поля.`},description:{required:!1,tsType:{name:`string`},description:`Дополнительное описание поля.`},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:`Размер базового Select или MultiSelect.`},width:{required:!1,tsType:{name:`number`},description:`Ширина элемента в \`em\` без служебной добавки базового input.
|
|
2
2
|
|
|
3
3
|
@default 15`}}}})))()}var F=t({BasicDivision:()=>U,CollectionError:()=>X,HideCode:()=>W,LinkedFilters:()=>q,LoadingState:()=>J,MetadataError:()=>Y,SelectTextValue:()=>G,StaticDependency:()=>K,__namedExportsOrder:()=>Z,default:()=>H});function I({args:e,updateArgs:t}){return(0,R.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,R.jsx)(k,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,R.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,e.value.length?e.value.join(`, `):`пусто`]})]})}function L(){let e=l({selectionMode:`sequential`,segmentOrder:B});return(0,R.jsxs)(`div`,{style:{display:`grid`,gap:16,maxWidth:720},children:[z.map((t,n)=>(0,R.jsx)(j,{item:t,values:e.values,onChange:e.updateValues,selectionMode:`sequential`,segmentOrder:B,label:t.segment.placeholder,description:n===0?`Первый уровень доступен сразу.`:`Уровень включается после заполнения всего предыдущего пути.`,width:30},t.id)),(0,R.jsx)(`div`,{style:{display:`grid`,gap:4,fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:(0,R.jsxs)(`div`,{children:[`Общий снимок: `,JSON.stringify(e.values)]})})]})}var R,z,B,V,H,U,W,G,K,q,J,Y,X,Z;function Q(){return(Q=e((()=>{i(),s(),u(),v(),P(),A(),R=r(),z=o([{odata:b,segments:_,model:w}]),B=z.map(e=>e.id),V=c((e,t)=>(0,R.jsx)(I,{args:e,updateArgs:t})),H={title:`Shared/UI/ODataMultiSelect`,component:k,decorators:[T],beforeEach:g,parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`Регион`,description:`Пример OData MultiSelect на основе конфигурации ui control.`,odata:b,model:w,segment:S,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`]}}},U={name:`Базовый регион`,render:V,args:{label:`Регион`,description:`Базовая настройка из multiSelectConfig: выбор кодов REGION с текстовым отображением.`,model:{...w,codeKey:`REGION`},segment:{placeholder:`Регион`},value:[C.region]}},W={name:`Скрытый код`,render:V,args:{label:`Подразделение`,description:`Сценарий segment.hideCode: в списке и токене показывается только текст без кода.`,model:{...w,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`,hideCode:!0},value:[C.branch,C.branchAlt]}},G={name:`Выбор текста вместо кода`,render:V,args:{label:`Регион по тексту`,description:`Сценарий segment.selectText: наружу возвращаются текстовые значения, а не коды.`,model:{...w,codeKey:`REGION`},segment:{placeholder:`Регион`,selectText:!0},value:[C.regionText]}},K={name:`Зависимость от региона`,render:V,args:{label:`Подразделение c зависимостью`,description:`Фильтрация подразделений по уже выбранному региону через props.dependencies.`,model:{...w,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`},dependencies:{REGION:[C.region]},value:[C.branch]}},q={name:`Связанная цепочка фильтров`,render:()=>(0,R.jsx)(L,{})},J={name:`Состояние загрузки`,parameters:{odataMockMode:`loading`},render:V,args:{odata:x.loading,label:`Команда`,description:`Mock с задержкой ответа, чтобы проверить loading-state и skeleton.`,model:{...w,codeKey:`TEAM`},segment:{placeholder:`Команда`}}},Y={name:`Ошибка metadata`,decorators:[y],parameters:{odataMockMode:`metadataError`},render:V,args:{odata:x.metadataError,label:`Регион`,description:`Сервис возвращает ошибку metadata. Полезно для проверки поведения хука useODataEntity.`,model:{...w,codeKey:`REGION`},segment:{placeholder:`Регион`}}},X={name:`Деградация при ошибке коллекции`,parameters:{odataMockMode:`collectionError`},render:V,args:{odata:x.collectionError,label:`Ответственный`,description:`Transport возвращает 500, а текущий API-контракт безопасно показывает пустой список.`,model:{...w,codeKey:`OWNER`},segment:{placeholder:`Ответственный`}}},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
|
|
4
4
|
name: "Базовый регион",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{i as n,r}from"./react-Bl2r1tuC.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-DkP-disW.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-Z2JAZ57N.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-DEIRAB-s.js → ODataSelect.stories-Z2JAZ57N.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-B3ihFulv.js";import{a as i,s as a,t as o}from"./odata-DlmzpDS_.js";import{a as s,i as c}from"./utils-tg3ibbzi.js";import{a as l,c as u,l as d,o as f,s as p,u as m}from"./OptionButton-DWahCIT8.js";import{n as h,t as g}from"./createControlledStoryRender-BouhvX-R.js";import{c as _,l as v}from"./Input-CUuoFQuS.js";import{n as ee,t as te}from"./Select-DYvqpskM.js";import{a as y,i as b,r as ne,t as re}from"./useODataSelectBase-CyWP1bEx.js";import{a as ie,c as ae,i as oe,l as se,n as x,o as S,r as ce,s as C,t as w,u as le}from"./odataStoryFixtures-DhTYIcsn.js";function ue({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=ne({odata:e,segment:t,model:n,value:r?[r]:[],dependencies:i}),s=o.selectedItems[0],c=(0,T.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 T;function E(){return(E=e((()=>{T=n(),re()})))()}function D({label:e,code:t,highlight:n,labelClassName:r,codeClassName:i}){return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(l,{className:s(`flexEllipsis`,r),children:(0,O.jsx)(d,{text:e,highlight:n})}),t&&(0,O.jsx)(p,{className:i,children:(0,O.jsx)(d,{text:t,highlight:n})})]})}var O;function k(){return(k=e((()=>{c(),u(),f(),m(),O=r(),D.__docgenInfo={description:`Универсальный рендерер опции. Используется и в single-select, и в multi-select.`,methods:[],displayName:`SelectOptionContent`,props:{label:{required:!0,tsType:{name:`string`},description:``},code:{required:!1,tsType:{name:`string`},description:``},highlight:{required:!1,tsType:{name:`string`},description:``},labelClassName:{required:!1,tsType:{name:`string`},description:`Приватный визуальный modifier label для специализированного владельца option.`},codeClassName:{required:!1,tsType:{name:`string`},description:`Отдельный modifier code, потому что code задаёт собственный variable-font weight.`}}}})))()}function A(e,t,n){return e?t||Object.keys(e).find(e=>e!==n)||n:t||n}var j,M;function N(){return(N=e((()=>{n(),i(),v(),E(),ee(),k(),j=r(),M=({odata:e,segment:t,model:n,size:r,label:i,description:o,disabled:s,value:c,dependencies:l,onChange:u,clearable:d})=>{let f=ue({odata:e,segment:t,model:a(n),value:c,dependencies:l,onChange:u});if(f.isLoading)return(0,j.jsx)(_,{size:r,label:i,description:o});let p=t.hideCode??e.hideCode,m=A(f.selectedItem??f.options[0],f.textKey,f.codeKey);return(0,j.jsx)(te,{size:r,label:i,description:o,options:f.options,value:f.selectedItem,onChange:f.handleChange,getOptionKey:e=>e[f.codeKey],getOptionLabel:e=>e[m],getOptionCode:p?void 0:e=>e[f.codeKey],getOptionAriaLabel:e=>p||e[m]===e[f.codeKey]?String(e[m]):`${e[m]} ${e[f.codeKey]}`,renderValue:e=>(0,j.jsx)(D,{label:e[m],code:p?void 0:e[f.codeKey]}),renderOption:e=>(0,j.jsx)(D,{label:e[m],code:p?void 0:e[f.codeKey],highlight:f.debouncedQuery}),searchable:!0,query:f.query,onQuery:f.setQuery,defaultFilter:!1,disabled:s||f.isLoading,placeholder:f.placeholder,isLoading:f.isLoading,errorState:f.isError?`Ошибка загрузки`:void 0,emptyState:!f.isLoading&&!f.isError?`Нет данных`:void 0,clearable:d})},M.__docgenInfo={description:``,methods:[],displayName:`ODataSelect`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function P(e){let{item:t,disabled:n,label:r,description:i,size:a,width:o=15,clearable:s}=e,c=y(e),{updateSegment:l}=c,u=`calc(${o}em + var(--width-add))`,d=(0,F.useCallback)(e=>{l(t.id,e===void 0?[]:[e])},[t.id,l]);return(0,I.jsx)(`div`,{style:{maxWidth:u,minWidth:u},children:(0,I.jsx)(M,{odata:t.odata,segment:t.segment,model:t.model,dependencies:c.values,value:c.values[t.id]?.[0],onChange:d,disabled:n||c.isSegmentDisabled(t.id),label:r,description:i,size:a,clearable:s})})}var F,I;function L(){return(L=e((()=>{F=n(),b(),N(),I=r(),P.__docgenInfo={description:`Адаптирует один развёрнутый зависимый OData-сегмент к single-select UI.
|
|
2
2
|
Общий снимок остаётся массивным, поэтому совместим с \`dependencies\` и
|
|
3
3
|
может совместно использоваться с segment-level MultiSelect-контролами.`,methods:[],displayName:`ODataDependentSegmentSelect`,props:{values:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Внешний снимок значений. При наличии включает controlled-режим.`},defaultValues:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Начальный снимок для uncontrolled-режима.`},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(values: ODataDependentSelectionValues) => void`,signature:{arguments:[{type:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},name:`values`}],return:{name:`void`}}},description:`Получает полный снимок после каждого изменения сегмента.`},item:{required:!0,tsType:{name:`ODataDependentSegmentItem`},description:`Развёрнутое описание конкретного OData-сегмента.`},disabled:{required:!1,tsType:{name:`boolean`},description:`Дополнительная внешняя блокировка поверх sequential-policy.`},label:{required:!1,tsType:{name:`ReactNode`},description:`Заголовок поля.`},description:{required:!1,tsType:{name:`string`},description:`Дополнительное описание поля.`},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:`Размер базового Select или MultiSelect.`},width:{required:!1,tsType:{name:`number`},description:`Ширина элемента в \`em\` без служебной добавки базового input.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{i as n,r}from"./react-Bl2r1tuC.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-DkP-disW.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-VuY_QHoo.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-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-B3ihFulv.js";import{n as i,t as a}from"./createControlledStoryRender-BouhvX-R.js";import{n as o,t as s}from"./TreeMultiSelect-D83bkKbO.js";import{n as c,t as l}from"./useODataTreeData-B1cOjoqN.js";import{a as u,c as d,i as f,l as p,n as m,o as h,s as g,u as _}from"./odataStoryFixtures-DhTYIcsn.js";function v({label:e,description:t,disabled:n,size:r,placeholder:i,query:a,defaultQuery:o,onQuery:l,optionsLayout:u,value:d,onChange:f,odata:p,segments:m,model:h,defaultExpandedCodeKeys:g,segmentOrder:_,allowEmptyCodeKeys:v,transformNodes:x}){let S=c({odata:p,segments:m,model:h,segmentOrder:_,allowEmptyCodeKeys:v}),C=(0,y.useMemo)(()=>x?.(S.nodes,{orderedCodeKeys:S.orderedCodeKeys})??S.nodes,[x,S.nodes,S.orderedCodeKeys]);return(0,b.jsx)(s,{label:e,description:t,disabled:n||S.isLoading,size:r,placeholder:i??S.placeholder,nodes:C,value:d,onChange:f,query:a,defaultQuery:o,onQuery:l,optionsLayout:u,defaultExpandedCodeKeys:g,isLoading:S.isLoading,error:S.isError?`Ошибка загрузки`:void 0})}var y,b;function x(){return(x=e((()=>{y=n(),l(),o(),b=r(),v.__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-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{i as n,r}from"./react-Bl2r1tuC.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-DkP-disW.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-Ab-RXekm.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-DkW27tQK.js";import{n}from"./iframe-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-B3ihFulv.js";import{n as r,t as i}from"./createControlledStoryRender-BouhvX-R.js";import{n as a,t as o}from"./useODataTreeData-B1cOjoqN.js";import{n as s,t as c}from"./TreeSelect-BHgUefe4.js";import{a as l,c as u,i as d,l as f,n as p,o as m,s as h,u as g}from"./odataStoryFixtures-DhTYIcsn.js";function _({label:e,description:t,disabled:n,size:r,placeholder:i,query:o,defaultQuery:s,onQuery:l,value:u,onChange:d,odata:f,segments:p,model:m,clearable:h,defaultExpandedCodeKeys:g}){let _=a({odata:f,segments:p,model:m});return(0,v.jsx)(c,{label:e,description:t,disabled:n||_.isLoading,size:r,placeholder:i??_.placeholder,nodes:_.nodes,value:u,onChange:d,query:o,defaultQuery:s,onQuery:l,defaultExpandedCodeKeys:g,isLoading:_.isLoading,error:_.isError?`Ошибка загрузки`:void 0,clearable:h})}var v;function y(){return(y=e((()=>{o(),s(),v=n(),_.__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 b=t({Basic:()=>T,ErrorState:()=>k,LoadingState:()=>O,OnlySecondLevelExpanded:()=>D,SelectParent:()=>E,__namedExportsOrder:()=>A,default:()=>w});function x({args:e,updateArgs:t}){return(0,S.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,S.jsx)(_,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,S.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,e.value?`${e.value.codeKey}=${e.value.value}`:`пусто`]})]})}var S,C,w,T,E,D,O,k,A;function j(){return(j=e((()=>{r(),d(),y(),S=n(),C=i((e,t)=>(0,S.jsx)(x,{args:e,updateArgs:t})),w={title:`Shared/UI/ODataTreeSelect`,component:_,decorators:[g],beforeEach:l,parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`OData дерево`,description:`Single-select поверх одной OData-цепочки.`,odata:p,segments:u,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`]}}},T={render:C,args:{value:{codeKey:`OWNER`,value:h.owner}}},E={render:C,args:{label:`Выбор родителя`,description:`Проверка выбора узла верхнего уровня из OData-дерева.`,value:{codeKey:`REGION`,value:h.region}}},D={render:C,args:{label:`Раскрывается только второй уровень`,description:`REGION остаётся закрытым. После его ручного открытия узлы BRANCH уже раскрыты по умолчанию.`,defaultExpandedCodeKeys:[`BRANCH`]}},O={parameters:{odataMockMode:`loading`},render:C,args:{odata:m.loading,description:`Сценарий загрузки дерева.`}},k={decorators:[f],parameters:{odataMockMode:`metadataError`},render:C,args:{odata:m.metadataError,description:`Сценарий ошибки metadata дерева.`}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
|
|
3
3
|
render: renderODataTreeSelectStory,
|
|
4
4
|
args: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./chevron-left-
|
|
1
|
+
import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./chevron-left-nghJb29y.js";import{n as a,t as o}from"./chevron-right-V6j6RRCv.js";import{n as s}from"./iframe-B3ihFulv.js";import{a as c,i as l}from"./utils-tg3ibbzi.js";var u,d,f,p,m;function h(){return(h=t((()=>{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=t((()=>{_=e(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-селектор элементов, которые считаются "шагами" скролла.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._81qOBF{--anchor-gap:var(--space-xs);--anchor-padding:var(--space-xs);--anchor-offset:0;min-width:0;z-index:var(--z-dropdown);box-shadow:var(--shadow-md);grid-template-rows:minmax(0,1fr);display:grid;overflow:hidden}.Fj-KxT{--input-width:min(100vw, var(--base-width,15em));width:100%;min-width:var(--input-width);min-height:0;max-height:75vh;padding:var(--space-sm);background-color:var(--surface-0);border:var(--border);border-radius:var(--radius-sm);grid-template-rows:minmax(0,1fr);display:grid;overflow:hidden}.Fj-KxT:empty{visibility:hidden}.Fj-KxT[data-has-toolbar=true]{grid-template-rows:auto minmax(0,1fr)}.tCn0CX{gap:var(--space-xs);padding:var(--space-xs);display:grid}.pP2yXa{min-height:0;overflow:hidden}.bupTWA{padding:var(--space-xs) var(--space-sm);color:var(--content-2)}.GkeyGF{color:var(--status-error-text)}._8F667e{position:relative}._8F667e[data-has-overlay=true] input{--ui-color:transparent;--ui-color-hover:transparent;--ui-color-active:transparent;color:#0000;caret-color:#0000;-webkit-text-fill-color:transparent}.RMwzIX{--trigger-count:2}.wvU2oL{inset:0 calc(var(--control-height) * var(--trigger-count,1) + var(--space-sm)) 0 var(--space-sm);pointer-events:none;justify-content:flex-end;align-items:center;min-width:0;display:flex;position:absolute}.efKX6F{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:47.9988em){.Fj-KxT{--input-width:calc(100dvw - var(--space-xl))}}.OGMk6I{padding-block:var(--space-xs);border-radius:var(--radius-sm)}.OGMk6I:hover{background-color:var(--surface-2)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-B3ihFulv.js";import{a as r,i}from"./utils-tg3ibbzi.js";import{n as a,t as o}from"./ui.module-BDnTp43_.js";import{n as s,t as c}from"./Grid-CzO0Ae1r.js";var l,u;function d(){return(d=e((()=>{l=t(),u=({as:e,children:t,...n})=>(0,l.createElement)(e||`div`,{...n},t),u.__docgenInfo={description:``,methods:[],displayName:`PolymorphicComponent`,props:{as:{required:!1,tsType:{name:`E`},description:``}}}})))()}var f,p;function m(){return(m=e((()=>{t(),i(),d(),f=n(),p=({as:e,orientation:t=`horizontal`,className:n,...i})=>(0,f.jsx)(u,{as:e,"aria-orientation":t,className:r(n,t===`horizontal`?`separator`:`separatorVertical`),...i}),p.__docgenInfo={description:``,methods:[],displayName:`Separator`,props:{as:{required:!1,tsType:{name:`E`},description:``},orientation:{required:!1,tsType:{name:`union`,raw:`"horizontal" | "vertical"`,elements:[{name:`literal`,value:`"horizontal"`},{name:`literal`,value:`"vertical"`}]},description:``,defaultValue:{value:`"horizontal"`,computed:!1}},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}var h,g,_,v,y,b,x,S,C,w,T,E;function D(){return(D=e((()=>{h=`_81qOBF`,g=`Fj-KxT`,_=`tCn0CX`,v=`pP2yXa`,y=`bupTWA`,b=`GkeyGF`,x=`_8F667e`,S=`RMwzIX`,C=`wvU2oL`,w=`efKX6F`,T=`OGMk6I`,E={popupPositioner:h,options:g,optionsToolbar:_,optionsBody:v,status:y,statusError:b,triggerContainer:x,triggerHasClear:S,selectedToken:C,selectedTokenText:w,selectionActionButton:T}})))()}function O({onSelectAll:e,onDeselectAll:t,selectAllButtonRef:n}){return(0,k.jsxs)(c.Container,{gap:`xs`,templateColumns:`1fr 1fr`,children:[(0,k.jsx)(`button`,{ref:n,type:`button`,className:E.selectionActionButton,onClick:e,"data-ui":`picker-select-all`,"data-action":`select-all`,children:`Выбрать все`}),(0,k.jsx)(`button`,{type:`button`,className:E.selectionActionButton,onClick:t,"data-ui":`picker-deselect-all`,"data-action":`deselect-all`,children:`Снять выбор`})]})}var k;function A(){return(A=e((()=>{s(),D(),k=n(),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:``}}}})))()}function j({rootRef:e,children:t,toolbar:n,selectionActions:i,layoutClassName:a,bodyClassName:o,scrollable:s=!0,className:c,...l}){let u=n===void 0&&i?(0,M.jsx)(O,{...i}):n||null;return(0,M.jsxs)(`div`,{...l,ref:e,className:r(E.options,a,c),"data-ui":`picker-options`,"data-has-toolbar":u?`true`:void 0,children:[u?(0,M.jsxs)(`div`,{className:E.optionsToolbar,children:[u,(0,M.jsx)(p,{})]}):null,(0,M.jsx)(`div`,{className:r(E.optionsBody,s&&`scrollable`,o),children:t})]})}var M;function N(){return(N=e((()=>{i(),m(),D(),A(),M=n(),j.__docgenInfo={description:`Единая оболочка списка опций для picker, listbox и menu. Если переданы
|
|
3
3
|
selectionActions, но не передан toolbar, компонент показывает стандартные
|
|
4
4
|
действия выбора и снятия выбора.`,methods:[],displayName:`PickerOptions`,props:{rootRef:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLDivElement`}],raw:`Ref<HTMLDivElement>`},description:``},children:{required:!0,tsType:{name:`ReactNode`},description:``},toolbar:{required:!1,tsType:{name:`union`,raw:`ReactNode | false`,elements:[{name:`ReactNode`},{name:`literal`,value:`false`}]},description:``},selectionActions:{required:!1,tsType:{name:`signature`,type:`object`,raw:`{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-BDnTp43_.js";var o,s;function c(){return(c=e((()=>{o=t(),s=({text:e,highlight:t})=>t?e.split(RegExp(`(${t})`,`gi`)).map((e,n)=>e.toLowerCase()===t.toLowerCase()?(0,o.jsx)(`mark`,{children:e},n):e):e})))()}function l(e){return(0,u.jsx)(`span`,{...e,className:n(i.uiOptionCode,e.className)})}var u;function d(){return(d=e((()=>{r(),a(),u=t(),l.__docgenInfo={description:``,methods:[],displayName:`OptionCode`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function f(e){return(0,p.jsx)(`kbd`,{...e,className:n(i.keyboard,e.className)})}var p;function m(){return(m=e((()=>{r(),a(),p=t(),f.__docgenInfo={description:``,methods:[],displayName:`OptionHotkey`,props:{children:{required:!0,tsType:{name:`string`},description:``}},composes:[`HTMLAttributes`]}})))()}function h(e){return(0,g.jsx)(`span`,{...e,className:n(i.uiPopupOptionIcon,e.className)})}var g;function _(){return(_=e((()=>{r(),a(),g=t(),h.__docgenInfo={description:``,methods:[],displayName:`OptionIcon`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function v(e){return(0,y.jsx)(`span`,{...e,className:n(i.uiOptionText,e.className)})}var y;function b(){return(b=e((()=>{r(),a(),y=t(),v.__docgenInfo={description:``,methods:[],displayName:`OptionText`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function x({icon:e,text:t,searchText:n,emphasizeContent:r,code:a,hotkey:o}){return(0,S.jsxs)(S.Fragment,{children:[e==null?null:(0,S.jsx)(h,{children:e}),(0,S.jsx)(v,{className:r?i.uiOptionContentEmphasize:void 0,children:(0,S.jsx)(s,{text:t,highlight:n})}),a==null?o?(0,S.jsx)(f,{children:o}):null:(0,S.jsx)(l,{className:r?i.uiOptionContentEmphasize:void 0,children:(0,S.jsx)(s,{text:a,highlight:n})})]})}var S;function C(){return(C=e((()=>{c(),a(),d(),m(),_(),b(),S=t(),x.__docgenInfo={description:`Общая фиксированная композиция содержимого button/link опции.`,methods:[],displayName:`OptionContent`,props:{icon:{required:!1,tsType:{name:`ReactNode`},description:``},text:{required:!0,tsType:{name:`string`},description:``},searchText:{required:!1,tsType:{name:`string`},description:``},emphasizeContent:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function w({ref:e,icon:t,text:r,searchText:a,code:o,hotkey:s,emphasizeContent:c,...l}){return(0,T.jsx)(`button`,{...l,ref:e,type:`button`,className:n(i.uiOptionButton,l.className),children:(0,T.jsx)(x,{icon:t,text:r,searchText:a,emphasizeContent:c,...o===void 0?{hotkey:s}:{code:o}})})}var T;function E(){return(E=e((()=>{r(),a(),C(),T=t(),w.__docgenInfo={description:`Основное button-действие внутри внешней оболочки Option.`,methods:[],displayName:`OptionButton`,props:{icon:{required:!1,tsType:{name:`ReactNode`},description:``},text:{required:!0,tsType:{name:`string`},description:``},searchText:{required:!1,tsType:{name:`string`},description:``},emphasizeContent:{required:!1,tsType:{name:`boolean`},description:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLButtonElement`}],raw:`Ref<HTMLButtonElement>`},description:``}}}})))()}export{v as a,d as c,C as i,s as l,E as n,b as o,x as r,l as s,w as t,c as u};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-B3ihFulv.js";import{g as r,m as i}from"./odata-service-CWkHASdw-DlmSiioz.js";import{a,y as o}from"./formatters-D33Uh3si-CxrG0jsB.js";import{n as s,o as c,r as l,t as u}from"./PresetSelect-V3Q5wvgb.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 r=i(e),a=i(t);return _.map(e=>{let t={...e,label:n?.[e.id]??e.label};return e.id===`day`&&r!==void 0?{...t,maxRangeDays:r}:e.id===`week`&&a!==void 0?{...t,maxRangeDays:a*7}:t})}function h(e,t){let n=i(e.maxRangeDays);if(n===void 0||t===void 0)return!1;let r=a(t);return r!==null&&r>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(),r(),_=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-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{i as n,r}from"./react-Bl2r1tuC.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-DkP-disW.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-BjQPbsn1.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-DkW27tQK.js";import{n}from"./iframe-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-B3ihFulv.js";import{n as r,t as i}from"./Text-CsENWaU0.js";import{a,b as o,y as s}from"./formatters-D33Uh3si-CxrG0jsB.js";import{n as c,t as l}from"./createControlledStoryRender-BouhvX-R.js";import{n as u,t as d}from"./GridContainer-fKYgDsLl.js";import{r as f,t as p}from"./DateInput-2J6-7drW.js";import{i as m,n as h,r as g,t as _}from"./PeriodSelect-BW3YoxkQ.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(),f(),c(),u(),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)(d,{gap:`md`,children:[(0,b.jsx)(_,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,b.jsx)(p,{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 +1 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t,t as n}from"./chevron-down-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t,t as n}from"./chevron-down-Cw1FtGoD.js";import{n as r}from"./iframe-B3ihFulv.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";import{n as o,t as s}from"./ui.module-BDnTp43_.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`,disabled:t,"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{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-
|
|
1
|
+
import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-B3ihFulv.js";import{a as i,i as a}from"./utils-tg3ibbzi.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-BJVEMSdr.js";import{a as m,i as h,n as g,r as _}from"./dom-DBd_DWF8.js";import{i as v,r as y}from"./FloatingPopover-B2gHujX_.js";import{n as b}from"./error-De9R4E_F.js";var x,S,C,w;function T(){return(T=t((()=>{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=t((()=>{D=n(),O=(0,D.createContext)(null)})))()}var A,j,M;function N(){return(N=t((()=>{A=e(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=t((()=>{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=t((()=>{L=e(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-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{i as n,r}from"./react-Bl2r1tuC.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-DkP-disW.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Popover.stories-CujicoB1.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-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-B3ihFulv.js";import{n as i,t as a}from"./Popover-Bpkc-QNI.js";import{n as o,t as s}from"./Button-mFmU1oOO.js";import{n as c,t as l}from"./createControlledStoryRender-BouhvX-R.js";import{l as u,t as d}from"./Input-CUuoFQuS.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-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{i as n,r}from"./react-Bl2r1tuC.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-DkP-disW.js";import{n as p,r as m,t as h}from"./PresetRangeDateInput.stories-B22ecf4X.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-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-B3ihFulv.js";import{n as r,t as i}from"./FlexContainer-BWyPlTMB.js";import{r as a,t as o}from"./DateInput-2J6-7drW.js";import{a as s,c,l,n as u,o as d,r as f,s as p,t as m}from"./DateRangePresetSelect-C9PLmxCa.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-DkW27tQK.js";import{a as n,i as r,r as i}from"./CalendarView-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{a as n,i as r,r as i}from"./CalendarView-Ca-92AB8.js";import{n as a}from"./iframe-B3ihFulv.js";import{n as o,t as s}from"./Text-CsENWaU0.js";import{n as c,t as l}from"./FlexContainer-BWyPlTMB.js";import{n as u,t as d}from"./createControlledStoryRender-BouhvX-R.js";import{a as f,r as p}from"./DateRangePresetSelect-C9PLmxCa.js";import{n as m,t as h}from"./PresetRangeDateInput-_UvZ2UBk.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-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{n,t as r}from"./Select-DYvqpskM.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) => string`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`string`}}},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,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{l as i,m as a}from"./blocks-DkP-disW.js";function o(e){let t={a:`a`,blockquote:`blockquote`,code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,table:`table`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,...n(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i,{title:`Foundation Lib/API/Utils`}),`
|
|
2
2
|
`,(0,c.jsxs)(t.h1,{id:`общие-утилиты-ryuzaki13react-foundation-libutils`,children:[`Общие утилиты `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/utils`})]}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[`Модуль `,(0,c.jsx)(t.code,{children:`utils`}),` объединяет небольшие технические функции, которые нужны в разных частях React- и TypeScript-приложения:`]}),`
|
|
4
4
|
`,(0,c.jsxs)(t.ul,{children:[`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{l as i,m as a}from"./blocks-DkP-disW.js";function o(e){let t={code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,strong:`strong`,table:`table`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,...n(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i,{title:`Foundation Lib/Errors/Error Report`}),`
|
|
2
2
|
`,(0,c.jsx)(t.h1,{id:`error-report`,children:`Error Report`}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[`Модуль `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/error-report`}),` собирает клиентскую диагностику ошибки в структурированный draft и временно хранит последние drafts в `,(0,c.jsx)(t.code,{children:`sessionStorage`}),`.`]}),`
|
|
4
4
|
`,(0,c.jsx)(t.p,{children:`Он умеет объединить:`}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{l as i,m as a}from"./blocks-DkP-disW.js";function o(e){let t={code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,table:`table`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,...n(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i,{title:`Foundation Lib/HTTP/SEO`}),`
|
|
2
2
|
`,(0,c.jsx)(t.h1,{id:`seo`,children:`SEO`}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[`Модуль `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/seo`}),` собирает единый набор SEO-описаний страницы:`]}),`
|
|
4
4
|
`,(0,c.jsxs)(t.ul,{children:[`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{l as i,m as a}from"./blocks-DkP-disW.js";function o(e){let t={a:`a`,blockquote:`blockquote`,code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,table:`table`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,...n(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i,{title:`Foundation Lib/API/Hooks`}),`
|
|
2
2
|
`,(0,c.jsx)(t.h1,{id:`react-и-browser-hooks`,children:`React и browser hooks`}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[`Модуль `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/hooks`}),` содержит общие React hooks для задач, которые повторяются в разных приложениях:`]}),`
|
|
4
4
|
`,(0,c.jsxs)(t.ul,{children:[`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{l as i,m as a}from"./blocks-DkP-disW.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,table:`table`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,...n(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i,{title:`Foundation Lib/Interaction/Context Menu State`}),`
|
|
2
2
|
`,(0,c.jsxs)(t.h1,{id:`состояние-и-anchors-контекстного-меню-через-ryuzaki13react-foundation-libcontext-menu`,children:[`Состояние и anchors контекстного меню через `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/context-menu`})]}),`
|
|
3
3
|
`,(0,c.jsx)(t.p,{children:`Модуль описывает открытое/закрытое состояние контекстного меню, источник открытия и два вида anchor: DOM element или экранная точка. Также он создаёт virtual anchor для Floating UI.`}),`
|
|
4
4
|
`,(0,c.jsx)(t.p,{children:`Модуль не содержит React hook и не рисует меню.`}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{l as i,m as a}from"./blocks-DkP-disW.js";function o(e){let t={code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,table:`table`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,...n(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i,{title:`Foundation API/Errors/Error Report Delivery`}),`
|
|
2
2
|
`,(0,c.jsxs)(t.h1,{id:`доставка-error-reports-через-ryuzaki13react-foundation-apierror-report`,children:[`Доставка error reports через `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-api/error-report`})]}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[`Модуль превращает сохранённый черновик отчёта из `,(0,c.jsx)(t.code,{children:`foundation-lib`}),` в delivery body, вызывает adapter приложения и обновляет статус черновика.`]}),`
|
|
4
4
|
`,(0,c.jsx)(t.h2,{id:`граница-ответственности`,children:`Граница ответственности`}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{l as i,m as a}from"./blocks-DkP-disW.js";function o(e){let t={code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,strong:`strong`,table:`table`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,...n(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i,{title:`Foundation Lib/Infrastructure/PWA`}),`
|
|
2
2
|
`,(0,c.jsx)(t.h1,{id:`pwa`,children:`PWA`}),`
|
|
3
3
|
`,(0,c.jsx)(t.p,{children:`Модуль PWA состоит из двух публичных входов с разной ответственностью:`}),`
|
|
4
4
|
`,(0,c.jsxs)(t.table,{children:[(0,c.jsx)(t.thead,{children:(0,c.jsxs)(t.tr,{children:[(0,c.jsx)(t.th,{children:`Import path`}),(0,c.jsx)(t.th,{children:`Что содержит`})]})}),(0,c.jsxs)(t.tbody,{children:[(0,c.jsxs)(t.tr,{children:[(0,c.jsx)(t.td,{children:(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/pwa`})}),(0,c.jsx)(t.td,{children:`React-hook обновления Service Worker и все функции cache policy`})]}),(0,c.jsxs)(t.tr,{children:[(0,c.jsx)(t.td,{children:(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/pwa/sw-cache-policy`})}),(0,c.jsxs)(t.td,{children:[`Только чистый parser/builder политики `,(0,c.jsx)(t.code,{children:`x-sw-cache`}),`, без React update-flow`]})]})]})]}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{l as i,m as a}from"./blocks-DkP-disW.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,table:`table`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,...n(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i,{title:`Foundation Lib/API/Formatters/Value State`}),`
|
|
2
2
|
`,(0,c.jsx)(t.h1,{id:`value-state`,children:`Value state`}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[(0,c.jsx)(t.code,{children:`valueState`}),` преобразует обычное значение в семантическое состояние интерфейса:`]}),`
|
|
4
4
|
`,(0,c.jsx)(t.pre,{children:(0,c.jsx)(t.code,{className:`language-ts`,children:`type State = "" | "none" | "information" | "success" | "warning" | "error";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{l as i,m as a}from"./blocks-DkP-disW.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,table:`table`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,...n(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i,{title:`Foundation Lib/API/Formatters/Pipeline`}),`
|
|
2
2
|
`,(0,c.jsx)(t.h1,{id:`formatter-pipeline`,children:`Formatter pipeline`}),`
|
|
3
3
|
`,(0,c.jsx)(t.p,{children:`Formatter pipeline — конфигурируемая последовательность преобразований значения ячейки. Она умеет:`}),`
|
|
4
4
|
`,(0,c.jsxs)(t.ul,{children:[`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{l as i,m as a}from"./blocks-DkP-disW.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,table:`table`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,...n(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i,{title:`Foundation API/Transport/HTTP`}),`
|
|
2
2
|
`,(0,c.jsxs)(t.h1,{id:`обычный-http-через-ryuzaki13react-foundation-apihttp`,children:[`Обычный HTTP через `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-api/http`})]}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[`Модуль выполняет нейтральные HTTP/REST запросы и создаёт функции, совместимые с TanStack Query. Внешний payload остаётся `,(0,c.jsx)(t.code,{children:`unknown`}),`, пока consumer явно не проверит его через `,(0,c.jsx)(t.code,{children:`parse`}),`.`]}),`
|
|
4
4
|
`,(0,c.jsx)(t.h2,{id:`содержание`,children:`Содержание`}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{l as i,m as a}from"./blocks-DkP-disW.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,table:`table`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,...n(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i,{title:`Foundation Lib/API/Formulas`}),`
|
|
2
2
|
`,(0,c.jsx)(t.h1,{id:`табличные-формулы`,children:`Табличные формулы`}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[`Модуль `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/formulas`}),` предоставляет безопасную инфраструктуру для заранее написанных клиентских формул таблицы.`]}),`
|
|
4
4
|
`,(0,c.jsx)(t.p,{children:`Формула получает значения других полей текущей строки, выполняет синхронный расчёт и возвращает конечное JavaScript-число. Например, она может вычислить сумму, разницу, отношение или процент для calculated-колонки.`}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B3ihFulv.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{l as i,m as a}from"./blocks-DkP-disW.js";function o(e){let t={code:`code`,h1:`h1`,h2:`h2`,li:`li`,p:`p`,pre:`pre`,table:`table`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,...n(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i,{title:`Foundation Lib/Data/Presets`}),`
|
|
2
2
|
`,(0,c.jsxs)(t.h1,{id:`общие-preset-helpers-через-ryuzaki13react-foundation-libpresets`,children:[`Общие preset helpers через `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/presets`})]}),`
|
|
3
3
|
`,(0,c.jsx)(t.p,{children:`Модуль проверяет восстановленные preset ids, сопоставляет их с option objects и ищет одну option по id.`}),`
|
|
4
4
|
`,(0,c.jsx)(t.h2,{id:`установка-и-импорт`,children:`Установка и импорт`}),`
|