@ryuzaki13/react-foundation-ui 1.8.14 → 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/styles.css +1 -1
- package/package.json +1 -1
- package/storybook-static/assets/{Badge-Sv6eRVzK.js → Badge-Cd8wL2_5.js} +1 -1
- package/storybook-static/assets/{Badge.stories-DVmquAc-.js → Badge.stories-qmcgnZqp.js} +1 -1
- package/storybook-static/assets/{BadgeList-CDdjSFhA.js → BadgeList-D_recioK.js} +1 -1
- package/storybook-static/assets/{Button-CkXBOqtg.js → Button-mFmU1oOO.js} +1 -1
- package/storybook-static/assets/{Button-DLdmu_Qa.js → Button-r1m3WVSm.js} +1 -1
- package/storybook-static/assets/{Button.stories-BhhPN3cO.js → Button.stories-KC_rNhgy.js} +1 -1
- package/storybook-static/assets/{CalendarView-Cz74PFcU.js → CalendarView-Ca-92AB8.js} +1 -1
- package/storybook-static/assets/{CheckBox-DcH3qwbm.js → CheckBox-PjOM6PPb.js} +1 -1
- package/storybook-static/assets/{CheckBox-8sW-kpX-.js → CheckBox-_CT1F9ZI.js} +1 -1
- package/storybook-static/assets/{CheckBox.stories-BA9MwVIi.js → CheckBox.stories-CskXA_JJ.js} +1 -1
- package/storybook-static/assets/{Color-6AOWCN3U-DW9_SixM.js → Color-6AOWCN3U-DZxFz7kD.js} +1 -1
- package/storybook-static/assets/{ContextMenu-6XIB9-E_.js → ContextMenu-BO54N0H5.js} +1 -1
- package/storybook-static/assets/{ContextMenu-oCfsHX5G.js → ContextMenu-BU04Ps17.js} +1 -1
- package/storybook-static/assets/{ContextMenu.stories-DsRiGv-d.js → ContextMenu.stories-DResblYn.js} +1 -1
- package/storybook-static/assets/{CustomOptionButton-By6XsDCG.js → CustomOptionButton-DNEfpxa7.js} +1 -1
- package/storybook-static/assets/{DateInput-CD_CDw8L.js → DateInput-2J6-7drW.js} +1 -1
- package/storybook-static/assets/{DateInput-CMxzQRo_.js → DateInput-Bf45fonQ.js} +1 -1
- package/storybook-static/assets/{DateInput.stories-BL0d4llb.js → DateInput.stories-BFRRZEeq.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-BeEhwdah.js → DateRangePresetSelect-B65sw1lG.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-393Izw7W.js → DateRangePresetSelect-C9PLmxCa.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect.stories-BKRFlABX.js → DateRangePresetSelect.stories-kyRkdliY.js} +1 -1
- package/storybook-static/assets/{Detail-BbQSGgu7.js → Detail-j86sQMaj.js} +1 -1
- package/storybook-static/assets/{Detail.stories-BMD_2zWN.js → Detail.stories-BuMO8Gt-.js} +1 -1
- package/storybook-static/assets/{Dialog-CAM8VuM7.js → Dialog-0hxZqrhn.js} +1 -1
- package/storybook-static/assets/{Dialog-Dw9rG9oU.js → Dialog-CCDasyH8.js} +1 -1
- package/storybook-static/assets/{Dialog.stories-C3NKTM84.js → Dialog.stories-BP9A6sTr.js} +1 -1
- package/storybook-static/assets/{Disclosure-CRP1Wrwg.js → Disclosure--fLgwSlX.js} +1 -1
- package/storybook-static/assets/{Disclosure.stories-uOnVxNv4.js → Disclosure.stories-CtKC0jM5.js} +1 -1
- package/storybook-static/assets/{DisclosureGroup-CV9aHNnL.js → DisclosureGroup-Bx82uKUx.js} +1 -1
- package/storybook-static/assets/{DocsRenderer-JROSPFPF-Dt6sU0Wy.js → DocsRenderer-JROSPFPF-BjLzZKur.js} +1 -1
- package/storybook-static/assets/{DropZone-UOOd3d_D.js → DropZone-BZIVV2iW.js} +1 -1
- package/storybook-static/assets/{DropZone-1-qIEJTI.js → DropZone-pi2vfqkg.js} +1 -1
- package/storybook-static/assets/{DropZone.stories-P0P8n3BX.js → DropZone.stories-yl0Iutrj.js} +1 -1
- package/storybook-static/assets/{DropdownMenu-CIkQkHEe.js → DropdownMenu-C9AAgqp1.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel-BVxtZtja.js → ExpandableActionPanel-PwZx0riF.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel.stories-Bw-Nbxjl.js → ExpandableActionPanel.stories-BGPaWW2r.js} +1 -1
- package/storybook-static/assets/{Flex-v3qGyymY.js → Flex-Cx_mK6Wv.js} +1 -1
- package/storybook-static/assets/{Flex.stories-BZWj9Yqq.js → Flex.stories-BaUUOqvt.js} +1 -1
- package/storybook-static/assets/{FloatingPopover-CBzRVsZl.js → FloatingPopover-B2gHujX_.js} +1 -1
- package/storybook-static/assets/{FormattedTableCell-woQYObYH.js → FormattedTableCell-D13-RWK3.js} +1 -1
- package/storybook-static/assets/{Grid-BuA8kbGl.js → Grid-BsEEqRWi.js} +1 -1
- package/storybook-static/assets/{Grid.stories-DkQGjuPs.js → Grid.stories-BFCff6aq.js} +1 -1
- package/storybook-static/assets/{ImageCropper.stories-DWU8FP_b.js → ImageCropper.stories-BV3XnFOB.js} +1 -1
- package/storybook-static/assets/{ImageRenderer-BYrN4S_Z.js → ImageRenderer-Dm25cMqu.js} +1 -1
- package/storybook-static/assets/{ImageRenderer.stories-ChjsjhPh.js → ImageRenderer.stories-jpNl-qca.js} +1 -1
- package/storybook-static/assets/{ImageView.stories-CWkyOzLP.js → ImageView.stories-ENY_p3Tr.js} +1 -1
- package/storybook-static/assets/{ImageViewer.stories-BAJJBDHc.js → ImageViewer.stories-DYDopb5z.js} +2 -2
- package/storybook-static/assets/{ImageViewerRuntime-DGLE97-e.js → ImageViewerRuntime-BnX6E5BX.js} +1 -1
- package/storybook-static/assets/{Input-B8ZadIiC.js → Input-CUuoFQuS.js} +1 -1
- package/storybook-static/assets/{Input-BoKPLAe2.js → Input-D6v6vXs2.js} +1 -1
- package/storybook-static/assets/{Input.stories-JHdz5Jsc.js → Input.stories-Bl11Boc0.js} +1 -1
- package/storybook-static/assets/{InputDateTime-D0IxugsL.js → InputDateTime-Btte1yb6.js} +1 -1
- package/storybook-static/assets/{InputDateTime.stories-Ba0D7xF9.js → InputDateTime.stories-DED8uY8v.js} +1 -1
- package/storybook-static/assets/{InputFile--u_0dj3Y.js → InputFile-0mGcNzjQ.js} +1 -1
- package/storybook-static/assets/{InputFile-BTJBqn1m.js → InputFile-D03Y9DS1.js} +1 -1
- package/storybook-static/assets/{InputFile.stories-CwpNYB5J.js → InputFile.stories-Dwn11IMZ.js} +1 -1
- package/storybook-static/assets/{InputFiles-DwMvXQb3.js → InputFiles-DNv9_Zl9.js} +1 -1
- package/storybook-static/assets/{InputFiles-B6vhWm7I.js → InputFiles-DxZWFfGH.js} +1 -1
- package/storybook-static/assets/{InputFiles.stories-5oCc9HHg.js → InputFiles.stories-6RMS6Do3.js} +1 -1
- package/storybook-static/assets/{InputFilesList-D51n4iSR.js → InputFilesList-B8p3HnCy.js} +1 -1
- package/storybook-static/assets/{InputImage-bnYOQAkQ.js → InputImage-Dn09jypu.js} +1 -1
- package/storybook-static/assets/{InputImage-DPnitmQk.js → InputImage-Zz-edaAa.js} +1 -1
- package/storybook-static/assets/{InputImage.stories-uf2LvY4r.js → InputImage.stories-DxTFle9L.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents-CJn1YMhT.js → InteractiveComponents-DUg07Olo.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents.stories-fFTx5yhl.js → InteractiveComponents.stories-N4s2n_Ls.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-C_NUvbsk.js → LayoutPicker-5H2ojo6P.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-BPBdZChZ.js → LayoutPicker-Dn11ot6_.js} +1 -1
- package/storybook-static/assets/{LayoutPicker.stories-DBzM8rRy.js → LayoutPicker.stories-LxtmabZA.js} +1 -1
- package/storybook-static/assets/{Listbox-Cqgq5Wny.js → Listbox-CHr5iujw.js} +1 -1
- package/storybook-static/assets/{Listbox-D7jP8mCo.js → Listbox-mLHxtn2O.js} +1 -1
- package/storybook-static/assets/{Listbox.stories-X2jhmC90.js → Listbox.stories-CsXyGW1Q.js} +1 -1
- package/storybook-static/assets/{Modal-QiGhxbkR.js → Modal-BI1dVE-m.js} +1 -1
- package/storybook-static/assets/{Modal.stories-CPLTAhHy.js → Modal.stories-BHW8jSr8.js} +1 -1
- package/storybook-static/assets/{ModalManagerProvider-DpbTvfL4.js → ModalManagerProvider-CeMOCTK8.js} +1 -1
- package/storybook-static/assets/{MultiSelect-CJN6yc1C.js → MultiSelect-C6YHy5R-.js} +1 -1
- package/storybook-static/assets/{MultiSelect-DeAFY3RP.js → MultiSelect-DpEKWJmz.js} +1 -1
- package/storybook-static/assets/{MultiSelect.stories-DHrCaM8r.js → MultiSelect.stories-D02Hsz16.js} +1 -1
- package/storybook-static/assets/{NoData-Cw6KaFFK.js → NoData-C-yIjnFD.js} +1 -1
- package/storybook-static/assets/{NotificationsHost-BjEs_A2p.js → NotificationsHost-CJ8NevoN.js} +1 -1
- package/storybook-static/assets/{NotificationsHost.stories-DUyWIJ9o.js → NotificationsHost.stories-Deeqj-vL.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect-DsGVEtfr.js → ODataMultiSelect-BM8MOWSh.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect.stories-CV8LD8fz.js → ODataMultiSelect.stories-HDwtUh6c.js} +1 -1
- package/storybook-static/assets/{ODataSelect-nPkCWP7P.js → ODataSelect-DRV0B3jq.js} +1 -1
- package/storybook-static/assets/{ODataSelect.stories-BT5zNMAw.js → ODataSelect.stories-Z2JAZ57N.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect-BnA7iZbw.js → ODataTreeMultiSelect-DKdF_F6p.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect.stories-Ddu-3L1X.js → ODataTreeMultiSelect.stories-VuY_QHoo.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect-Df18JZjH.js → ODataTreeSelect-B-XFZOpe.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect.stories-CnbN0_2o.js → ODataTreeSelect.stories-Ab-RXekm.js} +1 -1
- package/storybook-static/assets/{OneStepScroller-pCI7NBLQ.js → OneStepScroller-9mds5c53.js} +1 -1
- package/storybook-static/assets/Option-B2xqGECu.css +1 -0
- package/storybook-static/assets/{Option-rYnCuHwV.js → Option-DfkEWwzD.js} +1 -1
- package/storybook-static/assets/{OptionButton-dRTEtcWJ.js → OptionButton-DWahCIT8.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-BbxmKATg.js → PeriodSelect-BW3YoxkQ.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-QdYqbYVi.js → PeriodSelect-Dq-W37HF.js} +1 -1
- package/storybook-static/assets/{PeriodSelect.stories-C_w6x_nb.js → PeriodSelect.stories-BjQPbsn1.js} +1 -1
- package/storybook-static/assets/{PickerTriggerActions-B9PzXuqb.js → PickerTriggerActions-VPjVDsB8.js} +1 -1
- package/storybook-static/assets/{Popover-C7EBSl-A.js → Popover-Bpkc-QNI.js} +1 -1
- package/storybook-static/assets/{Popover-DTIeV8sp.js → Popover-CRYM_B6x.js} +1 -1
- package/storybook-static/assets/{Popover.stories-DdK6opAj.js → Popover.stories-CujicoB1.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-BuzCEA0N.js → PresetRangeDateInput-KZTPa5UU.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-wM7gI2RF.js → PresetRangeDateInput-_UvZ2UBk.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput.stories-BHzW7J5Y.js → PresetRangeDateInput.stories-B22ecf4X.js} +1 -1
- package/storybook-static/assets/{PresetSelect-qwyBKXya.js → PresetSelect-V3Q5wvgb.js} +1 -1
- package/storybook-static/assets/{README-BRAIrWZ5.js → README-3HMf3yqR.js} +1 -1
- package/storybook-static/assets/{README-DFH1zDp2.js → README-AQt7qJ7W.js} +1 -1
- package/storybook-static/assets/{README-rhPk9fCo.js → README-BAjxvhwh.js} +1 -1
- package/storybook-static/assets/{README-Bdo7L8re.js → README-BB7Lgly2.js} +1 -1
- package/storybook-static/assets/{README-Bt-vDWJK.js → README-BEQrIZ5L.js} +1 -1
- package/storybook-static/assets/{README-CYOVpnIy.js → README-BLSofAtH.js} +1 -1
- package/storybook-static/assets/{README-dokGlpDu.js → README-BNJPNc8i.js} +1 -1
- package/storybook-static/assets/{README-DLaJrEGM.js → README-BOv7ezhv.js} +1 -1
- package/storybook-static/assets/{README-CiQrgj9L.js → README-BQRECe8d.js} +1 -1
- package/storybook-static/assets/{README-CAN_sUOj.js → README-BRnBh6Tu.js} +1 -1
- package/storybook-static/assets/{README-kQRTlSA-.js → README-BRpU8Fmy.js} +1 -1
- package/storybook-static/assets/{README-Cjkxz5fF.js → README-BnVgUfhv.js} +1 -1
- package/storybook-static/assets/{README-Dy9sTa_6.js → README-BpkW8U_K.js} +1 -1
- package/storybook-static/assets/{README-BcQVOGWd.js → README-Br1dErfo.js} +1 -1
- package/storybook-static/assets/{README-C3kroViK.js → README-Bs6F_Q3w.js} +1 -1
- package/storybook-static/assets/{README-Ci8Dg8Od.js → README-ByLk-5zd.js} +1 -1
- package/storybook-static/assets/{README-CAu_o5w0.js → README-C36uF9yM.js} +1 -1
- package/storybook-static/assets/{README-DIqS0sM9.js → README-C3BIg5v-.js} +1 -1
- package/storybook-static/assets/{README-UoSNP7Tk.js → README-CDdbM2Np.js} +1 -1
- package/storybook-static/assets/{README-Cl_7GagY.js → README-CEEqW78q.js} +1 -1
- package/storybook-static/assets/{README-CjAvZYa8.js → README-CK26ng6m.js} +1 -1
- package/storybook-static/assets/{README-B6UdiKEB.js → README-CKG6cGUV.js} +1 -1
- package/storybook-static/assets/{README-CV3k61OS.js → README-CKbCeGtT.js} +1 -1
- package/storybook-static/assets/{README-CB8w2VUq.js → README-CPMEu0i6.js} +1 -1
- package/storybook-static/assets/{README-OYzQVQte.js → README-CQv7zPT0.js} +1 -1
- package/storybook-static/assets/{README-D1mTncLb.js → README-CjEYaXjX.js} +1 -1
- package/storybook-static/assets/{README-rzRXnvCP.js → README-Cwuvy0IL.js} +1 -1
- package/storybook-static/assets/{README-BbvZ3Kxp.js → README-D-1skID-.js} +1 -1
- package/storybook-static/assets/{README-a5ZgliOG.js → README-D4wzYKw5.js} +1 -1
- package/storybook-static/assets/{README-CnncCyVQ.js → README-DAcezYb8.js} +1 -1
- package/storybook-static/assets/{README-CJ5dluvT.js → README-DD6e3Ydn.js} +1 -1
- package/storybook-static/assets/{README-CrjrH7U6.js → README-DDF9EAsj.js} +1 -1
- package/storybook-static/assets/{README-Bs5hFsTF.js → README-DQMX-YcN.js} +1 -1
- package/storybook-static/assets/{README-BB1nn-L1.js → README-DQiDg0Ej.js} +1 -1
- package/storybook-static/assets/{README-BZ5VcRb-.js → README-DU0PNr5g.js} +1 -1
- package/storybook-static/assets/{README-BLliGbp2.js → README-DVDC23OS.js} +1 -1
- package/storybook-static/assets/{README-CeyhIAvP.js → README-DhZIv1bb.js} +1 -1
- package/storybook-static/assets/{README-CqqJTDcO.js → README-DizFKrIu.js} +1 -1
- package/storybook-static/assets/{README-DO23FJAl.js → README-DqOV9xsd.js} +1 -1
- package/storybook-static/assets/{README-3kx1b1eN.js → README-DtFQrkdB.js} +1 -1
- package/storybook-static/assets/{README-BS_UTHKY.js → README-Dy7OTSF0.js} +1 -1
- package/storybook-static/assets/{README-C1-upl_v.js → README-KdXavYiv.js} +1 -1
- package/storybook-static/assets/{README-JtT-ZtO0.js → README-LsX8KGnt.js} +1 -1
- package/storybook-static/assets/{README-B1TFddGZ.js → README-Voaet1kf.js} +1 -1
- package/storybook-static/assets/{README-CMdJkXoj.js → README-b5MI0JTI.js} +1 -1
- package/storybook-static/assets/{README-BxWQjG0l.js → README-b7R84daq.js} +1 -1
- package/storybook-static/assets/{README-CUjyWC3m.js → README-hPA4N5GJ.js} +1 -1
- package/storybook-static/assets/{README-twVQ7X9P.js → README-kwAqsQcU.js} +1 -1
- package/storybook-static/assets/{README-DeAPv0Mf.js → README-qNxuNw1o.js} +1 -1
- package/storybook-static/assets/{README-C5VbGqji.js → README-r-PjVZ4j.js} +1 -1
- package/storybook-static/assets/{README-rDh9Q6yY.js → README-sT7fyFbS.js} +1 -1
- package/storybook-static/assets/{README-Bl5v6SbZ.js → README-xoMblSgw.js} +1 -1
- package/storybook-static/assets/{README-BUwRENpH.js → README-zz7qZ-kP.js} +1 -1
- package/storybook-static/assets/{RadioButton-B_oQ8Wlu.js → RadioButton-Bdj7tRvi.js} +1 -1
- package/storybook-static/assets/{RadioButton-Baxj9d9s.js → RadioButton-C5mgdhJV.js} +1 -1
- package/storybook-static/assets/{RadioButton.stories-CsHPV3Wm.js → RadioButton.stories-68HY8Tq3.js} +1 -1
- package/storybook-static/assets/{RadioGroup-PH_lOUuL.js → RadioGroup-B2_rfL8_.js} +1 -1
- package/storybook-static/assets/{RadioGroup-Dz0J0QJk.js → RadioGroup-Btm4bb1t.js} +1 -1
- package/storybook-static/assets/{RadioGroup.stories-B3Nbh5ui.js → RadioGroup.stories-CTIJUhxX.js} +1 -1
- package/storybook-static/assets/{Scrollable-BnVRtd7g.js → Scrollable-DgEQLGqG.js} +1 -1
- package/storybook-static/assets/{Select-CqFdLQiM.js → Select-CmRKt9b9.js} +1 -1
- package/storybook-static/assets/{Select-DlCmYtXt.js → Select-DYvqpskM.js} +1 -1
- package/storybook-static/assets/{Select.stories-wUtNe9Ec.js → Select.stories-DujGCH5v.js} +1 -1
- package/storybook-static/assets/{SerializableSelect-Cxj4rBI9.js → SerializableSelect-Bi82ktzK.js} +1 -1
- package/storybook-static/assets/{SerializableSelect.stories-D8S4jMFa.js → SerializableSelect.stories-DeDjYO8N.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-B00ILEN6.js → SingleDateTimeInput-D99JYks1.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-Z6TGUUj6.js → SingleDateTimeInput-Dl-IhEW3.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput.stories-CV6Nv9qi.js → SingleDateTimeInput.stories-xnJ7YLK0.js} +1 -1
- package/storybook-static/assets/{Slider-Dk01oltE.js → Slider-CaSDog2H.js} +1 -1
- package/storybook-static/assets/{Slider-B9FxWdEJ.js → Slider-cWqU8bNG.js} +1 -1
- package/storybook-static/assets/{Slider.stories-VNmcaz3A.js → Slider.stories-BLDOG5FI.js} +1 -1
- package/storybook-static/assets/{SliderInput-E86RlSIn.js → SliderInput-CaJdS2i0.js} +1 -1
- package/storybook-static/assets/{SliderInput-V3uHOcZ2.js → SliderInput-Rr6wAXtQ.js} +1 -1
- package/storybook-static/assets/{SliderInput.stories-Bwl2rOaJ.js → SliderInput.stories-BAVJpHS2.js} +1 -1
- package/storybook-static/assets/{Sortable-DaGz4_X2.js → Sortable-Cbc2J4vg.js} +1 -1
- package/storybook-static/assets/{Sortable.stories-Ba8gP0xY.js → Sortable.stories-BaOT8ABG.js} +1 -1
- package/storybook-static/assets/{Splitter-BIsxdfsl.js → Splitter-Bs2oNH3V.js} +1 -1
- package/storybook-static/assets/{Splitter.stories-DlgVxAnv.js → Splitter.stories-mKXGWtPi.js} +1 -1
- package/storybook-static/assets/{StateSelect-3pOCDdLu.js → StateSelect-BZ6KJPLV.js} +1 -1
- package/storybook-static/assets/{StateSelect-Q0-lss-x.js → StateSelect-QEzHQr08.js} +1 -1
- package/storybook-static/assets/{StateSelect.stories-B2W4sd0y.js → StateSelect.stories-DUwa5Z9a.js} +1 -1
- package/storybook-static/assets/{StringToggle.stories-CwhsQCkG.js → StringToggle.stories-CTZgmKuF.js} +1 -1
- package/storybook-static/assets/{Switch-8ZMASw90.js → Switch-Bu7xZxcM.js} +1 -1
- package/storybook-static/assets/{Switch-CxoCcf-H.js → Switch-DQf6-y-M.js} +1 -1
- package/storybook-static/assets/{Switch.stories-Ceo-Mw04.js → Switch.stories-CLldFQjp.js} +1 -1
- package/storybook-static/assets/{Table-nJgo4qpK.js → Table-Dy4kTsgo.js} +1 -1
- package/storybook-static/assets/{Table.stories-CSCZ9sFd.js → Table.stories-DItrtEro.js} +1 -1
- package/storybook-static/assets/{Tabs-D-gRjKef.js → Tabs-Cou2-9__.js} +1 -1
- package/storybook-static/assets/{Tabs.stories-EQ3VUnt-.js → Tabs.stories-Db-FIby8.js} +1 -1
- package/storybook-static/assets/{TabsBox-NrlLIwhz.js → TabsBox-DNC_y4n9.js} +1 -1
- package/storybook-static/assets/{TagInput-Drf7SeTu.js → TagInput-BvbklpLy.js} +1 -1
- package/storybook-static/assets/{TagInput.stories-BcM6J6I9.js → TagInput.stories-D3CMF9Sv.js} +1 -1
- package/storybook-static/assets/{Text-Ck_6UUKY.js → Text-CsENWaU0.js} +1 -1
- package/storybook-static/assets/{Textarea-DFko4W6r.js → Textarea-C6Hs-eqJ.js} +1 -1
- package/storybook-static/assets/{Textarea-C7SEoYQa.js → Textarea-DFI5Ws1q.js} +1 -1
- package/storybook-static/assets/{Textarea.stories-BW5QBRXP.js → Textarea.stories-B0FsLDeK.js} +1 -1
- package/storybook-static/assets/{TimePanel-BcCaEcjP.js → TimePanel-eOsTI1dD.js} +1 -1
- package/storybook-static/assets/{TimePanel.stories-OjUebxOe.js → TimePanel.stories-B9l1v3Dv.js} +1 -1
- package/storybook-static/assets/{Toggle-Cs5KD8Kd.js → Toggle-CGszrbXe.js} +1 -1
- package/storybook-static/assets/{Toggle-BN83AOrV.js → Toggle-CZKgT4N3.js} +1 -1
- package/storybook-static/assets/{Toggle.stories-UtFKPdYx.js → Toggle.stories-C_PUmN6S.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-04RqLe9P.js → TreeMultiSelect-D83bkKbO.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-CN_rnzFe.js → TreeMultiSelect-DAW7XHTo.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect.stories-BbYabVXc.js → TreeMultiSelect.stories-B6-GbDaH.js} +1 -1
- package/storybook-static/assets/{TreePickerBase-FDlZpaH2.js → TreePickerBase-BjfNILPl.js} +1 -1
- package/storybook-static/assets/{TreeSelect-DGSc7Vg9.js → TreeSelect-BHgUefe4.js} +1 -1
- package/storybook-static/assets/{TreeSelect-DT6WnSjM.js → TreeSelect-C-Z5-9OC.js} +1 -1
- package/storybook-static/assets/{TreeSelect.stories-C3jdjFQY.js → TreeSelect.stories-CBRtO9Kj.js} +1 -1
- package/storybook-static/assets/{TreeTable-_ymCr62E.js → TreeTable-DU7jAfe0.js} +1 -1
- package/storybook-static/assets/{TreeTable.stories-DHShLIUZ.js → TreeTable.stories-BuLbhkTe.js} +1 -1
- package/storybook-static/assets/{blocks-DcVVTXzf.js → blocks-DkP-disW.js} +3 -3
- package/storybook-static/assets/{check-5jIlw3QY.js → check-Byph9hF2.js} +1 -1
- package/storybook-static/assets/{chevron-down-CkkAjpRn.js → chevron-down-Cw1FtGoD.js} +1 -1
- package/storybook-static/assets/{chevron-left-DNKAotw1.js → chevron-left-nghJb29y.js} +1 -1
- package/storybook-static/assets/{chevron-right-CYbSLSbL.js → chevron-right-V6j6RRCv.js} +1 -1
- package/storybook-static/assets/{chunk-W22LQPXL-CfJS6YKX.js → chunk-W22LQPXL-BkQl_PH8.js} +1 -1
- package/storybook-static/assets/{circle-alert-DXlaxNFD.js → circle-alert-DgyD41ma.js} +1 -1
- package/storybook-static/assets/{circle-check-BEKmaVgA.js → circle-check-BM0j7r-l.js} +1 -1
- package/storybook-static/assets/{components-tbVBP-zS.js → components-BK9LfJzq.js} +3 -3
- package/storybook-static/assets/{contextMenu-DsufH6U8.js → contextMenu-BoxcMgou.js} +1 -1
- package/storybook-static/assets/{download-C9jGmfx6.js → download-aeiRfPxZ.js} +1 -1
- package/storybook-static/assets/{floating-ui.react-YV96fWnb.js → floating-ui.react-BJVEMSdr.js} +1 -1
- package/storybook-static/assets/{foundationApi-DoAXLuxI.js → foundationApi-Cvd7KXQf.js} +1 -1
- package/storybook-static/assets/{foundationLib-C7xkVQAX.js → foundationLib-YaTlXhRE.js} +1 -1
- package/storybook-static/assets/{hooks-pjRWWXeZ.js → hooks-DKYy0I_A.js} +1 -1
- package/storybook-static/assets/{iframe--RU38UHO.js → iframe-B3ihFulv.js} +3 -3
- package/storybook-static/assets/iframe-awhs6Z_E.js +1 -0
- package/storybook-static/assets/{info-CI9KvIum.js → info-C5owkkN0.js} +1 -1
- package/storybook-static/assets/{odata-bRglfPOU.js → odata-DlmzpDS_.js} +1 -1
- package/storybook-static/assets/{odataStoryFixtures-B8p8bkan.js → odataStoryFixtures-DhTYIcsn.js} +1 -1
- package/storybook-static/assets/{react-pQ8GL5b8.js → react-CtnlOSTm.js} +1 -1
- package/storybook-static/assets/{refresh-cw-BJlS8-cO.js → refresh-cw-MQmDpoTF.js} +1 -1
- package/storybook-static/assets/{settings-2-CDqhDJH7.js → settings-2-D9zikB_Q.js} +1 -1
- package/storybook-static/assets/{sortable-CPlbom2V.js → sortable-BOK4domV.js} +1 -1
- package/storybook-static/assets/{syntaxhighlighter-QEQV7K2Y-Dh9tQsbp.js → syntaxhighlighter-QEQV7K2Y-7Y8VrHOy.js} +1 -1
- package/storybook-static/assets/{trash-2-B3rSNw_b.js → trash-2-Dqzyyc3b.js} +1 -1
- package/storybook-static/assets/{triangle-alert-zaUE1fxx.js → triangle-alert-CEwrrnW4.js} +1 -1
- package/storybook-static/assets/{useODataSelectBase-DH9eFTxr.js → useODataSelectBase-CyWP1bEx.js} +1 -1
- package/storybook-static/assets/{useODataTreeData-BrcEV-bK.js → useODataTreeData-B1cOjoqN.js} +1 -1
- package/storybook-static/assets/{usePickerQuery-BbTJGOEV.js → usePickerQuery-D0p27nY5.js} +1 -1
- package/storybook-static/assets/{usePickerTriggerController-DNei2G7n.js → usePickerTriggerController-glJ8CgZA.js} +1 -1
- package/storybook-static/assets/{x-BiHHkto5.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-BpGl-WdJ.js +0 -1
|
@@ -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/Row-Based`}),`
|
|
2
2
|
`,(0,c.jsx)(t.h1,{id:`row-based-форматтеры`,children:`Row-based форматтеры`}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[(0,c.jsx)(t.code,{children:`rowBased`}),` — небольшой runtime-слой для формул, которые вычисляют отображаемое значение одной ячейки на основании других полей той же строки.`]}),`
|
|
4
4
|
`,(0,c.jsxs)(t.p,{children:[`Он используется шагом `,(0,c.jsx)(t.code,{children:`rowBasedOverride`}),` в `,(0,c.jsx)(t.a,{href:`../pipeline/README.mdx`,children:`formatter pipeline`}),`. Сам модуль не содержит бизнес-формул: host-приложение создаёт их, собирает в реестр и один раз передаёт реестр библиотеке.`]}),`
|
|
@@ -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`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i,{title:`Foundation Lib/Contracts/Common Types`}),`
|
|
2
2
|
`,(0,c.jsxs)(t.h1,{id:`общие-технические-типы-ryuzaki13react-foundation-libtypes`,children:[`Общие технические типы `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/types`})]}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[`Модуль содержит небольшие общие TypeScript-контракты для value state, ABAP boolean, базовых значений, диапазонов и строк таблицы. Единственная runtime-функция — `,(0,c.jsx)(t.code,{children:`isBaseType`}),`.`]}),`
|
|
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`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i,{title:`Foundation Lib/Browser/Client Fingerprint`}),`
|
|
2
2
|
`,(0,c.jsxs)(t.h1,{id:`client-fingerprint-через-ryuzaki13react-foundation-libfingerprint`,children:[`Client fingerprint через `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/fingerprint`})]}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[(0,c.jsx)(t.code,{children:`getClientFingerprint`}),` лениво загружает FingerprintJS, получает `,(0,c.jsx)(t.code,{children:`visitorId`}),` и кеширует Promise на всё время жизни JavaScript-модуля.`]}),`
|
|
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`,blockquote:`blockquote`,code:`code`,h1:`h1`,h2:`h2`,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/Validation/Runtime Guards`}),`
|
|
2
2
|
`,(0,c.jsxs)(t.h1,{id:`runtime-guards-и-validators-через-ryuzaki13react-foundation-libvalidators`,children:[`Runtime guards и validators через `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/validators`})]}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[`Модуль содержит небольшие проверки для `,(0,c.jsx)(t.code,{children:`unknown`}),`, object-like значений, image extensions, positive integer, URL и Floating UI DOM reference.`]}),`
|
|
4
4
|
`,(0,c.jsxs)(t.blockquote,{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`,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/Orchestration/Async Tasks`}),`
|
|
2
2
|
`,(0,c.jsxs)(t.h1,{id:`асинхронные-задачи-через-ryuzaki13react-foundation-apiasync`,children:[`Асинхронные задачи через `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-api/async`})]}),`
|
|
3
3
|
`,(0,c.jsx)(t.p,{children:`Модуль запускает независимые Promise-задачи, сохраняет связь результата с исходным элементом и формирует удобную сводку для UI/логов.`}),`
|
|
4
4
|
`,(0,c.jsx)(t.h2,{id:`какой-runner-выбрать`,children:`Какой runner выбрать`}),`
|
|
@@ -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`,h4:`h4`,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/Data/Table and Tree Table`}),`
|
|
2
2
|
`,(0,c.jsx)(t.h1,{id:`table-и-tree-table`,children:`Table и Tree Table`}),`
|
|
3
3
|
`,(0,c.jsx)(t.p,{children:`Эта страница описывает два связанных публичных модуля:`}),`
|
|
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 Lib/API/File`}),`
|
|
2
2
|
`,(0,c.jsxs)(t.h1,{id:`работа-с-пользовательскими-файлами-через-ryuzaki13react-foundation-libfile`,children:[`Работа с пользовательскими файлами через `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/file`})]}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[`Модуль `,(0,c.jsx)(t.code,{children:`file`}),` содержит browser helpers для четырёх связанных задач:`]}),`
|
|
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`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i,{title:`Foundation Lib/Forms/Form Errors`}),`
|
|
2
2
|
`,(0,c.jsxs)(t.h1,{id:`чтение-первой-ошибки-формы-через-ryuzaki13react-foundation-libform`,children:[`Чтение первой ошибки формы через `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/form`})]}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[`Модуль содержит одну функцию `,(0,c.jsx)(t.code,{children:`readFirstFormError`}),`. Она получает неоднородный массив ошибок и возвращает первое найденное текстовое сообщение.`]}),`
|
|
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`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i,{title:`Foundation Lib/Browser/Session Storage ID`}),`
|
|
2
2
|
`,(0,c.jsxs)(t.h1,{id:`идентификатор-вкладочной-сессии-через-ryuzaki13react-foundation-libsession-storage`,children:[`Идентификатор вкладочной сессии через `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/session-storage`})]}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[(0,c.jsx)(t.code,{children:`getSessionStorageId`}),` возвращает стабильный id в пределах одной browser-вкладки. При первом вызове id создаётся и сохраняется в `,(0,c.jsx)(t.code,{children:`sessionStorage`}),`, при следующих — читается по тому же ключу.`]}),`
|
|
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`,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/OData Service`}),`
|
|
2
2
|
`,(0,c.jsx)(t.h1,{id:`odata-service`,children:`OData Service`}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[`Модуль `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/odata-service`}),` — единая библиотечная точка входа для работы с техническими контрактами OData V2:`]}),`
|
|
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`,h4:`h4`,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/Infrastructure/Query Client`}),`
|
|
2
2
|
`,(0,c.jsx)(t.h1,{id:`query-client`,children:`Query Client`}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[`Модуль `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/query-client`}),` предоставляет общую инфраструктуру TanStack Query для browser-приложения:`]}),`
|
|
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/Data/Excel`}),`
|
|
2
2
|
`,(0,c.jsx)(t.h1,{id:`excel`,children:`Excel`}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[`Модуль `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/excel`}),` формирует и скачивает `,(0,c.jsx)(t.code,{children:`.xlsx`}),`-файлы в браузере. Он поддерживает:`]}),`
|
|
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/API/Formatters/Date`}),`
|
|
2
2
|
`,(0,c.jsx)(t.h1,{id:`даты-время-и-календарные-диапазоны`,children:`Даты, время и календарные диапазоны`}),`
|
|
3
3
|
`,(0,c.jsx)(t.p,{children:`Модуль решает четыре связанные задачи:`}),`
|
|
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`,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/String Comparison`}),`
|
|
2
2
|
`,(0,c.jsxs)(t.h1,{id:`сравнение-строк-через-ryuzaki13react-foundation-libstring-comparison`,children:[`Сравнение строк через `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/string-comparison`})]}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[(0,c.jsx)(t.code,{children:`compareStrings`}),` задаёт единый порядок строк для русскоязычных UI-списков, смешанной кириллицы/латиницы и числовых суффиксов.`]}),`
|
|
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/Copy`}),`
|
|
2
2
|
`,(0,c.jsxs)(t.h1,{id:`копирование-текста-через-ryuzaki13react-foundation-libcopy`,children:[`Копирование текста через `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/copy`})]}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[`Модуль `,(0,c.jsx)(t.code,{children:`copy`}),` содержит React hooks для копирования текста в системный буфер обмена, чтения текста из DOM-элемента и показа короткого состояния «скопировано».`]}),`
|
|
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={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/SAP/ADT Transports`}),`
|
|
2
2
|
`,(0,c.jsxs)(t.h1,{id:`sap-adt-transports-через-ryuzaki13react-foundation-apiadt`,children:[`SAP ADT transports через `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-api/adt`})]}),`
|
|
3
3
|
`,(0,c.jsx)(t.p,{children:`Модуль получает transport requests текущего пользователя из SAP ADT endpoint и преобразует XML в простой массив объектов.`}),`
|
|
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`,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/Adapters/Server Function`}),`
|
|
2
2
|
`,(0,c.jsxs)(t.h1,{id:`server-function-adapters-через-ryuzaki13react-foundation-apiserver-fn`,children:[`Server-function adapters через `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-api/server-fn`})]}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[`Модуль адаптирует функцию с публичной формой `,(0,c.jsx)(t.code,{children:`serverFn({ data })`}),` к query/mutation operation из `,(0,c.jsx)(t.a,{href:`../resource/README.mdx`,children:(0,c.jsx)(t.code,{children:`/resource`})}),`. Сам пакет не импортирует TanStack Start и не запускает сервер.`]}),`
|
|
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{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,r as g,t as _}from"./RadioButton.stories-68HY8Tq3.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,b.jsx)(u,{children:`RadioButton`}),`
|
|
3
3
|
`,(0,b.jsx)(o,{children:`Одиночная radio-кнопка для ручной сборки наборов выбора и специальных компоновок`}),`
|
|
4
4
|
`,(0,b.jsx)(t.p,{children:`RadioButton уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{i as r,n as i,r as a}from"./iframe
|
|
1
|
+
import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{i as r,n as i,r as a}from"./iframe-B3ihFulv.js";import{a as o,i as s}from"./utils-tg3ibbzi.js";import{n as c,t as l}from"./ui.module-BDnTp43_.js";import{i as u,r as d}from"./uiClasses-Cmg8Dx0X.js";import{n as f,t as p}from"./CheckBox.module-BOAVN-Ny.js";var m,h;function g(){return(g=t((()=>{r(),m=[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}]],h=a(`circle`,m)})))()}var _,v;function y(){return(y=t((()=>{_=`gu8UMB`,v={radioInput:_}})))()}var b,x,S;function C(){return(C=t((()=>{b=e(n(),1),s(),g(),f(),l(),u(),y(),x=i(),S=({label:e,description:t,placeholder:n,disabled:r,size:i,className:a,onChange:s,value:l,id:u,tone:f=`neutral`,...m})=>{let g=(0,b.useId)(),_=u??g,y=t?`${_}-description`:void 0,S=e??n,C=l??!1;return(0,x.jsxs)(`div`,{className:o(c.uiElement,i&&c.uiSizable,i&&c[i],r&&c.disabled,a),children:[(0,x.jsxs)(`div`,{className:p.row,children:[(0,x.jsxs)(`div`,{className:o(p.wrapper,d(f)),children:[(0,x.jsx)(`input`,{...m,id:_,type:`radio`,checked:C,disabled:r,"aria-disabled":r,"aria-describedby":y,className:o(c.uiSelectionControl,p.input,v.radioInput),onChange:e=>s?.(e.currentTarget.checked)}),(0,x.jsx)(`div`,{className:o(c.uiSelectionIcon,p.icon),"aria-hidden":`true`,children:(0,x.jsx)(h,{fill:`currentColor`})})]}),S&&(0,x.jsx)(`label`,{htmlFor:_,className:c.uiLabel,children:S})]}),t&&(0,x.jsx)(`p`,{id:y,className:c.uiDescription,children:t})]})},S.__docgenInfo={description:'Компонент радиокнопки для выбора одного варианта.\nНативный `input[type="radio"]` обеспечивает взаимоисключение элементов с\nобщим `name`, а controlled API продолжает публиковать булево состояние.\nПоддерживает tone + appearance и использует общие selection utility-классы из ui.module.scss.',methods:[],displayName:`RadioButton`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},tone:{required:!1,tsType:{name:`union`,raw:`"neutral" | "brand" | "error" | "warning" | "success" | "info"`,elements:[{name:`literal`,value:`"neutral"`},{name:`literal`,value:`"brand"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"info"`}]},description:``,defaultValue:{value:`"neutral"`,computed:!1}}},composes:[`Omit`]}})))()}export{C as n,S as t};
|
package/storybook-static/assets/{RadioButton.stories-CsHPV3Wm.js → RadioButton.stories-68HY8Tq3.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,t as i}from"./RadioButton-
|
|
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,t as i}from"./RadioButton-C5mgdhJV.js";import{n as a}from"./iframe-B3ihFulv.js";import{n as o,t as s}from"./createControlledStoryRender-BouhvX-R.js";var c=t({Controlled:()=>p,Disabled:()=>h,Group:()=>m,__namedExportsOrder:()=>g,default:()=>f}),l,u,d,f,p,m,h,g;function _(){return(_=e((()=>{l=n(),o(),r(),u=a(),d=s((e,t)=>(0,u.jsx)(i,{...e,value:e.value??!1,onChange:n=>{e.onChange?.(n),t({value:n})}})),f={title:`Shared/UI/RadioButton`,component:i,args:{value:!1,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст подписи радиокнопки.`,control:`text`},description:{description:`Дополнительное описание под элементом.`,control:`text`},placeholder:{description:"Резервная подпись, если `label` не задан.",control:`text`},value:{description:`Признак выбранного состояния.`,control:`boolean`},onChange:{description:`Вызывается при изменении выбранности.`,control:!1},disabled:{description:`Блокирует взаимодействие.`,control:`boolean`},size:{description:`Размер визуального контрола и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},tone:{description:`Цветовой тон радиокнопки.`,control:`inline-radio`,options:[`neutral`,`brand`,`error`,`warning`,`success`,`info`]}}},p={render:d,args:{label:`Выбрать опцию`,description:`Одиночная радиокнопка в controlled-режиме.`,value:!1,tone:`neutral`}},m={render:()=>{let[e,t]=(0,l.useState)(`email`);return(0,u.jsxs)(`div`,{role:`radiogroup`,"aria-label":`Канал уведомлений`,style:{display:`grid`,gap:12},children:[(0,u.jsx)(i,{name:`notification-channel`,label:`Email`,value:e===`email`,onChange:e=>e&&t(`email`),tone:`info`}),(0,u.jsx)(i,{name:`notification-channel`,label:`SMS`,value:e===`sms`,onChange:e=>e&&t(`sms`),tone:`info`})]})},args:{value:void 0}},h={render:d,args:{label:`Недоступная опция`,description:`Заблокировано политикой конфигурации.`,value:!0,disabled:!0,tone:`neutral`}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: renderRadioButtonStory,
|
|
3
3
|
args: {
|
|
4
4
|
label: "Выбрать опцию",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{i as r,n as i,r as a}from"./iframe
|
|
1
|
+
import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{i as r,n as i,r as a}from"./iframe-B3ihFulv.js";import{a as o,i as s,n as c,o as l}from"./utils-tg3ibbzi.js";import{n as u,t as d}from"./ui.module-BDnTp43_.js";var f,p;function m(){return(m=t((()=>{r(),f=[[`path`,{d:`M21.801 10A10 10 0 1 1 17 3.335`,key:`yps3ct`}],[`path`,{d:`m9 11 3 3L22 4`,key:`1pflzl`}]],p=a(`circle-check-big`,f)})))()}var h,g,_,v,y,b,x,S,C;function w(){return(w=t((()=>{h=`nINbA6`,g=`GL-UWx`,_=`_6PeF-i`,v=`_5wP4aR`,y=`S3MnZI`,b=`KHJ0ja`,x=`oGmcQH`,S=`k2z8AN`,C={radioGroup:h,noWrap:g,horizontal:_,vertical:v,radioItem:y,checked:b,radioItemContent:x,radioItemIcon:S}})))()}function T({value:e,onChange:t,label:n,description:r,disabled:i,className:a,noWrap:s,orientation:c=`horizontal`,"aria-label":l,children:d}){let f=(0,D.useId)(),p=n?`${f}-label`:void 0,m=r?`${f}-description`:void 0,[h,g]=(0,D.useState)([]),_=(0,D.useCallback)(e=>t?.(e),[t]),v=(0,D.useCallback)(e=>(g(t=>t.includes(e)?t:[...t,e]),()=>{g(t=>t.filter(t=>t!==e))}),[]),y=(0,D.useMemo)(()=>({value:e,onChange:_,disabled:i,orientation:c,groupId:f,labelId:p,descriptionId:m,firstOptionId:h[0],registerOption:v}),[m,i,f,_,p,c,v,h,e]);return(0,O.jsxs)(`div`,{className:o(u.uiElement,i&&u.disabled,a),children:[n&&(0,O.jsx)(`div`,{id:p,className:u.uiLabel,children:n}),r&&(0,O.jsx)(`div`,{id:m,className:u.uiDescription,children:r}),(0,O.jsx)(k.Provider,{value:y,children:(0,O.jsx)(`div`,{role:`radiogroup`,"aria-labelledby":p,"aria-label":p?void 0:l,"aria-describedby":m,"aria-disabled":i||void 0,"data-disabled":i||void 0,className:o(u.uiInputControl,C.radioGroup,s&&C.noWrap,C[c]),children:d})})]})}function E({value:e,label:t,description:n,className:r}){let i=(0,D.useContext)(k),a=(0,D.useId)(),s=i?.registerOption;if((0,D.useLayoutEffect)(()=>{if(s)return s(a)},[s,a]),!i)return(0,O.jsxs)(`div`,{className:o(C.radioItem,r),children:[(0,O.jsx)(`p`,{className:`textNoWrap`,children:t}),n&&(0,O.jsx)(`div`,{className:`fontSizeSm content2`,children:n})]});let u=Object.is(i.value,e),d=i.disabled===!0,f=i.value===void 0&&i.firstOptionId===a,m=()=>{d||u||i.onChange?.(e)};return(0,O.jsxs)(`button`,{id:`${i.groupId}-option-${a}`,type:`button`,role:`radio`,"aria-checked":u,disabled:d,tabIndex:u||f?0:-1,className:o(C.radioItem,u&&C.checked,r),"data-ui":`radio-option`,"data-action":`select-radio-option`,onClick:m,onKeyDown:e=>{if(d||c(e,m))return;let t=e.currentTarget,n=t.closest(`[role="radiogroup"]`),r=Array.from(n?.querySelectorAll(`[role="radio"]:not([disabled])`)??[]);if(!r.length)return;let a=r.indexOf(t);if(a===-1)return;let o=l({currentIndex:a,itemCount:r.length,key:e.key,orientation:i.orientation});o!==null&&(e.preventDefault(),r[o]?.focus(),r[o]?.click())},children:[(0,O.jsxs)(`span`,{className:C.radioItemContent,children:[(0,O.jsx)(`span`,{className:`textNoWrap`,children:t}),n&&(0,O.jsx)(`span`,{className:`fontSizeSm`,children:n})]}),(0,O.jsx)(`span`,{className:C.radioItemIcon,children:(0,O.jsx)(p,{style:{display:`block`,visibility:u?`visible`:`hidden`}})})]})}var D,O,k;function A(){return(A=t((()=>{D=e(n(),1),s(),m(),d(),w(),O=i(),k=(0,D.createContext)(null),T.Option=E,T.__docgenInfo={description:`Группа радиокнопок с общим состоянием выбранного значения. Обеспечивает единый API выбора и контекст для дочерних опций.`,methods:[{name:`Option`,docblock:null,modifiers:[`static`],params:[{name:`{ value, label, description, className }: OptionProps<T>`,optional:!1,type:{name:`OptionProps`,elements:[{name:`T`}],raw:`OptionProps<T>`,alias:`OptionProps`}}],returns:null}],displayName:`RadioGroup`,props:{value:{required:!1,tsType:{name:`T`},description:``},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`T`},name:`value`}],return:{name:`void`}}},description:``},label:{required:!1,tsType:{name:`string`},description:``},description:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},className:{required:!1,tsType:{name:`string`},description:``},noWrap:{required:!1,tsType:{name:`literal`,value:`true`},description:``},orientation:{required:!1,tsType:{name:`union`,raw:`"vertical" | "horizontal"`,elements:[{name:`literal`,value:`"vertical"`},{name:`literal`,value:`"horizontal"`}]},description:``,defaultValue:{value:`"horizontal"`,computed:!1}},"aria-label":{required:!1,tsType:{name:`string`},description:``},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``}}},E.__docgenInfo={description:"Опция внутри `RadioGroup`, представляющая одно выбираемое значение. Отрисовывает подпись, описание и состояние выбора.",methods:[],displayName:`Option`,props:{value:{required:!0,tsType:{name:`T`},description:``},label:{required:!0,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}export{A as n,T as t};
|
|
@@ -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,r as g,t as _}from"./RadioGroup.stories-CTIJUhxX.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:g,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,b.jsx)(u,{children:`RadioGroup`}),`
|
|
3
3
|
`,(0,b.jsx)(o,{children:`Группа взаимоисключающих опций с поддержкой горизонтальной и вертикальной раскладки`}),`
|
|
4
4
|
`,(0,b.jsx)(t.p,{children:`RadioGroup уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
package/storybook-static/assets/{RadioGroup.stories-B3Nbh5ui.js → RadioGroup.stories-CTIJUhxX.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n,t as r}from"./RadioGroup-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n,t as r}from"./RadioGroup-B2_rfL8_.js";import{n as i}from"./iframe-B3ihFulv.js";import{n as a,t as o}from"./createControlledStoryRender-BouhvX-R.js";var s=t({Controlled:()=>g,Disabled:()=>v,Vertical:()=>_,__namedExportsOrder:()=>y,default:()=>h});function c(e){return(0,d.jsx)(r,{...e})}function l({args:e,updateArgs:t,options:n,showValue:i=!1}){return(0,d.jsxs)(`div`,{style:{display:`grid`,gap:10},children:[(0,d.jsx)(c,{...e,onChange:n=>{e.onChange?.(n),t({value:n})},children:n.map(e=>(0,d.jsx)(r.Option,{value:e.value,label:e.label,description:e.description},e.value))}),i&&(0,d.jsxs)(`div`,{children:[`Выбрано: `,e.value??`не выбрано`]})]})}function u(e,t=!1){return o((n,r)=>(0,d.jsx)(l,{args:n,updateArgs:r,options:e,showValue:t}))}var d,f,p,m,h,g,_,v,y;function b(){return(b=e((()=>{a(),n(),d=i(),f=[{value:`email`,label:`Email`,description:`Письма на корпоративную почту`},{value:`sms`,label:`SMS`,description:`Сообщения на телефон`},{value:`push`,label:`Push`,description:`Уведомления в приложении`}],p=[{value:`draft`,label:`Черновик`},{value:`review`,label:`На согласовании`},{value:`approved`,label:`Утвержден`}],m=[{value:`yes`,label:`Да`},{value:`no`,label:`Нет`}],h={title:`Shared/UI/RadioGroup`,component:c,args:{value:`email`,onChange:()=>{},orientation:`horizontal`,label:`Канал уведомлений`,description:`Выберите основной канал доставки`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{value:{description:`Текущее выбранное значение.`,control:`text`},onChange:{description:`Вызывается при смене выбранной опции.`,control:!1},label:{description:`Заголовок группы опций.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},disabled:{description:`Блокирует выбор опций.`,control:`boolean`},noWrap:{description:`Запрещает перенос опций на новую строку.`,control:`boolean`},orientation:{description:`Ориентация расположения опций.`,control:`inline-radio`,options:[`horizontal`,`vertical`]},children:{description:"Элементы `RadioGroup.Option` внутри группы.",control:!1}}},g={render:u(f,!0),args:{}},_={render:u(p),args:{orientation:`vertical`,label:`Статус документа`,value:`draft`}},v={render:u(m),args:{disabled:!0,value:`yes`}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: createRadioGroupStoryRender(notificationOptions, true),
|
|
3
3
|
args: {}
|
|
4
4
|
}`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-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";var a,o,s,c;function l(){return(l=e((()=>{a=t(),i(),o=n(),s=(0,a.forwardRef)(({children:e,height:t,stable:n,overscroll:i,className:a},s)=>(0,o.jsx)(`div`,{ref:s,className:r(`scrollable`,n&&`stable`,i&&`overscroll`,a),style:{height:t},children:e})),c=(0,a.forwardRef)(({blockClassName:e,...t},n)=>(0,o.jsx)(`div`,{className:r(e,`overflowHidden w100 h100`),children:(0,o.jsx)(s,{ref:n,...t})})),s.__docgenInfo={description:``,methods:[],displayName:`Scrollable`,props:{className:{required:!1,tsType:{name:`string`},description:``},height:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``},stable:{required:!1,tsType:{name:`boolean`},description:``},overscroll:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`PropsWithChildren`]},c.__docgenInfo={description:``,methods:[],displayName:`ScrollableBlock`,props:{className:{required:!1,tsType:{name:`string`},description:``},height:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``},stable:{required:!1,tsType:{name:`boolean`},description:``},overscroll:{required:!1,tsType:{name:`boolean`},description:``},blockClassName:{required:!1,tsType:{name:`string`},description:``}},composes:[`PropsWithChildren`]}})))()}export{l as n,s as t};
|
|
@@ -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"./Select.stories-DujGCH5v.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:`Select`}),`
|
|
3
3
|
`,(0,C.jsx)(o,{children:`Getter-based select для примитивов и сложных объектных option`}),`
|
|
4
4
|
`,(0,C.jsx)(t.p,{children:`Select уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./check-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./check-Byph9hF2.js";import{n as i}from"./iframe-B3ihFulv.js";import{a,i as o}from"./utils-tg3ibbzi.js";import{n as s,t as ee}from"./OptionButton-DWahCIT8.js";import{n as c,t as l}from"./ui.module-BDnTp43_.js";import{c as u,d,f,i as p,l as te,m,n as ne,p as re,r as h,s as ie,t as g,u as _}from"./usePickerTriggerController-glJ8CgZA.js";import{n as v,t as ae}from"./Option-DfkEWwzD.js";import{i as y,n as oe,r as se,t as b}from"./usePickerQuery-D0p27nY5.js";import{n as x,t as S}from"./usePickerDefaultFilter-5Q1pAV4d.js";import{n as C,t as ce}from"./CustomOptionButton-DNEfpxa7.js";function le({option:e,getOptionLabel:t,getOptionCode:n,getOptionGroup:r}){return[d(t(e)),d(n?.(e)),d(r?.(e)?.label)].filter(e=>!!e).join(` `).toLowerCase()}function w(){return(w=e((()=>{f()})))()}function ue(e,t){let n=[];return e.forEach((e,r)=>{let i=t(e),a=n.at(-1),o=a?.group?.key===i?.key;if(a&&o){a.items.push({option:e,index:r});return}n.push({group:i,items:[{option:e,index:r}]})}),n}function T(e){let{label:t,description:n,disabled:i,placeholder:o,size:s,options:l,value:u,onChange:f,getOptionKey:m,getOptionLabel:h,getOptionCode:g,getOptionSearchText:_,getOptionDisabled:v,getOptionAriaLabel:y,getOptionGroup:b,getOptionClassName:S,renderOption:C,renderValue:w,className:T,buttonClassName:O,optionsClassName:de,optionsMaxWidth:fe,optionsContentClassName:pe,searchable:k=!1,defaultFilter:me=!0,query:he,defaultQuery:ge,onQuery:_e,renderPopupHeader:ve,emptyState:ye,isLoading:A,errorState:j,placement:M=`bottom-start`,clearable:N=!1}=e,P=f,F=(0,E.useRef)(null),[I,be]=(0,E.useState)(!1),L=k?`search-single`:`display`,R=u===void 0?void 0:m(u),z=R===void 0?void 0:l.find(e=>m(e)===R)??u,{query:B,setQuery:V,resetQueryOnClose:xe}=oe({query:he,defaultQuery:ge,onQuery:_e,triggerMode:L}),Se=e=>{I&&!e&&xe&&V(``),be(e)},Ce=(0,E.useCallback)(e=>_?.(e)??le({option:e,getOptionLabel:h,getOptionCode:g,getOptionGroup:b}),[_,g,b,h]),H=x({options:l,query:B,enabled:k&&me,getSearchText:Ce}),U=(0,E.useMemo)(()=>b?ue(H,b):void 0,[b,H]),we=R===void 0?-1:H.findIndex(e=>m(e)===R),{activeIndex:Te,context:Ee,floatingStyles:De,getFloatingProps:Oe,setReference:ke,setFloating:Ae,setOptionRef:je,close:W,openList:Me,toggleOpen:Ne,selectOption:G,selectActiveOption:Pe,handleReferenceKeyDown:Fe,handleFloatingKeyDown:Ie,getOptionId:Le,getActiveOptionId:K}=p({options:H,selectedIndex:we,open:I,onOpenChange:Se,getOptionDisabled:v,onSelect:P,disabled:i,placement:M,triggerMode:L}),q=H.length>0,J=z===void 0?void 0:h(z),Y=z===void 0?void 0:w?w(z):J,Re=d(J),ze=z===void 0?void 0:d(g?.(z)),X=d(Y)??Re??ze??(R===void 0?``:String(R)),Z=k&&(I||B.length>0)?B:z===void 0?``:X,Q=ne({mode:L,open:I,currentQuery:B,hasDisplayValue:z!==void 0,inputRef:F,setQuery:V,openList:Me,close:W,toggleOpen:Ne}),Be=e=>{F.current=e},Ve=()=>{N&&P(void 0),V(``),W()},$=(e,t,n)=>{let i=m(t),a=R!==void 0&&i===R,o=n===Te,s=v?.(t)??!1,c={active:o,selected:a,disabled:s};return(0,D.jsx)(ae,{id:Le(e,n),ref:e=>je(n,e),role:`option`,"aria-selected":a,"aria-disabled":s||void 0,"aria-label":y?.(t),active:o,selected:a,disabled:s,className:S?.(t,c),children:C?(0,D.jsx)(ce,{tabIndex:-1,disabled:s,onMouseDown:e=>e.preventDefault(),onClick:()=>G(t),children:C(t,c)}):(0,D.jsx)(ee,{tabIndex:-1,disabled:s,icon:a?(0,D.jsx)(r,{}):(0,D.jsx)(`span`,{}),text:h(t),code:g?.(t),onMouseDown:e=>e.preventDefault(),onClick:()=>G(t)})},i)};return(0,D.jsx)(re,{label:t,description:n,disabled:i,size:s,className:T,children:({controlId:e,labelId:n,describedBy:r})=>{let s=`${e}-listbox`;return(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(ie,{ref:Be,rootRef:ke,id:e,type:`text`,disabled:i,readOnly:!k,autoComplete:`off`,role:`combobox`,isLoading:A,open:I,optionCount:l.length,label:t,placeholder:o,value:Z,selectedValue:Y??X,hasSelection:z!==void 0,showSelectedValue:!1,clearable:!!N,onClear:Ve,onToggleMouseDown:Q.handleToggleMouseDown,onToggleClick:Q.handleToggleClick,"aria-labelledby":n,"aria-describedby":r,"aria-haspopup":`listbox`,"aria-expanded":I,"aria-controls":I?s:void 0,"aria-autocomplete":k?`list`:`none`,"aria-activedescendant":I?K(s):void 0,inputClassName:a(O,`textOverflow`),onChange:e=>{k&&Q.handleTriggerInputChange(e.target.value)},onClick:Q.handleTriggerClick,onFocus:e=>{Q.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{Fe(e),!e.defaultPrevented&&Q.handleTriggerKeyDown({event:e,onActivateWhenOpen:Pe,enableSpaceActivation:!k})}}),(0,D.jsx)(te,{open:I,context:Ee,floatingStyles:De,listId:s,labelId:n,descriptionId:r,activeOptionId:q?K(s):void 0,setFloating:Ae,getFloatingProps:Oe,onKeyDown:Ie,className:de,maxWidth:fe,toolbar:ve,children:(0,D.jsx)(`div`,{className:a(pe,`h100 scrollable`),children:q?U?U.map((e,t)=>{let n=e.group?`${s}-group-${t}`:void 0,r=e.items.map(({option:e,index:t})=>$(s,e,t));return e.group?(0,D.jsxs)(`div`,{role:`group`,"aria-labelledby":n,children:[(0,D.jsx)(`div`,{id:n,className:c.uiPopupGroupLabel,children:e.group.label}),r]},`group-${String(e.group.key)}-${t}`):(0,D.jsx)(E.Fragment,{children:r},`options-${t}`)}):H.map((e,t)=>$(s,e,t)):(0,D.jsx)(se,{emptyState:ye,errorState:j})})})]})}})}var E,D;function O(){return(O=e((()=>{E=t(),o(),n(),C(),v(),s(),f(),m(),_(),y(),u(),S(),h(),b(),g(),l(),w(),D=i(),T.__docgenInfo={description:`Выпадающий список выбора значения из набора опций. Подходит для форм, фильтров и простых справочников.`,methods:[],displayName:`Select`,props:{options:{required:!0,tsType:{name:`unknown`},description:``},getOptionKey:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => SelectOptionKey`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`string`}}},description:``},getOptionLabel:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => string`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`string`}}},description:``},getOptionCode:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => string`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`string`}}},description:``},getOptionSearchText:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => string | readonly string[]`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`union`,raw:`string | readonly string[]`,elements:[{name:`string`},{name:`unknown`}]}}},description:`Явный поисковый текст для опции с произвольным ReactNode-render.`},getOptionDisabled:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => boolean`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`boolean`}}},description:``},getOptionAriaLabel:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => string`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`string`}}},description:``},getOptionGroup:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption) => SelectOptionGroup | undefined`,signature:{arguments:[{type:{name:`TOption`},name:`option`}],return:{name:`union`,raw:`SelectOptionGroup | undefined`,elements:[{name:`signature`,type:`object`,raw:`{
|
|
2
2
|
readonly key: SelectOptionKey;
|
|
3
3
|
readonly label: ReactNode;
|
|
4
4
|
}`,signature:{properties:[{key:`key`,value:{name:`string`,required:!0}},{key:`label`,value:{name:`ReactNode`,required:!0}}]}},{name:`undefined`}]}}},description:``},getOptionClassName:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(option: TOption, state: SelectOptionState) => string | undefined`,signature:{arguments:[{type:{name:`TOption`},name:`option`},{type:{name:`signature`,type:`object`,raw:`{
|
|
@@ -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"./Select-DYvqpskM.js";var o=t({ControlledObjects:()=>m,CustomOptionLayout:()=>v,Disabled:()=>y,GroupedOptions:()=>_,Placeholder:()=>g,PrimitiveOptions:()=>h,__namedExportsOrder:()=>b,default:()=>p}),s,c,l,u,d,f,p,m,h,g,_,v,y,b;function x(){return(x=e((()=>{s=n(),i(),c=r(),{useArgs:l}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:u}=__STORYBOOK_MODULE_TEST__,d=[{id:1,name:`Отдел продаж`,code:`SLS`,manager:`Елена Миронова`,direction:`Коммерческий блок`},{id:2,name:`Закупки`,code:`PRC`,manager:`Антон Мелихов`,direction:`Коммерческий блок`},{id:3,name:`Логистика`,code:`LGS`,manager:`Мария Климова`,direction:`Операционный блок`,disabled:!0},{id:4,name:`Поддержка клиентов`,code:`SUP`,manager:`Ирина Белова`,direction:`Операционный блок`}],f=[`Новый`,`В работе`,`Завершён`,`Архив`],p={title:`Shared/UI/Select`,component:a,args:{label:`Подразделение`,description:`Выберите подразделение из списка.`,placeholder:`Не выбрано`,value:void 0,options:d,onChange:u(),getOptionKey:e=>e.id,getOptionLabel:e=>e.name,getOptionCode:e=>e.code,getOptionDisabled:e=>e.disabled??!1,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Низкоуровневый getter-based select. Подходит для произвольных структур данных, примитивов и сложного кастомного рендера. Компонент возвращает наружу саму выбранную option. Для сериализуемых конфигов и сценариев с optionKey/optionLabel используйте SerializableSelect.`}}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, когда значение ещё не выбрано.`,control:`text`},value:{description:`Текущая выбранная option целиком.`,control:!1},options:{description:`Массив опций любого поддерживаемого формата.`,control:!1},onChange:{description:`Вызывается с выбранной option.`,control:!1},getOptionKey:{description:`Функция получения уникального ключа option.`,control:!1},getOptionLabel:{description:`Функция получения основного текста option.`,control:!1},getOptionCode:{description:`Опциональный рендер дополнительного кода справа.`,control:!1},getOptionDisabled:{description:`Опциональная функция блокировки отдельных option.`,control:!1},getOptionAriaLabel:{description:`Опциональная функция для aria-label option.`,control:!1},getOptionGroup:{description:`Опциональная функция, которая объединяет соседние option под доступным заголовком группы.`,control:!1},getOptionClassName:{description:`Опциональная функция CSS-класса option по её состоянию.`,control:!1},renderOption:{description:`Полностью кастомный рендер option в списке.`,control:!1},renderValue:{description:`Кастомный рендер выбранного значения в кнопке.`,control:!1},optionsMaxWidth:{description:`Максимальная ширина выпадающего списка в любом допустимом CSS-формате.`,control:`text`},buttonClassName:{description:`Класс trigger-кнопки Select без изменения корневого контейнера.`,control:`text`},optionsClassName:{description:`Класс popup со списком option.`,control:`text`},optionsContentClassName:{description:`Класс области содержимого popup, например для особой плотности списка.`,control:`text`},searchable:{description:`Включает поиск по option в trigger-поле.`,control:`boolean`},query:{description:`Контролируемый текст поиска.`,control:`text`},defaultQuery:{description:`Начальный текст поиска в uncontrolled-режиме.`,control:`text`},onQuery:{description:`Вызывается при вводе поисковой строки.`,control:!1},defaultFilter:{description:`Включает встроенную фильтрацию option.`,control:`boolean`},renderPopupHeader:{description:`Дополнительное содержимое над списком option.`,control:!1},emptyState:{description:`Содержимое при пустом списке option.`,control:!1},loadingState:{description:`Содержимое при загрузке option.`,control:!1},errorState:{description:`Содержимое при ошибке загрузки option.`,control:!1},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},placement:{description:`Позиционирование выпадающего списка.`,control:`select`,options:[`bottom-start`,`bottom-end`,`top-start`,`top-end`]},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},clearable:{description:`Показывает действие очистки выбранной option.`,control:`boolean`}}},m={name:`Объекты`,render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??d[1],onChange:n=>{e.onChange(n),t({value:n})}})},args:{value:d[1]}},h={name:`Примитивы`,render:()=>{let[e,t]=(0,s.useState)(f[1]);return(0,c.jsx)(a,{label:`Статус`,description:`Пример использования низкоуровневого Select со строковыми значениями.`,placeholder:`Выберите статус`,options:f,value:e,onChange:t,getOptionKey:e=>e,getOptionLabel:e=>e,size:`md`})}},g={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,onChange:n=>{e.onChange(n),t({value:n})}})}},_={name:`Группированные опции`,render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,onChange:n=>{e.onChange(n),t({value:n})},getOptionGroup:e=>({key:e.direction,label:e.direction}),optionsMaxWidth:`40rem`})}},v={name:`Кастомный рендер`,render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??d[0],onChange:n=>{e.onChange(n),t({value:n})},renderValue:e=>`${e.code} · ${e.name}`,renderOption:(e,t)=>(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(`div`,{className:`flexEllipsis`,children:[(0,c.jsx)(`div`,{children:e.name}),(0,c.jsx)(`div`,{className:`fontSizeSm content2`,children:e.manager})]}),(0,c.jsx)(`div`,{style:{opacity:t.selected?1:.5},children:e.code})]})})}},y={args:{disabled:!0,value:d[0]}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
name: "Объекты",
|
|
3
3
|
render: function Render(args) {
|
|
4
4
|
const [, updateArgs] = useArgs<SelectProps<DepartmentOption>>();
|
package/storybook-static/assets/{SerializableSelect-Cxj4rBI9.js → SerializableSelect-Bi82ktzK.js}
RENAMED
|
@@ -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"./SerializableSelect.stories-DeDjYO8N.js";function b(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(s,{of:p,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,S.jsx)(u,{children:`SerializableSelect`}),`
|
|
3
3
|
`,(0,S.jsx)(o,{children:`Select для сериализуемых значений и конфигурационных сценариев с key/label описанием option`}),`
|
|
4
4
|
`,(0,S.jsx)(t.p,{children:`SerializableSelect уже имеет живые 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"./Select-DYvqpskM.js";function o(e,t){return String(e[t])}function s(e,t,n){let r=e[t];if(typeof r==`string`||typeof r==`number`)return String(r);let i=o(e,n);return String(i)}function c({label:e,description:t,disabled:n,placeholder:r,size:i,options:c,value:u,onChange:d,optionKey:f,optionLabel:p,renderCode:m,className:h,clearable:g}){let _=u===void 0?void 0:c.find(e=>o(e,f)===u);return(0,l.jsx)(a,{label:e,description:t,disabled:n,placeholder:r,size:i,options:c,value:_,onChange:e=>d(e?o(e,f):void 0),getOptionKey:e=>o(e,f),getOptionLabel:e=>s(e,p,f),getOptionCode:m?e=>o(e,f):void 0,className:h,clearable:g})}var l;function u(){return(u=e((()=>{i(),l=r(),c.__docgenInfo={description:``,methods:[],displayName:`SerializableSelect`,props:{options:{required:!0,tsType:{name:`unknown`},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: SerializableOptionValue<TOption, TOptionKey> | undefined) => void`,signature:{arguments:[{type:{name:`union`,raw:`SerializableOptionValue<TOption, TOptionKey> | undefined`,elements:[{name:`Extract`,elements:[{name:`TOption[TOptionKey]`,raw:`TOption[TOptionKey]`},{name:`string`}],raw:`Extract<
|
|
2
2
|
TOption[TOptionKey],
|
|
3
3
|
SelectOptionKey
|
|
4
4
|
>`},{name:`undefined`}]},name:`value`}],return:{name:`void`}}},description:``},optionKey:{required:!0,tsType:{name:`TOptionKey`},description:``},optionLabel:{required:!0,tsType:{name:`TOptionLabel`},description:``},renderCode:{required:!1,tsType:{name:`literal`,value:`true`},description:``},className:{required:!1,tsType:{name:`string`},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`Omit`]}})))()}var d=t({AsyncReloadLike:()=>S,Controlled:()=>y,Disabled:()=>C,Placeholder:()=>b,WithCode:()=>x,__namedExportsOrder:()=>w,default:()=>v}),f,p,m,h,g,_,v,y,b,x,S,C,w;function T(){return(T=e((()=>{f=n(),u(),p=r(),{useArgs:m,useState:h}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:g}=__STORYBOOK_MODULE_TEST__,_=[{id:10,name:`Продажи`,code:`SLS`,branch:`Екатеринбург`},{id:20,name:`Закупки`,code:`PRC`,branch:`Челябинск`},{id:30,name:`Логистика`,code:`LGS`,branch:`Новосибирск`},{id:40,name:`Сервис`,code:`SRV`,branch:`Москва`}],v={title:`Shared/UI/SerializableSelect`,component:c,args:{label:`Подразделение`,description:`Сериализуемая обёртка над Select для object-options и field-based конфигурации.`,placeholder:`Выберите подразделение`,options:_,optionKey:`id`,optionLabel:`name`,value:void 0,onChange:g(),size:`md`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Высокоуровневая обёртка над low-level Select. Принимает массив объектов, получает key и label по именам полей, а наружу возвращает только значение ключа. Нужна для сериализуемых конфигов, в том числе в src/shared/ui/controls/*.`}}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, когда ключ ещё не выбран.`,control:`text`},options:{description:`Массив объектных option.`,control:!1},optionKey:{description:`Поле объекта, значение которого используется как ключ и отдаётся наружу через onChange.`,control:!1},optionLabel:{description:`Поле объекта, значение которого отображается как основной текст option.`,control:!1},renderCode:{description:`Если включено, справа от текста будет показан ключ optionKey.`,control:`boolean`},value:{description:`Текущий выбранный ключ option, а не вся option целиком.`,control:!1},onChange:{description:`Вызывается с новым значением optionKey.`,control:!1},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},clearable:{description:`Показывает действие очистки выбранного ключа.`,control:`boolean`}}},y={name:`Выбор по ключу`,render:function(e){let[,t]=m();return(0,p.jsx)(c,{...e,value:e.value??20,onChange:n=>{e.onChange(n),t({value:n})}})},args:{value:20}},b={render:function(e){let[,t]=m();return(0,p.jsx)(c,{...e,onChange:n=>{e.onChange(n),t({value:n})}})}},x={name:`С кодом`,render:function(e){let[,t]=m();return(0,p.jsx)(c,{...e,value:e.value??10,renderCode:!0,onChange:n=>{e.onChange(n),t({value:n})}})},args:{value:10,renderCode:!0}},S={name:`Смена набора опций`,render:function(e){let[,t]=m(),[n,r]=h(!1),i=(0,f.useMemo)(()=>n?_.filter(e=>e.id!==20):_,[n]);return(0,p.jsxs)(`div`,{style:{display:`grid`,gap:`12px`,maxWidth:`320px`},children:[(0,p.jsx)(`button`,{type:`button`,onClick:()=>r(e=>!e),children:n?`Показать полный список`:`Скрыть одну опцию`}),(0,p.jsx)(c,{...e,options:i,value:e.value??30,onChange:n=>{e.onChange(n),t({value:n})}})]})},args:{value:30}},C={args:{disabled:!0,value:10}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
|
package/storybook-static/assets/{SingleDateTimeInput-B00ILEN6.js → SingleDateTimeInput-D99JYks1.js}
RENAMED
|
@@ -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"./SingleDateTimeInput.stories-xnJ7YLK0.js";function b(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(s,{of:_,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,S.jsx)(u,{children:`SingleDateTimeInput`}),`
|
|
3
3
|
`,(0,S.jsx)(o,{children:`Строгий сегментный ввод даты-времени и времени с popover picker`}),`
|
|
4
4
|
`,(0,S.jsxs)(t.p,{children:[(0,S.jsx)(t.code,{children:`SingleDateTimeInput`}),` объединяет два сценария:`]}),`
|
package/storybook-static/assets/{SingleDateTimeInput-Z6TGUUj6.js → SingleDateTimeInput-Dl-IhEW3.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{c as n,l as r,n as i,t as a}from"./CalendarView-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{c as n,l as r,n as i,t as a}from"./CalendarView-Ca-92AB8.js";import{i as o,n as s,r as c}from"./iframe-B3ihFulv.js";import{a as l,i as u}from"./utils-tg3ibbzi.js";import{C as d,b as f,y as p}from"./formatters-D33Uh3si-CxrG0jsB.js";import{n as m,t as h}from"./Popover-Bpkc-QNI.js";import{n as g,t as _}from"./ui.module-BDnTp43_.js";import{d as v,l as y,r as b,s as x,u as S}from"./Input-CUuoFQuS.js";import{a as C,i as w,n as ee,r as te,t as T}from"./date-segments-DeoMkKv9.js";import{a as E,c as ne,d as D,i as O,l as re,n as ie,o as k,r as ae,s as A,t as oe,u as j}from"./TimePanel-eOsTI1dD.js";var M,se;function N(){return(N=e((()=>{o(),M=[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 6v6h4`,key:`135r8i`}]],se=c(`clock-3`,M)})))()}function P(e){let t=[];return e.forEach((e,n)=>{e.kind===`editable`&&t.push(n)}),t}function ce({value:e,onChange:t,onClearError:n,disabled:r,minDate:i,maxDate:a,mode:o=`date-time`}){let s=(0,F.useMemo)(()=>E(o),[o]),c=(0,F.useMemo)(()=>w(s),[s]),l=(0,F.useMemo)(()=>P(c),[c]),u=(0,F.useMemo)(()=>ee(e??null,c),[c,e]),d=e?.getTime()??null,[f,p]=(0,F.useState)(null),m=(f?.sourceValueTime===d&&f.sourceMode===o?f.values:null)??u,h=(0,F.useRef)(new Map),g=(0,F.useRef)(0),_=(0,F.useCallback)(e=>{p(e===null?null:{sourceValueTime:d,sourceMode:o,values:e})},[d,o]),v=(0,F.useCallback)(n=>{if(T(c,n))return t(null),null;let r=C(c,n,{defaultDate:o===`time`?j(e,`time`)??O():void 0});return!r||!A(r,i,a,o)?null:(t(r),r)},[a,i,o,t,c,e]),y=(0,F.useCallback)((e,t=!0)=>{let n=h.current.get(e);n&&(n.focus(),t&&requestAnimationFrame(()=>n.select()))},[]),b=(0,F.useCallback)(e=>{let t=l.indexOf(e);return t<l.length-1?l[t+1]:null},[l]),x=(0,F.useCallback)(e=>{let t=l.indexOf(e);return t>0?l[t-1]:null},[l]),S=(0,F.useCallback)((e,t)=>e.padStart(t.length,`0`),[]);return{segments:c,segmentValues:m,registerRef:(0,F.useCallback)(e=>t=>{if(t){h.current.set(e,t);return}h.current.delete(e)},[]),handleInput:(0,F.useCallback)(e=>t=>{if(r)return;let i=c[e];if(i.kind!==`editable`)return;let a=t.target.value.replace(/\D/g,``).slice(0,i.length),o=new Map(m);if(o.set(e,a),_(o),n?.(),a.length===i.length){let t=b(e);t!==null&&requestAnimationFrame(()=>y(t))}v(o)},[r,y,b,n,m,c,_,v]),handleKeyDown:(0,F.useCallback)(e=>t=>{if(r)return;let n=c[e];if(n.kind!==`editable`)return;let i=m.get(e)??``,a=t.currentTarget;switch(t.key){case`ArrowRight`:if(a.selectionStart===i.length||i===``){t.preventDefault();let n=b(e);n!==null&&y(n)}break;case`ArrowLeft`:if(a.selectionStart===0||i===``){t.preventDefault();let n=x(e);n!==null&&y(n)}break;case`ArrowUp`:{t.preventDefault();let r=i===``?n.min:Number.parseInt(i,10)+1;r>n.max&&(r=n.min);let o=new Map(m);o.set(e,S(String(r),n)),_(o),v(o),requestAnimationFrame(()=>a.select());break}case`ArrowDown`:{t.preventDefault();let r=i===``?n.max:Number.parseInt(i,10)-1;r<n.min&&(r=n.max);let o=new Map(m);o.set(e,S(String(r),n)),_(o),v(o),requestAnimationFrame(()=>a.select());break}case`Backspace`:if(i===``){t.preventDefault();let n=x(e);n!==null&&y(n)}break;case`Delete`:{t.preventDefault();let n=new Map(m);n.set(e,``),_(n),v(n);break}}},[r,y,b,x,S,m,c,_,v]),handleFocus:(0,F.useCallback)(()=>e=>{e.target.select()},[]),handleContainerFocus:(0,F.useCallback)(()=>{clearTimeout(g.current)},[]),handleContainerBlur:(0,F.useCallback)(()=>{let n=new Map(m);g.current=window.setTimeout(()=>{if(T(c,n)){t(null),_(n);return}let r=C(c,n,{defaultDate:o===`time`?j(e,`time`)??O():void 0});if(!r||!A(r,i,a,o)){_(null);return}_(n)},0)},[a,i,o,t,m,c,_,e]),focusFirstEmpty:(0,F.useCallback)(()=>{let e=l.find(e=>!(m.get(e)??``))??l[l.length-1];e!==void 0&&y(e)},[l,y,m])}}var F;function I(){return(I=e((()=>{F=t(),te(),k()})))()}var L,R,z,B,V,H,U,W,G,K,q;function J(){return(J=e((()=>{L=`AvG-mf`,R=`ig7KtT`,z=`YQHPZa`,B=`-RZe-i`,V=`Ox0SRE`,H=`gfaRup`,U=`_59kEea`,W=`Jjdu1Q`,G=`Q8Y2xS`,K=`XxZYTW`,q={segmentInput:L,separator:R,popoverContent:z,bottom:B,right:V,calendarPane:H,timePanelPane:U,timeOnlyPopoverContent:W,timePanelPaneBottom:G,timePanelPaneRight:K}})))()}function Y({value:e,onChange:t,label:r,description:i,placeholder:o,disabled:s,size:c,error:u,onClearError:p,minDate:m,maxDate:_,timePanelPlacement:y=`right`,mode:S=`date-time`}){let C=(0,X.useMemo)(()=>j(e,S),[S,e]),w=(0,X.useMemo)(()=>d(new Date),[]),[ee,te]=(0,X.useState)(!1),[T,E]=(0,X.useState)(C??null),[O,ie]=(0,X.useState)(`day`),[k,M]=(0,X.useState)(()=>D(C,w,S)),{controlId:N,labelId:P,descriptionId:F,errorId:I,describedBy:L}=v({hasLabel:r!=null,hasDescription:!!i,hasError:!!u}),{segments:R,segmentValues:z,registerRef:B,handleInput:V,handleKeyDown:H,handleFocus:U,handleContainerFocus:W,handleContainerBlur:G,focusFirstEmpty:K}=ce({value:C,onChange:t,onClearError:p,disabled:s,minDate:m,maxDate:_,mode:S}),J=e=>{if(S===`time`||f(e)||s)return;let t=ne(e,T??C??k),{hours:n,minutes:r}=ae(e,t.getHours(),t.getMinutes(),m,_,S),i=re(e,n,r);A(i,m,_,S)&&(p?.(),E(i),M(i))},Y=(e,t)=>{if(s)return;let n=T??C??k,r=ae(n,e,t,m,_,S),i=re(n,r.hours,r.minutes,S);A(i,m,_,S)&&(p?.(),E(i),M(i))},Q=e=>{e&&(E(C??null),M(D(C,w,S))),te(e)},le=()=>{(C?.getTime()??null)!==(T?.getTime()??null)&&t(T)},ue=y===`right`?q.timePanelPaneRight:q.timePanelPaneBottom,de=S===`time`?`Открыть выбор времени`:`Открыть календарь даты и времени`,fe=o??(S===`time`?`чч:мм`:`дд.мм.гггг чч:мм`),$=T??C??k;return(0,Z.jsxs)(h,{open:ee,onOpenChange:Q,children:[(0,Z.jsx)(x,{label:r,description:i,disabled:s,size:c,error:u,controlId:N,labelId:P,descriptionId:F,errorId:I,children:(0,Z.jsx)(b,{endAdornmentWidth:`var(--control-height)`,endAdornment:(0,Z.jsx)(h.Trigger,{children:(0,Z.jsx)(`div`,{className:g.uiToggleButtonContainer,children:(0,Z.jsx)(`button`,{type:`button`,disabled:s,"aria-label":de,className:g.uiToggleButton,children:S===`time`?(0,Z.jsx)(se,{}):(0,Z.jsx)(n,{})})})}),children:({controlClassName:e})=>(0,Z.jsx)(`div`,{id:N,className:l(g.uiInputControlFake,e),"data-disabled":s||void 0,"data-invalid":u?``:void 0,role:`group`,"aria-invalid":!!u||void 0,"aria-placeholder":fe,"aria-labelledby":P,"aria-describedby":L,onFocus:W,onBlur:G,onClick:e=>{e.target===e.currentTarget&&K()},children:R.map((e,t)=>e.kind===`literal`?(0,Z.jsx)(`span`,{className:q.separator,"data-disabled":s||void 0,children:e.text},t):(0,Z.jsx)(`input`,{ref:B(t),type:`text`,inputMode:`numeric`,className:q.segmentInput,style:{width:`${e.length+.5}ch`},value:z.get(t)??``,placeholder:e.placeholder,maxLength:e.length,disabled:s,"aria-label":e.ariaLabel,autoComplete:`off`,onChange:V(t),onKeyDown:H(t),onFocus:U()},t))})})}),(0,Z.jsx)(h.Content,{background:`primary`,onClose:le,children:S===`time`?(0,Z.jsx)(`div`,{className:q.timeOnlyPopoverContent,children:(0,Z.jsx)(oe,{value:$,disabled:s,minDate:m,maxDate:_,mode:S,onChange:Y})}):(0,Z.jsxs)(`div`,{className:l(q.popoverContent,q[y]),children:[(0,Z.jsx)(`div`,{className:q.calendarPane,children:(0,Z.jsx)(a,{view:O,datePickerLevel:`day`,selectionMode:`day`,onViewChange:ie,value:$,onChange:J,minDate:m,maxDate:_,currentDate:k,onCurrentDateChange:M})}),(0,Z.jsx)(`div`,{className:l(q.timePanelPane,ue),children:(0,Z.jsx)(oe,{value:$,disabled:s,minDate:m,maxDate:_,mode:S,onChange:Y})})]})})]})}var X,Z;function Q(){return(Q=e((()=>{X=t(),p(),u(),r(),N(),i(),y(),S(),m(),_(),k(),I(),J(),ie(),Z=s(),Y.__docgenInfo={description:`Поле выбора даты-времени со строгой сегментной маской и popover-пикером.`,methods:[],displayName:`SingleDateTimeInput`,props:{error:{required:!1,tsType:{name:`string`},description:``},onClearError:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},minDate:{required:!1,tsType:{name:`Date`},description:``},maxDate:{required:!1,tsType:{name:`Date`},description:``},timePanelPlacement:{required:!1,tsType:{name:`union`,raw:`"bottom" | "right"`,elements:[{name:`literal`,value:`"bottom"`},{name:`literal`,value:`"right"`}]},description:``,defaultValue:{value:`"right"`,computed:!1}},mode:{required:!1,tsType:{name:`union`,raw:`"date-time" | "time"`,elements:[{name:`literal`,value:`"date-time"`},{name:`literal`,value:`"time"`}]},description:``,defaultValue:{value:`"date-time"`,computed:!1}},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:``}}}})))()}export{Q as n,Y as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n,t as r}from"./SingleDateTimeInput-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n,t as r}from"./SingleDateTimeInput-Dl-IhEW3.js";import{n as i}from"./iframe-B3ihFulv.js";import{a,g as o,h as s,o as c}from"./odata-service-CWkHASdw-DlmSiioz.js";import{n as l,t as u}from"./createControlledStoryRender-BouhvX-R.js";var d=t({Default:()=>g,Empty:()=>v,TimeOnly:()=>_,WithLimits:()=>y,WithRightPanel:()=>b,__namedExportsOrder:()=>x,default:()=>h});function f(e){return u((t,n)=>{let i=t.value??null;return(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r,{...t,value:i,onChange:e=>{t.onChange(e),n({value:e})},onClearError:()=>{t.onClearError?.(),n({error:void 0})}}),e===`date-time`&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(`p`,{children:[`Вывод значения через `,(0,p.jsx)(`code`,{className:`statusInfo`,children:`formatDateAsDateTime(value)`}),`:`]}),(0,p.jsx)(`pre`,{children:a(i)}),(0,p.jsxs)(`p`,{children:[`Вывод значения через `,(0,p.jsx)(`code`,{className:`statusInfo`,children:`formatDateAsODataDatetime(value)`}),`:`]}),(0,p.jsx)(`pre`,{children:s(i)})]}),e===`time`&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(`p`,{children:[`Вывод значения через `,(0,p.jsx)(`code`,{className:`statusInfo`,children:`formatDateAsTime(value)`}),`:`]}),(0,p.jsx)(`pre`,{children:c(i)}),(0,p.jsx)(`p`,{children:`Техническая дата значения всегда фиксируется как 01.01.1970.`}),(0,p.jsx)(`pre`,{children:i?i.toISOString():``})]})]})})}var p,m,h,g,_,v,y,b,x;function S(){return(S=e((()=>{o(),l(),n(),p=i(),{fn:m}=__STORYBOOK_MODULE_TEST__,h={title:`Shared/UI/SingleDateTimeInput`,component:r,args:{value:null,onChange:m()},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля даты и времени.`,control:`text`},description:{description:`Описание под заголовком поля.`,control:`text`},placeholder:{description:`Текстовая подсказка для сегментного ввода.`,control:`text`},value:{description:"Текущее значение в виде `Date | null`.",control:!1},onChange:{description:`Вызывается при вводе или выборе валидной даты-времени.`,control:!1},minDate:{description:`Минимально допустимая дата-время.`,control:`date`},maxDate:{description:`Максимально допустимая дата-время.`,control:`date`},error:{description:`Текст внешней ошибки под полем.`,control:`text`},onClearError:{description:`Сбрасывает внешнюю ошибку при ручном вводе и выборе в picker.`,control:!1},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},disabled:{description:`Блокирует сегментный ввод и popover picker.`,control:`boolean`},timePanelPlacement:{description:`Размещение панели выбора времени относительно календаря.`,control:`inline-radio`,options:[`bottom`,`right`]},mode:{description:`Режим работы поля: дата-время или только время.`,control:`inline-radio`,options:[`date-time`,`time`]}}},g={render:f(`date-time`),args:{label:`Дата и время`,description:`Фиксированный формат: дд.мм.гггг чч:мм`,placeholder:`дд.мм.гггг чч:мм`,timePanelPlacement:`bottom`,value:new Date(2026,2,5,9,15,0,0)}},_={render:f(`time`),args:{label:`Время`,description:`Режим только времени с маской чч:мм и wheel-picker без календаря.`,placeholder:`чч:мм`,mode:`time`,value:new Date(1970,0,1,9,15,0,0),minDate:new Date(2026,2,10,9,15,0,0),maxDate:new Date(2026,2,10,18,30,0,0)}},v={render:f(`none`),args:{label:`Пустое значение`,description:`Поле можно заполнить вручную или через popover picker.`,placeholder:`дд.мм.гггг чч:мм`,timePanelPlacement:`bottom`,value:null}},y={render:f(`none`),args:{label:`Дата отгрузки`,description:`Доступен только интервал с 10 по 12 марта 2026 года.`,minDate:new Date(2026,2,10,9,0,0,0),maxDate:new Date(2026,2,12,18,30,0,0),timePanelPlacement:`bottom`,value:new Date(2026,2,10,12,30,0,0)}},b={render:f(`none`),args:{label:`Дата и время`,description:`Wheel-панель времени расположена справа от календаря.`,timePanelPlacement:`right`,value:new Date(2026,2,10,12,30,0,0)}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: createSingleDateTimeInputStoryRender("date-time"),
|
|
3
3
|
args: {
|
|
4
4
|
label: "Дата и время",
|
|
@@ -1 +1 @@
|
|
|
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--RU38UHO.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";import{n as o,t as s}from"./FloatingPopover-CBzRVsZl.js";import{d as c,l,s as ee,u as te}from"./Input-B8ZadIiC.js";function u(e){if(!Number.isFinite(e))return 0;let t=e.toString().toLowerCase(),n=t.indexOf(`e-`);if(n>=0)return Number(t.slice(n+2));let r=t.indexOf(`.`);return r>=0?t.length-r-1:0}function d(e,t){if(t<=0)return Math.round(e);let n=10**t;return Math.round(e*n)/n}function f(e,t){return!Number.isFinite(e)||!Number.isFinite(t)?{min:0,max:100}:e<=t?{min:e,max:t}:{min:t,max:e}}function p(e,t,n){return Number.isFinite(e)?Math.min(n,Math.max(t,e)):t}function m(e){return!Number.isFinite(e)||e===void 0||e<=0?1:e}function h(e,t,n){if(!e?.length)return[];let r=new Set;return e.filter(e=>Number.isFinite(e.value)&&e.value>=t&&e.value<=n).slice().sort((e,t)=>e.value-t.value).filter(e=>!r.has(e.value)&&(r.add(e.value),!0))}function g(e,t,n,r){let i=m(r),a=p(e,t,n),o=Math.max(u(i),u(t),u(n));return p(d(t+Math.round((a-t)/i)*i,o),t,n)}function _(e,t){if(!t.length)return;let n=t[0],r=Math.abs(e-n.value);for(let i=1;i<t.length;i+=1){let a=t[i],o=Math.abs(e-a.value);o<r&&(n=a,r=o)}return n}function v(e,t,n,r){if(!t.length)return p(e,n,r);let i=p(e,n,r);return _(i,t)?.value??i}function y(e,t){let{min:n,max:r}=f(t.min,t.max),i=h(t.marks,n,r);return i.length>0?v(e,i,n,r):g(e,n,r,t.step)}function b(e,t,n){return n<=t?0:(p(e,t,n)-t)/(n-t)*100}function ne(e,t,n){if(n<=t)return t;let r=p(e,0,100);return t+(n-t)*r/100}function x(e,t,n,r,i=`value`){return i===`index`&&t.length>1?e/(t.length-1)*100:i===`index`?0:b(t[e]?.value??n,n,r)}function S(e,t,n,r,i=`value`){if(!t.length)return;let a=p(e,0,100),o=t[0],s=Math.abs(a-x(0,t,n,r,i));for(let e=1;e<t.length;e+=1){let c=Math.abs(a-x(e,t,n,r,i));c<s&&(o=t[e],s=c)}return o}function re(e,t,n,r=n.min,i=n.max){let{min:a,max:o}=f(r,i),s=h(n.marks,a,o);if(s.length>0){let n=s.map(e=>e.value),r=0,i=Math.abs(e-n[0]);for(let t=1;t<n.length;t+=1){let a=Math.abs(e-n[t]);a<i&&(i=a,r=t)}return n[p(r+t,0,n.length-1)]}let c=m(n.step);return g(e+t*c,a,o,c)}function C(){return(C=t((()=>{})))()}function w(e,t,n){return h(e,t,n)}function T(e,t,n){let r=t.findIndex(t=>t.value===e.value);return x(Math.max(0,r),t,n.min,n.max,n.marksPosition)}function E(e,t){let{min:n,max:r}=f(t.min,t.max),i=w(t.marks,n,r);if(i.length>0){let a=i.find(t=>t.value===e)??_(e,i);if(a)return T(a,i,{...t,min:n,max:r,marks:i})}return b(e,n,r)}function ie(e,t){let{min:n,max:r}=f(t.min,t.max);return S(e,w(t.marks,n,r),n,r,t.marksPosition)}function D(e,t){return y(e,t)}function ae(e,t){let{min:n,max:r}=f(t.min,t.max);return e===void 0?n:D(e,{...t,min:n,max:r})}function O(e){if(e)return!Object.hasOwn(e,`outputValue`)||e.outputValue===void 0?e.value:e.outputValue}function k(e,t,n){let r=t.filter(t=>O(t)===e);if(r.length)return e===null?n===0?r[0]:r[r.length-1]:r[0]}function A(e,t,n){let r=k(e,t,n);if(r)return r;let i,a=1/0;for(let n of t){let t=O(n);if(typeof t!=`number`||!Number.isFinite(t))continue;let r=Math.abs(e-t);r<a&&(i=n,a=r)}return i}function j(e,t,n,r){if(e===null)return null;let{min:i,max:a}=f(r.min,r.max),o=w(r.marks,i,a),s=Number.isFinite(e)?e:t;if(o.length>0){let e=A(s,o,n),r=O(e);return r===void 0?e?.value??t:r}return g(s,i,a,r.step)}function M(e,t){let{min:n,max:r}=f(t.min,t.max);if(!e)return[null,null];let i=j(e[0],n,0,{...t,min:n,max:r}),a=j(e[1],r,1,{...t,min:n,max:r});return i!==null&&a!==null&&i>a?[a,i]:[i,a]}function N(e,t,n,r){if(e===null)return t;let{min:i,max:a}=f(r.min,r.max),o=w(r.marks,i,a);return o.length>0?(k(e,o,n)??(typeof e==`number`?A(e,o,n):void 0))?.value??t:g(e,i,a,r.step)}function oe(e,t){let{min:n,max:r}=f(t.min,t.max),i=M(e,{...t,min:n,max:r}),a=N(i[0],n,0,{...t,min:n,max:r}),o=N(i[1],r,1,{...t,min:n,max:r});return a<=o?[a,o]:[o,a]}function se(e,t){let{min:n,max:r}=f(t.min,t.max),i=w(t.marks,n,r);if(i.length>0){let t=_(e,i),n=O(t);return n===void 0?t?.value??e:n}return g(e,n,r,t.step)}function ce(e,t){let[n,r]=t;return Math.abs(e-n)<=Math.abs(e-r)?0:1}function le(e,t){let{min:n,max:r}=f(t.min,t.max);return Array.isArray(e)?{startPercent:E(e[0],{...t,min:n,max:r}),endPercent:E(e[1],{...t,min:n,max:r})}:{startPercent:0,endPercent:E(e,{...t,min:n,max:r})}}function P(){return(P=t((()=>{})))()}var ue,F,I,L,R,z,B,V,H,U,W,G,K,q,J,de,fe,Y;function X(){return(X=t((()=>{ue=`fA7zne`,F=`gg-atO`,I=`bTLJZl`,L=`vDAmRy`,R=`PpaxP2`,z=`_9K78Fi`,B=`TMbaqW`,V=`_77qn1L`,H=`cxJQqh`,U=`-X13t0`,W=`iNrV0y`,G=`vzEDBe`,K=`_0OWJh0`,q=`Mk4xi2`,J=`SL0IDQ`,de=`mdezg5`,fe=`a4R18g`,Y={slider:ue,rail:F,fill:I,thumb:L,mark:R,compactMark:z,sliderCompact:B,trackShell:V,track:H,tooltipReference:U,marks:W,markDot:G,markLabel:K,popoverContent:q,rangeInputControl:J,rangeSegmentInput:de,rangeSeparator:fe}})))()}function pe(e){return e===`ArrowLeft`||e===`ArrowDown`?-1:e===`ArrowRight`||e===`ArrowUp`?1:e===`PageDown`?-10:e===`PageUp`?10:null}function me(e,t){return!!e&&e[0]===t[0]&&e[1]===t[1]}function he(e,t){return e===null?t===0?`-∞`:`∞`:String(e)}function ge(e,t){return t.find(t=>t.value===e)?.label??String(e)}function _e(e){return typeof e==`string`||typeof e==`number`?(0,$.jsx)(`span`,{className:`textNoWrap`,children:e}):e}function ve({position:e,children:t}){return(0,$.jsx)(`span`,{"data-slot":`slider-tooltip-reference`,className:Y.tooltipReference,style:{left:`${e}%`},children:t})}function Z(e){let{min:t,max:n,step:r,marks:a,marksPosition:o=`value`,marksDisplay:l=`compact`,className:te,error:u,onClearError:d,label:p,description:m,disabled:h,size:g}=e,{min:_,max:v}=(0,Q.useMemo)(()=>f(t,n),[t,n]),y=(0,Q.useMemo)(()=>w(a,_,v),[a,_,v]),b=(0,Q.useMemo)(()=>({min:_,max:v,step:r,marks:y,marksPosition:o}),[_,v,r,y,o]),x=e.mode===`range`,S=x?void 0:ae(e.value,b),C=x?M(e.value,b):void 0,D=x?oe(e.value,b):void 0,O=x?D:[S],k=le(x?D:S,b),A=(0,Q.useRef)(null),j=(0,Q.useRef)([]),N=(0,Q.useRef)(null),P=(0,Q.useRef)(null),[ue,F]=(0,Q.useState)(null),{controlId:I,labelId:L,descriptionId:R,errorId:z,describedBy:B}=c({hasLabel:p!=null,hasDescription:!!m,hasError:!!u}),V=t=>{h||e.mode!==`single`||(e.value===void 0||e.value!==t)&&(e.onChange(t),d?.())},H=t=>{h||e.mode!==`range`||me(e.value,t)||(e.onChange(t),d?.())},U=(t,n)=>{if(!h){if(e.mode===`range`){let[e,r]=D,[i,a]=C,o=M(n===0?[se(Math.min(t,r),b),a]:[i,se(Math.max(t,e),b)],b);H(o);return}V(ae(t,b))}},W=e=>{let t=A.current?.getBoundingClientRect();if(!t)return _;let n=(e-t.left)/t.width*100;return(y.length>0?ie(n,b):void 0)?.value??ne(n,_,v)},G=(0,Q.useRef)(U),K=(0,Q.useRef)(W);(0,Q.useEffect)(()=>{G.current=U,K.current=W}),(0,Q.useEffect)(()=>{let e=e=>{P.current!==null&&e&&e.pointerId!==P.current||(P.current=null,N.current=null,F(null))},t=e=>{N.current!==null&&(P.current===null||e.pointerId===P.current)&&G.current(K.current(e.clientX),N.current)};return window.addEventListener(`pointermove`,t),window.addEventListener(`pointerup`,e),window.addEventListener(`pointercancel`,e),()=>{window.removeEventListener(`pointermove`,t),window.removeEventListener(`pointerup`,e),window.removeEventListener(`pointercancel`,e)}},[]);let q=(e,t)=>{P.current=e,N.current=t,F(t),j.current[t]?.focus()},J=e=>{if(h)return;e.preventDefault();let t=W(e.clientX),n=x?ce(t,D):0;U(t,n),q(e.pointerId,n)},de=e=>t=>{h||(t.preventDefault(),t.stopPropagation(),q(t.pointerId,e))},fe=e=>t=>{if(h)return;let n=x&&e===1?D[0]:_,r=x&&e===0?D[1]:v,i=pe(t.key);if(t.key===`Home`){t.preventDefault(),U(n,e);return}if(t.key===`End`){t.preventDefault(),U(r,e);return}if(i===null)return;t.preventDefault();let a=O[e],o=re(a,i,b,n,r);U(o,e)},X=e=>{if(h)return;let t=x?ce(e,D):0;U(e,t),j.current[t]?.focus()},Z=(e,t)=>{if(x){let n=C[t];return y.find(t=>t.value===e)?.label??he(n,t)}return ge(e,y)};return(0,$.jsx)(ee,{label:p,description:m,disabled:h,className:te,size:g,error:u,controlId:I,labelId:L,descriptionId:R,errorId:z,children:(0,$.jsxs)(`div`,{id:I,className:i(Y.slider,l===`compact`&&Y.sliderCompact),"data-disabled":h||void 0,children:[(0,$.jsx)(`div`,{className:Y.trackShell,children:(0,$.jsxs)(`div`,{ref:A,"data-slot":`track`,className:Y.track,role:`presentation`,onPointerDown:J,children:[(0,$.jsx)(`div`,{className:Y.rail}),(0,$.jsx)(`div`,{"data-slot":`fill`,className:Y.fill,style:{left:`${k.startPercent}%`,width:`${k.endPercent-k.startPercent}%`}}),l===`compact`&&y.map(e=>{let t=T(e,y,b),n=x?e.value>=D[0]&&e.value<=D[1]:e.value<=S;return(0,$.jsx)(ve,{position:t,children:(0,$.jsx)(s,{tooltip:!0,placement:`top`,content:_e(e.label),children:(0,$.jsx)(`button`,{type:`button`,"data-slot":`mark`,"data-active":n?``:void 0,className:Y.compactMark,"aria-label":e.ariaLabel,disabled:h,onClick:()=>X(e.value),children:(0,$.jsx)(`span`,{className:Y.markDot,"aria-hidden":`true`})})})},e.value)}),O.map((e,t)=>{let n=Z(e,t);return(0,$.jsx)(ve,{position:E(e,b),children:(0,$.jsx)(s,{tooltip:!0,placement:`top`,content:_e(n),openDelay:0,closeDelay:100,positionUpdateKey:e,children:(0,$.jsx)(`button`,{ref:e=>{j.current[t]=e},type:`button`,role:`slider`,"data-slot":`thumb`,"data-thumb-index":t,"data-dragging":ue===t?``:void 0,className:Y.thumb,disabled:h,"aria-disabled":h||void 0,"aria-orientation":`horizontal`,"aria-valuemin":x&&t===1?D[0]:_,"aria-valuemax":x&&t===0?D[1]:v,"aria-valuenow":e,"aria-valuetext":typeof n==`string`||typeof n==`number`?String(n):void 0,"aria-labelledby":L,"aria-describedby":B,"aria-label":L?void 0:x?t===0?`Минимальное значение`:`Максимальное значение`:`Значение`,onPointerDown:de(t),onKeyDown:fe(t)})})},t)})]})}),l===`full`&&y.length>0&&(0,$.jsx)(`div`,{className:Y.marks,children:y.map(e=>{let t=x?e.value>=D[0]&&e.value<=D[1]:e.value<=S;return(0,$.jsxs)(`button`,{type:`button`,"data-slot":`mark`,"data-active":t?``:void 0,className:Y.mark,style:{left:`${T(e,y,b)}%`},"aria-label":e.ariaLabel,disabled:h,onClick:()=>X(e.value),children:[(0,$.jsx)(`span`,{className:Y.markDot,"aria-hidden":`true`}),(0,$.jsx)(`span`,{className:Y.markLabel,children:e.label})]},e.value)})})]})})}function ye(e){return(0,$.jsx)(Z,{...e,mode:`single`,marksDisplay:`compact`})}function be(e){return(0,$.jsx)(Z,{...e,mode:`range`,marksDisplay:`compact`})}var Q,$;function xe(){return(xe=t((()=>{Q=e(n(),1),a(),l(),te(),o(),P(),X(),$=r(),Z.__docgenInfo={description:``,methods:[],displayName:`SliderBase`},ye.__docgenInfo={description:``,methods:[],displayName:`Slider`,props:{min:{required:!0,tsType:{name:`number`},description:`Минимальная координата шкалы. Marks вне этой границы отбрасываются.`},max:{required:!0,tsType:{name:`number`},description:`Максимальная координата шкалы. Marks вне этой границы отбрасываются.`},step:{required:!1,tsType:{name:`number`},description:"Шаг изменения, когда `marks` не заданы или после фильтрации не осталось валидных marks."},marks:{required:!1,tsType:{name:`unknown`},description:`Дискретные точки выбора. Если заданы, бегунок всегда ходит только по marks.`},marksPosition:{required:!1,tsType:{name:`NumberScaleMarksPosition`},description:"Способ визуального размещения marks и бегунка: по числовой координате `value` или равномерно по индексу."},className:{required:!1,tsType:{name:`string`},description:`Внешний CSS-класс контейнера поля.`},error:{required:!1,tsType:{name:`string`},description:"Текст внешней ошибки, отображается через общую `InputUI`-обёртку."},onClearError:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:`Вызывается после успешного изменения значения, чтобы потребитель мог сбросить внешнюю ошибку.`}},composes:[`Omit`]},be.__docgenInfo={description:``,methods:[],displayName:`SliderRange`,props:{min:{required:!0,tsType:{name:`number`},description:`Минимальная координата шкалы. Marks вне этой границы отбрасываются.`},max:{required:!0,tsType:{name:`number`},description:`Максимальная координата шкалы. Marks вне этой границы отбрасываются.`},step:{required:!1,tsType:{name:`number`},description:"Шаг изменения, когда `marks` не заданы или после фильтрации не осталось валидных marks."},marks:{required:!1,tsType:{name:`unknown`},description:`Дискретные точки выбора. Если заданы, бегунок всегда ходит только по marks.`},marksPosition:{required:!1,tsType:{name:`NumberScaleMarksPosition`},description:"Способ визуального размещения marks и бегунка: по числовой координате `value` или равномерно по индексу."},className:{required:!1,tsType:{name:`string`},description:`Внешний CSS-класс контейнера поля.`},error:{required:!1,tsType:{name:`string`},description:"Текст внешней ошибки, отображается через общую `InputUI`-обёртку."},onClearError:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:`Вызывается после успешного изменения значения, чтобы потребитель мог сбросить внешнюю ошибку.`}},composes:[`Omit`]}})))()}export{Y as a,P as c,w as d,C as f,xe as i,M as l,Z as n,X as o,f as p,be as r,O as s,ye as t,ae as u};
|
|
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{n as o,t as s}from"./FloatingPopover-B2gHujX_.js";import{d as c,l,s as ee,u as te}from"./Input-CUuoFQuS.js";function u(e){if(!Number.isFinite(e))return 0;let t=e.toString().toLowerCase(),n=t.indexOf(`e-`);if(n>=0)return Number(t.slice(n+2));let r=t.indexOf(`.`);return r>=0?t.length-r-1:0}function d(e,t){if(t<=0)return Math.round(e);let n=10**t;return Math.round(e*n)/n}function f(e,t){return!Number.isFinite(e)||!Number.isFinite(t)?{min:0,max:100}:e<=t?{min:e,max:t}:{min:t,max:e}}function p(e,t,n){return Number.isFinite(e)?Math.min(n,Math.max(t,e)):t}function m(e){return!Number.isFinite(e)||e===void 0||e<=0?1:e}function h(e,t,n){if(!e?.length)return[];let r=new Set;return e.filter(e=>Number.isFinite(e.value)&&e.value>=t&&e.value<=n).slice().sort((e,t)=>e.value-t.value).filter(e=>!r.has(e.value)&&(r.add(e.value),!0))}function g(e,t,n,r){let i=m(r),a=p(e,t,n),o=Math.max(u(i),u(t),u(n));return p(d(t+Math.round((a-t)/i)*i,o),t,n)}function _(e,t){if(!t.length)return;let n=t[0],r=Math.abs(e-n.value);for(let i=1;i<t.length;i+=1){let a=t[i],o=Math.abs(e-a.value);o<r&&(n=a,r=o)}return n}function v(e,t,n,r){if(!t.length)return p(e,n,r);let i=p(e,n,r);return _(i,t)?.value??i}function y(e,t){let{min:n,max:r}=f(t.min,t.max),i=h(t.marks,n,r);return i.length>0?v(e,i,n,r):g(e,n,r,t.step)}function b(e,t,n){return n<=t?0:(p(e,t,n)-t)/(n-t)*100}function ne(e,t,n){if(n<=t)return t;let r=p(e,0,100);return t+(n-t)*r/100}function x(e,t,n,r,i=`value`){return i===`index`&&t.length>1?e/(t.length-1)*100:i===`index`?0:b(t[e]?.value??n,n,r)}function S(e,t,n,r,i=`value`){if(!t.length)return;let a=p(e,0,100),o=t[0],s=Math.abs(a-x(0,t,n,r,i));for(let e=1;e<t.length;e+=1){let c=Math.abs(a-x(e,t,n,r,i));c<s&&(o=t[e],s=c)}return o}function re(e,t,n,r=n.min,i=n.max){let{min:a,max:o}=f(r,i),s=h(n.marks,a,o);if(s.length>0){let n=s.map(e=>e.value),r=0,i=Math.abs(e-n[0]);for(let t=1;t<n.length;t+=1){let a=Math.abs(e-n[t]);a<i&&(i=a,r=t)}return n[p(r+t,0,n.length-1)]}let c=m(n.step);return g(e+t*c,a,o,c)}function C(){return(C=t((()=>{})))()}function w(e,t,n){return h(e,t,n)}function T(e,t,n){let r=t.findIndex(t=>t.value===e.value);return x(Math.max(0,r),t,n.min,n.max,n.marksPosition)}function E(e,t){let{min:n,max:r}=f(t.min,t.max),i=w(t.marks,n,r);if(i.length>0){let a=i.find(t=>t.value===e)??_(e,i);if(a)return T(a,i,{...t,min:n,max:r,marks:i})}return b(e,n,r)}function ie(e,t){let{min:n,max:r}=f(t.min,t.max);return S(e,w(t.marks,n,r),n,r,t.marksPosition)}function D(e,t){return y(e,t)}function ae(e,t){let{min:n,max:r}=f(t.min,t.max);return e===void 0?n:D(e,{...t,min:n,max:r})}function O(e){if(e)return!Object.hasOwn(e,`outputValue`)||e.outputValue===void 0?e.value:e.outputValue}function k(e,t,n){let r=t.filter(t=>O(t)===e);if(r.length)return e===null?n===0?r[0]:r[r.length-1]:r[0]}function A(e,t,n){let r=k(e,t,n);if(r)return r;let i,a=1/0;for(let n of t){let t=O(n);if(typeof t!=`number`||!Number.isFinite(t))continue;let r=Math.abs(e-t);r<a&&(i=n,a=r)}return i}function j(e,t,n,r){if(e===null)return null;let{min:i,max:a}=f(r.min,r.max),o=w(r.marks,i,a),s=Number.isFinite(e)?e:t;if(o.length>0){let e=A(s,o,n),r=O(e);return r===void 0?e?.value??t:r}return g(s,i,a,r.step)}function M(e,t){let{min:n,max:r}=f(t.min,t.max);if(!e)return[null,null];let i=j(e[0],n,0,{...t,min:n,max:r}),a=j(e[1],r,1,{...t,min:n,max:r});return i!==null&&a!==null&&i>a?[a,i]:[i,a]}function N(e,t,n,r){if(e===null)return t;let{min:i,max:a}=f(r.min,r.max),o=w(r.marks,i,a);return o.length>0?(k(e,o,n)??(typeof e==`number`?A(e,o,n):void 0))?.value??t:g(e,i,a,r.step)}function oe(e,t){let{min:n,max:r}=f(t.min,t.max),i=M(e,{...t,min:n,max:r}),a=N(i[0],n,0,{...t,min:n,max:r}),o=N(i[1],r,1,{...t,min:n,max:r});return a<=o?[a,o]:[o,a]}function se(e,t){let{min:n,max:r}=f(t.min,t.max),i=w(t.marks,n,r);if(i.length>0){let t=_(e,i),n=O(t);return n===void 0?t?.value??e:n}return g(e,n,r,t.step)}function ce(e,t){let[n,r]=t;return Math.abs(e-n)<=Math.abs(e-r)?0:1}function le(e,t){let{min:n,max:r}=f(t.min,t.max);return Array.isArray(e)?{startPercent:E(e[0],{...t,min:n,max:r}),endPercent:E(e[1],{...t,min:n,max:r})}:{startPercent:0,endPercent:E(e,{...t,min:n,max:r})}}function P(){return(P=t((()=>{})))()}var ue,F,I,L,R,z,B,V,H,U,W,G,K,q,J,de,fe,Y;function X(){return(X=t((()=>{ue=`fA7zne`,F=`gg-atO`,I=`bTLJZl`,L=`vDAmRy`,R=`PpaxP2`,z=`_9K78Fi`,B=`TMbaqW`,V=`_77qn1L`,H=`cxJQqh`,U=`-X13t0`,W=`iNrV0y`,G=`vzEDBe`,K=`_0OWJh0`,q=`Mk4xi2`,J=`SL0IDQ`,de=`mdezg5`,fe=`a4R18g`,Y={slider:ue,rail:F,fill:I,thumb:L,mark:R,compactMark:z,sliderCompact:B,trackShell:V,track:H,tooltipReference:U,marks:W,markDot:G,markLabel:K,popoverContent:q,rangeInputControl:J,rangeSegmentInput:de,rangeSeparator:fe}})))()}function pe(e){return e===`ArrowLeft`||e===`ArrowDown`?-1:e===`ArrowRight`||e===`ArrowUp`?1:e===`PageDown`?-10:e===`PageUp`?10:null}function me(e,t){return!!e&&e[0]===t[0]&&e[1]===t[1]}function he(e,t){return e===null?t===0?`-∞`:`∞`:String(e)}function ge(e,t){return t.find(t=>t.value===e)?.label??String(e)}function _e(e){return typeof e==`string`||typeof e==`number`?(0,$.jsx)(`span`,{className:`textNoWrap`,children:e}):e}function ve({position:e,children:t}){return(0,$.jsx)(`span`,{"data-slot":`slider-tooltip-reference`,className:Y.tooltipReference,style:{left:`${e}%`},children:t})}function Z(e){let{min:t,max:n,step:r,marks:a,marksPosition:o=`value`,marksDisplay:l=`compact`,className:te,error:u,onClearError:d,label:p,description:m,disabled:h,size:g}=e,{min:_,max:v}=(0,Q.useMemo)(()=>f(t,n),[t,n]),y=(0,Q.useMemo)(()=>w(a,_,v),[a,_,v]),b=(0,Q.useMemo)(()=>({min:_,max:v,step:r,marks:y,marksPosition:o}),[_,v,r,y,o]),x=e.mode===`range`,S=x?void 0:ae(e.value,b),C=x?M(e.value,b):void 0,D=x?oe(e.value,b):void 0,O=x?D:[S],k=le(x?D:S,b),A=(0,Q.useRef)(null),j=(0,Q.useRef)([]),N=(0,Q.useRef)(null),P=(0,Q.useRef)(null),[ue,F]=(0,Q.useState)(null),{controlId:I,labelId:L,descriptionId:R,errorId:z,describedBy:B}=c({hasLabel:p!=null,hasDescription:!!m,hasError:!!u}),V=t=>{h||e.mode!==`single`||(e.value===void 0||e.value!==t)&&(e.onChange(t),d?.())},H=t=>{h||e.mode!==`range`||me(e.value,t)||(e.onChange(t),d?.())},U=(t,n)=>{if(!h){if(e.mode===`range`){let[e,r]=D,[i,a]=C,o=M(n===0?[se(Math.min(t,r),b),a]:[i,se(Math.max(t,e),b)],b);H(o);return}V(ae(t,b))}},W=e=>{let t=A.current?.getBoundingClientRect();if(!t)return _;let n=(e-t.left)/t.width*100;return(y.length>0?ie(n,b):void 0)?.value??ne(n,_,v)},G=(0,Q.useRef)(U),K=(0,Q.useRef)(W);(0,Q.useEffect)(()=>{G.current=U,K.current=W}),(0,Q.useEffect)(()=>{let e=e=>{P.current!==null&&e&&e.pointerId!==P.current||(P.current=null,N.current=null,F(null))},t=e=>{N.current!==null&&(P.current===null||e.pointerId===P.current)&&G.current(K.current(e.clientX),N.current)};return window.addEventListener(`pointermove`,t),window.addEventListener(`pointerup`,e),window.addEventListener(`pointercancel`,e),()=>{window.removeEventListener(`pointermove`,t),window.removeEventListener(`pointerup`,e),window.removeEventListener(`pointercancel`,e)}},[]);let q=(e,t)=>{P.current=e,N.current=t,F(t),j.current[t]?.focus()},J=e=>{if(h)return;e.preventDefault();let t=W(e.clientX),n=x?ce(t,D):0;U(t,n),q(e.pointerId,n)},de=e=>t=>{h||(t.preventDefault(),t.stopPropagation(),q(t.pointerId,e))},fe=e=>t=>{if(h)return;let n=x&&e===1?D[0]:_,r=x&&e===0?D[1]:v,i=pe(t.key);if(t.key===`Home`){t.preventDefault(),U(n,e);return}if(t.key===`End`){t.preventDefault(),U(r,e);return}if(i===null)return;t.preventDefault();let a=O[e],o=re(a,i,b,n,r);U(o,e)},X=e=>{if(h)return;let t=x?ce(e,D):0;U(e,t),j.current[t]?.focus()},Z=(e,t)=>{if(x){let n=C[t];return y.find(t=>t.value===e)?.label??he(n,t)}return ge(e,y)};return(0,$.jsx)(ee,{label:p,description:m,disabled:h,className:te,size:g,error:u,controlId:I,labelId:L,descriptionId:R,errorId:z,children:(0,$.jsxs)(`div`,{id:I,className:i(Y.slider,l===`compact`&&Y.sliderCompact),"data-disabled":h||void 0,children:[(0,$.jsx)(`div`,{className:Y.trackShell,children:(0,$.jsxs)(`div`,{ref:A,"data-slot":`track`,className:Y.track,role:`presentation`,onPointerDown:J,children:[(0,$.jsx)(`div`,{className:Y.rail}),(0,$.jsx)(`div`,{"data-slot":`fill`,className:Y.fill,style:{left:`${k.startPercent}%`,width:`${k.endPercent-k.startPercent}%`}}),l===`compact`&&y.map(e=>{let t=T(e,y,b),n=x?e.value>=D[0]&&e.value<=D[1]:e.value<=S;return(0,$.jsx)(ve,{position:t,children:(0,$.jsx)(s,{tooltip:!0,placement:`top`,content:_e(e.label),children:(0,$.jsx)(`button`,{type:`button`,"data-slot":`mark`,"data-active":n?``:void 0,className:Y.compactMark,"aria-label":e.ariaLabel,disabled:h,onClick:()=>X(e.value),children:(0,$.jsx)(`span`,{className:Y.markDot,"aria-hidden":`true`})})})},e.value)}),O.map((e,t)=>{let n=Z(e,t);return(0,$.jsx)(ve,{position:E(e,b),children:(0,$.jsx)(s,{tooltip:!0,placement:`top`,content:_e(n),openDelay:0,closeDelay:100,positionUpdateKey:e,children:(0,$.jsx)(`button`,{ref:e=>{j.current[t]=e},type:`button`,role:`slider`,"data-slot":`thumb`,"data-thumb-index":t,"data-dragging":ue===t?``:void 0,className:Y.thumb,disabled:h,"aria-disabled":h||void 0,"aria-orientation":`horizontal`,"aria-valuemin":x&&t===1?D[0]:_,"aria-valuemax":x&&t===0?D[1]:v,"aria-valuenow":e,"aria-valuetext":typeof n==`string`||typeof n==`number`?String(n):void 0,"aria-labelledby":L,"aria-describedby":B,"aria-label":L?void 0:x?t===0?`Минимальное значение`:`Максимальное значение`:`Значение`,onPointerDown:de(t),onKeyDown:fe(t)})})},t)})]})}),l===`full`&&y.length>0&&(0,$.jsx)(`div`,{className:Y.marks,children:y.map(e=>{let t=x?e.value>=D[0]&&e.value<=D[1]:e.value<=S;return(0,$.jsxs)(`button`,{type:`button`,"data-slot":`mark`,"data-active":t?``:void 0,className:Y.mark,style:{left:`${T(e,y,b)}%`},"aria-label":e.ariaLabel,disabled:h,onClick:()=>X(e.value),children:[(0,$.jsx)(`span`,{className:Y.markDot,"aria-hidden":`true`}),(0,$.jsx)(`span`,{className:Y.markLabel,children:e.label})]},e.value)})})]})})}function ye(e){return(0,$.jsx)(Z,{...e,mode:`single`,marksDisplay:`compact`})}function be(e){return(0,$.jsx)(Z,{...e,mode:`range`,marksDisplay:`compact`})}var Q,$;function xe(){return(xe=t((()=>{Q=e(n(),1),a(),l(),te(),o(),P(),X(),$=r(),Z.__docgenInfo={description:``,methods:[],displayName:`SliderBase`},ye.__docgenInfo={description:``,methods:[],displayName:`Slider`,props:{min:{required:!0,tsType:{name:`number`},description:`Минимальная координата шкалы. Marks вне этой границы отбрасываются.`},max:{required:!0,tsType:{name:`number`},description:`Максимальная координата шкалы. Marks вне этой границы отбрасываются.`},step:{required:!1,tsType:{name:`number`},description:"Шаг изменения, когда `marks` не заданы или после фильтрации не осталось валидных marks."},marks:{required:!1,tsType:{name:`unknown`},description:`Дискретные точки выбора. Если заданы, бегунок всегда ходит только по marks.`},marksPosition:{required:!1,tsType:{name:`NumberScaleMarksPosition`},description:"Способ визуального размещения marks и бегунка: по числовой координате `value` или равномерно по индексу."},className:{required:!1,tsType:{name:`string`},description:`Внешний CSS-класс контейнера поля.`},error:{required:!1,tsType:{name:`string`},description:"Текст внешней ошибки, отображается через общую `InputUI`-обёртку."},onClearError:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:`Вызывается после успешного изменения значения, чтобы потребитель мог сбросить внешнюю ошибку.`}},composes:[`Omit`]},be.__docgenInfo={description:``,methods:[],displayName:`SliderRange`,props:{min:{required:!0,tsType:{name:`number`},description:`Минимальная координата шкалы. Marks вне этой границы отбрасываются.`},max:{required:!0,tsType:{name:`number`},description:`Максимальная координата шкалы. Marks вне этой границы отбрасываются.`},step:{required:!1,tsType:{name:`number`},description:"Шаг изменения, когда `marks` не заданы или после фильтрации не осталось валидных marks."},marks:{required:!1,tsType:{name:`unknown`},description:`Дискретные точки выбора. Если заданы, бегунок всегда ходит только по marks.`},marksPosition:{required:!1,tsType:{name:`NumberScaleMarksPosition`},description:"Способ визуального размещения marks и бегунка: по числовой координате `value` или равномерно по индексу."},className:{required:!1,tsType:{name:`string`},description:`Внешний CSS-класс контейнера поля.`},error:{required:!1,tsType:{name:`string`},description:"Текст внешней ошибки, отображается через общую `InputUI`-обёртку."},onClearError:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:`Вызывается после успешного изменения значения, чтобы потребитель мог сбросить внешнюю ошибку.`}},composes:[`Omit`]}})))()}export{Y as a,P as c,w as d,C as f,xe as i,M as l,Z as n,X as o,f as p,be as r,O as s,ye as t,ae as u};
|