@ryuzaki13/react-foundation-ui 3.6.0 → 3.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/notifications/index.d.ts +1 -1
- package/dist/notifications/index.d.ts.map +1 -1
- package/dist/notifications/index.js +40 -24
- package/dist/notifications/index.js.map +1 -1
- package/dist/notifications/model/NotificationsProvider.d.ts +2 -18
- package/dist/notifications/model/NotificationsProvider.d.ts.map +1 -1
- package/dist/notifications/model/index.d.ts +4 -0
- package/dist/notifications/model/index.d.ts.map +1 -1
- package/dist/notifications/model/notificationsContext.d.ts +4 -0
- package/dist/notifications/model/notificationsContext.d.ts.map +1 -0
- package/dist/notifications/model/useNotificationById.d.ts +4 -0
- package/dist/notifications/model/useNotificationById.d.ts.map +1 -0
- package/dist/notifications/model/useNotificationHistory.d.ts +6 -0
- package/dist/notifications/model/useNotificationHistory.d.ts.map +1 -0
- package/dist/notifications/model/useNotifications.d.ts +3 -0
- package/dist/notifications/model/useNotifications.d.ts.map +1 -0
- package/dist/notifications/model/useNotificationsStore.d.ts +3 -0
- package/dist/notifications/model/useNotificationsStore.d.ts.map +1 -0
- package/dist/notifications/model/useNotify.d.ts +17 -0
- package/dist/notifications/model/useNotify.d.ts.map +1 -0
- package/dist/notifications/ui/NotificationsHost.d.ts +2 -1
- package/dist/notifications/ui/NotificationsHost.d.ts.map +1 -1
- package/package.json +3 -3
- package/storybook-static/assets/{Badge-r7lsdHne.js → Badge-CV3f-YLa.js} +1 -1
- package/storybook-static/assets/{Badge.stories-P4qdQ7cm.js → Badge.stories-BUPuimKi.js} +1 -1
- package/storybook-static/assets/{BadgeList-8NyPAV2Q.js → BadgeList-CDDAItI6.js} +1 -1
- package/storybook-static/assets/{BarcodeScannerDialog.stories--TadwGdZ.js → BarcodeScannerDialog.stories-teB8ep3A.js} +1 -1
- package/storybook-static/assets/{Button-BP0DDcNq.js → Button-BW8cBp03.js} +1 -1
- package/storybook-static/assets/{Button-X3OT5zE7.js → Button-CV4tslOZ.js} +1 -1
- package/storybook-static/assets/{Button.stories-CFiUr_xE.js → Button.stories-DKlzPZqU.js} +1 -1
- package/storybook-static/assets/{CalendarView-nWuZBE9T.js → CalendarView-CX2J7c6F.js} +1 -1
- package/storybook-static/assets/{CheckBox-Bde9tud-.js → CheckBox-BTr4z78V.js} +1 -1
- package/storybook-static/assets/{CheckBox-BId2Zf_m.js → CheckBox-BWZ_P_3Q.js} +1 -1
- package/storybook-static/assets/{CheckBox.stories-BVU9Rkai.js → CheckBox.stories-BUaJvDIu.js} +1 -1
- package/storybook-static/assets/{Color-6AOWCN3U-BeUy9gum.js → Color-6AOWCN3U-DmrUSa8T.js} +1 -1
- package/storybook-static/assets/{ContextMenu-BS2UVgbu.js → ContextMenu-DsJnOtZ9.js} +1 -1
- package/storybook-static/assets/{ContextMenu-Byksyz_8.js → ContextMenu-wBO-KcfV.js} +1 -1
- package/storybook-static/assets/{ContextMenu.stories-DmJPp2YR.js → ContextMenu.stories-CNOrf21k.js} +1 -1
- package/storybook-static/assets/{DateInput-CQe_1Dk-.js → DateInput-DbZNB8s8.js} +1 -1
- package/storybook-static/assets/{DateInput-CgETMk9B.js → DateInput-xQJfyfF-.js} +1 -1
- package/storybook-static/assets/{DateInput.stories-BOst6EKv.js → DateInput.stories-DAku4mZt.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-CxrNYBTe.js → DateRangePresetSelect-BPlpCA6c.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-DHJ31vIB.js → DateRangePresetSelect-DHoyZyQT.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect.stories-CiyN1joN.js → DateRangePresetSelect.stories-DRvogj0c.js} +1 -1
- package/storybook-static/assets/{Detail-V_NYrUJR.js → Detail-mXagpId3.js} +1 -1
- package/storybook-static/assets/{Detail.stories-B4tf6inN.js → Detail.stories-D7Iwy0-s.js} +1 -1
- package/storybook-static/assets/{Dialog-B6miFej7.js → Dialog-CMqH_KAI.js} +1 -1
- package/storybook-static/assets/{Dialog-DNTx5Unm.js → Dialog-qRvPPGeh.js} +1 -1
- package/storybook-static/assets/{Dialog.stories-BS1dDTLW.js → Dialog.stories-J_OyVz3O.js} +1 -1
- package/storybook-static/assets/{Disclosure-4sf5BIn1.js → Disclosure-TdbPZNSu.js} +1 -1
- package/storybook-static/assets/{Disclosure.stories-DhUQNdEC.js → Disclosure.stories-DRoDp_Fu.js} +1 -1
- package/storybook-static/assets/{DisclosureGroup-Codiur77.js → DisclosureGroup-CeBLtSCA.js} +1 -1
- package/storybook-static/assets/{DocsRenderer-JROSPFPF-yT2aWNaF.js → DocsRenderer-JROSPFPF-BdyHYSwz.js} +1 -1
- package/storybook-static/assets/{DropZone-Du0BQAyO.js → DropZone-BzRKfOtd.js} +1 -1
- package/storybook-static/assets/{DropZone-D4rl2WEV.js → DropZone-CODtJSpF.js} +1 -1
- package/storybook-static/assets/{DropZone.stories-B8iPjYH_.js → DropZone.stories-BzNj9PbZ.js} +1 -1
- package/storybook-static/assets/{DropdownMenu-BcdS3oNz.js → DropdownMenu-Db-sh5Gd.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel-6u6YJanI.js → ExpandableActionPanel-fOfO1fQV.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel.stories-D-CZHUv0.js → ExpandableActionPanel.stories-C6Si_Nqk.js} +1 -1
- package/storybook-static/assets/{Flex-DWi0hQ-f.js → Flex-B9KnOucm.js} +1 -1
- package/storybook-static/assets/{Flex.stories-CKKi33JK.js → Flex.stories-ApvEyW4R.js} +1 -1
- package/storybook-static/assets/{FlexContainer-BMK_YH72.js → FlexContainer-B1y3dds2.js} +1 -1
- package/storybook-static/assets/{FlexItem-DpSHNBxJ.js → FlexItem-pEuFUX72.js} +1 -1
- package/storybook-static/assets/{FloatingPopover-D9nTd47B.js → FloatingPopover-CjNAEFQy.js} +1 -1
- package/storybook-static/assets/{FormattedTableCell-DyBhk9rG.js → FormattedTableCell-DZM2eYz5.js} +1 -1
- package/storybook-static/assets/{Grid-BZgzDCLK.js → Grid-CI6OKKu8.js} +1 -1
- package/storybook-static/assets/{Grid-DbvUGBEN.js → Grid-NnstE-Tl.js} +1 -1
- package/storybook-static/assets/{Grid.stories-BeEAzTxD.js → Grid.stories-tklnzZVg.js} +1 -1
- package/storybook-static/assets/{GridContainer-B82Onj6x.js → GridContainer-wl6R6ToY.js} +1 -1
- package/storybook-static/assets/{ImageCropper.stories-SDIt19aO.js → ImageCropper.stories-DFN1M8eV.js} +1 -1
- package/storybook-static/assets/{ImageRenderer-Bzg27pq7.js → ImageRenderer-CsIh2Gps.js} +1 -1
- package/storybook-static/assets/{ImageRenderer.stories-C-IE84zV.js → ImageRenderer.stories-CFg_ibLF.js} +1 -1
- package/storybook-static/assets/{ImageView.stories-DIcx2Krs.js → ImageView.stories-HHd7jrjM.js} +1 -1
- package/storybook-static/assets/{ImageViewer.stories-CQTy0uPX.js → ImageViewer.stories-DgWkr466.js} +2 -2
- package/storybook-static/assets/{ImageViewerRuntime-CA5BYQsX.js → ImageViewerRuntime-6z6zV9jF.js} +1 -1
- package/storybook-static/assets/{Input-DmsN6uC_.js → Input-B7_Qlowr.js} +1 -1
- package/storybook-static/assets/{Input-D8uMye_9.js → Input-Bvw9Sw0g.js} +1 -1
- package/storybook-static/assets/{Input.stories-D8QWPnMD.js → Input.stories-Dc2sDy4p.js} +1 -1
- package/storybook-static/assets/{InputDateTime-Cczll-bH.js → InputDateTime-DUkFFY2j.js} +1 -1
- package/storybook-static/assets/{InputDateTime.stories-DeZ6XHwa.js → InputDateTime.stories-WZXWHrjO.js} +1 -1
- package/storybook-static/assets/{InputFile-BbPjLN4E.js → InputFile-CR2m2VQy.js} +1 -1
- package/storybook-static/assets/{InputFile-C0_L0zTd.js → InputFile-DJE39TQT.js} +1 -1
- package/storybook-static/assets/{InputFile.stories-Di_6BkX1.js → InputFile.stories-BxE2jR8X.js} +1 -1
- package/storybook-static/assets/{InputFiles-B3uOwqKF.js → InputFiles-CMkLLJOH.js} +1 -1
- package/storybook-static/assets/{InputFiles-CF60S_qG.js → InputFiles-CTD2obOb.js} +1 -1
- package/storybook-static/assets/{InputFiles.stories-BkTiEPX6.js → InputFiles.stories-CeLIDMcH.js} +1 -1
- package/storybook-static/assets/{InputFilesList-C9cudcHe.js → InputFilesList-tUr9ob4W.js} +1 -1
- package/storybook-static/assets/{InputImage-Aq_ZXmtw.js → InputImage-C0cIhVXy.js} +1 -1
- package/storybook-static/assets/{InputImage-Dx0DIf4l.js → InputImage-CoAYtfEV.js} +1 -1
- package/storybook-static/assets/{InputImage.stories-D7LfEcn4.js → InputImage.stories-DpXv7PID.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents-DP5FyU4S.js → InteractiveComponents-Dmyiy24S.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents.stories-CE5L5PAB.js → InteractiveComponents.stories-B77oJ-sY.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-BehxFQsU.js → LayoutPicker-CJcSQqwn.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-CW1W-CAf.js → LayoutPicker-MTeK4NeO.js} +1 -1
- package/storybook-static/assets/{LayoutPicker.stories-DtvfpOUS.js → LayoutPicker.stories-CcY356LI.js} +1 -1
- package/storybook-static/assets/{Listbox-Bn_6WyQc.js → Listbox-BGYVb_Ct.js} +1 -1
- package/storybook-static/assets/{Listbox-VcD28kxl.js → Listbox-Cv9AQzQU.js} +1 -1
- package/storybook-static/assets/{Listbox.stories-CL6fJlUm.js → Listbox.stories-C9_cOdMY.js} +1 -1
- package/storybook-static/assets/{Modal-DrSX0i3a.js → Modal-CHcZjpHv.js} +1 -1
- package/storybook-static/assets/{Modal-D0D5WZ_O.js → Modal-CnMZc0y1.js} +1 -1
- package/storybook-static/assets/{Modal.stories-Ch3P8_kY.js → Modal.stories-DxITHZDl.js} +1 -1
- package/storybook-static/assets/{ModalManagerProvider-B0Lf7xX0.js → ModalManagerProvider-vGXTuniv.js} +1 -1
- package/storybook-static/assets/{MultiSelect-Bw3qf8eW.js → MultiSelect-DDC0Nrrq.js} +1 -1
- package/storybook-static/assets/{MultiSelect-Cmxa5Vho.js → MultiSelect-DqdwstLi.js} +1 -1
- package/storybook-static/assets/{MultiSelect.stories-DKHPBUWD.js → MultiSelect.stories-BPsGXWR2.js} +1 -1
- package/storybook-static/assets/{NoData-seFnJNiE.js → NoData-BlGdaWe6.js} +1 -1
- package/storybook-static/assets/{NotificationsHost-d770FjSM.js → NotificationsHost-gXnNQDp7.js} +30 -2
- package/storybook-static/assets/NotificationsHost.stories-BdkJz6WZ.js +30 -0
- package/storybook-static/assets/{ODataMultiSelect-BN0pcCmQ.js → ODataMultiSelect-C_Qs3Nl4.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect.stories-D5zrkaFW.js → ODataMultiSelect.stories-DfmeONnP.js} +1 -1
- package/storybook-static/assets/{ODataSelect-C5DXRRVH.js → ODataSelect-C5fwwi_V.js} +1 -1
- package/storybook-static/assets/{ODataSelect.stories-ClYp08JR.js → ODataSelect.stories-BCDjW9Of.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect-CsvSq1G1.js → ODataTreeMultiSelect-bU2QW5pt.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect.stories-DFXLQjms.js → ODataTreeMultiSelect.stories-FRT1vULJ.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect-CdN-NwV7.js → ODataTreeSelect-DmNcnlbz.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect.stories-CDffbvxi.js → ODataTreeSelect.stories-B9Mq-Iq-.js} +1 -1
- package/storybook-static/assets/{OneStepScroller-qXHo2r0J.js → OneStepScroller-X_sOKCiI.js} +1 -1
- package/storybook-static/assets/{Option-tEWfKgN_.js → Option-CSut1BkS.js} +1 -1
- package/storybook-static/assets/{OptionButton-DOj_dfd1.js → OptionButton-B7wOhE1V.js} +1 -1
- package/storybook-static/assets/{OptionContent-6iwuLpQP.js → OptionContent-DyxUQFu3.js} +1 -1
- package/storybook-static/assets/{OptionContentContainer-DbdHO42m.js → OptionContentContainer-DnzI9J61.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-Bo_B6jdw.js → PeriodSelect-C1Rh75We.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-DffBuv6v.js → PeriodSelect-SjGK6Esp.js} +1 -1
- package/storybook-static/assets/{PeriodSelect.stories-Boq-fBL8.js → PeriodSelect.stories-Bch3cN5l.js} +1 -1
- package/storybook-static/assets/{PickerField-fMVQUcBX.js → PickerField-B8_SoyYo.js} +1 -1
- package/storybook-static/assets/{PickerTriggerActions-zS0JUD-3.js → PickerTriggerActions-DP0ZKD9L.js} +1 -1
- package/storybook-static/assets/{Popover-5c_n39x0.js → Popover-DF-J3Kwx.js} +1 -1
- package/storybook-static/assets/{Popover-u02JbpuP.js → Popover-NBKcB7nc.js} +1 -1
- package/storybook-static/assets/{Popover.stories-BUVgJJQI.js → Popover.stories-BGcAWbjW.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-EiaEd6Qp.js → PresetRangeDateInput-BAbrOHdm.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-TyV-u0Db.js → PresetRangeDateInput-DajjeSUc.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput.stories-jJq5Gkdb.js → PresetRangeDateInput.stories-Bf7YKKIQ.js} +1 -1
- package/storybook-static/assets/{PresetSelect-Cnl_fXjS.js → PresetSelect-CfmPZsZF.js} +1 -1
- package/storybook-static/assets/{README-ByxHEXaq.js → README--xvSptx6.js} +1 -1
- package/storybook-static/assets/{README-BylyIJ4z.js → README-02MdhoYj.js} +1 -1
- package/storybook-static/assets/{README-BoXMNqUS.js → README-23NGVX-l.js} +1 -1
- package/storybook-static/assets/{README-CZBT22Qx.js → README-3bVCOGDc.js} +1 -1
- package/storybook-static/assets/{README-DsqwQGJx.js → README-5JPwN5I3.js} +1 -1
- package/storybook-static/assets/{README-Bn7SBLqL.js → README-B35CL6W4.js} +1 -1
- package/storybook-static/assets/{README-CqCDXjY-.js → README-B4-JBF7Z.js} +1 -1
- package/storybook-static/assets/{README-CmCyESsg.js → README-B5cX2glk.js} +1 -1
- package/storybook-static/assets/{README-B-z6znlC.js → README-BGZN87_w.js} +1 -1
- package/storybook-static/assets/{README-CXlUZ-Tw.js → README-BNTTx0rf.js} +1 -1
- package/storybook-static/assets/{README-e3Zi9n04.js → README-BRvVmpDS.js} +1 -1
- package/storybook-static/assets/{README-CO0Anr1W.js → README-BUhZmzyX.js} +1 -1
- package/storybook-static/assets/{README-BPWr_0XE.js → README-Bb5AJH8-.js} +1 -1
- package/storybook-static/assets/{README-CoofcGyA.js → README-Bew3UK8F.js} +1 -1
- package/storybook-static/assets/{README-WtLMdn_H.js → README-Bk_A3mYt.js} +1 -1
- package/storybook-static/assets/{README-Cc5RUdsX.js → README-BlTlxb7s.js} +1 -1
- package/storybook-static/assets/{README-BoZbB8t8.js → README-BqHDKN3N.js} +1 -1
- package/storybook-static/assets/{README-B7f6XRLa.js → README-BwhJA_em.js} +1 -1
- package/storybook-static/assets/{README-DBqb3xHL.js → README-BzhO6nn7.js} +1 -1
- package/storybook-static/assets/{README-DZKQ2NbJ.js → README-C-fD13Eo.js} +1 -1
- package/storybook-static/assets/{README-B6uVB1ib.js → README-C2dMbb8z.js} +1 -1
- package/storybook-static/assets/{README-jb10Ekr5.js → README-C79arOAr.js} +1 -1
- package/storybook-static/assets/{README-DnIK-CvZ.js → README-C7gQVhLI.js} +1 -1
- package/storybook-static/assets/{README-8vaqVs2t.js → README-CBYHjEjb.js} +1 -1
- package/storybook-static/assets/{README-7mbN7jNm.js → README-CCqwPYoe.js} +1 -1
- package/storybook-static/assets/{README-6n5fAnyG.js → README-CJKEEjnI.js} +1 -1
- package/storybook-static/assets/{README-BfF9g6q6.js → README-CKDAq2L0.js} +1 -1
- package/storybook-static/assets/{README-CXhBUq08.js → README-CXNyh6Hq.js} +1 -1
- package/storybook-static/assets/{README-W30_dPSQ.js → README-Ce9KyfEM.js} +1 -1
- package/storybook-static/assets/{README-BGEviJbA.js → README-CijcMn5M.js} +1 -1
- package/storybook-static/assets/{README-CZaKBu1r.js → README-Cj8rKrp5.js} +1 -1
- package/storybook-static/assets/{README-g4l3WFXZ.js → README-CkYzrLaV.js} +1 -1
- package/storybook-static/assets/{README-B-K2UPpo.js → README-CvqMprlS.js} +1 -1
- package/storybook-static/assets/{README-tDgobAYS.js → README-CxURTiLk.js} +1 -1
- package/storybook-static/assets/{README-10_nKrEg.js → README-DBsUCpqI.js} +1 -1
- package/storybook-static/assets/{README-DKMzvCHg.js → README-DD2eTjZe.js} +1 -1
- package/storybook-static/assets/{README-8qj7XGDa.js → README-DJ53d7sm.js} +6 -3
- package/storybook-static/assets/{README-E09CwLzJ.js → README-DLlWedYv.js} +1 -1
- package/storybook-static/assets/{README-BgbmWbpJ.js → README-DRxLVin-.js} +1 -1
- package/storybook-static/assets/{README-BsHrwATK.js → README-DTE8nUeJ.js} +1 -1
- package/storybook-static/assets/{README-DT4BWDzj.js → README-DUh3QGlI.js} +14 -8
- package/storybook-static/assets/{README-AbbeH5rC.js → README-DfrkaWMN.js} +1 -1
- package/storybook-static/assets/{README-CqMgUXym.js → README-DlJZHUr9.js} +1 -1
- package/storybook-static/assets/{README-_UuZJvdY.js → README-Dm0fH6Ac.js} +1 -1
- package/storybook-static/assets/{README-DsEaeYrz.js → README-DvgeFwUN.js} +1 -1
- package/storybook-static/assets/{README-DLGk_zi3.js → README-DzfnNMhi.js} +1 -1
- package/storybook-static/assets/{README-DyhDd6j2.js → README-EjFzMh6K.js} +1 -1
- package/storybook-static/assets/{README-bJALHbSR.js → README-Yp7ckVfi.js} +1 -1
- package/storybook-static/assets/{README-DXzLMFnF.js → README-ZzFd6eCk.js} +1 -1
- package/storybook-static/assets/{README-DB3HzmYa.js → README-cBsDQvLg.js} +1 -1
- package/storybook-static/assets/{README-By7MmJad.js → README-hq5hkADm.js} +1 -1
- package/storybook-static/assets/{README-BWiCGCpy.js → README-kYUqgwYs.js} +1 -1
- package/storybook-static/assets/{README-q6R_bF6h.js → README-l9uKtPiZ.js} +1 -1
- package/storybook-static/assets/{RadioButton-DGjO61a9.js → RadioButton-BDpUjCQB.js} +1 -1
- package/storybook-static/assets/{RadioButton-j3O4woG8.js → RadioButton-BWpGjwT9.js} +1 -1
- package/storybook-static/assets/{RadioButton.stories-COGMYQcq.js → RadioButton.stories-DrOP5Alc.js} +1 -1
- package/storybook-static/assets/{RadioGroup-Cuj2D_RZ.js → RadioGroup-BljW3G4c.js} +1 -1
- package/storybook-static/assets/{RadioGroup-D9samx7D.js → RadioGroup-wzlE1seI.js} +1 -1
- package/storybook-static/assets/{RadioGroup.stories-KSDvpgqY.js → RadioGroup.stories-6h1qt8DI.js} +1 -1
- package/storybook-static/assets/{Scrollable-DsOw--4y.js → Scrollable-C7dBSd5R.js} +1 -1
- package/storybook-static/assets/{Scrollable-tPrIOchd.js → Scrollable-Dhpelsb3.js} +1 -1
- package/storybook-static/assets/{Scrollable.stories-B7d_6eGB.js → Scrollable.stories-Cj1mRfdX.js} +1 -1
- package/storybook-static/assets/{Select-D0CHiGkz.js → Select-BI1R-0nK.js} +1 -1
- package/storybook-static/assets/{Select-h0tWQbii.js → Select-n3InYkr7.js} +1 -1
- package/storybook-static/assets/{Select.stories-GmGbpUoi.js → Select.stories-pppfr6nn.js} +1 -1
- package/storybook-static/assets/{Separator-C8aQcNns.js → Separator-Bx2BKztN.js} +1 -1
- package/storybook-static/assets/{Separator-Dh8kzf-5.js → Separator-GtZBq7gL.js} +1 -1
- package/storybook-static/assets/{Separator.stories-nQ9bDdo1.js → Separator.stories-DxY_qbJt.js} +1 -1
- package/storybook-static/assets/{SerializableSelect-BJAxQ8an.js → SerializableSelect-DogkO2Bz.js} +1 -1
- package/storybook-static/assets/{SerializableSelect.stories-CzVCg1_7.js → SerializableSelect.stories-C3OU-Qlh.js} +1 -1
- package/storybook-static/assets/{ShimmerText-DnEOvvJA.js → ShimmerText-XI1rbKrT.js} +1 -1
- package/storybook-static/assets/{ShimmerText.stories-D2XRPcMC.js → ShimmerText.stories-lvn1uLl_.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-DwY38Bzb.js → SingleDateTimeInput-DK8vuf-o.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-Bwn8kqI3.js → SingleDateTimeInput-HNBKELgZ.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput.stories-DKq1_AqA.js → SingleDateTimeInput.stories-DrV6WMT9.js} +1 -1
- package/storybook-static/assets/{Slider-CT0jMXMY.js → Slider-D4ec91gY.js} +1 -1
- package/storybook-static/assets/{Slider-KiXLZUpw.js → Slider-bg4iXFEy.js} +1 -1
- package/storybook-static/assets/{Slider.stories-Cmcm8HlR.js → Slider.stories-DhJUqLP3.js} +1 -1
- package/storybook-static/assets/{SliderInput-Unp3YEcU.js → SliderInput-CScKm1eT.js} +1 -1
- package/storybook-static/assets/{SliderInput-Dd_yvyMG.js → SliderInput-o9cFbZ18.js} +1 -1
- package/storybook-static/assets/{SliderInput.stories-C0MwvTOV.js → SliderInput.stories-CDNoleib.js} +1 -1
- package/storybook-static/assets/{Sortable-CnCowZw-.js → Sortable-DHqDBQQd.js} +1 -1
- package/storybook-static/assets/{Sortable.stories-DCrIurAg.js → Sortable.stories-CEhPetnR.js} +1 -1
- package/storybook-static/assets/{Splitter-BErks2lB.js → Splitter-BU9vPggP.js} +1 -1
- package/storybook-static/assets/{Splitter.stories-DyRlCVUo.js → Splitter.stories-BxKoQqiy.js} +1 -1
- package/storybook-static/assets/{StateSelect-DXfsbduM.js → StateSelect-Cp-vkDd6.js} +1 -1
- package/storybook-static/assets/{StateSelect-DuVzqi0t.js → StateSelect-ez77Inqm.js} +1 -1
- package/storybook-static/assets/{StateSelect.stories-CnIXqGFB.js → StateSelect.stories-CpZV5ol8.js} +1 -1
- package/storybook-static/assets/{StatusIndicator-Bz3JF899.js → StatusIndicator-BM7o68m0.js} +1 -1
- package/storybook-static/assets/{StatusIndicator.stories-B5RMchH3.js → StatusIndicator.stories-DmP9Drw5.js} +1 -1
- package/storybook-static/assets/{StringToggle.stories-CcR8KHGF.js → StringToggle.stories-TO-VXZOK.js} +1 -1
- package/storybook-static/assets/{Switch-a7GMbDn9.js → Switch-BnYvYOX5.js} +1 -1
- package/storybook-static/assets/{Switch-Bo-dd4nL.js → Switch-CfDHmCm8.js} +1 -1
- package/storybook-static/assets/{Switch.stories-B9c9CAmZ.js → Switch.stories-CX92UhBc.js} +1 -1
- package/storybook-static/assets/{Table-BgmEmcbL.js → Table-DkrNiq_n.js} +1 -1
- package/storybook-static/assets/{Table.stories-BByDPmdZ.js → Table.stories-DsGm0-i7.js} +1 -1
- package/storybook-static/assets/{TableEditor.stories-DJi7VPcY.js → TableEditor.stories-sxgtoDe3.js} +1 -1
- package/storybook-static/assets/{Tabs-CV1ykDlt.js → Tabs-wMDcBXIR.js} +1 -1
- package/storybook-static/assets/{Tabs.stories-DOyJdrcR.js → Tabs.stories-BVXrXbOp.js} +1 -1
- package/storybook-static/assets/{TabsBox-n38x7_yO.js → TabsBox-5NiiCrDc.js} +1 -1
- package/storybook-static/assets/{TagInput-j4mVWIf0.js → TagInput-BATz4lHU.js} +1 -1
- package/storybook-static/assets/{TagInput.stories-DSU97IRU.js → TagInput.stories-D9IJIG_P.js} +1 -1
- package/storybook-static/assets/{Text-COGTV38X.js → Text-Bswu5PVP.js} +1 -1
- package/storybook-static/assets/{Textarea-BcgmS9aD.js → Textarea-AqkGgrCZ.js} +1 -1
- package/storybook-static/assets/{Textarea-Byqjr2Ve.js → Textarea-CrkCHaE2.js} +1 -1
- package/storybook-static/assets/{Textarea.stories-D1gXsWxK.js → Textarea.stories-dtpJFQAX.js} +1 -1
- package/storybook-static/assets/{TimePanel-DzFFLXJP.js → TimePanel-DGcJeL-M.js} +1 -1
- package/storybook-static/assets/{TimePanel.stories-287q5ipF.js → TimePanel.stories-DxPuKGPZ.js} +1 -1
- package/storybook-static/assets/{Toggle-KtpVC-vX.js → Toggle-DLZn_nZe.js} +1 -1
- package/storybook-static/assets/{Toggle-CCkzi_xC.js → Toggle-Dd08B6s5.js} +1 -1
- package/storybook-static/assets/{Toggle.stories-BLKa6Zst.js → Toggle.stories-4h-5zxJC.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-sYAglJIC.js → TreeMultiSelect-4XUsw-my.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-CbnCiXFa.js → TreeMultiSelect-CF9O5XGt.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect.stories-DGw_tJQ5.js → TreeMultiSelect.stories-m5UlkTdr.js} +1 -1
- package/storybook-static/assets/{TreePickerBase-wz0-Y-eg.js → TreePickerBase-8R1GFz9r.js} +1 -1
- package/storybook-static/assets/{TreeSelect-BCOJNrl1.js → TreeSelect-BPc7kRdh.js} +1 -1
- package/storybook-static/assets/{TreeSelect-BJ6C_2pM.js → TreeSelect-CZme7Tu-.js} +1 -1
- package/storybook-static/assets/{TreeSelect.stories-DKdmUNAI.js → TreeSelect.stories-DRVi0xZP.js} +1 -1
- package/storybook-static/assets/{TreeTable-DIRsmeC8.js → TreeTable-CTBSrT9l.js} +1 -1
- package/storybook-static/assets/{TreeTable.stories-BfqeLJU6.js → TreeTable.stories-oILl7PkB.js} +1 -1
- package/storybook-static/assets/{blocks-r6nP1Mk3.js → blocks-TIr5_lNX.js} +3 -3
- package/storybook-static/assets/{check-CX66-EtS.js → check-Du8FuQ6e.js} +1 -1
- package/storybook-static/assets/{chevron-down-BpTVPmXw.js → chevron-down-rt2_lu7i.js} +1 -1
- package/storybook-static/assets/{chevron-left-BDyvowID.js → chevron-left-SdIvDBzr.js} +1 -1
- package/storybook-static/assets/{chevron-right-PitONC71.js → chevron-right-BU-pTQL2.js} +1 -1
- package/storybook-static/assets/{chunk-W22LQPXL-Bd54JRSO.js → chunk-W22LQPXL-C5x9oI8u.js} +1 -1
- package/storybook-static/assets/{circle-alert-BxfK632o.js → circle-alert-C-51hrK9.js} +1 -1
- package/storybook-static/assets/{circle-check-CQ0mrCVh.js → circle-check-DZ3A5xhF.js} +1 -1
- package/storybook-static/assets/{components-CJIwocXl.js → components-DLKEXX2n.js} +3 -3
- package/storybook-static/assets/{contextMenu-BodN1HdA.js → contextMenu-Cwftox4w.js} +1 -1
- package/storybook-static/assets/{dom-DBd_DWF8.js → dom-D9_dPJ4G.js} +1 -1
- package/storybook-static/assets/{download-C_lZf2f4.js → download-BIHyCgGp.js} +1 -1
- package/storybook-static/assets/{floating-ui.react-BzwQR5CG.js → floating-ui.react-bcuT6Qw6.js} +1 -1
- package/storybook-static/assets/{foundationApi-BgE0geET.js → foundationApi-C5uBuKS6.js} +1 -1
- package/storybook-static/assets/{foundationLib-6nKeXUFS.js → foundationLib-DRvN1n2m.js} +1 -1
- package/storybook-static/assets/{hooks-DDySZJGR.js → hooks-DovKTAOG.js} +1 -1
- package/storybook-static/assets/iframe-CxmZ1iUO.js +1 -0
- package/storybook-static/assets/{iframe-B9PXVErw.js → iframe-DfqtMMgG.js} +3 -3
- package/storybook-static/assets/{info-rdW9neC9.js → info-CgVG4e4u.js} +1 -1
- package/storybook-static/assets/{odata-D6cOAxLt.js → odata-BGOCt2tD.js} +1 -1
- package/storybook-static/assets/{odataStoryFixtures-CGQ31IO_.js → odataStoryFixtures--hE0dv-U.js} +1 -1
- package/storybook-static/assets/{react-BMktiE65.js → react-CZ1I4PcW.js} +1 -1
- package/storybook-static/assets/{refresh-cw-CfKvrc1N.js → refresh-cw-CGuUzrYs.js} +1 -1
- package/storybook-static/assets/{settings-2-Drz-L5J9.js → settings-2-BnIPgWLg.js} +1 -1
- package/storybook-static/assets/{sortable-BMuu2DRC.js → sortable-CSXMP4VV.js} +1 -1
- package/storybook-static/assets/{syntaxhighlighter-QEQV7K2Y-eBmofw1l.js → syntaxhighlighter-QEQV7K2Y-BXIJBARj.js} +1 -1
- package/storybook-static/assets/{trash-2-DEbF1hh6.js → trash-2-25yeOC8e.js} +1 -1
- package/storybook-static/assets/{triangle-alert--nwD_1ZX.js → triangle-alert-0L7_o0IU.js} +1 -1
- package/storybook-static/assets/{useODataSelectBase-DSOGiMIw.js → useODataSelectBase-D9KnZAJ2.js} +1 -1
- package/storybook-static/assets/{useODataTreeData-Cn_XaKz_.js → useODataTreeData-BRlsCagQ.js} +1 -1
- package/storybook-static/assets/{usePickerQuery-B5ZZQg8g.js → usePickerQuery-B05uUMJ9.js} +1 -1
- package/storybook-static/assets/{usePickerTriggerController-Cqy5IfOJ.js → usePickerTriggerController-YWagu6f6.js} +1 -1
- package/storybook-static/assets/{x-DSHJbBBz.js → x-i4zUW10Y.js} +1 -1
- package/storybook-static/iframe.html +2 -2
- package/storybook-static/project.json +1 -1
- package/storybook-static/assets/NotificationsHost.stories-BYmVl44l.js +0 -29
- package/storybook-static/assets/iframe-f5g4GUQw.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-DfqtMMgG.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{l as i,m as a}from"./blocks-TIr5_lNX.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/Media`}),`
|
|
2
2
|
`,(0,c.jsx)(t.h1,{id:`адаптивность-и-media-queries`,children:`Адаптивность и media queries`}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[`Модуль `,(0,c.jsx)(t.code,{children:`media`}),` содержит общий низкоуровневый контракт адаптивности для React-приложений:`]}),`
|
|
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-DfqtMMgG.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{l as i,m as a}from"./blocks-TIr5_lNX.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/Binary`}),`
|
|
2
2
|
`,(0,c.jsx)(t.h1,{id:`работа-с-бинарными-данными`,children:`Работа с бинарными данными`}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[`Модуль `,(0,c.jsx)(t.code,{children:`binary`}),` преобразует строковое бинарное содержимое в браузерный `,(0,c.jsx)(t.code,{children:`Blob`}),`, определяет предполагаемый MIME-тип документа и предоставляет React hook для типового сценария «base64 → `,(0,c.jsx)(t.code,{children:`{ blob, mime }`}),`».`]}),`
|
|
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-DfqtMMgG.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{l as i,m as a}from"./blocks-TIr5_lNX.js";function o(e){let t={a:`a`,blockquote:`blockquote`,code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,table:`table`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,...n(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i,{title:`Foundation Lib/API/Hooks`}),`
|
|
2
2
|
`,(0,c.jsx)(t.h1,{id:`react-и-browser-hooks`,children:`React и browser hooks`}),`
|
|
3
3
|
`,(0,c.jsxs)(t.p,{children:[`Модуль `,(0,c.jsx)(t.code,{children:`@ryuzaki13/react-foundation-lib/hooks`}),` содержит общие React hooks для задач, которые повторяются в разных приложениях:`]}),`
|
|
4
4
|
`,(0,c.jsxs)(t.ul,{children:[`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DfqtMMgG.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-TIr5_lNX.js";import{a as p,i as m,n as h,r as g,t as _}from"./RadioButton.stories-DrOP5Alc.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-DfqtMMgG.js";import{a as o,i as s}from"./utils-tg3ibbzi.js";import{n as c,t as l}from"./ui.module-0uniSGT-.js";import{i as u,r as d}from"./uiClasses-Bar5W7-L.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:_}})))()}function b({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,x.useId)(),_=u??g,y=t?`${_}-description`:void 0,b=e??n,C=l??!1;return(0,S.jsxs)(`div`,{className:o(c.uiElement,i&&c.uiSizable,i&&c[i],r&&c.disabled,a),children:[(0,S.jsxs)(`div`,{className:p.row,children:[(0,S.jsxs)(`div`,{className:o(p.wrapper,d(f)),children:[(0,S.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,S.jsx)(`div`,{className:o(c.uiSelectionIcon,p.icon),"aria-hidden":`true`,children:(0,S.jsx)(h,{fill:`currentColor`})})]}),b&&(0,S.jsx)(`label`,{htmlFor:_,className:c.uiLabel,children:b})]}),t&&(0,S.jsx)(`p`,{id:y,className:c.uiDescription,children:t})]})}var x,S;function C(){return(C=t((()=>{x=e(n(),1),s(),g(),f(),l(),u(),y(),S=i(),b.__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:`"accent" | "neutral" | "brand" | "error" | "warning" | "success" | "info"`,elements:[{name:`literal`,value:`"accent"`},{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,b as t};
|
package/storybook-static/assets/{RadioButton.stories-COGMYQcq.js → RadioButton.stories-DrOP5Alc.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-BWpGjwT9.js";import{n as a}from"./iframe-DfqtMMgG.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:`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`,`accent`,`brand`,`error`,`warning`,`success`,`info`]}}},p={render:d,args:{label:`Выбрать опцию`,description:`Одиночная радиокнопка в controlled-режиме.`,value:!1,tone:`neutral`}},m={render:()=>{let[e,t]=(0,l.useState)(`email`);return(0,u.jsxs)(`div`,{role:`radiogroup`,"aria-label":`Канал уведомлений`,style:{display:`grid`,gap:12},children:[(0,u.jsx)(i,{name:`notification-channel`,label:`Email`,value:e===`email`,onChange:e=>e&&t(`email`),tone:`info`}),(0,u.jsx)(i,{name:`notification-channel`,label:`SMS`,value:e===`sms`,onChange:e=>e&&t(`sms`),tone:`info`})]})},args:{value:void 0}},h={render:d,args:{label:`Недоступная опция`,description:`Заблокировано политикой конфигурации.`,value:!0,disabled:!0,tone:`neutral`}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: renderRadioButtonStory,
|
|
3
3
|
args: {
|
|
4
4
|
label: "Выбрать опцию",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DfqtMMgG.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-TIr5_lNX.js";import{a as p,i as m,n as h,r as g,t as _}from"./RadioGroup.stories-6h1qt8DI.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.
|
|
@@ -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-
|
|
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-DfqtMMgG.js";import{a as i,i as a,n as o,o as s}from"./utils-tg3ibbzi.js";import{n as c,t as l}from"./ui.module-0uniSGT-.js";var u,d,f,p,m,h,g,_;function v(){return(v=t((()=>{u=`nINbA6`,d=`GL-UWx`,f=`_6PeF-i`,p=`_5wP4aR`,m=`S3MnZI`,h=`KHJ0ja`,g=`oGmcQH`,_={radioGroup:u,noWrap:d,horizontal:f,vertical:p,radioItem:m,checked:h,radioItemContent:g}})))()}function y({value:e,onChange:t,label:n,description:r,disabled:a,className:o,noWrap:s,orientation:l=`horizontal`,"aria-label":u,children:d}){let f=(0,x.useId)(),p=n?`${f}-label`:void 0,m=r?`${f}-description`:void 0,[h,g]=(0,x.useState)([]),v=(0,x.useCallback)(e=>t?.(e),[t]),y=(0,x.useCallback)(e=>(g(t=>t.includes(e)?t:[...t,e]),()=>{g(t=>t.filter(t=>t!==e))}),[]),b=(0,x.useMemo)(()=>({value:e,onChange:v,disabled:a,orientation:l,groupId:f,labelId:p,descriptionId:m,firstOptionId:h[0],registerOption:y}),[m,a,f,v,p,l,y,h,e]);return(0,S.jsxs)(`div`,{className:i(c.uiElement,a&&c.disabled,o),children:[n&&(0,S.jsx)(`div`,{id:p,className:c.uiLabel,children:n}),r&&(0,S.jsx)(`div`,{id:m,className:c.uiDescription,children:r}),(0,S.jsx)(C.Provider,{value:b,children:(0,S.jsx)(`div`,{role:`radiogroup`,"aria-labelledby":p,"aria-label":p?void 0:u,"aria-describedby":m,"aria-disabled":a||void 0,"data-disabled":a||void 0,className:i(c.uiInputControl,_.radioGroup,s&&_.noWrap,_[l]),children:d})})]})}function b({value:e,label:t,description:n,className:r}){let a=(0,x.useContext)(C),c=(0,x.useId)(),l=a?.registerOption;if((0,x.useLayoutEffect)(()=>{if(l)return l(c)},[l,c]),!a)return(0,S.jsxs)(`div`,{className:i(_.radioItem,r),children:[(0,S.jsx)(`p`,{className:`textNoWrap`,children:t}),n&&(0,S.jsx)(`div`,{className:`fontSizeSm content2`,children:n})]});let u=Object.is(a.value,e),d=a.disabled===!0,f=a.value===void 0&&a.firstOptionId===c,p=()=>{d||u||a.onChange?.(e)};return(0,S.jsx)(`button`,{id:`${a.groupId}-option-${c}`,type:`button`,role:`radio`,"aria-checked":u,disabled:d,tabIndex:u||f?0:-1,className:i(_.radioItem,u&&_.checked,r),"data-ui":`radio-option`,"data-action":`select-radio-option`,onClick:p,onKeyDown:e=>{if(d||o(e,p))return;let t=e.currentTarget,n=t.closest(`[role="radiogroup"]`),r=Array.from(n?.querySelectorAll(`[role="radio"]:not([disabled])`)??[]);if(!r.length)return;let i=r.indexOf(t);if(i===-1)return;let c=s({currentIndex:i,itemCount:r.length,key:e.key,orientation:a.orientation});c!==null&&(e.preventDefault(),r[c]?.focus(),r[c]?.click())},children:(0,S.jsxs)(`span`,{className:_.radioItemContent,children:[(0,S.jsx)(`span`,{className:`textNoWrap`,children:t}),n&&(0,S.jsx)(`span`,{className:`fontSizeSm`,children:n})]})})}var x,S,C;function w(){return(w=t((()=>{x=e(n(),1),a(),l(),v(),S=r(),C=(0,x.createContext)(null),y.Option=b,y.__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:``}}},b.__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{w as n,y as t};
|
package/storybook-static/assets/{RadioGroup.stories-KSDvpgqY.js → RadioGroup.stories-6h1qt8DI.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-DfqtMMgG.js";import{n as r,t as i}from"./createControlledStoryRender-BouhvX-R.js";import{n as a,t as o}from"./RadioGroup-wzlE1seI.js";var s=t({Controlled:()=>g,Disabled:()=>v,Vertical:()=>_,__namedExportsOrder:()=>y,default:()=>h});function c(e){return(0,d.jsx)(o,{...e})}function l({args:e,updateArgs:t,options:n,showValue:r=!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)(o.Option,{value:e.value,label:e.label,description:e.description},e.value))}),r&&(0,d.jsxs)(`div`,{children:[`Выбрано: `,e.value??`не выбрано`]})]})}function u(e,t=!1){return i((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((()=>{r(),a(),d=n(),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:`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{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DfqtMMgG.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";function i({ref:e,children:t,height:r,stable:i,overscroll:o,className:s,style:c,...l}){return(0,a.jsx)(`div`,{...l,ref:e,className:n(`scrollable`,i&&`stable`,o&&`overscroll`,s),style:{...c,height:r??c?.height},children:t})}var a;function o(){return(o=e((()=>{r(),a=t(),i.__docgenInfo={description:``,methods:[],displayName:`Scrollable`,props:{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:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLDivElement`}],raw:`Ref<HTMLDivElement>`},description:``}},composes:[`ComponentPropsWithoutRef`]}})))()}export{o as n,i 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-DfqtMMgG.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,f as a,l as o,m as s,n as c,p as l,r as u,u as d}from"./blocks-TIr5_lNX.js";import{n as f,r as p,t as m}from"./Scrollable.stories-Cj1mRfdX.js";function h(e){let t={code:`code`,p:`p`,pre:`pre`,...n(),...e.components};return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(o,{of:f}),`
|
|
2
2
|
`,(0,_.jsx)(l,{children:`Scrollable`}),`
|
|
3
3
|
`,(0,_.jsx)(a,{children:`Нейтральный контейнер прокрутки с управляемой семантикой`}),`
|
|
4
4
|
`,(0,_.jsxs)(t.p,{children:[(0,_.jsx)(t.code,{children:`Scrollable`}),` не добавляет роль и не меняет порядок фокуса автоматически: большинство внутренних областей прокрутки не являются самостоятельными регионами интерфейса.
|
package/storybook-static/assets/{Scrollable.stories-B7d_6eGB.js → Scrollable.stories-Cj1mRfdX.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-DfqtMMgG.js";import{n as r,t as i}from"./Scrollable-C7dBSd5R.js";var a=t({AccessibleRegion:()=>l,__namedExportsOrder:()=>u,default:()=>c}),o,s,c,l,u;function d(){return(d=e((()=>{r(),o=n(),s=Array.from({length:12},(e,t)=>`Событие ${t+1}`),c={title:`UI/Scrollable`,component:i,args:{height:160,stable:!0,overscroll:!0,role:`region`,"aria-label":`Журнал событий`,tabIndex:0},argTypes:{height:{description:`Высота области прокрутки.`,control:`text`},stable:{description:`Резервирует место для полосы прокрутки.`,control:`boolean`},overscroll:{description:`Удерживает прокрутку внутри компонента на границах.`,control:`boolean`},role:{description:`ARIA-роль значимой области прокрутки; по умолчанию не задаётся.`,control:`text`},"aria-label":{description:`Доступное имя области, если она объявлена отдельным region.`,control:`text`},tabIndex:{description:`Добавляет область в порядок фокуса для управления прокруткой с клавиатуры.`,control:`number`}},render:function(e){return(0,o.jsx)(i,{...e,className:`border radiusSm paddingSm`,children:(0,o.jsx)(`ol`,{children:s.map(e=>(0,o.jsx)(`li`,{children:e},e))})})}},l={},l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{}`,...l.parameters?.docs?.source}}},u=[`AccessibleRegion`]})))()}export{a as n,d as r,l as t};
|
|
@@ -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-Du8FuQ6e.js";import{n as i}from"./iframe-DfqtMMgG.js";import{a,i as o}from"./utils-tg3ibbzi.js";import{n as s,t as ee}from"./OptionContent-DyxUQFu3.js";import{n as c,t as l}from"./ui.module-0uniSGT-.js";import{n as u,t as te}from"./PickerField-B8_SoyYo.js";import{c as d,d as f,f as p,i as ne,l as re,n as ie,r as m,s as h,t as g,u as _}from"./usePickerTriggerController-YWagu6f6.js";import{n as v,t as ae}from"./Option-CSut1BkS.js";import{i as y,n as oe,r as se,t as b}from"./usePickerQuery-B05uUMJ9.js";import{n as x,t as S}from"./usePickerDefaultFilter-ien2ZY7g.js";import{n as C,t as w}from"./OptionContentContainer-DnzI9J61.js";function ce({option:e,getOptionLabel:t,getOptionCode:n,getOptionGroup:r}){return[f(t(e)),f(n?.(e)),f(r?.(e)?.label)].filter(e=>!!e).join(` `).toLowerCase()}function T(){return(T=e((()=>{p()})))()}function le(e,t){let n=[];return e.forEach((e,r)=>{let i=t(e),a=n.at(-1),o=a?.group?.key===i?.key;if(a&&o){a.items.push({option:e,index:r});return}n.push({group:i,items:[{option:e,index:r}]})}),n}function E(e){let{label:t,description:n,disabled:i,placeholder:o,size:s,options:l,value:u,onChange:d,getOptionKey:p,getOptionLabel:m,getOptionCode:g,getOptionSearchText:_,getOptionDisabled:v,getOptionAriaLabel:y,getOptionGroup:b,getOptionClassName:S,renderOption:C,renderValue:T,className:E,buttonClassName:k,optionsClassName:ue,optionsMaxWidth:de,optionsContentClassName:fe,searchable:A=!1,defaultFilter:pe=!0,query:me,defaultQuery:he,onQuery:ge,renderPopupHeader:_e,emptyState:ve,isLoading:j,errorState:M,placement:N=`bottom-start`,clearable:P=!1}=e,F=d,I=(0,D.useRef)(null),[L,ye]=(0,D.useState)(!1),R=A?`search-single`:`display`,z=u===void 0?void 0:p(u),B=z===void 0?void 0:l.find(e=>p(e)===z)??u,{query:V,setQuery:H,resetQueryOnClose:be}=oe({query:me,defaultQuery:he,onQuery:ge,triggerMode:R}),xe=e=>{L&&!e&&be&&H(``),ye(e)},Se=(0,D.useCallback)(e=>_?.(e)??ce({option:e,getOptionLabel:m,getOptionCode:g,getOptionGroup:b}),[_,g,b,m]),U=x({options:l,query:V,enabled:A&&pe,getSearchText:Se}),W=(0,D.useMemo)(()=>b?le(U,b):void 0,[b,U]),Ce=z===void 0?-1:U.findIndex(e=>p(e)===z),{activeIndex:we,context:Te,floatingStyles:Ee,getFloatingProps:De,setReference:Oe,setFloating:ke,setOptionRef:Ae,close:G,openList:je,toggleOpen:Me,selectOption:Ne,selectActiveOption:Pe,handleReferenceKeyDown:Fe,handleFloatingKeyDown:Ie,getOptionId:Le,getActiveOptionId:K}=ne({options:U,selectedIndex:Ce,open:L,onOpenChange:xe,getOptionDisabled:v,onSelect:F,disabled:i,placement:N,triggerMode:R}),q=U.length>0,J=B===void 0?void 0:m(B),Y=B===void 0?void 0:T?T(B):J,Re=f(J),ze=B===void 0?void 0:f(g?.(B)),X=f(Y)??Re??ze??(z===void 0?``:String(z)),Z=A&&(L||V.length>0)?V:B===void 0?``:X,Q=ie({mode:R,open:L,currentQuery:V,hasDisplayValue:B!==void 0,inputRef:I,setQuery:H,openList:je,close:G,toggleOpen:Me}),Be=e=>{I.current=e},Ve=()=>{P&&F(void 0),H(``),G()},$=(e,t,n)=>{let i=p(t),a=z!==void 0&&i===z,o=n===we,s=v?.(t)??!1,c={active:o,selected:a,disabled:s};return(0,O.jsx)(ae,{id:Le(e,n),ref:e=>Ae(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),onMouseDown:e=>e.preventDefault(),onClick:()=>Ne(t),children:C?(0,O.jsx)(w,{children:C(t,c)}):(0,O.jsx)(w,{children:(0,O.jsx)(ee,{icon:a?(0,O.jsx)(r,{}):(0,O.jsx)(`span`,{}),text:m(t),code:g?.(t)})})},i)};return(0,O.jsx)(te,{label:t,description:n,disabled:i,size:s,className:E,children:({controlId:e,labelId:n,describedBy:r})=>{let s=`${e}-listbox`;return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(h,{ref:Be,rootRef:Oe,id:e,type:`text`,disabled:i,readOnly:!A,autoComplete:`off`,role:`combobox`,isLoading:j,open:L,optionCount:l.length,label:t,placeholder:o,value:Z,selectedValue:Y??X,hasSelection:B!==void 0,showSelectedValue:!1,clearable:!!P,onClear:Ve,onToggleMouseDown:Q.handleToggleMouseDown,onToggleClick:Q.handleToggleClick,"aria-labelledby":n,"aria-describedby":r,"aria-haspopup":`listbox`,"aria-expanded":L,"aria-controls":L?s:void 0,"aria-autocomplete":A?`list`:`none`,"aria-activedescendant":L?K(s):void 0,inputClassName:a(k,`textOverflow`),onChange:e=>{A&&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:!A})}}),(0,O.jsx)(re,{open:L,context:Te,floatingStyles:Ee,listId:s,labelId:n,descriptionId:r,activeOptionId:q?K(s):void 0,setFloating:ke,getFloatingProps:De,onKeyDown:Ie,className:ue,maxWidth:de,toolbar:_e,children:(0,O.jsx)(`div`,{role:`presentation`,className:a(fe,`h100 scrollable overscroll`),children:q?W?W.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,O.jsxs)(`div`,{role:`group`,"aria-labelledby":n,children:[(0,O.jsx)(`div`,{id:n,className:c.uiPopupGroupLabel,children:e.group.label}),r]},`group-${String(e.group.key)}-${t}`):(0,O.jsx)(D.Fragment,{children:r},`options-${t}`)}):U.map((e,t)=>$(s,e,t)):(0,O.jsx)(se,{emptyState:ve,errorState:M})})})]})}})}var D,O;function k(){return(k=e((()=>{D=t(),o(),n(),v(),s(),C(),p(),u(),_(),y(),d(),S(),m(),b(),g(),l(),T(),O=i(),E.__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}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-DfqtMMgG.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-TIr5_lNX.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-pppfr6nn.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,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-DfqtMMgG.js";import{n as i,t as a}from"./Select-BI1R-0nK.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:`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>>();
|
|
@@ -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-DfqtMMgG.js";import{a as r,i}from"./utils-tg3ibbzi.js";import{n as a,t as o}from"./PolymorphicComponent-NBvIz9JD.js";function s({as:e,orientation:t=`horizontal`,className:n,role:i=`separator`,"aria-orientation":a,...s}){return(0,c.jsx)(o,{as:e,role:i,"aria-orientation":i===`separator`?a??t:void 0,className:r(n,t===`horizontal`?`separator`:`separatorVertical`),...s})}var c;function l(){return(l=e((()=>{t(),i(),a(),c=n(),s.__docgenInfo={description:``,methods:[],displayName:`Separator`,props:{as:{required:!1,tsType:{name:`E`},description:``},orientation:{required:!1,tsType:{name:`union`,raw:`"horizontal" | "vertical"`,elements:[{name:`literal`,value:`"horizontal"`},{name:`literal`,value:`"vertical"`}]},description:``,defaultValue:{value:`"horizontal"`,computed:!1}},className:{required:!1,tsType:{name:`string`},description:``},role:{defaultValue:{value:`"separator"`,computed:!1},required:!1}}}})))()}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-DfqtMMgG.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-TIr5_lNX.js";import{i as p,n as m,r as h,t as g}from"./Separator.stories-DxY_qbJt.js";function _(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,y.jsx)(u,{children:`Separator`}),`
|
|
3
3
|
`,(0,y.jsx)(o,{children:`Горизонтальное или вертикальное семантическое разделение соседних частей интерфейса`}),`
|
|
4
4
|
`,(0,y.jsxs)(t.p,{children:[(0,y.jsx)(t.code,{children:`Separator`}),` по умолчанию использует `,(0,y.jsx)(t.code,{children:`role="separator"`}),`. Значение `,(0,y.jsx)(t.code,{children:`aria-orientation`}),` автоматически соответствует визуальному `,(0,y.jsx)(t.code,{children:`orientation`}),`, поэтому направление одинаково воспринимается и визуально, и assistive technologies.`]}),`
|
package/storybook-static/assets/{Separator.stories-nQ9bDdo1.js → Separator.stories-DxY_qbJt.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-DfqtMMgG.js";import{n as r,t as i}from"./Separator-Bx2BKztN.js";var a=t({Horizontal:()=>c,Vertical:()=>l,__namedExportsOrder:()=>u,default:()=>s}),o,s,c,l,u;function d(){return(d=e((()=>{r(),o=n(),s={title:`UI/Separator`,component:i,args:{orientation:`horizontal`},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{orientation:{description:`Визуальное и семантическое направление разделителя.`,control:`inline-radio`,options:[`horizontal`,`vertical`]}}},c={},l={args:{orientation:`vertical`},render:e=>(0,o.jsxs)(`div`,{style:{display:`flex`,alignItems:`stretch`,height:48},children:[(0,o.jsx)(`span`,{children:`Слева`}),(0,o.jsx)(i,{...e}),(0,o.jsx)(`span`,{children:`Справа`})]})},c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{}`,...c.parameters?.docs?.source}}},l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
orientation: "vertical"
|
|
4
4
|
},
|
package/storybook-static/assets/{SerializableSelect-BJAxQ8an.js → SerializableSelect-DogkO2Bz.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-DfqtMMgG.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-TIr5_lNX.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-C3OU-Qlh.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-DfqtMMgG.js";import{n as i,t as a}from"./Select-BI1R-0nK.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:`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:`{
|
|
@@ -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-DfqtMMgG.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-TIr5_lNX.js";import{i as p,n as m,r as h,t as g}from"./ShimmerText.stories-lvn1uLl_.js";function _(e){let t={code:`code`,h2:`h2`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(s,{of:h,parameters:{atomicCanvas:!0,layout:`padded`,docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,y.jsx)(u,{children:`ShimmerText`}),`
|
|
3
3
|
`,(0,y.jsx)(o,{children:`Обычный текст с проходящим световым бликом`}),`
|
|
4
4
|
`,(0,y.jsx)(t.p,{children:`ShimmerText визуально обозначает короткий выполняющийся процесс, не заменяя текст скелетоном или отдельным индикатором. Компонент наследует цвет окружения и сохраняет обычное текстовое содержимое в DOM и accessibility tree.`}),`
|
package/storybook-static/assets/{ShimmerText.stories-D2XRPcMC.js → ShimmerText.stories-lvn1uLl_.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-DfqtMMgG.js";import{a as r,i}from"./utils-tg3ibbzi.js";var a,o;function s(){return(s=e((()=>{a=`YNql8u`,o={text:a,"shimmer-text-sweep":`cdP56E`}})))()}function c({children:e,className:t,...n}){return(0,l.jsx)(`span`,{...n,className:r(o.text,t),children:e})}var l;function u(){return(u=e((()=>{i(),s(),l=n(),c.__docgenInfo={description:`Показывает обычный доступный текст с проходящим по символам световым бликом.
|
|
2
2
|
Подходит для коротких сообщений о выполняющемся процессе и наследует цвет
|
|
3
3
|
окружающего текста без собственной семантики загрузки.`,methods:[],displayName:`ShimmerText`}})))()}var d=t({Basic:()=>m,InContext:()=>h,__namedExportsOrder:()=>g,default:()=>p}),f,p,m,h,g;function _(){return(_=e((()=>{u(),f=n(),p={title:`UI/ShimmerText`,component:c,args:{children:`Подготавливаем рабочую область`},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{children:{description:`Короткий текст, по которому проходит световой блик.`,control:`text`}}},m={},h={render:()=>(0,f.jsx)(`p`,{style:{color:`var(--content1)`,margin:0},role:`status`,children:(0,f.jsx)(c,{children:`Загружаем актуальные данные`})})},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{}`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
|
|
4
4
|
render: () => <p style={{
|
package/storybook-static/assets/{SingleDateTimeInput-DwY38Bzb.js → SingleDateTimeInput-DK8vuf-o.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{c as n,n as r,s 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,n as r,s as i,t as a}from"./CalendarView-CX2J7c6F.js";import{i as o,n as s,r as c}from"./iframe-DfqtMMgG.js";import{a as l,i as u}from"./utils-tg3ibbzi.js";import{d,h as f,s as ee}from"./formatters-DVE1YVNQ-YIdRxgw-.js";import{n as p,t as m}from"./Popover-NBKcB7nc.js";import{n as h,t as g}from"./ui.module-0uniSGT-.js";import{d as _,l as v,r as y,s as b,u as x}from"./Input-Bvw9Sw0g.js";import{a as S,i as C,n as te,r as ne,t as w}from"./date-segments-DeoMkKv9.js";import{a as T,c as re,d as E,i as D,l as O,n as ie,o as k,r as ae,s as A,t as oe,u as j}from"./TimePanel-DGcJeL-M.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)(()=>T(o),[o]),c=(0,F.useMemo)(()=>C(s),[s]),l=(0,F.useMemo)(()=>P(c),[c]),u=(0,F.useMemo)(()=>te(e??null,c),[c,e]),d=e?.getTime()??null,[f,ee]=(0,F.useState)(null),p=(f?.sourceValueTime===d&&f.sourceMode===o?f.values:null)??u,m=(0,F.useRef)(new Map),h=(0,F.useRef)(0),g=(0,F.useCallback)(e=>{ee(e===null?null:{sourceValueTime:d,sourceMode:o,values:e})},[d,o]),_=(0,F.useCallback)(n=>{if(w(c,n))return t(null),null;let r=S(c,n,{defaultDate:o===`time`?j(e,`time`)??D():void 0});return!r||!A(r,i,a,o)?null:(t(r),r)},[a,i,o,t,c,e]),v=(0,F.useCallback)((e,t=!0)=>{let n=m.current.get(e);n&&(n.focus(),t&&requestAnimationFrame(()=>n.select()))},[]),y=(0,F.useCallback)(e=>{let t=l.indexOf(e);return t<l.length-1?l[t+1]:null},[l]),b=(0,F.useCallback)(e=>{let t=l.indexOf(e);return t>0?l[t-1]:null},[l]),x=(0,F.useCallback)((e,t)=>e.padStart(t.length,`0`),[]);return{segments:c,segmentValues:p,registerRef:(0,F.useCallback)(e=>t=>{if(t){m.current.set(e,t);return}m.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(p);if(o.set(e,a),g(o),n?.(),a.length===i.length){let t=y(e);t!==null&&requestAnimationFrame(()=>v(t))}_(o)},[r,v,y,n,p,c,g,_]),handleKeyDown:(0,F.useCallback)(e=>t=>{if(r)return;let n=c[e];if(n.kind!==`editable`)return;let i=p.get(e)??``,a=t.currentTarget;switch(t.key){case`ArrowRight`:if(a.selectionStart===i.length||i===``){t.preventDefault();let n=y(e);n!==null&&v(n)}break;case`ArrowLeft`:if(a.selectionStart===0||i===``){t.preventDefault();let n=b(e);n!==null&&v(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(p);o.set(e,x(String(r),n)),g(o),_(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(p);o.set(e,x(String(r),n)),g(o),_(o),requestAnimationFrame(()=>a.select());break}case`Backspace`:if(i===``){t.preventDefault();let n=b(e);n!==null&&v(n)}break;case`Delete`:{t.preventDefault();let n=new Map(p);n.set(e,``),g(n),_(n);break}}},[r,v,y,b,x,p,c,g,_]),handleFocus:(0,F.useCallback)(()=>e=>{e.target.select()},[]),handleContainerFocus:(0,F.useCallback)(()=>{clearTimeout(h.current)},[]),handleContainerBlur:(0,F.useCallback)(()=>{let n=new Map(p);h.current=window.setTimeout(()=>{if(w(c,n)){t(null),g(n);return}let r=S(c,n,{defaultDate:o===`time`?j(e,`time`)??D():void 0});if(!r||!A(r,i,a,o)){g(null);return}g(n)},0)},[a,i,o,t,p,c,g,e]),focusFirstEmpty:(0,F.useCallback)(()=>{let e=l.find(e=>!(p.get(e)??``))??l[l.length-1];e!==void 0&&v(e)},[l,v,p])}}var F;function I(){return(I=e((()=>{F=t(),ne(),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:n,description:r,placeholder:o,disabled:s,size:c,error:u,onClearError:f,minDate:p,maxDate:g,timePanelPlacement:v=`right`,mode:x=`date-time`}){let S=(0,X.useMemo)(()=>j(e,x),[x,e]),C=(0,X.useMemo)(()=>d(new Date),[]),[te,ne]=(0,X.useState)(!1),[w,T]=(0,X.useState)(S??null),[D,ie]=(0,X.useState)(`day`),[k,M]=(0,X.useState)(()=>E(S,C,x)),{controlId:N,labelId:P,descriptionId:F,errorId:I,describedBy:L}=_({hasLabel:n!=null,hasDescription:!!r,hasError:!!u}),{segments:R,segmentValues:z,registerRef:B,handleInput:V,handleKeyDown:H,handleFocus:U,handleContainerFocus:W,handleContainerBlur:G,focusFirstEmpty:K}=ce({value:S,onChange:t,onClearError:f,disabled:s,minDate:p,maxDate:g,mode:x}),J=e=>{if(x===`time`||ee(e)||s)return;let t=re(e,w??S??k),{hours:n,minutes:r}=ae(e,t.getHours(),t.getMinutes(),p,g,x),i=O(e,n,r);A(i,p,g,x)&&(f?.(),T(i),M(i))},Y=(e,t)=>{if(s)return;let n=w??S??k,r=ae(n,e,t,p,g,x),i=O(n,r.hours,r.minutes,x);A(i,p,g,x)&&(f?.(),T(i),M(i))},Q=e=>{e&&(T(S??null),M(E(S,C,x))),ne(e)},le=()=>{(S?.getTime()??null)!==(w?.getTime()??null)&&t(w)},ue=v===`right`?q.timePanelPaneRight:q.timePanelPaneBottom,de=x===`time`?`Открыть выбор времени`:`Открыть календарь даты и времени`,fe=o??(x===`time`?`чч:мм`:`дд.мм.гггг чч:мм`),$=w??S??k;return(0,Z.jsxs)(m,{open:te,onOpenChange:Q,children:[(0,Z.jsx)(b,{label:n,description:r,disabled:s,size:c,error:u,controlId:N,labelId:P,descriptionId:F,errorId:I,children:(0,Z.jsx)(y,{endAdornmentWidth:`var(--control-height)`,endAdornment:(0,Z.jsx)(`div`,{className:h.uiToggleButtonContainer,children:(0,Z.jsx)(m.Trigger,{children:(0,Z.jsx)(`button`,{type:`button`,disabled:s,"aria-label":de,"aria-haspopup":`dialog`,className:h.uiToggleButton,children:x===`time`?(0,Z.jsx)(se,{}):(0,Z.jsx)(i,{})})})}),children:({controlClassName:e})=>(0,Z.jsx)(`div`,{id:N,className:l(h.uiInputControlFake,e),"data-disabled":s||void 0,"data-invalid":u?``:void 0,role:`group`,"aria-invalid":!!u||void 0,"aria-description":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)(m.Content,{background:`primary`,role:`dialog`,"aria-label":x===`time`?`Выбор времени`:`Выбор даты и времени`,onClose:le,children:x===`time`?(0,Z.jsx)(`div`,{className:q.timeOnlyPopoverContent,children:(0,Z.jsx)(oe,{value:$,disabled:s,minDate:p,maxDate:g,mode:x,onChange:Y})}):(0,Z.jsxs)(`div`,{className:l(q.popoverContent,q[v]),children:[(0,Z.jsx)(`div`,{className:q.calendarPane,children:(0,Z.jsx)(a,{view:D,datePickerLevel:`day`,selectionMode:`day`,onViewChange:ie,value:$,onChange:J,minDate:p,maxDate:g,currentDate:k,onCurrentDateChange:M})}),(0,Z.jsx)(`div`,{className:l(q.timePanelPane,ue),children:(0,Z.jsx)(oe,{value:$,disabled:s,minDate:p,maxDate:g,mode:x,onChange:Y})})]})})]})}var X,Z;function Q(){return(Q=e((()=>{X=t(),f(),u(),n(),N(),r(),v(),x(),p(),g(),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};
|
package/storybook-static/assets/{SingleDateTimeInput-Bwn8kqI3.js → SingleDateTimeInput-HNBKELgZ.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-DfqtMMgG.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-TIr5_lNX.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-DrV6WMT9.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`}),` объединяет два сценария:`]}),`
|
|
@@ -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-DK8vuf-o.js";import{n as i}from"./iframe-DfqtMMgG.js";import{a,g as o,h as s,o as c}from"./odata-service-CWkHASdw-DAt28ZWr.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:`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,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-DfqtMMgG.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-TIr5_lNX.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x,u as S}from"./Slider.stories-DhJUqLP3.js";function C(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s,{of:g,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,T.jsx)(u,{children:`Slider`}),`
|
|
3
3
|
`,(0,T.jsx)(o,{children:`Компактные single и range слайдеры с marks, tooltip и открытыми границами`}),`
|
|
4
4
|
`,(0,T.jsxs)(t.p,{children:[(0,T.jsx)(t.code,{children:`Slider`}),` и `,(0,T.jsx)(t.code,{children:`SliderRange`}),` — отдельные публичные компоненты. Оба используют общую числовую шкалу, но не смешивают single/range через prop.`]}),`
|
|
@@ -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-B9PXVErw.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";import{n as o,t as s}from"./FloatingPopover-D9nTd47B.js";import{d as ee,l as c,s as te,u as ne}from"./Input-D8uMye_9.js";import{c as l,d as u,f as d,i as re,l as f,n as ie,o as p,r as m,s as h,t as g}from"./number-scale-D2KTkjVQ.js";function _(e,t,n){return g(e,t,n)}function v(e,t,n){let r=t.findIndex(t=>t.value===e.value);return m(Math.max(0,r),t,n.min,n.max,n.marksPosition)}function y(e,t){let{min:n,max:r}=h(t.min,t.max),i=_(t.marks,n,r);if(i.length>0){let a=i.find(t=>t.value===e)??u(e,i);if(a)return v(a,i,{...t,min:n,max:r,marks:i})}return d(e,n,r)}function ae(e,t){let{min:n,max:r}=h(t.min,t.max),i=_(t.marks,n,r);return f(e,i,n,r,t.marksPosition)}function b(e,t){return p(e,t)}function x(e,t){let{min:n,max:r}=h(t.min,t.max);return e===void 0?n:b(e,{...t,min:n,max:r})}function S(e){if(e)return!Object.hasOwn(e,`outputValue`)||e.outputValue===void 0?e.value:e.outputValue}function C(e,t,n){let r=t.filter(t=>S(t)===e);if(r.length)return e===null?n===0?r[0]:r[r.length-1]:r[0]}function w(e,t,n){let r=C(e,t,n);if(r)return r;let i,a=1/0;for(let n of t){let t=S(n);if(typeof t!=`number`||!Number.isFinite(t))continue;let r=Math.abs(e-t);r<a&&(i=n,a=r)}return i}function T(e,t,n,r){if(e===null)return null;let{min:i,max:a}=h(r.min,r.max),o=_(r.marks,i,a),s=Number.isFinite(e)?e:t;if(o.length>0){let e=w(s,o,n),r=S(e);return r===void 0?e?.value??t:r}return l(s,i,a,r.step)}function E(e,t){let{min:n,max:r}=h(t.min,t.max);if(!e)return[null,null];let i=T(e[0],n,0,{...t,min:n,max:r}),a=T(e[1],r,1,{...t,min:n,max:r});return i!==null&&a!==null&&i>a?[a,i]:[i,a]}function D(e,t,n,r){if(e===null)return t;let{min:i,max:a}=h(r.min,r.max),o=_(r.marks,i,a);return o.length>0?(C(e,o,n)??(typeof e==`number`?w(e,o,n):void 0))?.value??t:l(e,i,a,r.step)}function oe(e,t){let{min:n,max:r}=h(t.min,t.max),i=E(e,{...t,min:n,max:r}),a=D(i[0],n,0,{...t,min:n,max:r}),o=D(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}=h(t.min,t.max),i=_(t.marks,n,r);if(i.length>0){let t=u(e,i),n=S(t);return n===void 0?t?.value??e:n}return l(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}=h(t.min,t.max);return Array.isArray(e)?{startPercent:y(e[0],{...t,min:n,max:r}),endPercent:y(e[1],{...t,min:n,max:r})}:{startPercent:0,endPercent:y(e,{...t,min:n,max:r})}}function O(){return(O=t((()=>{})))()}var k,A,j,M,N,P,F,I,L,R,z,B,V,H,U,W,G,K;function q(){return(q=t((()=>{k=`fA7zne`,A=`gg-atO`,j=`bTLJZl`,M=`vDAmRy`,N=`PpaxP2`,P=`_9K78Fi`,F=`TMbaqW`,I=`_77qn1L`,L=`cxJQqh`,R=`-X13t0`,z=`iNrV0y`,B=`vzEDBe`,V=`_0OWJh0`,H=`Mk4xi2`,U=`SL0IDQ`,W=`mdezg5`,G=`a4R18g`,K={slider:k,rail:A,fill:j,thumb:M,mark:N,compactMark:P,sliderCompact:F,trackShell:I,track:L,tooltipReference:R,marks:z,markDot:B,markLabel:V,popoverContent:H,rangeInputControl:U,rangeSegmentInput:W,rangeSeparator:G}})))()}function ue(e){return e===`ArrowLeft`||e===`ArrowDown`?-1:e===`ArrowRight`||e===`ArrowUp`?1:e===`PageDown`?-10:e===`PageUp`?10:null}function de(e,t){return!!e&&e[0]===t[0]&&e[1]===t[1]}function fe(e,t){return e===null?t===0?`-∞`:`∞`:String(e)}function pe(e,t){return t.find(t=>t.value===e)?.label??String(e)}function me(e){return typeof e==`string`||typeof e==`number`?(0,Q.jsx)(`span`,{className:`textNoWrap`,children:e}):e}function he({position:e,children:t}){return(0,Q.jsx)(`span`,{"data-slot":`slider-tooltip-reference`,className:K.tooltipReference,style:{left:`${e}%`},children:t})}function J(e){let{min:t,max:n,step:r,marks:a,marksPosition:o=`value`,marksDisplay:c=`compact`,className:ne,error:l,onClearError:u,label:d,description:f,disabled:p,size:m}=e,{min:g,max:b}=(0,Z.useMemo)(()=>h(t,n),[t,n]),S=(0,Z.useMemo)(()=>_(a,g,b),[a,g,b]),C=(0,Z.useMemo)(()=>({min:g,max:b,step:r,marks:S,marksPosition:o}),[g,b,r,S,o]),w=e.mode===`range`,T=w?void 0:x(e.value,C),D=w?E(e.value,C):void 0,O=w?oe(e.value,C):void 0,k=w?O:[T],A=le(w?O:T,C),j=(0,Z.useRef)(null),M=(0,Z.useRef)([]),N=(0,Z.useRef)(null),P=(0,Z.useRef)(null),[F,I]=(0,Z.useState)(null),{controlId:L,labelId:R,descriptionId:z,errorId:B,describedBy:V}=ee({hasLabel:d!=null,hasDescription:!!f,hasError:!!l}),H=t=>{p||e.mode!==`single`||(e.value===void 0||e.value!==t)&&(e.onChange(t),u?.())},U=t=>{p||e.mode!==`range`||de(e.value,t)||(e.onChange(t),u?.())},W=(t,n)=>{if(!p){if(e.mode===`range`){let[e,r]=O,[i,a]=D,o=E(n===0?[se(Math.min(t,r),C),a]:[i,se(Math.max(t,e),C)],C);U(o);return}H(x(t,C))}},G=e=>{let t=j.current?.getBoundingClientRect();if(!t)return g;let n=(e-t.left)/t.width*100;return(S.length>0?ae(n,C):void 0)?.value??ie(n,g,b)},q=(0,Z.useRef)(W),J=(0,Z.useRef)(G);(0,Z.useEffect)(()=>{q.current=W,J.current=G}),(0,Z.useEffect)(()=>{let e=e=>{P.current!==null&&e&&e.pointerId!==P.current||(P.current=null,N.current=null,I(null))},t=e=>{N.current!==null&&(P.current===null||e.pointerId===P.current)&&q.current(J.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 Y=(e,t)=>{P.current=e,N.current=t,I(t),M.current[t]?.focus()},X=e=>{if(p)return;e.preventDefault();let t=G(e.clientX),n=w?ce(t,O):0;W(t,n),Y(e.pointerId,n)},$=e=>t=>{p||(t.preventDefault(),t.stopPropagation(),Y(t.pointerId,e))},ge=e=>t=>{if(p)return;let n=w&&e===1?O[0]:g,r=w&&e===0?O[1]:b,i=ue(t.key);if(t.key===`Home`){t.preventDefault(),W(n,e);return}if(t.key===`End`){t.preventDefault(),W(r,e);return}if(i===null)return;t.preventDefault();let a=k[e],o=re(a,i,C,n,r);W(o,e)},_e=e=>{if(p)return;let t=w?ce(e,O):0;W(e,t),M.current[t]?.focus()},ve=(e,t)=>{if(w){let n=D[t];return S.find(t=>t.value===e)?.label??fe(n,t)}return pe(e,S)};return(0,Q.jsx)(te,{label:d,description:f,disabled:p,className:ne,size:m,error:l,controlId:L,labelId:R,descriptionId:z,errorId:B,children:(0,Q.jsxs)(`div`,{id:L,className:i(K.slider,c===`compact`&&K.sliderCompact),"data-disabled":p||void 0,role:w?`group`:void 0,"aria-label":w&&!R?`Диапазон значений`:void 0,"aria-labelledby":w?R:void 0,"aria-describedby":w?V:void 0,"aria-invalid":w&&l?!0:void 0,children:[(0,Q.jsx)(`div`,{className:K.trackShell,children:(0,Q.jsxs)(`div`,{ref:j,"data-slot":`track`,className:K.track,role:`presentation`,onPointerDown:X,children:[(0,Q.jsx)(`div`,{className:K.rail}),(0,Q.jsx)(`div`,{"data-slot":`fill`,className:K.fill,style:{left:`${A.startPercent}%`,width:`${A.endPercent-A.startPercent}%`}}),c===`compact`&&S.map(e=>{let t=v(e,S,C),n=w?e.value>=O[0]&&e.value<=O[1]:e.value<=T;return(0,Q.jsx)(he,{position:t,children:(0,Q.jsx)(s,{tooltip:!0,placement:`top`,content:me(e.label),children:(0,Q.jsx)(`button`,{type:`button`,"data-slot":`mark`,"data-active":n?``:void 0,className:K.compactMark,"aria-label":e.ariaLabel??(typeof e.label==`string`||typeof e.label==`number`?String(e.label):void 0),disabled:p,onClick:()=>_e(e.value),children:(0,Q.jsx)(`span`,{className:K.markDot,"aria-hidden":`true`})})})},e.value)}),k.map((e,t)=>{let n=ve(e,t);return(0,Q.jsx)(he,{position:y(e,C),children:(0,Q.jsx)(s,{tooltip:!0,placement:`top`,content:me(n),openDelay:0,closeDelay:100,positionUpdateKey:e,children:(0,Q.jsx)(`button`,{ref:e=>{M.current[t]=e},type:`button`,role:`slider`,"data-slot":`thumb`,"data-thumb-index":t,"data-dragging":F===t?``:void 0,className:K.thumb,disabled:p,"aria-disabled":p||void 0,"aria-orientation":`horizontal`,"aria-valuemin":w&&t===1?O[0]:g,"aria-valuemax":w&&t===0?O[1]:b,"aria-valuenow":e,"aria-valuetext":typeof n==`string`||typeof n==`number`?String(n):void 0,"aria-labelledby":w?void 0:R,"aria-describedby":w?void 0:V,"aria-invalid":!w&&l?!0:void 0,"aria-label":w?t===0?`Минимальное значение`:`Максимальное значение`:R?void 0:`Значение`,onPointerDown:$(t),onKeyDown:ge(t)})})},t)})]})}),c===`full`&&S.length>0&&(0,Q.jsx)(`div`,{className:K.marks,children:S.map(e=>{let t=w?e.value>=O[0]&&e.value<=O[1]:e.value<=T;return(0,Q.jsxs)(`button`,{type:`button`,"data-slot":`mark`,"data-active":t?``:void 0,className:K.mark,style:{left:`${v(e,S,C)}%`},"aria-label":e.ariaLabel,disabled:p,onClick:()=>_e(e.value),children:[(0,Q.jsx)(`span`,{className:K.markDot,"aria-hidden":`true`}),(0,Q.jsx)(`span`,{className:K.markLabel,children:e.label})]},e.value)})})]})})}function Y(e){return(0,Q.jsx)(J,{...e,mode:`single`,marksDisplay:`compact`})}function X(e){return(0,Q.jsx)(J,{...e,mode:`range`,marksDisplay:`compact`})}var Z,Q;function $(){return($=t((()=>{Z=e(n(),1),a(),c(),ne(),o(),O(),q(),Q=r(),J.__docgenInfo={description:``,methods:[],displayName:`SliderBase`},Y.__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`]},X.__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{K as a,O as c,_ as d,$ as i,E as l,J as n,q as o,X as r,S as s,Y as t,x 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-DfqtMMgG.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";import{n as o,t as s}from"./FloatingPopover-CjNAEFQy.js";import{d as ee,l as c,s as te,u as ne}from"./Input-Bvw9Sw0g.js";import{c as l,d as u,f as d,i as re,l as f,n as ie,o as p,r as m,s as h,t as g}from"./number-scale-D2KTkjVQ.js";function _(e,t,n){return g(e,t,n)}function v(e,t,n){let r=t.findIndex(t=>t.value===e.value);return m(Math.max(0,r),t,n.min,n.max,n.marksPosition)}function y(e,t){let{min:n,max:r}=h(t.min,t.max),i=_(t.marks,n,r);if(i.length>0){let a=i.find(t=>t.value===e)??u(e,i);if(a)return v(a,i,{...t,min:n,max:r,marks:i})}return d(e,n,r)}function ae(e,t){let{min:n,max:r}=h(t.min,t.max),i=_(t.marks,n,r);return f(e,i,n,r,t.marksPosition)}function b(e,t){return p(e,t)}function x(e,t){let{min:n,max:r}=h(t.min,t.max);return e===void 0?n:b(e,{...t,min:n,max:r})}function S(e){if(e)return!Object.hasOwn(e,`outputValue`)||e.outputValue===void 0?e.value:e.outputValue}function C(e,t,n){let r=t.filter(t=>S(t)===e);if(r.length)return e===null?n===0?r[0]:r[r.length-1]:r[0]}function w(e,t,n){let r=C(e,t,n);if(r)return r;let i,a=1/0;for(let n of t){let t=S(n);if(typeof t!=`number`||!Number.isFinite(t))continue;let r=Math.abs(e-t);r<a&&(i=n,a=r)}return i}function T(e,t,n,r){if(e===null)return null;let{min:i,max:a}=h(r.min,r.max),o=_(r.marks,i,a),s=Number.isFinite(e)?e:t;if(o.length>0){let e=w(s,o,n),r=S(e);return r===void 0?e?.value??t:r}return l(s,i,a,r.step)}function E(e,t){let{min:n,max:r}=h(t.min,t.max);if(!e)return[null,null];let i=T(e[0],n,0,{...t,min:n,max:r}),a=T(e[1],r,1,{...t,min:n,max:r});return i!==null&&a!==null&&i>a?[a,i]:[i,a]}function D(e,t,n,r){if(e===null)return t;let{min:i,max:a}=h(r.min,r.max),o=_(r.marks,i,a);return o.length>0?(C(e,o,n)??(typeof e==`number`?w(e,o,n):void 0))?.value??t:l(e,i,a,r.step)}function oe(e,t){let{min:n,max:r}=h(t.min,t.max),i=E(e,{...t,min:n,max:r}),a=D(i[0],n,0,{...t,min:n,max:r}),o=D(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}=h(t.min,t.max),i=_(t.marks,n,r);if(i.length>0){let t=u(e,i),n=S(t);return n===void 0?t?.value??e:n}return l(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}=h(t.min,t.max);return Array.isArray(e)?{startPercent:y(e[0],{...t,min:n,max:r}),endPercent:y(e[1],{...t,min:n,max:r})}:{startPercent:0,endPercent:y(e,{...t,min:n,max:r})}}function O(){return(O=t((()=>{})))()}var k,A,j,M,N,P,F,I,L,R,z,B,V,H,U,W,G,K;function q(){return(q=t((()=>{k=`fA7zne`,A=`gg-atO`,j=`bTLJZl`,M=`vDAmRy`,N=`PpaxP2`,P=`_9K78Fi`,F=`TMbaqW`,I=`_77qn1L`,L=`cxJQqh`,R=`-X13t0`,z=`iNrV0y`,B=`vzEDBe`,V=`_0OWJh0`,H=`Mk4xi2`,U=`SL0IDQ`,W=`mdezg5`,G=`a4R18g`,K={slider:k,rail:A,fill:j,thumb:M,mark:N,compactMark:P,sliderCompact:F,trackShell:I,track:L,tooltipReference:R,marks:z,markDot:B,markLabel:V,popoverContent:H,rangeInputControl:U,rangeSegmentInput:W,rangeSeparator:G}})))()}function ue(e){return e===`ArrowLeft`||e===`ArrowDown`?-1:e===`ArrowRight`||e===`ArrowUp`?1:e===`PageDown`?-10:e===`PageUp`?10:null}function de(e,t){return!!e&&e[0]===t[0]&&e[1]===t[1]}function fe(e,t){return e===null?t===0?`-∞`:`∞`:String(e)}function pe(e,t){return t.find(t=>t.value===e)?.label??String(e)}function me(e){return typeof e==`string`||typeof e==`number`?(0,Q.jsx)(`span`,{className:`textNoWrap`,children:e}):e}function he({position:e,children:t}){return(0,Q.jsx)(`span`,{"data-slot":`slider-tooltip-reference`,className:K.tooltipReference,style:{left:`${e}%`},children:t})}function J(e){let{min:t,max:n,step:r,marks:a,marksPosition:o=`value`,marksDisplay:c=`compact`,className:ne,error:l,onClearError:u,label:d,description:f,disabled:p,size:m}=e,{min:g,max:b}=(0,Z.useMemo)(()=>h(t,n),[t,n]),S=(0,Z.useMemo)(()=>_(a,g,b),[a,g,b]),C=(0,Z.useMemo)(()=>({min:g,max:b,step:r,marks:S,marksPosition:o}),[g,b,r,S,o]),w=e.mode===`range`,T=w?void 0:x(e.value,C),D=w?E(e.value,C):void 0,O=w?oe(e.value,C):void 0,k=w?O:[T],A=le(w?O:T,C),j=(0,Z.useRef)(null),M=(0,Z.useRef)([]),N=(0,Z.useRef)(null),P=(0,Z.useRef)(null),[F,I]=(0,Z.useState)(null),{controlId:L,labelId:R,descriptionId:z,errorId:B,describedBy:V}=ee({hasLabel:d!=null,hasDescription:!!f,hasError:!!l}),H=t=>{p||e.mode!==`single`||(e.value===void 0||e.value!==t)&&(e.onChange(t),u?.())},U=t=>{p||e.mode!==`range`||de(e.value,t)||(e.onChange(t),u?.())},W=(t,n)=>{if(!p){if(e.mode===`range`){let[e,r]=O,[i,a]=D,o=E(n===0?[se(Math.min(t,r),C),a]:[i,se(Math.max(t,e),C)],C);U(o);return}H(x(t,C))}},G=e=>{let t=j.current?.getBoundingClientRect();if(!t)return g;let n=(e-t.left)/t.width*100;return(S.length>0?ae(n,C):void 0)?.value??ie(n,g,b)},q=(0,Z.useRef)(W),J=(0,Z.useRef)(G);(0,Z.useEffect)(()=>{q.current=W,J.current=G}),(0,Z.useEffect)(()=>{let e=e=>{P.current!==null&&e&&e.pointerId!==P.current||(P.current=null,N.current=null,I(null))},t=e=>{N.current!==null&&(P.current===null||e.pointerId===P.current)&&q.current(J.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 Y=(e,t)=>{P.current=e,N.current=t,I(t),M.current[t]?.focus()},X=e=>{if(p)return;e.preventDefault();let t=G(e.clientX),n=w?ce(t,O):0;W(t,n),Y(e.pointerId,n)},$=e=>t=>{p||(t.preventDefault(),t.stopPropagation(),Y(t.pointerId,e))},ge=e=>t=>{if(p)return;let n=w&&e===1?O[0]:g,r=w&&e===0?O[1]:b,i=ue(t.key);if(t.key===`Home`){t.preventDefault(),W(n,e);return}if(t.key===`End`){t.preventDefault(),W(r,e);return}if(i===null)return;t.preventDefault();let a=k[e],o=re(a,i,C,n,r);W(o,e)},_e=e=>{if(p)return;let t=w?ce(e,O):0;W(e,t),M.current[t]?.focus()},ve=(e,t)=>{if(w){let n=D[t];return S.find(t=>t.value===e)?.label??fe(n,t)}return pe(e,S)};return(0,Q.jsx)(te,{label:d,description:f,disabled:p,className:ne,size:m,error:l,controlId:L,labelId:R,descriptionId:z,errorId:B,children:(0,Q.jsxs)(`div`,{id:L,className:i(K.slider,c===`compact`&&K.sliderCompact),"data-disabled":p||void 0,role:w?`group`:void 0,"aria-label":w&&!R?`Диапазон значений`:void 0,"aria-labelledby":w?R:void 0,"aria-describedby":w?V:void 0,"aria-invalid":w&&l?!0:void 0,children:[(0,Q.jsx)(`div`,{className:K.trackShell,children:(0,Q.jsxs)(`div`,{ref:j,"data-slot":`track`,className:K.track,role:`presentation`,onPointerDown:X,children:[(0,Q.jsx)(`div`,{className:K.rail}),(0,Q.jsx)(`div`,{"data-slot":`fill`,className:K.fill,style:{left:`${A.startPercent}%`,width:`${A.endPercent-A.startPercent}%`}}),c===`compact`&&S.map(e=>{let t=v(e,S,C),n=w?e.value>=O[0]&&e.value<=O[1]:e.value<=T;return(0,Q.jsx)(he,{position:t,children:(0,Q.jsx)(s,{tooltip:!0,placement:`top`,content:me(e.label),children:(0,Q.jsx)(`button`,{type:`button`,"data-slot":`mark`,"data-active":n?``:void 0,className:K.compactMark,"aria-label":e.ariaLabel??(typeof e.label==`string`||typeof e.label==`number`?String(e.label):void 0),disabled:p,onClick:()=>_e(e.value),children:(0,Q.jsx)(`span`,{className:K.markDot,"aria-hidden":`true`})})})},e.value)}),k.map((e,t)=>{let n=ve(e,t);return(0,Q.jsx)(he,{position:y(e,C),children:(0,Q.jsx)(s,{tooltip:!0,placement:`top`,content:me(n),openDelay:0,closeDelay:100,positionUpdateKey:e,children:(0,Q.jsx)(`button`,{ref:e=>{M.current[t]=e},type:`button`,role:`slider`,"data-slot":`thumb`,"data-thumb-index":t,"data-dragging":F===t?``:void 0,className:K.thumb,disabled:p,"aria-disabled":p||void 0,"aria-orientation":`horizontal`,"aria-valuemin":w&&t===1?O[0]:g,"aria-valuemax":w&&t===0?O[1]:b,"aria-valuenow":e,"aria-valuetext":typeof n==`string`||typeof n==`number`?String(n):void 0,"aria-labelledby":w?void 0:R,"aria-describedby":w?void 0:V,"aria-invalid":!w&&l?!0:void 0,"aria-label":w?t===0?`Минимальное значение`:`Максимальное значение`:R?void 0:`Значение`,onPointerDown:$(t),onKeyDown:ge(t)})})},t)})]})}),c===`full`&&S.length>0&&(0,Q.jsx)(`div`,{className:K.marks,children:S.map(e=>{let t=w?e.value>=O[0]&&e.value<=O[1]:e.value<=T;return(0,Q.jsxs)(`button`,{type:`button`,"data-slot":`mark`,"data-active":t?``:void 0,className:K.mark,style:{left:`${v(e,S,C)}%`},"aria-label":e.ariaLabel,disabled:p,onClick:()=>_e(e.value),children:[(0,Q.jsx)(`span`,{className:K.markDot,"aria-hidden":`true`}),(0,Q.jsx)(`span`,{className:K.markLabel,children:e.label})]},e.value)})})]})})}function Y(e){return(0,Q.jsx)(J,{...e,mode:`single`,marksDisplay:`compact`})}function X(e){return(0,Q.jsx)(J,{...e,mode:`range`,marksDisplay:`compact`})}var Z,Q;function $(){return($=t((()=>{Z=e(n(),1),a(),c(),ne(),o(),O(),q(),Q=r(),J.__docgenInfo={description:``,methods:[],displayName:`SliderBase`},Y.__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`]},X.__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{K as a,O as c,_ as d,$ as i,E as l,J as n,q as o,X as r,S as s,Y as t,x as u};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-DfqtMMgG.js";import{n as r,t as i}from"./createControlledStoryRender-BouhvX-R.js";import{i as a,r as o,t as s}from"./Slider-bg4iXFEy.js";var c=t({Disabled:()=>k,MonthsIndexMarks:()=>w,RangeMonthToDaysOutput:()=>D,RangeOpenMonthToDaysOutput:()=>O,RangeOpenWithoutExplicitMiddleOutput:()=>E,RangePlain:()=>T,SingleStep:()=>S,SingleWithMarks:()=>C,__namedExportsOrder:()=>A,default:()=>b});function l(e,t){return i((n,r)=>(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(o,{...n,onChange:e=>{n.onChange(e),r({value:e})},onClearError:()=>{n.onClearError?.(),r({error:void 0})}}),(0,p.jsx)(f,{value:n.value,field:e,unit:t})]}))}function u(e,t){return e===null?`null`:`${e}${t}`}function d(e,t,n=``){let[r,i]=e??[null,null],a=[];return r!==null&&a.push(`${t} >= ${r}${n}`),i!==null&&a.push(`${t} <= ${i}${n}`),a.length>0?a.join(` AND `):`Фильтр не ограничивает значение`}function f({value:e,field:t,unit:n=``,children:r}){let[i,a]=e??[null,null];return(0,p.jsxs)(`div`,{className:`marginTopMd`,children:[(0,p.jsx)(`div`,{className:`textSm сontent2`,children:`Preview фильтра`}),(0,p.jsx)(`pre`,{children:JSON.stringify({value:[i,a],human:`${u(i,n)} — ${u(a,n)}`,filter:d(e,t,n)},null,2)}),r]})}var p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k,A;function j(){return(j=e((()=>{a(),r(),p=n(),{fn:m}=__STORYBOOK_MODULE_TEST__,h=[{value:0,label:`0`},{value:25,label:`25`},{value:50,label:`50`},{value:75,label:`75`},{value:100,label:`100`}],g=[{value:1,label:`1 мес.`},{value:3,label:`3 мес.`},{value:6,label:`6 мес.`},{value:9,label:`9 мес.`},{value:12,label:`12 мес.`},{value:18,label:`18 мес.`},{value:24,label:`24 мес.`}],_=[{value:0,label:`Без нижней границы`,outputValue:null},{value:1,label:`1 мес.`},{value:3,label:`3 мес.`},{value:6,label:`6 мес.`},{value:12,label:`12 мес.`},{value:24,label:`24 мес.`},{value:25,label:`Без верхней границы`,outputValue:null}],v=[{value:1,label:`1 мес.`,outputValue:30},{value:3,label:`3 мес.`,outputValue:90},{value:6,label:`6 мес.`,outputValue:180},{value:12,label:`12 мес.`,outputValue:360},{value:24,label:`24 мес.`,outputValue:720}],y=[{value:0,label:`Без нижней границы`,outputValue:null},{value:1,label:`1 мес.`,outputValue:30},{value:3,label:`3 мес.`,outputValue:90},{value:6,label:`6 мес.`,outputValue:180},{value:12,label:`12 мес.`,outputValue:360},{value:24,label:`24 мес.`,outputValue:720},{value:25,label:`Без верхней границы`,outputValue:null}],b={title:`UI/Slider`,component:s,args:{label:`Слайдер`,value:30,onChange:m(),min:0,max:100,step:5},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Подпись поля над слайдером.`,control:`text`},description:{description:`Пояснение под подписью поля.`,control:`text`},value:{description:`Текущее выбранное значение; в range-сценариях — пара границ.`,control:!1},onChange:{description:`Вызывается после выбора значения или границ.`,control:!1},min:{description:`Минимальная координата шкалы.`,control:`number`},max:{description:`Максимальная координата шкалы.`,control:`number`},step:{description:`Шаг шкалы, когда не заданы допустимые marks.`,control:{type:`number`,min:0,step:.1}},marks:{description:`Дискретные точки выбора; range-marks могут возвращать отдельный outputValue.`,control:!1},marksPosition:{description:`Располагает marks пропорционально значению или равномерно по индексу.`,control:`inline-radio`,options:[`value`,`index`]},error:{description:`Текст внешней ошибки под полем.`,control:`text`},onClearError:{description:`Вызывается после успешного изменения значения.`,control:!1},size:{description:`Размер подписи и обёртки поля.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},disabled:{description:`Блокирует pointer-, click- и keyboard-взаимодействие.`,control:`boolean`}}},x=i((e,t)=>(0,p.jsx)(s,{...e,onChange:n=>{e.onChange(n),t({value:n})},onClearError:()=>{e.onClearError?.(),t({error:void 0})}})),S={render:x,args:{label:`Громкость`,description:`Компактный single-value слайдер со step=5.`,value:35,step:5}},C={render:x,args:{label:`Процент выполнения`,description:`Marks активны, кликабельны и показывают подписи через tooltip.`,value:50,marks:h}},w={render:x,args:{label:`Срок`,min:1,max:24,value:6,marks:g,marksPosition:`index`,description:`Неравномерные значения месяцев расположены с равным визуальным шагом.`}},T={render:l(`progress`,`%`),args:{label:`Процент выполнения`,description:"Обычный range: `value` mark является и координатой шкалы, и значением фильтра.",min:0,max:100,marks:h,value:[25,75]}},E={render:l(`months`,` мес.`),args:{label:`Срок в месяцах`,description:"Открытые границы задаются только крайними `outputValue:null`; у обычных marks outputValue не указан и берётся `value`.",min:0,max:25,marks:_,marksPosition:`index`,value:[null,12]}},D={render:l(`days`,` дн.`),args:{label:`Срок: месяцы на шкале, дни в фильтре`,description:"`value` хранит координату/месяцы, `outputValue` отдаёт наружу дни.",min:1,max:24,marks:v,marksPosition:`index`,value:[90,360]}},O={render:l(`days`,` дн.`),args:{label:`Срок: открытые границы и дни в фильтре`,description:"Крайние marks отдают null, обычные marks отдают дни через `outputValue`.",min:0,max:25,marks:y,marksPosition:`index`,value:[null,720]}},k={render:x,args:{label:`Недоступно`,description:`Состояние без интеракций.`,value:40,disabled:!0,marks:h}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: renderSliderStory,
|
|
3
3
|
args: {
|
|
4
4
|
label: "Громкость",
|
|
@@ -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-DfqtMMgG.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-TIr5_lNX.js";import{a as p,c as m,d as h,i as g,l as _,n as v,o as y,r as b,s as x,t as S,u as C}from"./SliderInput.stories-CDNoleib.js";function w(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(s,{of:C,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,E.jsx)(u,{children:`SliderInput`}),`
|
|
3
3
|
`,(0,E.jsx)(o,{children:`Поля ввода для single и range с popover slider`}),`
|
|
4
4
|
`,(0,E.jsxs)(t.p,{children:[(0,E.jsx)(t.code,{children:`SliderInput`}),` работает с одним числом, а `,(0,E.jsx)(t.code,{children:`SliderRangeInput`}),` — с диапазоном `,(0,E.jsx)(t.code,{children:`[number | null, number | null]`}),`.`]}),`
|