@ryuzaki13/react-foundation-ui 1.1.1 → 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/advanced-search/index.js +1 -1
- package/dist/chunks/{TextEditorLexicalClient-bDEyimUa.js → TextEditorLexicalClient-DDe1NezE.js} +2 -2
- package/dist/chunks/{TextEditorLexicalClient-bDEyimUa.js.map → TextEditorLexicalClient-DDe1NezE.js.map} +1 -1
- package/dist/chunks/modal-DiQ-yR71.js +183 -0
- package/dist/chunks/modal-DiQ-yR71.js.map +1 -0
- package/dist/image/index.js +1 -1
- package/dist/modal/Modal.d.ts.map +1 -1
- package/dist/modal/index.js +1 -1
- package/dist/modal/modalMotion.d.ts +26 -0
- package/dist/modal/modalMotion.d.ts.map +1 -0
- package/dist/text-editor/index.js +1 -1
- package/package.json +1 -1
- package/storybook-static/assets/{Badge-D4ZNwyJI.js → Badge-ySHe8vmn.js} +1 -1
- package/storybook-static/assets/{Badge.stories-QbQZ3Lun.js → Badge.stories-BYFVnpXD.js} +1 -1
- package/storybook-static/assets/{Button-dAzTo4v8.js → Button-BSfih1w7.js} +1 -1
- package/storybook-static/assets/{Button-CO9qTYjf.js → Button-rWpfFmWo.js} +1 -1
- package/storybook-static/assets/{Button.stories-wcPcMM2N.js → Button.stories-BPUX-pUU.js} +1 -1
- package/storybook-static/assets/{CheckBox-IVs8Ft1J.js → CheckBox-BRmxHv5c.js} +1 -1
- package/storybook-static/assets/{CheckBox-BuWKFvO2.js → CheckBox-DJvchxuK.js} +1 -1
- package/storybook-static/assets/{CheckBox.stories-B2P4Xgjx.js → CheckBox.stories-Zz7HW_Tt.js} +1 -1
- package/storybook-static/assets/{Color-KMSTOMOX-DO11DnAB.js → Color-KMSTOMOX-Bvh-Futk.js} +1 -1
- package/storybook-static/assets/{ContextMenu-YIVSJPGZ.js → ContextMenu-K5hnbQwB.js} +1 -1
- package/storybook-static/assets/{ContextMenu.stories-pPfA4c51.js → ContextMenu.stories-q25-a_KQ.js} +1 -1
- package/storybook-static/assets/{DateInput-CJjcOU3w.js → DateInput-DgI18Wd3.js} +1 -1
- package/storybook-static/assets/{DateInput-CMk0Q3-1.js → DateInput-ElFtdL37.js} +1 -1
- package/storybook-static/assets/{DateInput.stories-BeYqSTLP.js → DateInput.stories-BfN_pYwR.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-HobGj82_.js → DateRangePresetSelect-BvJ0OXbG.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-CprGmjzY.js → DateRangePresetSelect-C6YNhNYJ.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect.stories-C0C1Z7Ef.js → DateRangePresetSelect.stories-DJIqYv8z.js} +1 -1
- package/storybook-static/assets/{Detail-7DE7B2fS.js → Detail-DyISI1K8.js} +1 -1
- package/storybook-static/assets/{Detail.stories-BI42UERO.js → Detail.stories-DGbd09Cm.js} +1 -1
- package/storybook-static/assets/{Dialog-CPl9ePpk.js → Dialog-BP5LMJer.js} +1 -1
- package/storybook-static/assets/{Dialog.stories-DLlXkr6b.js → Dialog.stories-iAreH7Ft.js} +1 -1
- package/storybook-static/assets/{Disclosure-DiE1KhPu.js → Disclosure-DbzW47oB.js} +1 -1
- package/storybook-static/assets/{Disclosure.stories-DZj3PP0E.js → Disclosure.stories-Iiobg__i.js} +1 -1
- package/storybook-static/assets/{DocsRenderer-JROSPFPF-BarB-6yi.js → DocsRenderer-JROSPFPF-BoQ-Uqbl.js} +2 -2
- package/storybook-static/assets/{DropZone-BH0RZWxI.js → DropZone-BFChZBSC.js} +1 -1
- package/storybook-static/assets/{DropZone.stories-CMgWL5O8.js → DropZone.stories-yf4h971Z.js} +1 -1
- package/storybook-static/assets/{DropdownMenu-Bg9OjuHI.js → DropdownMenu-Dk5dGs-s.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel.stories-Bs5nj5tL.js → ExpandableActionPanel.stories-kdhJaIZg.js} +1 -1
- package/storybook-static/assets/{Flex-B7YhSwT5.js → Flex-BHWaC8ei.js} +1 -1
- package/storybook-static/assets/{Flex-DTualGXt.js → Flex-D2dKtJQc.js} +1 -1
- package/storybook-static/assets/{Flex.stories-CJZWUeDx.js → Flex.stories-BB5qAL1v.js} +1 -1
- package/storybook-static/assets/{Grid-NUIGfEZg.js → Grid-sojkTYwf.js} +1 -1
- package/storybook-static/assets/{Grid-D3pn3Bv6.js → Grid-z6gyebzr.js} +1 -1
- package/storybook-static/assets/{Grid.stories-BU3qiQ_o.js → Grid.stories-D4cAyXDs.js} +1 -1
- package/storybook-static/assets/{ImageCropper.stories-B8LIeZot.js → ImageCropper.stories-FBR_3FWR.js} +1 -1
- package/storybook-static/assets/{ImageRenderer-D6m0TXv1.js → ImageRenderer-CRBJvRub.js} +1 -1
- package/storybook-static/assets/{ImageRenderer.stories-Bwv7-mmo.js → ImageRenderer.stories-Bm5yzrQm.js} +1 -1
- package/storybook-static/assets/{ImageView.stories-B2bnEYTW.js → ImageView.stories-Dy6kw_ha.js} +1 -1
- package/storybook-static/assets/{ImageViewer.stories-DaMTLSzl.js → ImageViewer.stories-CGTaIHxP.js} +2 -2
- package/storybook-static/assets/{ImageViewerRuntime-nB82ciX9.js → ImageViewerRuntime-DZ2d3UnD.js} +1 -1
- package/storybook-static/assets/{Input-NjYnjmpA.js → Input-BClWQm32.js} +1 -1
- package/storybook-static/assets/{Input-XmHlbTYH.js → Input-c3EhAUVg.js} +1 -1
- package/storybook-static/assets/{Input.stories-B2NJY4s9.js → Input.stories-BhCP8U4r.js} +1 -1
- package/storybook-static/assets/{InputDateTime-DYx7fZqV.js → InputDateTime-B3e7QSbu.js} +1 -1
- package/storybook-static/assets/{InputDateTime.stories-BP70hMlC.js → InputDateTime.stories-lSHRzKkd.js} +1 -1
- package/storybook-static/assets/{InputFile-cDPgb3yd.js → InputFile-BaUvfw0y.js} +1 -1
- package/storybook-static/assets/{InputFile.stories-B8l1oAAa.js → InputFile.stories-xSZykMu5.js} +1 -1
- package/storybook-static/assets/{InputFiles-C54yHWFW.js → InputFiles-BeIHcYkg.js} +1 -1
- package/storybook-static/assets/{InputFiles-RV5Ldp6x.js → InputFiles-Bz96ef5G.js} +1 -1
- package/storybook-static/assets/{InputFiles.stories-DBpBymQR.js → InputFiles.stories-HYB4u-mB.js} +1 -1
- package/storybook-static/assets/{InputImage-CCz9j5pF.js → InputImage-CZTnJ4ul.js} +1 -1
- package/storybook-static/assets/{InputImage.stories-_p9hjvIE.js → InputImage.stories-DqjDYlZN.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-rkC7rVNj.js → LayoutPicker-DvKs-0Fv.js} +1 -1
- package/storybook-static/assets/{LayoutPicker.stories-Dua-laJ2.js → LayoutPicker.stories-DmuTHfsc.js} +1 -1
- package/storybook-static/assets/{Listbox-C9gRtOeO.js → Listbox-mcm1KqjJ.js} +1 -1
- package/storybook-static/assets/{Listbox.stories-m8Brn-ay.js → Listbox.stories-CtS-e5pi.js} +1 -1
- package/storybook-static/assets/{Modal-D62mL35g.js → Modal-BqeKhT7H.js} +1 -1
- package/storybook-static/assets/Modal.stories-Gli7XX36.js +180 -0
- package/storybook-static/assets/{MultiSelect-C5W7r_IH.js → MultiSelect-CIMJ-GDy.js} +1 -1
- package/storybook-static/assets/{MultiSelect-LhGz99f4.js → MultiSelect-Cl6rIRPU.js} +1 -1
- package/storybook-static/assets/{MultiSelect.stories-DcHKp4JR.js → MultiSelect.stories-Dff66BK5.js} +1 -1
- package/storybook-static/assets/{NotificationsHost-BSH5jCG2.js → NotificationsHost-DowbxTw1.js} +1 -1
- package/storybook-static/assets/{NotificationsHost.stories-DTM5-qkf.js → NotificationsHost.stories-nbb74ArB.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect-C2S7qyv5.js → ODataMultiSelect-BwjM7TCI.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect.stories-DOzE_OKZ.js → ODataMultiSelect.stories-DqjbgljQ.js} +1 -1
- package/storybook-static/assets/{ODataSelect-BG7NWPTV.js → ODataSelect-BfFCFPKT.js} +1 -1
- package/storybook-static/assets/{ODataSelect-lT0xOKvb.js → ODataSelect-CUb853Wg.js} +1 -1
- package/storybook-static/assets/{ODataSelect.stories-CKBvtx-H.js → ODataSelect.stories-yivutwVc.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect-u8tiVTCb.js → ODataTreeMultiSelect-Dd7RuuQJ.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect.stories-CzH4V42Q.js → ODataTreeMultiSelect.stories-fr3DsJrU.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect-CwOHUVab.js → ODataTreeSelect-CPpbLgIt.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect.stories-DjVMiCJ1.js → ODataTreeSelect.stories-DmEX0dcP.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-BFGqQf0k.js → PeriodSelect-D5kBTYIo.js} +1 -1
- package/storybook-static/assets/{PeriodSelect.stories-BG6WXQ18.js → PeriodSelect.stories-BQ8Fe5La.js} +1 -1
- package/storybook-static/assets/{Popover-OlRhMSrF.js → Popover-BXriLIId.js} +1 -1
- package/storybook-static/assets/{Popover.stories-C5FOSas_.js → Popover.stories-CKXTLaPn.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-Dtisg-hx.js → PresetRangeDateInput-BAeztTbq.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput.stories-DKW4o_cP.js → PresetRangeDateInput.stories-DHErwmMR.js} +1 -1
- package/storybook-static/assets/{RadioButton-B6Kj1uHa.js → RadioButton-CHmZgd5q.js} +1 -1
- package/storybook-static/assets/{RadioButton.stories-0YupGfXc.js → RadioButton.stories-aa0vDs3Q.js} +1 -1
- package/storybook-static/assets/{RadioGroup-b972E4de.js → RadioGroup-DPeAo49R.js} +1 -1
- package/storybook-static/assets/{RadioGroup-g9jHDZ1a.js → RadioGroup-DvOxoOpU.js} +1 -1
- package/storybook-static/assets/{RadioGroup.stories-CncOV2Km.js → RadioGroup.stories-R2DhGaUo.js} +1 -1
- package/storybook-static/assets/{Select-V5lTi2fc.js → Select-CMFiMGUD.js} +1 -1
- package/storybook-static/assets/{Select-Deq1B8d4.js → Select-DAgVgEuM.js} +1 -1
- package/storybook-static/assets/{Select.stories-ehFtiqH9.js → Select.stories-DnDwuoSb.js} +1 -1
- package/storybook-static/assets/{SelectOptionContent-CCp1Zygd.js → SelectOptionContent-DlUoa2zi.js} +1 -1
- package/storybook-static/assets/{SerializableSelect-CvMVlLei.js → SerializableSelect-BL6Sy3b_.js} +1 -1
- package/storybook-static/assets/{SerializableSelect-IyNh3eLS.js → SerializableSelect-CHAD3r9t.js} +1 -1
- package/storybook-static/assets/{SerializableSelect.stories-wcj4bFZq.js → SerializableSelect.stories-tcz7KvtM.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-DyLXAP7B.js → SingleDateTimeInput-BTjmZ93p.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput.stories-WvQxqelt.js → SingleDateTimeInput.stories-fAE8JkXx.js} +1 -1
- package/storybook-static/assets/{Slider-Cp8CtB-I.js → Slider-BT1LHZ79.js} +1 -1
- package/storybook-static/assets/{Slider.stories-BsIcLc-d.js → Slider.stories-D936g26I.js} +1 -1
- package/storybook-static/assets/{SliderInput-4jPJ7yM1.js → SliderInput-BhFLXhLl.js} +1 -1
- package/storybook-static/assets/{SliderInput.stories-DPK4tJ2q.js → SliderInput.stories-BVdD9tEX.js} +1 -1
- package/storybook-static/assets/{Sortable-CAX_xvIn.js → Sortable-SmbXEzK3.js} +1 -1
- package/storybook-static/assets/{Sortable.stories-Dn2kDyA2.js → Sortable.stories-CkCKnV-o.js} +1 -1
- package/storybook-static/assets/{Splitter-Blfeifky.js → Splitter-HnrBItZh.js} +1 -1
- package/storybook-static/assets/{Splitter.stories-k9ZItdL9.js → Splitter.stories-DW1Cs65Y.js} +1 -1
- package/storybook-static/assets/{StateSelect-CSDCsDb8.js → StateSelect-j73SSm6j.js} +1 -1
- package/storybook-static/assets/{StateSelect.stories-DwdGHqbu.js → StateSelect.stories-DlYcFCZu.js} +1 -1
- package/storybook-static/assets/{Switch-BUhpEhzV.js → Switch-Df9CUFzH.js} +1 -1
- package/storybook-static/assets/{Switch.stories-BC2DPnRn.js → Switch.stories-CLj7D165.js} +1 -1
- package/storybook-static/assets/{Table-9XwMCwrN.js → Table-DQNIWsu6.js} +1 -1
- package/storybook-static/assets/{Table.stories-BYXgzUfU.js → Table.stories-PauSY-JA.js} +1 -1
- package/storybook-static/assets/{Tabs-Bow33W8U.js → Tabs-Dk5gLtMV.js} +1 -1
- package/storybook-static/assets/{Tabs.stories-CZT7skiV.js → Tabs.stories-QbqForCs.js} +1 -1
- package/storybook-static/assets/{TagInput.stories-b8xiLHof.js → TagInput.stories-BKDMX-Xf.js} +1 -1
- package/storybook-static/assets/{Textarea-DpY7S_ja.js → Textarea-DysJ81Q0.js} +1 -1
- package/storybook-static/assets/{Textarea.stories-Dd223jGP.js → Textarea.stories-BjwiGsRE.js} +1 -1
- package/storybook-static/assets/{TimePanel-CVg_B6n6.js → TimePanel-B3ydmHaY.js} +1 -1
- package/storybook-static/assets/{TimePanel.stories-BLQ1P0G1.js → TimePanel.stories-BKywSX32.js} +1 -1
- package/storybook-static/assets/{Toggle-DFqklqKe.js → Toggle-KdmtodIb.js} +1 -1
- package/storybook-static/assets/{Toggle.stories-Dn1ZNjzs.js → Toggle.stories-Bhb_z8Jz.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-CUVgAxbI.js → TreeMultiSelect-CwW9N9Ig.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-KJZy7baA.js → TreeMultiSelect-DsmEfu72.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect.stories-BwgaL6Xq.js → TreeMultiSelect.stories-C6D2dAVV.js} +1 -1
- package/storybook-static/assets/{TreePickerBase-pdzKfA0G.js → TreePickerBase-KscLSAmI.js} +1 -1
- package/storybook-static/assets/{TreeSelect-CVwWW2jD.js → TreeSelect-CaZc5mMy.js} +1 -1
- package/storybook-static/assets/{TreeSelect-5pb94-io.js → TreeSelect-Dyzfh0j1.js} +1 -1
- package/storybook-static/assets/{TreeSelect.stories-BYqkPLt1.js → TreeSelect.stories-DgPobNFf.js} +1 -1
- package/storybook-static/assets/{TreeTable-CkBy8VlX.js → TreeTable-Cp-3yiUl.js} +1 -1
- package/storybook-static/assets/{TreeTable.stories-BXWFw5wG.js → TreeTable.stories-Ch5zCYJv.js} +1 -1
- package/storybook-static/assets/{WithTooltip-7X4HQR7L-tzCCckGL.js → WithTooltip-7X4HQR7L-Bvci3679.js} +1 -1
- package/storybook-static/assets/{base-table-J0VmPU8w.js → base-table-4j0yzCkY.js} +1 -1
- package/storybook-static/assets/{blocks-BqMyWalM.js → blocks-B-ZSUli0.js} +6 -6
- package/storybook-static/assets/{button-BOWFIeDh.js → button-PJeFaVDD.js} +1 -1
- package/storybook-static/assets/{check-box-CPBNfroU.js → check-box-B0-G8LQm.js} +1 -1
- package/storybook-static/assets/{chunk-3LY4VQVK-cdx-m4dV.js → chunk-3LY4VQVK-D6w4YoJz.js} +1 -1
- package/storybook-static/assets/{chunk-LITCR56V-B9dgggkx.js → chunk-LITCR56V-CO50GA85.js} +1 -1
- package/storybook-static/assets/{contextMenu-DtwOXbRw.js → contextMenu-CnU3cBnI.js} +1 -1
- package/storybook-static/assets/{error-C-yEsKLJ.js → error-BSGcuIkS.js} +1 -1
- package/storybook-static/assets/{flex-Cf2jLP1U.js → flex-DH0uZKDL.js} +1 -1
- package/storybook-static/assets/{floating-ui.react-6B4p8HDR.js → floating-ui.react-D1gWigwt.js} +1 -1
- package/storybook-static/assets/formatter-L2YTDE3Q-CTky3r2k.js +1 -0
- package/storybook-static/assets/{formatters-DXHNQSpS.js → formatters-q62UjZF6.js} +1 -1
- package/storybook-static/assets/grid-rDCrr9Aa.js +1 -0
- package/storybook-static/assets/{hooks-Cp3Hd96H.js → hooks-C0kO8ifn.js} +1 -1
- package/storybook-static/assets/{iframe-B1CjCwLr.js → iframe-D1kbCBk7.js} +3 -3
- package/storybook-static/assets/{input-Ciguy4IH.js → input-D8SCvYlc.js} +1 -1
- package/storybook-static/assets/{lucide-react-DNKi1M4I.js → lucide-react-DItxRogI.js} +1 -1
- package/storybook-static/assets/{mdx-react-shim-BmHrz8Qy.js → mdx-react-shim-B8QUPqDz.js} +1 -1
- package/storybook-static/assets/{media-CYiNdyXU.js → media-DgzbAjsg.js} +1 -1
- package/storybook-static/assets/{misc-C0xWU5l4.js → misc-CzV_PQE6.js} +1 -1
- package/storybook-static/assets/{notifications-BnIn-1bS.js → notifications-CdohXJuf.js} +1 -1
- package/storybook-static/assets/{odata-CBfXwTuv.js → odata-BCXcLElA.js} +1 -1
- package/storybook-static/assets/odata-service-tcECnUvF.js +1 -0
- package/storybook-static/assets/{odataStoryFixtures-B4Ph79L8.js → odataStoryFixtures-KJnMeJob.js} +1 -1
- package/storybook-static/assets/{picker-hyCPyMP8.js → picker-BILXnlvH.js} +1 -1
- package/storybook-static/assets/{popover-DLIoVp94.js → popover-Bmfe__Oe.js} +1 -1
- package/storybook-static/assets/{preset-select-BjG9VTrg.js → preset-select-C3eeRGrr.js} +1 -1
- package/storybook-static/assets/{react-18-Bz7Vh-KR.js → react-18-C05GCNzp.js} +1 -1
- package/storybook-static/assets/{react-D7DXSuVH.js → react-C7-n-j-7.js} +2 -2
- package/storybook-static/assets/{react-dom-Wlkt-dsb.js → react-dom-BuBaXqtP.js} +1 -1
- package/storybook-static/assets/select-DOX3d-Dq.js +1 -0
- package/storybook-static/assets/{slider-DMChsrbR.js → slider-mYXodgoS.js} +1 -1
- package/storybook-static/assets/{sortable-BPfL-XUN.js → sortable-DFt3FEPe.js} +1 -1
- package/storybook-static/assets/{syntaxhighlighter-RTCFPKCB-BA7fKjuW.js → syntaxhighlighter-RTCFPKCB-DpuAtHAL.js} +1 -1
- package/storybook-static/assets/{text-9sGnwPB7.js → text-CxC7Ibdz.js} +1 -1
- package/storybook-static/assets/{theming-4yGRJc-V.js → theming-LaAgw3BX.js} +1 -1
- package/storybook-static/assets/ui-CidvNniM.js +1 -0
- package/storybook-static/assets/{useODataSelectBase-CIjzs3rn.js → useODataSelectBase-D8W-kHaa.js} +1 -1
- package/storybook-static/assets/{useODataTreeData-BnifkleR.js → useODataTreeData-CdDBNi-n.js} +1 -1
- package/storybook-static/assets/{utils-BY_HhyoQ.js → utils-Bgk51jNr.js} +1 -1
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/project.json +1 -1
- package/dist/chunks/modal-Cll8YZ7b.js +0 -153
- package/dist/chunks/modal-Cll8YZ7b.js.map +0 -1
- package/storybook-static/assets/Modal.stories-DOU0t6f-.js +0 -180
- package/storybook-static/assets/formatter-L2YTDE3Q-BEJcUUWn.js +0 -1
- package/storybook-static/assets/grid-0riWQzPS.js +0 -1
- package/storybook-static/assets/odata-service-C5AB3b3v.js +0 -1
- package/storybook-static/assets/select-C3btTxoQ.js +0 -1
- package/storybook-static/assets/ui-krJ8_ODv.js +0 -1
package/storybook-static/assets/{ContextMenu.stories-pPfA4c51.js → ContextMenu.stories-q25-a_KQ.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-
|
|
1
|
+
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-D1kbCBk7.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{E as a,K as o,O as s,X as c,f as l,t as u,v as d}from"./lucide-react-DItxRogI.js";import{i as f,n as p,r as m,t as h}from"./DropdownMenu-Dk5dGs-s.js";var g=e({ContextMenuBasic:()=>x,ContextMenuRadial:()=>S,ControlledDropdown:()=>C,DropdownMenuBasic:()=>b,__namedExportsOrder:()=>w,default:()=>y}),_,v,y,b,x,S,C,w,T=n((()=>{_=t(r(),1),u(),f(),p(),v=i(),y={title:`Shared/UI/ContextMenu`,parameters:{atomicCanvas:!0,layout:`centered`}},b={name:`DropdownMenu / Базовый`,render:()=>(0,v.jsxs)(h,{children:[(0,v.jsx)(h.Trigger,{children:(0,v.jsx)(`button`,{type:`button`,children:`Действия`})}),(0,v.jsxs)(h.Content,{children:[(0,v.jsx)(h.GroupLabel,{children:`Файл`}),(0,v.jsx)(h.Item,{icon:(0,v.jsx)(s,{size:14}),hotKey:`Ctrl+E`,children:`Редактировать`}),(0,v.jsx)(h.Item,{icon:(0,v.jsx)(c,{size:14}),hotKey:`Ctrl+C`,children:`Копировать`}),(0,v.jsx)(h.Separator,{}),(0,v.jsx)(h.Item,{icon:(0,v.jsx)(l,{size:14}),hotKey:`Del`,children:`Удалить`})]})]})},x={name:`ContextMenu / По правому клику`,render:()=>(0,v.jsxs)(m,{children:[(0,v.jsx)(m.Trigger,{children:(0,v.jsxs)(`div`,{style:{width:300,height:180,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,v.jsx)(`br`,{}),`или Shift+F10`]})}),(0,v.jsxs)(m.Content,{children:[(0,v.jsx)(m.Item,{icon:(0,v.jsx)(s,{size:14}),children:`Переименовать`}),(0,v.jsx)(m.Item,{icon:(0,v.jsx)(c,{size:14}),children:`Дублировать`}),(0,v.jsx)(m.Separator,{}),(0,v.jsx)(m.Item,{icon:(0,v.jsx)(l,{size:14}),children:`Переместить в корзину`})]})]})},S={name:`ContextMenu / Радиальное меню`,render:()=>(0,v.jsxs)(m,{children:[(0,v.jsx)(m.Trigger,{children:(0,v.jsxs)(`div`,{style:{width:360,height:220,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,v.jsx)(`br`,{}),`или Shift+F10`]})}),(0,v.jsxs)(m.RadialContent,{children:[(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(s,{}),children:`Править`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(c,{}),children:`Копия`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(a,{}),children:`Закрепить`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(o,{}),children:`Просмотр`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(d,{}),children:`Опции`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(l,{}),children:`Удалить`})]})]})},C={name:`DropdownMenu / Контролируемый`,render:()=>{let[e,t]=(0,_.useState)(!1);return(0,v.jsxs)(h,{open:e,onOpenChange:t,children:[(0,v.jsx)(h.Trigger,{children:(0,v.jsx)(`button`,{type:`button`,children:e?`Скрыть меню`:`Показать меню`})}),(0,v.jsx)(h.Content,{children:(0,v.jsx)(h.Item,{onSelect:()=>t(!1),children:`Закрыть`})})]})}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
name: "DropdownMenu / Базовый",
|
|
3
3
|
render: () => <DropdownMenu>
|
|
4
4
|
<DropdownMenu.Trigger>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-B1CjCwLr.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,i as a}from"./utils-BY_HhyoQ.js";import{At as o,bt as s,t as c,vt as l}from"./lucide-react-DNKi1M4I.js";import{B as u,C as d,H as f,L as p,S as m,U as h,V as g,W as _,_ as v,b as y,h as b,i as x,q as S,r as C,t as w,u as T,v as E}from"./formatters-DXHNQSpS.js";import{i as ee,t as D}from"./popover-DLIoVp94.js";import{t as O}from"./Button-CO9qTYjf.js";import{t as k}from"./button-BOWFIeDh.js";import{a as te}from"./Input-XmHlbTYH.js";import{t as A}from"./input-Ciguy4IH.js";import{n as j,t as ne}from"./RadioGroup-g9jHDZ1a.js";function re(e){return e===`month`?`month`:e===`year`?`year`:`day`}function M(e,t){return oe.indexOf(e)>=oe.indexOf(t)}function ie(e,t){let n=re(e);return M(n,t)?n:t}function N(e,t){return!e||!t?!1:e.start.getTime()===t.start.getTime()&&e.end.getTime()===t.end.getTime()}function ae(e,t,n){if(!e||!t||!n)return!1;let r=Math.min(t.start.getTime(),n.start.getTime()),i=Math.max(t.end.getTime(),n.end.getTime());return e.start.getTime()>=r&&e.end.getTime()<=i}function P({date:e,value:t,hoveredDate:n,selectsRange:r,selectionOptions:i}){let a=T(e,i),o=T(!r&&t instanceof Date?t:null,i);if(!r||!Array.isArray(t))return{selected:x(e,o),range:!1,rangeStart:!1,rangeEnd:!1};let[s,c]=t,l=T(s,i),u=T(c??(s?n:null),i),d=N(a,l),f=N(a,u);return{selected:!1,range:ae(a,l,u)&&!d&&!f,rangeStart:d,rangeEnd:f}}var oe,F,se,ce=t((()=>{w(),oe=[`day`,`month`,`year`],F=[`day`,`week`,`month`,`year`],se=[`friday`,`saturday`,`sunday`]}));function I(e){return e.selectionMode===`day`||e.selectionMode===`week`?`day`:e.selectionMode===`month`||e.selectionMode===`year`?e.selectionMode:e.datePickerLevel??`day`}function L(e){return{selectionMode:e?.selectionMode,weekEndDay:e?.weekEndDay}}function R(e,t){return typeof e==`string`||e===void 0?{datePreset:e,datePickerLevel:t}:t&&e.datePickerLevel===void 0?{...e,datePickerLevel:t}:e}function le(e){let t=S(e,U);return u(t)?t:U}function ue(e){return e.datePreset===void 0?e.dateFormat:le(e.datePreset)}function z(e){return e.datePreset===void 0?h(e.dateFormat,Se):le(e.datePreset)}function de(e,t){return g(e,ue(t),{defaultFormat:U,precision:I(t),referenceDate:t.referenceDate})?.date??null}function B(e,t){return T(e,L(t))?.start??null}function V(e,t){if(!y(e))return null;let[n,r]=e;return[B(n,t),fe(r,t)]}function fe(e,t){return T(e,L(t))?.end??null}function H(e){return e?.getTime()??null}function pe(e,t,n){return H(B(e,n))===H(B(t,n))}function me(e,t,n){let r=V(e,n),i=V(t,n);return H(r?.[0]??null)===H(i?.[0]??null)&&H(r?.[1]??null)===H(i?.[1]??null)}function he(e,t,n){if(!e)return``;let r=R(t,n),i=T(e,L(r));return r.selectionMode===`week`&&i?f(i.start,i.end,z(r),{precision:I(r)}):p(e,z(r),{precision:I(r)})}function ge(e,t,n){if(!y(e))return``;let r=R(t,n),[i,a]=e;return i&&a?f(i,a,z(r),{precision:I(r)}):i?`${p(i,z(r),{precision:I(r)})}${xe}`:``}function _e(e,t,n){return y(e)?ge(e,t,n):he(e,t,n)}function ve(e,t,n){let r=R(t,n);return B(de(r.selectionMode===`week`?e.split(xe)[0]??``:e,r),r)}function ye(e,t,n){let r=R(t,n),[i=``,a=``]=e.split(xe);return[ve(i,r),be(a,r)]}function be(e,t,n){let r=R(t,n);return fe(de(e,r),r)}var U,xe,Se,Ce=t((()=>{w(),U=_.date,xe=` - `,Se=Object.freeze({defaultFormat:U,patternPresetName:`__date_input__`})})),we=t((()=>{})),W=t((()=>{ce(),Ce(),we()})),Te=t((()=>{j()}));function Ee(e){return y(e)?e[0]??e[1]??void 0:e??void 0}var G,De,Oe=t((()=>{G=e(n(),1),w(),W(),De=e=>{let t=(0,G.useMemo)(()=>{let t={selectionMode:e.selectionMode,weekEndDay:e.weekEndDay};return e.selectsRange?V(e.value,t):B(e.value,t)},[e.selectsRange,e.selectionMode,e.value,e.weekEndDay]),[n,r]=(0,G.useState)(t),i=(0,G.useMemo)(()=>({datePreset:e.datePreset,dateFormat:e.dateFormat,datePickerLevel:e.datePickerLevel,selectionMode:e.selectionMode,weekEndDay:e.weekEndDay}),[e.dateFormat,e.datePickerLevel,e.datePreset,e.selectionMode,e.weekEndDay]),[a,o]=(0,G.useState)(()=>_e(t,i)),s=(0,G.useMemo)(()=>{if(e.selectsRange){let t=V(e.value,i);return`${t?.[0]?.getTime()??`null`}:${t?.[1]?.getTime()??`null`}`}let t=B(e.value,i);return String(t?.getTime()??`null`)},[i,e.selectsRange,e.value]),c=e=>_e(e,i),l=(0,G.useEffectEvent)(t=>{if(e.selectsRange){let e=V(t,i),n=c(e);r(t=>{let n=t;return(n?.[0]?.getTime()??null)===(e?.[0]?.getTime()??null)&&(n?.[1]?.getTime()??null)===(e?.[1]?.getTime()??null)?t:e}),o(e=>e===n?e:n);return}let n=B(t,i),a=c(n);r(e=>(e?.getTime()??null)===(n?.getTime()??null)?e:n),o(e=>e===a?e:a)});return(0,G.useEffect)(()=>{l(e.value)},[e.dateFormat,e.datePickerLevel,e.datePreset,e.selectsRange,e.selectionMode,e.value,e.weekEndDay,s]),{inputValue:a,setInputValue:o,selectedDate:n,setSelectedDate:r,handleSelect:t=>{let[n,a]=Array.isArray(t)?t:[t,null];if(e.selectsRange){let t=B(n,i),s=fe(a,i);if(t&&s){if(s<t){let t=[B(a,i),fe(n,i)];r(t),o(c(t)),e.onChange(t)}else{let n=[t,s];r(n),o(c(n)),e.onChange(n)}return!0}let l=[t,null];return r(l),o(c(l)),!1}let s=B(n,i);return r(s),o(c(s)),e.onChange(s),!0},formatDate:c,parseDate:t=>{let r={...i,referenceDate:Ee(n)};return e.selectsRange?ye(t,r):ve(t,r)}}}})),ke=t((()=>{Oe()})),Ae,je,Me,Ne,Pe,Fe,Ie,Le,Re,ze,Be,Ve,He,Ue,We,Ge,K,Ke=t((()=>{Ae=`Dshr-j`,je=`esetVt`,Me=`i-LJYe`,Ne=`XZsnCH`,Pe=`_2KDjTS`,Fe=`o-freG`,Ie=`GcV08-`,Le=`UCrE-I`,Re=`L2V3uq`,ze=`Te9oCq`,Be=`cUF2pQ`,Ve=`d1L5uw`,He=`LU0M9Y`,Ue=`MR3y5p`,We=`VDqDpm`,Ge=`CLR-7m`,K={dayView:Ae,weekdays:je,weekday:Me,daysGrid:Ne,week:Pe,day:Fe,disabled:Ie,outsideMonth:Le,periodSelection:Re,periodPreview:ze,selected:Be,range:Ve,rangeStart:He,rangeEnd:Ue,weekend:We,now:Ge}})),qe,q,Je,Ye,Xe,Ze=t((()=>{qe=e(n(),1),w(),a(),Ke(),q=r(),Je=[`Пн`,`Вт`,`Ср`,`Чт`,`Пт`,`Сб`,`Вс`],Ye=new Intl.DateTimeFormat(`ru-RU`,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`}),Xe=({now:e,currentDate:t,value:n,onChange:r,minDate:a,maxDate:o,selectsRange:s,selectionMode:c=`day`,weekEndDay:l=`sunday`})=>{let[u,d]=(0,qe.useState)(null),f={selectionMode:c,weekEndDay:l},p=(()=>{let e=t.getFullYear(),n=t.getMonth(),r=E(e,n,1),i=E(e,n+1,0),a=r.getDay()===0?6:r.getDay()-1,o=42-(a+i.getDate()),s=[],c=E(e,n,0).getDate();for(let t=a;t>0;--t)s.push(E(e,n-1,c-t+1));for(let t=1;t<=i.getDate();t+=1)s.push(E(e,n,t));for(let t=1;t<=o;t+=1)s.push(E(e,n+1,t));let l=[];for(let e=0;e<s.length;e+=7)l.push(s.slice(e,e+7));return l})(),h=s&&Array.isArray(n)?n[0]:null,g=s&&Array.isArray(n)?n[1]:null,_=T(s?null:n,f),y=T(u,f),b=g??(h?y?.end??null:null),S=c===`week`,w=S&&(!s||!h),ee=e=>{if(!s||!h||!b)return!1;let t=v(e).getTime(),n=h.getTime(),r=b.getTime();return t>=Math.min(n,r)&&t<=Math.max(n,r)},D=e=>!C(T(e,f),{minDate:a,maxDate:o}),O=(e,t)=>{t||(S&&d(e),!(!s||!h||g)&&(S||d(e)))};return(0,q.jsxs)(`div`,{className:K.dayView,children:[(0,q.jsx)(`div`,{className:K.weekdays,children:Je.map(e=>(0,q.jsx)(`div`,{className:K.weekday,children:e},e))}),(0,q.jsx)(`div`,{className:K.daysGrid,onMouseLeave:()=>{(S||!g)&&d(null)},children:p.map((n,a)=>(0,q.jsx)(`div`,{className:K.week,children:n.map((n,o)=>{let s=n.getMonth()===t.getMonth(),l=x(n,_),u=w&&x(n,y),d=ee(n),f=m(n,h),p=m(n,b),g=m(n,e),v=D(n);return(0,q.jsx)(`button`,{type:`button`,onClick:()=>!v&&r(n),onMouseEnter:()=>O(n,v),disabled:v,"data-ui":`calendar-day-button`,"data-action":`select-calendar-day`,className:i(K.day,{[K.outsideMonth]:!s,[K.periodSelection]:c===`week`,[K.periodPreview]:u&&!l,[K.selected]:l,[K.range]:d&&!f&&!p,[K.rangeStart]:f,[K.rangeEnd]:p,[K.disabled]:v,[K.weekend]:o>4,[K.now]:g}),"aria-label":Ye.format(n),"aria-pressed":l||d||f||p,children:n.getDate()},`${a}-${o}`)})},a))})]})},Xe.__docgenInfo={description:`Отображает сетку дней месяца в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarDayView`,props:{selectionMode:{defaultValue:{value:`"day"`,computed:!1},required:!1},weekEndDay:{defaultValue:{value:`"sunday"`,computed:!1},required:!1}}}})),Qe,$e,et,tt,nt,rt,it,at,J,ot=t((()=>{Qe=`p5pRGW`,$e=`pUHpxD`,et=`lwWv-z`,tt=`_8gn-3z`,nt=`b57d-c`,rt=`nGc5FO`,it=`JLqjri`,at=`UQMYwg`,J={monthView:Qe,monthsGrid:$e,month:et,disabled:tt,range:nt,selected:rt,rangeStart:it,rangeEnd:at}})),st,ct,lt,ut,dt,ft=t((()=>{st=e(n(),1),w(),a(),W(),ot(),ct=r(),lt=new Intl.DateTimeFormat(`ru-RU`,{month:`short`}),ut=new Intl.DateTimeFormat(`ru-RU`,{month:`long`,year:`numeric`}),dt=({currentDate:e,value:t,onChange:n,minDate:r,maxDate:a,selectsRange:o,selectsPeriod:s,selectionMode:c=`day`,weekEndDay:l=`sunday`})=>{let[u,d]=(0,st.useState)(null),f=Array.from({length:12},(e,t)=>t),p=e.getFullYear(),m={selectionMode:c,weekEndDay:l},h=o&&Array.isArray(t)?t[0]:null,g=o&&Array.isArray(t)?t[1]:null,_=e=>lt.format(E(p,e,1)),v=e=>{if(!r&&!a)return!1;let t=E(p,e,1),n=E(p,e+1,0,23,59,59);return s?!C(T(t,m),{minDate:r,maxDate:a}):!!(r&&n<r||a&&t>a)},y=(e,t)=>{!o||!h||g||t||d(e)};return(0,ct.jsx)(`div`,{className:J.monthView,children:(0,ct.jsx)(`div`,{className:J.monthsGrid,onMouseLeave:()=>{g||d(null)},children:f.map(e=>{let r=v(e),a=E(p,e,1),s=P({date:a,value:t,hoveredDate:u,selectsRange:o,selectionOptions:m});return(0,ct.jsx)(`button`,{type:`button`,onClick:()=>!r&&n(a),onMouseEnter:()=>y(a,r),disabled:r,"data-ui":`calendar-month-button`,"data-action":`select-calendar-month`,className:i(J.month,{[J.selected]:s.selected,[J.range]:s.range,[J.rangeStart]:s.rangeStart,[J.rangeEnd]:s.rangeEnd,[J.disabled]:r}),"aria-label":ut.format(a),"aria-pressed":s.selected||s.range||s.rangeStart||s.rangeEnd,children:_(e)},e)})})})},dt.__docgenInfo={description:`Отображает выбор месяца в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarMonthView`,props:{selectionMode:{defaultValue:{value:`"day"`,computed:!1},required:!1},weekEndDay:{defaultValue:{value:`"sunday"`,computed:!1},required:!1}}}})),pt,mt,ht,gt=t((()=>{pt=`E35KE6`,mt=`L14Qef`,ht={calendarView:pt,calendarHeader:mt}})),_t,vt,yt,bt,xt,St,Ct,wt,Y,Tt=t((()=>{_t=`_--xW7O`,vt=`-N-5Jk`,yt=`hhY92S`,bt=`IhX7jj`,xt=`NWNpWj`,St=`d1SfcV`,Ct=`Gkui4r`,wt=`_0dVZLW`,Y={yearView:_t,yearsGrid:vt,year:yt,disabled:bt,range:xt,selected:St,rangeStart:Ct,rangeEnd:wt}})),Et,Dt,Ot,kt=t((()=>{Et=e(n(),1),w(),a(),W(),Tt(),Dt=r(),Ot=({currentDate:e,value:t,onChange:n,minDate:r,maxDate:a,selectsRange:o,selectsPeriod:s,selectionMode:c=`day`,weekEndDay:l=`sunday`})=>{let[u,d]=(0,Et.useState)(null),f=Math.floor(e.getFullYear()/12)*12,p=Array.from({length:12},(e,t)=>f+t),m={selectionMode:c,weekEndDay:l},h=o&&Array.isArray(t)?t[0]:null,g=o&&Array.isArray(t)?t[1]:null,_=e=>{if(!r&&!a)return!1;let t=E(e,0,1),n=E(e,11,31,23,59,59);return s?!C(T(t,m),{minDate:r,maxDate:a}):!!(r&&n<r||a&&t>a)},v=(e,t)=>{!o||!h||g||t||d(e)};return(0,Dt.jsx)(`div`,{className:Y.yearView,children:(0,Dt.jsx)(`div`,{className:Y.yearsGrid,onMouseLeave:()=>{g||d(null)},children:p.map(e=>{let r=_(e),a=E(e,0,1),s=P({date:a,value:t,hoveredDate:u,selectsRange:o,selectionOptions:m});return(0,Dt.jsx)(`button`,{type:`button`,onClick:()=>!r&&n(a),onMouseEnter:()=>v(a,r),disabled:r,"data-ui":`calendar-year-button`,"data-action":`select-calendar-year`,className:i(Y.year,{[Y.selected]:s.selected,[Y.range]:s.range,[Y.rangeStart]:s.rangeStart,[Y.rangeEnd]:s.rangeEnd,[Y.disabled]:r}),"aria-label":e.toString(),"aria-pressed":s.selected||s.range||s.rangeStart||s.rangeEnd,children:e},e)})})})},Ot.__docgenInfo={description:`Отображает выбор года в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarYearView`,props:{selectionMode:{defaultValue:{value:`"day"`,computed:!1},required:!1},weekEndDay:{defaultValue:{value:`"sunday"`,computed:!1},required:!1}}}}));function At({view:e,datePickerLevel:t,selectionMode:n=`day`,weekEndDay:r=`sunday`,onViewChange:i,...a}){let[o]=(0,X.useState)(()=>v(new Date)),[c,u]=(0,X.useState)(()=>a.selectsRange&&y(a.value)&&a.value[0]instanceof Date?a.value[0]:!a.selectsRange&&a.value instanceof Date?a.value:v(new Date)),f=a.currentDate??c,p={selectionMode:n,weekEndDay:r},m=e=>{let t=typeof e==`function`?e(f):e;a.currentDate===void 0&&u(t),a.onCurrentDateChange?.(t)},h=(0,X.useEffectEvent)(e=>{if(a.selectsRange&&Array.isArray(e)&&e[0]instanceof Date){m(e[0]);return}!a.selectsRange&&e instanceof Date&&m(e)});(0,X.useEffect)(()=>{h(a.value)},[a.value]);let g=()=>{if(e===`day`){m(e=>d(e,-1));return}if(e===`month`){m(e=>b(e,-1));return}m(e=>b(e,-12))},_=()=>{if(e===`day`){m(e=>d(e,1));return}if(e===`month`){m(e=>b(e,1));return}m(e=>b(e,12))};return(0,Z.jsxs)(`div`,{className:ht.calendarView,children:[(()=>{let t=``;if(e===`day`)t=f.toLocaleDateString(`ru-RU`,{month:`long`,year:`numeric`});else if(e===`month`)t=f.getFullYear().toString();else{let e=Math.floor(f.getFullYear()/12)*12;t=`${e} - ${e+11}`}return(0,Z.jsxs)(`div`,{className:ht.calendarHeader,children:[(0,Z.jsx)(O,{icon:(0,Z.jsx)(s,{}),onClick:g,variant:`ghost`,"aria-label":`Предыдущий`,"data-action":`calendar-previous`}),(0,Z.jsx)(O,{onClick:()=>{e===`day`?i(`month`):e===`month`&&i(`year`)},variant:`ghost`,className:`flex1`,"data-ui":`calendar-view-switch-button`,"data-action":`calendar-switch-view`,children:t}),(0,Z.jsx)(O,{icon:(0,Z.jsx)(l,{}),onClick:_,variant:`ghost`,"aria-label":`Следующий`,"data-ui":`calendar-next-button`,"data-action":`calendar-next`})]})})(),(()=>{let s=e=>{let t=T(e,p);if(!(!t||!C(t,{minDate:a.minDate,maxDate:a.maxDate}))){if(a.selectsRange){let e=null,n=null;if(Array.isArray(a.value)&&([e,n]=a.value),!e||n){a.onChange([t.start,null]);return}let r=T(e,p);if(!r)return;if(t.start<r.start){a.onChange([t.start,r.end]);return}a.onChange([r.start,t.end]);return}a.onChange(t.start)}},c=e=>{if(m(e),n===`month`||!M(`day`,t)){s(e);return}i(`day`)},l=e=>{if(m(e),n===`year`||!M(`month`,t)){s(e);return}i(`month`)};switch(e){case`day`:return(0,Z.jsx)(Xe,{now:o,currentDate:f,value:a.value,onChange:s,minDate:a.minDate,maxDate:a.maxDate,selectsRange:a.selectsRange,selectionMode:n,weekEndDay:r});case`month`:return(0,Z.jsx)(dt,{currentDate:f,value:a.value,onChange:c,minDate:a.minDate,maxDate:a.maxDate,selectsRange:a.selectsRange,selectsPeriod:n===`month`||!M(`day`,t),selectionMode:n,weekEndDay:r});case`year`:return(0,Z.jsx)(Ot,{currentDate:f,value:a.value,onChange:l,minDate:a.minDate,maxDate:a.maxDate,selectsRange:a.selectsRange,selectsPeriod:n===`year`||!M(`month`,t),selectionMode:n,weekEndDay:r});default:return null}})()]})}var X,Z,jt=t((()=>{X=e(n(),1),w(),c(),k(),W(),Ze(),ft(),gt(),kt(),Z=r(),At.__docgenInfo={description:`Отображает календарь выбора даты в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarView`,props:{view:{required:!0,tsType:{name:`union`,raw:`"day" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},description:``},datePickerLevel:{required:!0,tsType:{name:`union`,raw:`"day" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},description:``},selectionMode:{required:!1,tsType:{name:`CalendarPeriodSelectionMode`},description:``,defaultValue:{value:`"day"`,computed:!1}},weekEndDay:{required:!1,tsType:{name:`CalendarWeekEndDay`},description:``,defaultValue:{value:`"sunday"`,computed:!1}},onViewChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(view: CalendarType) => void`,signature:{arguments:[{type:{name:`union`,raw:`"day" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},name:`view`}],return:{name:`void`}}},description:``},selectsRange:{required:!1,tsType:{name:`boolean`},description:``},value:{required:!0,tsType:{name:`union`,raw:`Date | NullableDateRange | null`,elements:[{name:`Date`},{name:`NullableDateRange`},{name:`null`}]},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(date: Date | NullableDateRange) => void`,signature:{arguments:[{type:{name:`union`,raw:`Date | NullableDateRange`,elements:[{name:`Date`},{name:`NullableDateRange`}]},name:`date`}],return:{name:`void`}}},description:``},minDate:{required:!1,tsType:{name:`Date`},description:``},maxDate:{required:!1,tsType:{name:`Date`},description:``},currentDate:{required:!1,tsType:{name:`Date`},description:``},onCurrentDateChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(date: Date) => void`,signature:{arguments:[{type:{name:`Date`},name:`date`}],return:{name:`void`}}},description:``}}}})),Mt,Nt,Pt,Ft=t((()=>{Mt=`HR4pgo`,Nt=`-tM-kj`,Pt={calendarButton:Mt,selectionModeControl:Nt}}));function It(e,t){let n=new Set(e?.length?e:F);return n.add(t),F.filter(e=>n.has(e))}function Lt({placeholder:e,disabled:t,error:n,onClearError:r,minDate:i,maxDate:a,datePickerLevel:s,selectionMode:c,weekEndDay:l=`sunday`,allowSelectionModeChange:u,selectionModeOptions:d,onSelectionModeChange:f,...p}){let[m,h]=(0,Q.useState)(!1),[g,_]=(0,Q.useState)(c??`day`),v=c??g,b=s??`day`,x=ie(v,b),[S,C]=(0,Q.useState)(()=>({view:x,selectionMode:v,minDatePickerLevel:b})),w=S.selectionMode===v&&S.minDatePickerLevel===b&&M(S.view,b)?S.view:x,T=(0,Q.useRef)(p.value),E={selectionMode:v,weekEndDay:l},{inputValue:D,setInputValue:k,selectedDate:A,setSelectedDate:j,handleSelect:re,formatDate:N,parseDate:ae}=De({...p,datePickerLevel:b,selectionMode:v,weekEndDay:l}),P=p.selectsRange?p.onChange:void 0,oe=(0,Q.useCallback)(e=>{M(e,b)&&C({view:e,selectionMode:v,minDatePickerLevel:b})},[b,v]);(0,Q.useEffect)(()=>{T.current=p.value},[p.value]);let F=()=>{if(D){let e=ae(D);if(e){if(k(N(e)),p.selectsRange&&y(e)){if(me(e,y(A)?A:null,E))return;j(e),p.onChange(e)}else if(!p.selectsRange&&e instanceof Date){if(pe(e,A instanceof Date?A:null,E))return;j(e),p.onChange(e)}}}},se=e=>{e.key===`Enter`&&(e.preventDefault(),F())},ce=(0,Q.useCallback)(e=>{re(e)&&h(!1)},[re]),I=(0,Q.useCallback)(e=>{c===void 0&&_(e),f?.(e),C({view:ie(e,b),selectionMode:e,minDatePickerLevel:b})},[c,b,f]),L=(0,Q.useCallback)(()=>{if(P){let[,e]=y(A)?A:[null,null];if(!e){let e=T.current,t=Array.isArray(e)?e:null,n=t?.[0]??null,r=t?.[1]??null;if(n&&r){let e=[n,r];j(e),k(N(e)),P(e)}else j([null,null]),k(``),P([null,null])}}},[P,A,j,k,N]),R=It(d,v),le=u&&R.length>1;return(0,$.jsxs)(ee,{open:m,onOpenChange:e=>{h(e),e||L()},children:[(0,$.jsx)(te,{label:p.label,description:p.description,size:p.size,value:D,onChange:k,onBlur:F,onKeyUp:se,placeholder:e,disabled:t,error:n,onClearError:r,endAdornmentWidth:`var(--control-height)`,endAdornment:(0,$.jsx)(ee.Trigger,{children:(0,$.jsx)(O,{variant:`transparent`,disabled:t,className:Pt.calendarButton,icon:(0,$.jsx)(o,{}),"aria-label":`Открыть календарь`})})}),(0,$.jsxs)(ee.Content,{background:`primary`,children:[(0,$.jsx)(At,{view:w,datePickerLevel:b,selectionMode:v,weekEndDay:l,onViewChange:oe,value:A??null,onChange:ce,minDate:i,maxDate:a,selectsRange:!!p.selectsRange}),le&&(0,$.jsx)(`div`,{className:Pt.selectionModeControl,children:(0,$.jsx)(ne,{value:v,onChange:I,noWrap:!0,"aria-label":`Режим выбора даты`,children:R.map(e=>(0,$.jsx)(ne.Option,{value:e,label:Bt[e]},e))})})]})]})}function Rt(e){return(0,$.jsx)(Lt,{...e})}function zt(e){return(0,$.jsx)(Lt,{...e,selectsRange:!0})}var Q,$,Bt,Vt=t((()=>{Q=e(n(),1),w(),c(),k(),A(),D(),Te(),W(),ke(),jt(),Ft(),$=r(),Bt={day:`День`,week:`Неделя`,month:`Месяц`,year:`Год`},Rt.__docgenInfo={description:``,methods:[],displayName:`SingleDateInput`},zt.__docgenInfo={description:``,methods:[],displayName:`RangeDateInput`}}));export{jt as a,se as c,At as i,ce as l,Rt as n,W as o,Vt as r,F as s,zt as t};
|
|
1
|
+
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-D1kbCBk7.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,i as a}from"./utils-Bgk51jNr.js";import{At as o,bt as s,t as c,vt as l}from"./lucide-react-DItxRogI.js";import{B as u,C as d,H as f,L as p,S as m,U as h,V as g,W as _,_ as v,b as y,h as b,i as x,q as S,r as C,t as w,u as T,v as E}from"./formatters-q62UjZF6.js";import{i as ee,t as D}from"./popover-Bmfe__Oe.js";import{t as O}from"./Button-rWpfFmWo.js";import{t as k}from"./button-PJeFaVDD.js";import{a as te}from"./Input-c3EhAUVg.js";import{t as A}from"./input-D8SCvYlc.js";import{n as j,t as ne}from"./RadioGroup-DvOxoOpU.js";function re(e){return e===`month`?`month`:e===`year`?`year`:`day`}function M(e,t){return oe.indexOf(e)>=oe.indexOf(t)}function ie(e,t){let n=re(e);return M(n,t)?n:t}function N(e,t){return!e||!t?!1:e.start.getTime()===t.start.getTime()&&e.end.getTime()===t.end.getTime()}function ae(e,t,n){if(!e||!t||!n)return!1;let r=Math.min(t.start.getTime(),n.start.getTime()),i=Math.max(t.end.getTime(),n.end.getTime());return e.start.getTime()>=r&&e.end.getTime()<=i}function P({date:e,value:t,hoveredDate:n,selectsRange:r,selectionOptions:i}){let a=T(e,i),o=T(!r&&t instanceof Date?t:null,i);if(!r||!Array.isArray(t))return{selected:x(e,o),range:!1,rangeStart:!1,rangeEnd:!1};let[s,c]=t,l=T(s,i),u=T(c??(s?n:null),i),d=N(a,l),f=N(a,u);return{selected:!1,range:ae(a,l,u)&&!d&&!f,rangeStart:d,rangeEnd:f}}var oe,F,se,ce=t((()=>{w(),oe=[`day`,`month`,`year`],F=[`day`,`week`,`month`,`year`],se=[`friday`,`saturday`,`sunday`]}));function I(e){return e.selectionMode===`day`||e.selectionMode===`week`?`day`:e.selectionMode===`month`||e.selectionMode===`year`?e.selectionMode:e.datePickerLevel??`day`}function L(e){return{selectionMode:e?.selectionMode,weekEndDay:e?.weekEndDay}}function R(e,t){return typeof e==`string`||e===void 0?{datePreset:e,datePickerLevel:t}:t&&e.datePickerLevel===void 0?{...e,datePickerLevel:t}:e}function le(e){let t=S(e,U);return u(t)?t:U}function ue(e){return e.datePreset===void 0?e.dateFormat:le(e.datePreset)}function z(e){return e.datePreset===void 0?h(e.dateFormat,Se):le(e.datePreset)}function de(e,t){return g(e,ue(t),{defaultFormat:U,precision:I(t),referenceDate:t.referenceDate})?.date??null}function B(e,t){return T(e,L(t))?.start??null}function V(e,t){if(!y(e))return null;let[n,r]=e;return[B(n,t),fe(r,t)]}function fe(e,t){return T(e,L(t))?.end??null}function H(e){return e?.getTime()??null}function pe(e,t,n){return H(B(e,n))===H(B(t,n))}function me(e,t,n){let r=V(e,n),i=V(t,n);return H(r?.[0]??null)===H(i?.[0]??null)&&H(r?.[1]??null)===H(i?.[1]??null)}function he(e,t,n){if(!e)return``;let r=R(t,n),i=T(e,L(r));return r.selectionMode===`week`&&i?f(i.start,i.end,z(r),{precision:I(r)}):p(e,z(r),{precision:I(r)})}function ge(e,t,n){if(!y(e))return``;let r=R(t,n),[i,a]=e;return i&&a?f(i,a,z(r),{precision:I(r)}):i?`${p(i,z(r),{precision:I(r)})}${xe}`:``}function _e(e,t,n){return y(e)?ge(e,t,n):he(e,t,n)}function ve(e,t,n){let r=R(t,n);return B(de(r.selectionMode===`week`?e.split(xe)[0]??``:e,r),r)}function ye(e,t,n){let r=R(t,n),[i=``,a=``]=e.split(xe);return[ve(i,r),be(a,r)]}function be(e,t,n){let r=R(t,n);return fe(de(e,r),r)}var U,xe,Se,Ce=t((()=>{w(),U=_.date,xe=` - `,Se=Object.freeze({defaultFormat:U,patternPresetName:`__date_input__`})})),we=t((()=>{})),W=t((()=>{ce(),Ce(),we()})),Te=t((()=>{j()}));function Ee(e){return y(e)?e[0]??e[1]??void 0:e??void 0}var G,De,Oe=t((()=>{G=e(n(),1),w(),W(),De=e=>{let t=(0,G.useMemo)(()=>{let t={selectionMode:e.selectionMode,weekEndDay:e.weekEndDay};return e.selectsRange?V(e.value,t):B(e.value,t)},[e.selectsRange,e.selectionMode,e.value,e.weekEndDay]),[n,r]=(0,G.useState)(t),i=(0,G.useMemo)(()=>({datePreset:e.datePreset,dateFormat:e.dateFormat,datePickerLevel:e.datePickerLevel,selectionMode:e.selectionMode,weekEndDay:e.weekEndDay}),[e.dateFormat,e.datePickerLevel,e.datePreset,e.selectionMode,e.weekEndDay]),[a,o]=(0,G.useState)(()=>_e(t,i)),s=(0,G.useMemo)(()=>{if(e.selectsRange){let t=V(e.value,i);return`${t?.[0]?.getTime()??`null`}:${t?.[1]?.getTime()??`null`}`}let t=B(e.value,i);return String(t?.getTime()??`null`)},[i,e.selectsRange,e.value]),c=e=>_e(e,i),l=(0,G.useEffectEvent)(t=>{if(e.selectsRange){let e=V(t,i),n=c(e);r(t=>{let n=t;return(n?.[0]?.getTime()??null)===(e?.[0]?.getTime()??null)&&(n?.[1]?.getTime()??null)===(e?.[1]?.getTime()??null)?t:e}),o(e=>e===n?e:n);return}let n=B(t,i),a=c(n);r(e=>(e?.getTime()??null)===(n?.getTime()??null)?e:n),o(e=>e===a?e:a)});return(0,G.useEffect)(()=>{l(e.value)},[e.dateFormat,e.datePickerLevel,e.datePreset,e.selectsRange,e.selectionMode,e.value,e.weekEndDay,s]),{inputValue:a,setInputValue:o,selectedDate:n,setSelectedDate:r,handleSelect:t=>{let[n,a]=Array.isArray(t)?t:[t,null];if(e.selectsRange){let t=B(n,i),s=fe(a,i);if(t&&s){if(s<t){let t=[B(a,i),fe(n,i)];r(t),o(c(t)),e.onChange(t)}else{let n=[t,s];r(n),o(c(n)),e.onChange(n)}return!0}let l=[t,null];return r(l),o(c(l)),!1}let s=B(n,i);return r(s),o(c(s)),e.onChange(s),!0},formatDate:c,parseDate:t=>{let r={...i,referenceDate:Ee(n)};return e.selectsRange?ye(t,r):ve(t,r)}}}})),ke=t((()=>{Oe()})),Ae,je,Me,Ne,Pe,Fe,Ie,Le,Re,ze,Be,Ve,He,Ue,We,Ge,K,Ke=t((()=>{Ae=`Dshr-j`,je=`esetVt`,Me=`i-LJYe`,Ne=`XZsnCH`,Pe=`_2KDjTS`,Fe=`o-freG`,Ie=`GcV08-`,Le=`UCrE-I`,Re=`L2V3uq`,ze=`Te9oCq`,Be=`cUF2pQ`,Ve=`d1L5uw`,He=`LU0M9Y`,Ue=`MR3y5p`,We=`VDqDpm`,Ge=`CLR-7m`,K={dayView:Ae,weekdays:je,weekday:Me,daysGrid:Ne,week:Pe,day:Fe,disabled:Ie,outsideMonth:Le,periodSelection:Re,periodPreview:ze,selected:Be,range:Ve,rangeStart:He,rangeEnd:Ue,weekend:We,now:Ge}})),qe,q,Je,Ye,Xe,Ze=t((()=>{qe=e(n(),1),w(),a(),Ke(),q=r(),Je=[`Пн`,`Вт`,`Ср`,`Чт`,`Пт`,`Сб`,`Вс`],Ye=new Intl.DateTimeFormat(`ru-RU`,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`}),Xe=({now:e,currentDate:t,value:n,onChange:r,minDate:a,maxDate:o,selectsRange:s,selectionMode:c=`day`,weekEndDay:l=`sunday`})=>{let[u,d]=(0,qe.useState)(null),f={selectionMode:c,weekEndDay:l},p=(()=>{let e=t.getFullYear(),n=t.getMonth(),r=E(e,n,1),i=E(e,n+1,0),a=r.getDay()===0?6:r.getDay()-1,o=42-(a+i.getDate()),s=[],c=E(e,n,0).getDate();for(let t=a;t>0;--t)s.push(E(e,n-1,c-t+1));for(let t=1;t<=i.getDate();t+=1)s.push(E(e,n,t));for(let t=1;t<=o;t+=1)s.push(E(e,n+1,t));let l=[];for(let e=0;e<s.length;e+=7)l.push(s.slice(e,e+7));return l})(),h=s&&Array.isArray(n)?n[0]:null,g=s&&Array.isArray(n)?n[1]:null,_=T(s?null:n,f),y=T(u,f),b=g??(h?y?.end??null:null),S=c===`week`,w=S&&(!s||!h),ee=e=>{if(!s||!h||!b)return!1;let t=v(e).getTime(),n=h.getTime(),r=b.getTime();return t>=Math.min(n,r)&&t<=Math.max(n,r)},D=e=>!C(T(e,f),{minDate:a,maxDate:o}),O=(e,t)=>{t||(S&&d(e),!(!s||!h||g)&&(S||d(e)))};return(0,q.jsxs)(`div`,{className:K.dayView,children:[(0,q.jsx)(`div`,{className:K.weekdays,children:Je.map(e=>(0,q.jsx)(`div`,{className:K.weekday,children:e},e))}),(0,q.jsx)(`div`,{className:K.daysGrid,onMouseLeave:()=>{(S||!g)&&d(null)},children:p.map((n,a)=>(0,q.jsx)(`div`,{className:K.week,children:n.map((n,o)=>{let s=n.getMonth()===t.getMonth(),l=x(n,_),u=w&&x(n,y),d=ee(n),f=m(n,h),p=m(n,b),g=m(n,e),v=D(n);return(0,q.jsx)(`button`,{type:`button`,onClick:()=>!v&&r(n),onMouseEnter:()=>O(n,v),disabled:v,"data-ui":`calendar-day-button`,"data-action":`select-calendar-day`,className:i(K.day,{[K.outsideMonth]:!s,[K.periodSelection]:c===`week`,[K.periodPreview]:u&&!l,[K.selected]:l,[K.range]:d&&!f&&!p,[K.rangeStart]:f,[K.rangeEnd]:p,[K.disabled]:v,[K.weekend]:o>4,[K.now]:g}),"aria-label":Ye.format(n),"aria-pressed":l||d||f||p,children:n.getDate()},`${a}-${o}`)})},a))})]})},Xe.__docgenInfo={description:`Отображает сетку дней месяца в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarDayView`,props:{selectionMode:{defaultValue:{value:`"day"`,computed:!1},required:!1},weekEndDay:{defaultValue:{value:`"sunday"`,computed:!1},required:!1}}}})),Qe,$e,et,tt,nt,rt,it,at,J,ot=t((()=>{Qe=`p5pRGW`,$e=`pUHpxD`,et=`lwWv-z`,tt=`_8gn-3z`,nt=`b57d-c`,rt=`nGc5FO`,it=`JLqjri`,at=`UQMYwg`,J={monthView:Qe,monthsGrid:$e,month:et,disabled:tt,range:nt,selected:rt,rangeStart:it,rangeEnd:at}})),st,ct,lt,ut,dt,ft=t((()=>{st=e(n(),1),w(),a(),W(),ot(),ct=r(),lt=new Intl.DateTimeFormat(`ru-RU`,{month:`short`}),ut=new Intl.DateTimeFormat(`ru-RU`,{month:`long`,year:`numeric`}),dt=({currentDate:e,value:t,onChange:n,minDate:r,maxDate:a,selectsRange:o,selectsPeriod:s,selectionMode:c=`day`,weekEndDay:l=`sunday`})=>{let[u,d]=(0,st.useState)(null),f=Array.from({length:12},(e,t)=>t),p=e.getFullYear(),m={selectionMode:c,weekEndDay:l},h=o&&Array.isArray(t)?t[0]:null,g=o&&Array.isArray(t)?t[1]:null,_=e=>lt.format(E(p,e,1)),v=e=>{if(!r&&!a)return!1;let t=E(p,e,1),n=E(p,e+1,0,23,59,59);return s?!C(T(t,m),{minDate:r,maxDate:a}):!!(r&&n<r||a&&t>a)},y=(e,t)=>{!o||!h||g||t||d(e)};return(0,ct.jsx)(`div`,{className:J.monthView,children:(0,ct.jsx)(`div`,{className:J.monthsGrid,onMouseLeave:()=>{g||d(null)},children:f.map(e=>{let r=v(e),a=E(p,e,1),s=P({date:a,value:t,hoveredDate:u,selectsRange:o,selectionOptions:m});return(0,ct.jsx)(`button`,{type:`button`,onClick:()=>!r&&n(a),onMouseEnter:()=>y(a,r),disabled:r,"data-ui":`calendar-month-button`,"data-action":`select-calendar-month`,className:i(J.month,{[J.selected]:s.selected,[J.range]:s.range,[J.rangeStart]:s.rangeStart,[J.rangeEnd]:s.rangeEnd,[J.disabled]:r}),"aria-label":ut.format(a),"aria-pressed":s.selected||s.range||s.rangeStart||s.rangeEnd,children:_(e)},e)})})})},dt.__docgenInfo={description:`Отображает выбор месяца в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarMonthView`,props:{selectionMode:{defaultValue:{value:`"day"`,computed:!1},required:!1},weekEndDay:{defaultValue:{value:`"sunday"`,computed:!1},required:!1}}}})),pt,mt,ht,gt=t((()=>{pt=`E35KE6`,mt=`L14Qef`,ht={calendarView:pt,calendarHeader:mt}})),_t,vt,yt,bt,xt,St,Ct,wt,Y,Tt=t((()=>{_t=`_--xW7O`,vt=`-N-5Jk`,yt=`hhY92S`,bt=`IhX7jj`,xt=`NWNpWj`,St=`d1SfcV`,Ct=`Gkui4r`,wt=`_0dVZLW`,Y={yearView:_t,yearsGrid:vt,year:yt,disabled:bt,range:xt,selected:St,rangeStart:Ct,rangeEnd:wt}})),Et,Dt,Ot,kt=t((()=>{Et=e(n(),1),w(),a(),W(),Tt(),Dt=r(),Ot=({currentDate:e,value:t,onChange:n,minDate:r,maxDate:a,selectsRange:o,selectsPeriod:s,selectionMode:c=`day`,weekEndDay:l=`sunday`})=>{let[u,d]=(0,Et.useState)(null),f=Math.floor(e.getFullYear()/12)*12,p=Array.from({length:12},(e,t)=>f+t),m={selectionMode:c,weekEndDay:l},h=o&&Array.isArray(t)?t[0]:null,g=o&&Array.isArray(t)?t[1]:null,_=e=>{if(!r&&!a)return!1;let t=E(e,0,1),n=E(e,11,31,23,59,59);return s?!C(T(t,m),{minDate:r,maxDate:a}):!!(r&&n<r||a&&t>a)},v=(e,t)=>{!o||!h||g||t||d(e)};return(0,Dt.jsx)(`div`,{className:Y.yearView,children:(0,Dt.jsx)(`div`,{className:Y.yearsGrid,onMouseLeave:()=>{g||d(null)},children:p.map(e=>{let r=_(e),a=E(e,0,1),s=P({date:a,value:t,hoveredDate:u,selectsRange:o,selectionOptions:m});return(0,Dt.jsx)(`button`,{type:`button`,onClick:()=>!r&&n(a),onMouseEnter:()=>v(a,r),disabled:r,"data-ui":`calendar-year-button`,"data-action":`select-calendar-year`,className:i(Y.year,{[Y.selected]:s.selected,[Y.range]:s.range,[Y.rangeStart]:s.rangeStart,[Y.rangeEnd]:s.rangeEnd,[Y.disabled]:r}),"aria-label":e.toString(),"aria-pressed":s.selected||s.range||s.rangeStart||s.rangeEnd,children:e},e)})})})},Ot.__docgenInfo={description:`Отображает выбор года в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarYearView`,props:{selectionMode:{defaultValue:{value:`"day"`,computed:!1},required:!1},weekEndDay:{defaultValue:{value:`"sunday"`,computed:!1},required:!1}}}}));function At({view:e,datePickerLevel:t,selectionMode:n=`day`,weekEndDay:r=`sunday`,onViewChange:i,...a}){let[o]=(0,X.useState)(()=>v(new Date)),[c,u]=(0,X.useState)(()=>a.selectsRange&&y(a.value)&&a.value[0]instanceof Date?a.value[0]:!a.selectsRange&&a.value instanceof Date?a.value:v(new Date)),f=a.currentDate??c,p={selectionMode:n,weekEndDay:r},m=e=>{let t=typeof e==`function`?e(f):e;a.currentDate===void 0&&u(t),a.onCurrentDateChange?.(t)},h=(0,X.useEffectEvent)(e=>{if(a.selectsRange&&Array.isArray(e)&&e[0]instanceof Date){m(e[0]);return}!a.selectsRange&&e instanceof Date&&m(e)});(0,X.useEffect)(()=>{h(a.value)},[a.value]);let g=()=>{if(e===`day`){m(e=>d(e,-1));return}if(e===`month`){m(e=>b(e,-1));return}m(e=>b(e,-12))},_=()=>{if(e===`day`){m(e=>d(e,1));return}if(e===`month`){m(e=>b(e,1));return}m(e=>b(e,12))};return(0,Z.jsxs)(`div`,{className:ht.calendarView,children:[(()=>{let t=``;if(e===`day`)t=f.toLocaleDateString(`ru-RU`,{month:`long`,year:`numeric`});else if(e===`month`)t=f.getFullYear().toString();else{let e=Math.floor(f.getFullYear()/12)*12;t=`${e} - ${e+11}`}return(0,Z.jsxs)(`div`,{className:ht.calendarHeader,children:[(0,Z.jsx)(O,{icon:(0,Z.jsx)(s,{}),onClick:g,variant:`ghost`,"aria-label":`Предыдущий`,"data-action":`calendar-previous`}),(0,Z.jsx)(O,{onClick:()=>{e===`day`?i(`month`):e===`month`&&i(`year`)},variant:`ghost`,className:`flex1`,"data-ui":`calendar-view-switch-button`,"data-action":`calendar-switch-view`,children:t}),(0,Z.jsx)(O,{icon:(0,Z.jsx)(l,{}),onClick:_,variant:`ghost`,"aria-label":`Следующий`,"data-ui":`calendar-next-button`,"data-action":`calendar-next`})]})})(),(()=>{let s=e=>{let t=T(e,p);if(!(!t||!C(t,{minDate:a.minDate,maxDate:a.maxDate}))){if(a.selectsRange){let e=null,n=null;if(Array.isArray(a.value)&&([e,n]=a.value),!e||n){a.onChange([t.start,null]);return}let r=T(e,p);if(!r)return;if(t.start<r.start){a.onChange([t.start,r.end]);return}a.onChange([r.start,t.end]);return}a.onChange(t.start)}},c=e=>{if(m(e),n===`month`||!M(`day`,t)){s(e);return}i(`day`)},l=e=>{if(m(e),n===`year`||!M(`month`,t)){s(e);return}i(`month`)};switch(e){case`day`:return(0,Z.jsx)(Xe,{now:o,currentDate:f,value:a.value,onChange:s,minDate:a.minDate,maxDate:a.maxDate,selectsRange:a.selectsRange,selectionMode:n,weekEndDay:r});case`month`:return(0,Z.jsx)(dt,{currentDate:f,value:a.value,onChange:c,minDate:a.minDate,maxDate:a.maxDate,selectsRange:a.selectsRange,selectsPeriod:n===`month`||!M(`day`,t),selectionMode:n,weekEndDay:r});case`year`:return(0,Z.jsx)(Ot,{currentDate:f,value:a.value,onChange:l,minDate:a.minDate,maxDate:a.maxDate,selectsRange:a.selectsRange,selectsPeriod:n===`year`||!M(`month`,t),selectionMode:n,weekEndDay:r});default:return null}})()]})}var X,Z,jt=t((()=>{X=e(n(),1),w(),c(),k(),W(),Ze(),ft(),gt(),kt(),Z=r(),At.__docgenInfo={description:`Отображает календарь выбора даты в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarView`,props:{view:{required:!0,tsType:{name:`union`,raw:`"day" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},description:``},datePickerLevel:{required:!0,tsType:{name:`union`,raw:`"day" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},description:``},selectionMode:{required:!1,tsType:{name:`CalendarPeriodSelectionMode`},description:``,defaultValue:{value:`"day"`,computed:!1}},weekEndDay:{required:!1,tsType:{name:`CalendarWeekEndDay`},description:``,defaultValue:{value:`"sunday"`,computed:!1}},onViewChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(view: CalendarType) => void`,signature:{arguments:[{type:{name:`union`,raw:`"day" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},name:`view`}],return:{name:`void`}}},description:``},selectsRange:{required:!1,tsType:{name:`boolean`},description:``},value:{required:!0,tsType:{name:`union`,raw:`Date | NullableDateRange | null`,elements:[{name:`Date`},{name:`NullableDateRange`},{name:`null`}]},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(date: Date | NullableDateRange) => void`,signature:{arguments:[{type:{name:`union`,raw:`Date | NullableDateRange`,elements:[{name:`Date`},{name:`NullableDateRange`}]},name:`date`}],return:{name:`void`}}},description:``},minDate:{required:!1,tsType:{name:`Date`},description:``},maxDate:{required:!1,tsType:{name:`Date`},description:``},currentDate:{required:!1,tsType:{name:`Date`},description:``},onCurrentDateChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(date: Date) => void`,signature:{arguments:[{type:{name:`Date`},name:`date`}],return:{name:`void`}}},description:``}}}})),Mt,Nt,Pt,Ft=t((()=>{Mt=`HR4pgo`,Nt=`-tM-kj`,Pt={calendarButton:Mt,selectionModeControl:Nt}}));function It(e,t){let n=new Set(e?.length?e:F);return n.add(t),F.filter(e=>n.has(e))}function Lt({placeholder:e,disabled:t,error:n,onClearError:r,minDate:i,maxDate:a,datePickerLevel:s,selectionMode:c,weekEndDay:l=`sunday`,allowSelectionModeChange:u,selectionModeOptions:d,onSelectionModeChange:f,...p}){let[m,h]=(0,Q.useState)(!1),[g,_]=(0,Q.useState)(c??`day`),v=c??g,b=s??`day`,x=ie(v,b),[S,C]=(0,Q.useState)(()=>({view:x,selectionMode:v,minDatePickerLevel:b})),w=S.selectionMode===v&&S.minDatePickerLevel===b&&M(S.view,b)?S.view:x,T=(0,Q.useRef)(p.value),E={selectionMode:v,weekEndDay:l},{inputValue:D,setInputValue:k,selectedDate:A,setSelectedDate:j,handleSelect:re,formatDate:N,parseDate:ae}=De({...p,datePickerLevel:b,selectionMode:v,weekEndDay:l}),P=p.selectsRange?p.onChange:void 0,oe=(0,Q.useCallback)(e=>{M(e,b)&&C({view:e,selectionMode:v,minDatePickerLevel:b})},[b,v]);(0,Q.useEffect)(()=>{T.current=p.value},[p.value]);let F=()=>{if(D){let e=ae(D);if(e){if(k(N(e)),p.selectsRange&&y(e)){if(me(e,y(A)?A:null,E))return;j(e),p.onChange(e)}else if(!p.selectsRange&&e instanceof Date){if(pe(e,A instanceof Date?A:null,E))return;j(e),p.onChange(e)}}}},se=e=>{e.key===`Enter`&&(e.preventDefault(),F())},ce=(0,Q.useCallback)(e=>{re(e)&&h(!1)},[re]),I=(0,Q.useCallback)(e=>{c===void 0&&_(e),f?.(e),C({view:ie(e,b),selectionMode:e,minDatePickerLevel:b})},[c,b,f]),L=(0,Q.useCallback)(()=>{if(P){let[,e]=y(A)?A:[null,null];if(!e){let e=T.current,t=Array.isArray(e)?e:null,n=t?.[0]??null,r=t?.[1]??null;if(n&&r){let e=[n,r];j(e),k(N(e)),P(e)}else j([null,null]),k(``),P([null,null])}}},[P,A,j,k,N]),R=It(d,v),le=u&&R.length>1;return(0,$.jsxs)(ee,{open:m,onOpenChange:e=>{h(e),e||L()},children:[(0,$.jsx)(te,{label:p.label,description:p.description,size:p.size,value:D,onChange:k,onBlur:F,onKeyUp:se,placeholder:e,disabled:t,error:n,onClearError:r,endAdornmentWidth:`var(--control-height)`,endAdornment:(0,$.jsx)(ee.Trigger,{children:(0,$.jsx)(O,{variant:`transparent`,disabled:t,className:Pt.calendarButton,icon:(0,$.jsx)(o,{}),"aria-label":`Открыть календарь`})})}),(0,$.jsxs)(ee.Content,{background:`primary`,children:[(0,$.jsx)(At,{view:w,datePickerLevel:b,selectionMode:v,weekEndDay:l,onViewChange:oe,value:A??null,onChange:ce,minDate:i,maxDate:a,selectsRange:!!p.selectsRange}),le&&(0,$.jsx)(`div`,{className:Pt.selectionModeControl,children:(0,$.jsx)(ne,{value:v,onChange:I,noWrap:!0,"aria-label":`Режим выбора даты`,children:R.map(e=>(0,$.jsx)(ne.Option,{value:e,label:Bt[e]},e))})})]})]})}function Rt(e){return(0,$.jsx)(Lt,{...e})}function zt(e){return(0,$.jsx)(Lt,{...e,selectsRange:!0})}var Q,$,Bt,Vt=t((()=>{Q=e(n(),1),w(),c(),k(),A(),D(),Te(),W(),ke(),jt(),Ft(),$=r(),Bt={day:`День`,week:`Неделя`,month:`Месяц`,year:`Год`},Rt.__docgenInfo={description:``,methods:[],displayName:`SingleDateInput`},zt.__docgenInfo={description:``,methods:[],displayName:`RangeDateInput`}}));export{jt as a,se as c,At as i,ce as l,Rt as n,W as o,Vt as r,F as s,zt as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-
|
|
1
|
+
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-B-ZSUli0.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-B8QUPqDz.js";import{Range as p,Single as m,Sizes as h,WithLimits as g,n as _,t as v}from"./DateInput.stories-BfN_pYwR.js";function y(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(a,{of:v,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,x.jsx)(c,{children:`DateInput`}),`
|
|
3
3
|
`,(0,x.jsx)(i,{children:`Календарный ввод одной даты или диапазона с ограничениями и различными размерами`}),`
|
|
4
4
|
`,(0,x.jsx)(o.p,{children:`DateInput уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
package/storybook-static/assets/{DateInput.stories-BeYqSTLP.js → DateInput.stories-BfN_pYwR.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as e,i as t}from"./preload-helper-B45gAKPr.js";import{t as n}from"./jsx-runtime-BBQGix-2.js";import{c as r,n as i,o as a,r as o,s,t as c}from"./DateInput-
|
|
1
|
+
import{a as e,i as t}from"./preload-helper-B45gAKPr.js";import{t as n}from"./jsx-runtime-BBQGix-2.js";import{c as r,n as i,o as a,r as o,s,t as c}from"./DateInput-DgI18Wd3.js";var l=e({PickerLevels:()=>v,Range:()=>h,RuntimeSelectionMode:()=>y,Single:()=>m,Sizes:()=>b,WeekSelection:()=>_,WithLimits:()=>g,__namedExportsOrder:()=>x,default:()=>p});function u(e,t,n){e.onSelectionModeChange?.(n),t({selectionMode:n})}var d,f,p,m,h,g,_,v,y,b,x,S=t((()=>{a(),o(),d=n(),{useArgs:f}=__STORYBOOK_MODULE_PREVIEW_API__,p={title:`Shared/UI/DateInput`,component:i,args:{value:null,onChange:()=>{}},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`},datePreset:{description:`Имя пресета форматирования выбранной даты, например date-long, month-long или month-short.`,control:`text`},dateFormat:{description:`Deprecated: ручной шаблон форматирования. Используйте datePreset.`,control:`text`},datePickerLevel:{description:`Минимальный уровень календарной навигации. Не определяет размер выбранного периода.`,control:`select`,options:[`day`,`month`,`year`]},selectionMode:{description:`Размер выбранного периода.`,control:`select`,options:s},weekEndDay:{description:`Последний включённый день недели для режима week.`,control:`select`,options:r},allowSelectionModeChange:{description:`Показывает переключатель режима выбора под календарём.`,control:`boolean`},selectionModeOptions:{description:`Ограничивает режимы в runtime-переключателе.`,control:`check`,options:s},onSelectionModeChange:{description:`Вызывается при runtime-смене режима выбора.`,control:!1},error:{description:`Текст ошибки под полем.`,control:`text`},onClearError:{description:`Сброс внешней ошибки при вводе.`,control:!1},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},disabled:{description:`Блокирует ввод и открытие календаря.`,control:`boolean`}}},m={render:function(e){let[,t]=f();return(0,d.jsx)(i,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Одиночная дата`,placeholder:`дд.мм.гггг`,value:new Date(2026,2,5,0,0,0)}},h={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)]}},g={render:function(e){let[,t]=f();return(0,d.jsx)(i,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Дата отчёта`,description:`Доступен только март 2026.`,value:new Date(2026,2,10,0,0,0),minDate:new Date(2026,2,1,0,0,0),maxDate:new Date(2026,2,31,23,59,59)}},_={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Недели`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,2,0,0,0),new Date(2026,2,13,23,59,59)],selectionMode:`week`,weekEndDay:`friday`}},v={render:function(e){let[,t]=f();return(0,d.jsx)(i,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Месяц`,placeholder:`месяц год`,value:new Date(2026,2,1,0,0,0),datePreset:`date-long`,selectionMode:`month`}},y={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Период`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)],selectionMode:`day`,allowSelectionModeChange:!0}},b={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{size:`lg`,label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)]}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: function Render(args) {
|
|
3
3
|
const [, updateArgs] = useArgs<SingleDateInputStoryArgs>();
|
|
4
4
|
return <SingleDateInput {...args} value={args.value ?? null} onChange={value => {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-
|
|
1
|
+
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-D1kbCBk7.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{c as i,f as a,m as o,o as s,p as c,t as l}from"./formatters-q62UjZF6.js";import{a as u,i as d,n as f,o as p,s as m,t as h}from"./preset-select-C3eeRGrr.js";function g(e){return typeof e==`string`&&w.has(e)}function _(e,t=[]){return d(e,g,t)}function v(e,t=S){return m(e,t)}function y(e,t=T){return p(e,t)}function b(e,t=new Date,n=T){let r=y(e,n);return r?{id:r.id,label:r.label,range:r.resolveRange({referenceDate:t})}:null}function x(e,t=new Date,n=T){if(!Array.isArray(e))return null;let[r,i]=e;if(!(r instanceof Date)||!(i instanceof Date))return null;let a=r.getTime(),o=i.getTime();for(let e of n){let[n,r]=e.resolveRange({referenceDate:t});if(!(!(n instanceof Date)||!(r instanceof Date))&&n.getTime()===a&&r.getTime()===o)return e.id}return null}var S,C,w,T,E=t((()=>{l(),u(),S=Object.freeze([{id:`monthStartToYesterday`,label:`С начала месяца по вчера`,resolveRange:s},{id:`monthStartToToday`,label:`С начала месяца по сегодня`,resolveRange:c},{id:`today`,label:`За сегодня`,resolveRange:a},{id:`yesterday`,label:`За вчера`,resolveRange:o},{id:`monthAgo`,label:`Месяц назад`,resolveRange:i}]),C=Object.freeze([`monthStartToYesterday`,`monthStartToToday`,`today`,`yesterday`]),w=new Set(S.map(e=>e.id)),T=Object.freeze(v(C))}));function D(e){if(!e)return`__empty__`;let[t,n]=e.range;return[e.id,t?.getTime()??`null`,n?.getTime()??`null`].join(`|`)}function O({value:e,onChange:t,options:n=T,referenceDate:r,onRangeChange:i,...a}){let[o]=(0,k.useState)(()=>new Date),s=r?.getTime()??o.getTime(),c=!!i,l=(0,k.useRef)(``),u=(0,k.useEffectEvent)(e=>{if(!i)return;let t=b(e,new Date(s),n),r=D(t);r!==l.current&&(l.current=r,i(t))});return(0,k.useEffect)(()=>{u(e)},[c,n,s,e]),(0,A.jsx)(f,{...a,options:n,value:e,onChange:t})}var k,A,j=t((()=>{k=e(n(),1),h(),E(),A=r(),O.__docgenInfo={description:`Выбор пресета диапазона дат с вычислением диапазона без timezone-сдвига.`,methods:[],displayName:`DateRangePresetSelect`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},options:{required:!1,tsType:{name:`unknown`},description:``,defaultValue:{value:`Object.freeze(
|
|
2
2
|
resolveDateRangePresetOptionsByIds(DEFAULT_DATE_RANGE_PRESET_IDS)
|
|
3
3
|
)`,computed:!0}},referenceDate:{required:!1,tsType:{name:`Date`},description:``},onRangeChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(payload: DateRangePresetChangePayload | null) => void`,signature:{arguments:[{type:{name:`union`,raw:`DateRangePresetChangePayload | null`,elements:[{name:`DateRangePresetChangePayload`},{name:`null`}]},name:`payload`}],return:{name:`void`}}},description:``}}}}));export{_ as a,b as c,E as i,j as n,x as o,C as r,v as s,O as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-
|
|
1
|
+
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-B-ZSUli0.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-B8QUPqDz.js";import{Default as p,n as m,t as h}from"./DateRangePresetSelect.stories-DJIqYv8z.js";function g(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(a,{of:h,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,v.jsx)(c,{children:`DateRangePresetSelect`}),`
|
|
3
3
|
`,(0,v.jsx)(i,{children:`Выбор готовых диапазонов дат для фильтров, отчетов и быстрых аналитических сценариев`}),`
|
|
4
4
|
`,(0,v.jsx)(o.p,{children:`DateRangePresetSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-
|
|
1
|
+
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-D1kbCBk7.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{t as a}from"./DateInput-DgI18Wd3.js";import{c as o}from"./preset-select-C3eeRGrr.js";import{i as s}from"./Grid-sojkTYwf.js";import{t as c}from"./grid-rDCrr9Aa.js";import{n as l,t as u}from"./DateRangePresetSelect-BvJ0OXbG.js";var d=e({Default:()=>h,__namedExportsOrder:()=>g,default:()=>m}),f,p,m,h,g,_=n((()=>{f=t(r(),1),o(),c(),l(),p=i(),m={title:`Shared/UI/DateRangePresetSelect`,component:u,args:{value:`monthStartToToday`,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`}},h={render:()=>{let[e,t]=(0,f.useState)(`monthStartToToday`),[n,r]=(0,f.useState)([new Date(2026,2,1,0,0,0),new Date(2026,2,10,23,59,59)]);return(0,p.jsxs)(s,{gap:`md`,children:[(0,p.jsx)(u,{label:`Пресет диапазона`,placeholder:`Выберите пресет`,value:e,onChange:t,onRangeChange:e=>r(e?.range??null),referenceDate:new Date(2026,2,10,12,0,0)}),(0,p.jsx)(a,{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:e=>r(e)})]})}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: () => {
|
|
3
3
|
const [presetId, setPresetId] = useState<string | undefined>("monthStartToToday");
|
|
4
4
|
const [range, setRange] = useState<DateRangePresetChangePayload["range"] | null>([new Date(2026, 2, 1, 0, 0, 0), new Date(2026, 2, 10, 23, 59, 59)]);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-
|
|
1
|
+
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-B-ZSUli0.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-B8QUPqDz.js";import{BasicList as p,CustomLabel as m,MultipleColumns as h,SemanticDl as g,n as _,t as v}from"./Detail.stories-DGbd09Cm.js";function y(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(a,{of:v,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,x.jsx)(c,{children:`Detail`}),`
|
|
3
3
|
`,(0,x.jsx)(i,{children:`Компонент для вывода пар «заголовок-значение» в карточках, сводках и просмотре сущностей`}),`
|
|
4
4
|
`,(0,x.jsx)(o.p,{children:`Detail уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-
|
|
1
|
+
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-D1kbCBk7.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-Bgk51jNr.js";var s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S=n((()=>{s=`DyKaN-`,c=`_2Cf0DN`,l=`igyZiV`,u=`lFsl-5`,d=`zQlD1x`,f=`a6oRih`,p=`MYdzIV`,m=`Pxw-eb`,h=`Kz2K6S`,g=`Pbwja7`,_=`_1DseTb`,v=`h3oORx`,y=`gB9Kr4`,b=`V-PlLc`,x={detailList:s,none:c,small:l,normal:u,large:d,detail:f,dt:p,dd:m,textCenter:h,inline:g,start:_,center:v,end:y,noWrap:b}}));function C({label:e,value:t,withColon:n,required:r}){let{semantic:i,inline:o,noWrap:s,center:c,vertical:l=`center`,withColon:u=!0}=(0,w.useContext)(E),d=a(x.detail,c&&x.textCenter,o&&x.inline,s&&x.noWrap,x[l]),f=(0,T.jsxs)(T.Fragment,{children:[e,r&&(0,T.jsx)(`span`,{className:`statusError`,children:`*`}),(typeof n==`boolean`?n:u)&&`:`]});switch(i){case`detail`:return(0,T.jsxs)(`div`,{className:d,children:[(0,T.jsx)(`dt`,{className:x.dt,children:f}),(0,T.jsx)(`dd`,{className:x.dd,children:t})]});case`list`:return(0,T.jsxs)(`li`,{className:d,children:[(0,T.jsx)(`div`,{className:x.dt,children:f}),(0,T.jsx)(`div`,{className:x.dd,children:t})]});default:return(0,T.jsxs)(`div`,{className:d,children:[(0,T.jsx)(`div`,{className:x.dt,children:f}),(0,T.jsx)(`div`,{className:x.dd,children:t})]})}}var w,T,E,D,O=n((()=>{w=t(r(),1),o(),S(),T=i(),E=(0,w.createContext)({}),D=({children:e,columnCount:t=1,rowGap:n=`none`,semantic:r=`list`,className:i,...o})=>{let s=a(x.detailList,x[n],i),c={columnCount:Math.min(5,Math.max(1,t))},l=r===`detail`?(0,T.jsx)(`dl`,{className:s,style:c,children:e}):(0,T.jsx)(`ul`,{className:s,style:c,children:e});return(0,T.jsx)(E.Provider,{value:{...o,semantic:r},children:l})},D.Item=C,D.__docgenInfo={description:`Компонент для вывода пар «заголовок-значение» в одну или несколько колонок. Подходит для карточек сущностей, сводок и страниц просмотра.`,methods:[{name:`Item`,docblock:null,modifiers:[`static`],params:[{name:`{ label, value, withColon, required }: DetailItemProps`,optional:!1,type:{name:`DetailItemProps`,alias:`DetailItemProps`}}],returns:null}],displayName:`Detail`,props:{columnCount:{defaultValue:{value:`1`,computed:!1},required:!1},rowGap:{defaultValue:{value:`"none"`,computed:!1},required:!1},semantic:{defaultValue:{value:`"list"`,computed:!1},required:!1}}}})),k=e({BasicList:()=>M,CustomLabel:()=>F,MultipleColumns:()=>N,SemanticDl:()=>P,__namedExportsOrder:()=>I,default:()=>j}),A,j,M,N,P,F,I,L=n((()=>{O(),A=i(),j={title:`Shared/UI/Detail`,component:D,args:{columnCount:1,rowGap:`normal`,semantic:`list`,inline:!1,center:!1,vertical:`center`,noWrap:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{columnCount:{description:`Количество колонок (1-5).`,control:`number`},rowGap:{description:`Вертикальные интервалы между строками.`,control:`inline-radio`,options:[`none`,`small`,`normal`,`large`]},semantic:{description:`Семантический режим контейнера списка деталей.`,control:`inline-radio`,options:[`detail`,`list`]},inline:{description:`Размещает метку и значение в одну строку.`,control:`boolean`},center:{description:`Центрирует текст метки и значения.`,control:`boolean`},vertical:{description:`Вертикальное выравнивание внутри строки.`,control:`inline-radio`,options:[`start`,`center`,`end`]},noWrap:{description:`Отключает перенос длинного значения.`,control:`boolean`},withColon:{description:`Добавляет двоеточие после метки.`,control:`boolean`},className:{description:`Дополнительный CSS-класс списка.`,control:`text`}}},M={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{required:!0,label:`Статус`,value:`Активен`}),(0,A.jsx)(D.Item,{label:`Приоритет`,value:`Высокий`}),(0,A.jsx)(D.Item,{label:`Автор`,value:`Иван Петров`})]}),args:{children:void 0}},N={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{label:`ID`,value:`DOC-12345`}),(0,A.jsx)(D.Item,{label:`Дата`,value:`05.03.2026`}),(0,A.jsx)(D.Item,{label:`Версия`,value:`2.7`}),(0,A.jsx)(D.Item,{label:`Подразделение`,value:`Снабжение`}),(0,A.jsx)(D.Item,{label:`Регион`,value:`Урал`}),(0,A.jsx)(D.Item,{label:`Комментарий`,value:`Требуется согласование с бухгалтерией`})]}),args:{columnCount:2,rowGap:`small`,children:void 0}},P={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{label:`Клиент`,value:`ООО Вектор`}),(0,A.jsx)(D.Item,{label:`Менеджер`,value:`Анна Смирнова`}),(0,A.jsx)(D.Item,{label:`Сумма`,value:`1 250 000 ₽`})]}),args:{semantic:`detail`,inline:!0,columnCount:1,children:void 0}},F={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{label:(0,A.jsx)(`span`,{children:`Номер договора`}),value:`KTK-2026-045`}),(0,A.jsx)(D.Item,{label:(0,A.jsx)(`span`,{title:`Без двоеточия для составной метки`,children:`Статус`}),value:`На согласовании`,withColon:!1})]}),args:{children:void 0}},M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: args => <Detail {...args}>
|
|
3
3
|
<Detail.Item required label="Статус" value="Активен" />
|
|
4
4
|
<Detail.Item label="Приоритет" value="Высокий" />
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-
|
|
1
|
+
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-B-ZSUli0.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-B8QUPqDz.js";import{Controlled as p,Opened as m,n as h,t as g}from"./Dialog.stories-iAreH7Ft.js";function _(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(a,{of:g,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,y.jsx)(c,{children:`Dialog`}),`
|
|
3
3
|
`,(0,y.jsx)(i,{children:`Легковесное диалоговое окно для коротких подтверждений и критичных действий`}),`
|
|
4
4
|
`,(0,y.jsx)(o.p,{children:`Dialog уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-
|
|
1
|
+
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-D1kbCBk7.js";import{t as i}from"./react-dom-BuBaXqtP.js";import{t as a}from"./jsx-runtime-BBQGix-2.js";import{a as o,c as s,i as c,r as l}from"./error-BSGcuIkS.js";import{t as u}from"./Button-rWpfFmWo.js";import{t as d}from"./button-PJeFaVDD.js";function f({title:e,description:t,open:n,onClose:r,minWidth:i,children:a}){let o=(0,p.useId)(),u=(0,p.useId)(),d=s({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`auto`});if(c({active:n,onDismiss:r,containerRef:d}),!n||typeof document>`u`)return null;let f=l(`dialog-root`);return f?(0,m.createPortal)((0,h.jsx)(`div`,{className:`fixed inset0 flexCenter surfaceBackdrop`,style:{zIndex:`var(--z-dialog)`},onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,h.jsxs)(`div`,{ref:d,role:`dialog`,"aria-modal":`true`,"aria-labelledby":e?o:void 0,"aria-describedby":t?u:void 0,tabIndex:-1,className:`surface0 shadowMd paddingLg radiusSm`,style:{minWidth:i},children:[e&&(0,h.jsx)(`h2`,{id:o,className:`margin0`,children:e}),t&&(0,h.jsx)(`p`,{id:u,children:t}),a]})}),f):null}var p,m,h,g=n((()=>{p=t(r(),1),o(),m=t(i(),1),h=a()})),_=e({Controlled:()=>x,Opened:()=>S,__namedExportsOrder:()=>C,default:()=>b}),v,y,b,x,S,C,w=n((()=>{v=t(r(),1),d(),g(),y=a(),b={title:`Shared/UI/Dialog`,component:f,args:{title:`Подтверждение операции`,description:`Проверьте параметры перед выполнением действия.`,open:!1,onClose:()=>{},minWidth:360,children:(0,y.jsx)(`div`,{children:`Содержимое диалога`})},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{title:{description:`Заголовок диалогового окна.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},open:{description:`Управляет видимостью диалога.`,control:`boolean`},onClose:{description:`Вызывается при закрытии диалога.`,control:!1},minWidth:{description:`Минимальная ширина контейнера окна.`,control:`text`},children:{description:`Контент внутри диалогового окна.`,control:!1}}},x={render:e=>{let[t,n]=(0,v.useState)(!1);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(u,{onClick:()=>n(!0),children:`Открыть диалог`}),(0,y.jsx)(f,{...e,open:t,onClose:()=>n(!1),children:(0,y.jsxs)(`div`,{children:[(0,y.jsx)(`p`,{children:`Подтвердите выполнение действия.`}),(0,y.jsxs)(`div`,{style:{display:`flex`,gap:8,justifyContent:`flex-end`},children:[(0,y.jsx)(u,{variant:`transparent`,onClick:()=>n(!1),children:`Отмена`}),(0,y.jsx)(u,{variant:`success`,onClick:()=>n(!1),children:`Подтвердить`})]})]})})]})}},S={render:e=>{let[t,n]=(0,v.useState)(!0);return(0,y.jsx)(f,{...e,open:t,onClose:()=>n(!1),children:(0,y.jsx)(`div`,{children:`Диалог изначально открыт для демонстрации верстки.`})})},args:{open:!0}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: args => {
|
|
3
3
|
const [open, setOpen] = useState(false);
|
|
4
4
|
return <>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-
|
|
1
|
+
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-B-ZSUli0.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-B8QUPqDz.js";import{Basic as p,Group as m,n as h,t as g}from"./Disclosure.stories-Iiobg__i.js";function _(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(a,{of:g,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,y.jsx)(c,{children:`Disclosure`}),`
|
|
3
3
|
`,(0,y.jsx)(i,{children:`Практическая документация по компоненту Disclosure и его сценариям использования`}),`
|
|
4
4
|
`,(0,y.jsx)(o.p,{children:`Disclosure уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
package/storybook-static/assets/{Disclosure.stories-DZj3PP0E.js → Disclosure.stories-Iiobg__i.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-
|
|
1
|
+
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-D1kbCBk7.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-Bgk51jNr.js";import{St as s,gt as c,t as l}from"./lucide-react-DItxRogI.js";import{n as u,t as d}from"./ui.module-wFHXkJzp.js";var f,p,m,h,g=n((()=>{f=`O-da-N`,p=`_9yjaDf`,m=`KAIPfW`,h={disclosure:f,disclosureButton:p,disclosureGroup:m}}));function _({label:e,defaultOpen:t,children:n}){let[r,i]=(0,v.useState)(t===!0),o=(0,v.useId)(),l=(0,v.useId)();return(0,y.jsxs)(`div`,{className:a(u.uiElement,u.uiPanel,h.disclosure),children:[(0,y.jsxs)(`button`,{id:l,type:`button`,"aria-expanded":r,"aria-controls":o,className:a(h.disclosureButton,`fontBold radiusSm paddingSm gapSm`),"data-ui":`disclosure-toggle`,"data-action":r?`collapse-disclosure`:`expand-disclosure`,onClick:()=>i(e=>!e),children:[r?(0,y.jsx)(c,{}):(0,y.jsx)(s,{}),e]}),r&&(0,y.jsx)(`div`,{id:o,role:`region`,"aria-labelledby":l,children:(0,y.jsx)(`div`,{className:`paddingMd`,children:n})})]})}var v,y,b=n((()=>{v=t(r(),1),o(),l(),d(),g(),y=i(),_.__docgenInfo={description:`Раскрывающийся блок с заголовком и скрываемым содержимым. Используется для FAQ, настроек и компактного размещения второстепенной информации.`,methods:[],displayName:`Disclosure`,props:{label:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`PropsWithChildren`]}}));function x({className:e,children:t}){return(0,S.jsx)(`div`,{className:a(h.disclosureGroup,e),children:t})}var S,C=n((()=>{r(),o(),g(),S=i(),x.__docgenInfo={description:"Групповой контейнер для нескольких `Disclosure`. Помогает выстраивать последовательный список раскрывающихся секций.",methods:[],displayName:`DisclosureGroup`,props:{children:{required:!1,tsType:{name:`union`,raw:`| (React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)
|
|
2
2
|
| (React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)[]`,elements:[{name:`unknown`},{name:`Array`,elements:[{name:`unknown`}],raw:`(React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)[]`}]},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})),w=e({Basic:()=>D,Group:()=>O,__namedExportsOrder:()=>k,default:()=>E}),T,E,D,O,k,A=n((()=>{b(),C(),T=i(),E={title:`Shared/UI/Disclosure`,component:_,args:{label:`Раздел`,defaultOpen:!1,children:(0,T.jsx)(`p`,{children:`Содержимое панели раскрытия.`})},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок кнопки раскрытия.`,control:`text`},defaultOpen:{description:`Начальное состояние (открыт/закрыт).`,control:`boolean`},children:{description:`Контент, который показывается в раскрытой панели.`,control:!1}}},D={},O={render:()=>(0,T.jsxs)(x,{children:[(0,T.jsx)(_,{label:`Параметры поиска`,defaultOpen:!0,children:(0,T.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,T.jsx)(`span`,{children:`Период: март 2026`}),(0,T.jsx)(`span`,{children:`Регион: Урал`})]})}),(0,T.jsx)(_,{label:`Сортировка`,children:(0,T.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,T.jsx)(`span`,{children:`Поле: Дата создания`}),(0,T.jsx)(`span`,{children:`Порядок: По убыванию`})]})}),(0,T.jsx)(_,{label:`Дополнительные фильтры`,children:(0,T.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,T.jsx)(`span`,{children:`Только активные`}),(0,T.jsx)(`span`,{children:`Без архивных записей`})]})})]}),args:{label:`Раздел`}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{}`,...D.parameters?.docs?.source}}},O.parameters={...O.parameters,docs:{...O.parameters?.docs,source:{originalSource:`{
|
|
3
3
|
render: () => <DisclosureGroup>
|
|
4
4
|
<Disclosure label="Параметры поиска" defaultOpen>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./blocks-
|
|
2
|
-
import{c as e,i as t,n,t as r}from"./preload-helper-B45gAKPr.js";import{C as i}from"./iframe-
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./blocks-B-ZSUli0.js","./preload-helper-B45gAKPr.js","./iframe-D1kbCBk7.js","./theming-LaAgw3BX.js","./chunk-3LY4VQVK-D6w4YoJz.js","./react-dom-BuBaXqtP.js","./jsx-runtime-BBQGix-2.js","./chunk-LITCR56V-CO50GA85.js","./chunk-242VQQM5-Dtm7LRbQ.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{c as e,i as t,n,t as r}from"./preload-helper-B45gAKPr.js";import{C as i}from"./iframe-D1kbCBk7.js";import{i as a,m as o,o as s,s as c,t as l}from"./blocks-B-ZSUli0.js";import{i as u,r as d,t as f}from"./react-18-C05GCNzp.js";var p,m,h,g,_=t((()=>{p=e(i(),1),f(),o(),n(),m={code:a,a:l,...c},h=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:p.createElement(p.Fragment,null,t)}},g=class{constructor(){this.render=async(e,t,n)=>{let i={...m,...t?.components},a=s;return new Promise((o,s)=>{r(async()=>{let{MDXProvider:e}=await import(`./blocks-B-ZSUli0.js`).then(e=>(e.C(),e.w));return{MDXProvider:e}},__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url).then(({MDXProvider:r})=>d(p.createElement(h,{showException:s,key:Math.random()},p.createElement(r,{components:i},p.createElement(a,{context:e,docsParameter:t}))),n)).then(()=>o())})},this.unmount=e=>{u(e)}}}}));t((()=>{_()}))();export{g as DocsRenderer};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-
|
|
1
|
+
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-B-ZSUli0.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-B8QUPqDz.js";import{Basic as p,Disabled as m,SingleFile as h,n as g,t as _}from"./DropZone.stories-yf4h971Z.js";function v(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{of:_,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,b.jsx)(c,{children:`DropZone`}),`
|
|
3
3
|
`,(0,b.jsx)(i,{children:`Зона drag-and-drop для загрузки файлов кликом или перетаскиванием`}),`
|
|
4
4
|
`,(0,b.jsx)(o.p,{children:`DropZone уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
package/storybook-static/assets/{DropZone.stories-CMgWL5O8.js → DropZone.stories-yf4h971Z.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-
|
|
1
|
+
import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-D1kbCBk7.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o,n as s}from"./utils-Bgk51jNr.js";import{Q as c,c as l,t as u}from"./lucide-react-DItxRogI.js";import{a as d,i as f,o as p,r as m,s as h}from"./file-hArYcyES.js";import{i as g,r as _}from"./InputFiles-Bz96ef5G.js";var v=n((()=>{g()})),y,b,x,S,C,w,T=n((()=>{y=`q2D6Pw`,b=`QVgB0d`,x=`-nyQKp`,S=`kY0O9g`,C=`F5K1bE`,w={zone:y,dragOver:b,disabled:x,icon:S,hint:C}}));function E({value:e,onChange:t,onChangeError:n,accept:r,allowedMime:i,maxBytes:o,readMode:c,multiple:u=!0,disabled:f,className:g,children:v}){d(i),p(r);let y=(0,D.useRef)(0),b=(0,D.useRef)(null),[x,S]=(0,D.useState)(!1),C=(0,D.useMemo)(()=>r&&r.length>0?r.join(`,`):i&&i.length>0?i.join(`,`):`*`,[i,r]),T=(0,D.useCallback)(e=>c===`array-buffer`?h(e,{allowedMime:i,maxBytes:o,mode:`array-buffer`}):h(e,{allowedMime:i,maxBytes:o}),[i,o,c]),E=(0,D.useCallback)(async e=>{if(f||e.length===0)return;let r=u?e:e.slice(0,1),i=[];for(let e of r)try{let t=await T(e);i.push(t)}catch(e){e instanceof m&&n&&n(e)}i.length>0&&t(i)},[f,u,t,n,T]),k=(0,D.useCallback)(()=>{f||b.current?.click()},[f]),A=(0,D.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!f&&(y.current+=1,y.current===1&&S(!0))},[f]),j=(0,D.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!f&&(e.dataTransfer.dropEffect=`copy`)},[f]),M=(0,D.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!f&&(--y.current,y.current===0&&S(!1))},[f]),N=(0,D.useCallback)(async e=>{if(e.preventDefault(),e.stopPropagation(),y.current=0,S(!1),f)return;let t=Array.from(e.dataTransfer.files);await E(t)},[f,E]),P=(0,D.useCallback)(async e=>{let t=Array.from(e.target.files??[]);await E(t),e.target.value=``},[E]),F=(0,D.useCallback)(e=>{s(e,k,{disabled:f})},[f,k]);return(0,O.jsxs)(`div`,{children:[(0,O.jsx)(`input`,{ref:b,type:`file`,hidden:!0,disabled:f,multiple:u,accept:C,onChange:P}),(0,O.jsx)(`div`,{className:a(w.zone,x&&w.dragOver,f&&w.disabled,g),onClick:k,onKeyDown:F,onDragEnter:A,onDragOver:j,onDragLeave:M,onDrop:N,role:`button`,tabIndex:f?-1:0,"aria-disabled":f,children:v??(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(l,{className:w.icon}),(0,O.jsx)(`span`,{className:w.hint,children:u?`Перетащите файлы сюда или нажмите для выбора`:`Перетащите файл сюда или нажмите для выбора`})]})}),(0,O.jsx)(_,{files:e,onChange:t})]})}var D,O,k=n((()=>{D=t(r(),1),f(),o(),u(),v(),T(),O=i(),E.__docgenInfo={description:`DropZone — зона для перетаскивания файлов и выбора по клику.
|
|
2
2
|
|
|
3
3
|
При наведении файла зона подсвечивается (пунктирная рамка меняет цвет).
|
|
4
4
|
При сбросе файлов каждый читается через readFile, успешные результаты
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-B1CjCwLr.js";import{t as r}from"./react-dom-Wlkt-dsb.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-BY_HhyoQ.js";import{a as s,f as c,h as l,p as u,r as d,u as f}from"./floating-ui.react-6B4p8HDR.js";import{a as p,c as m,i as h,n as g,o as _,t as v}from"./error-C-yEsKLJ.js";import{n as y,t as b}from"./ui.module-wFHXkJzp.js";import{n as x,r as S,t as C}from"./react-D7DXSuVH.js";function w(e,t){if(e){if(typeof e==`function`){e(t);return}e.current=t}}function T(e,t){return n=>{e?.(n),!n.defaultPrevented&&t(n)}}function E(e,t){return n=>{e?.(n),!n.defaultPrevented&&t(n)}}var D=t((()=>{}));function O(){let e=(0,k.useContext)(A);if(!e)throw g({hookName:`useMenuContext`,providerName:`MenuRoot`});return e}var k,A,j=t((()=>{k=e(n(),1),v(),A=(0,k.createContext)(null)})),M,N,ee=t((()=>{M=e(n(),1),D(),j(),N=({children:e})=>{let{mode:t,open:n,registerTriggerElement:r,onTriggerContextMenu:i,onTriggerKeyDown:a}=O();if(t!==`contextmenu`)throw Error(`ContextMenu.Trigger must be used within <ContextMenu>`);return(0,M.cloneElement)(e,{ref:t=>{let n=e.props.ref;w(n,t),r(t)},"aria-haspopup":`menu`,"aria-expanded":n,onContextMenu:T(e.props.onContextMenu,i),onKeyDown:E(e.props.onKeyDown,a)})},N.__docgenInfo={description:``,methods:[],displayName:`ContextMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactReactElement`,raw:`React.ReactElement<React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }>`,elements:[{name:`intersection`,raw:`React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }`,elements:[{name:`ReactHTMLAttributes`,raw:`React.HTMLAttributes<HTMLElement>`,elements:[{name:`HTMLElement`}]},{name:`signature`,type:`object`,raw:`{ ref?: React.Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`ReactRef`,raw:`React.Ref<HTMLElement>`,elements:[{name:`HTMLElement`}],required:!1}}]}}]}]},description:``}}}})),te,ne,re,ie,ae,oe,se,ce,le,ue,de,fe,pe,me,P,F,I=t((()=>{te=`nPfxbm`,ne=`T8GF31`,re=`XM9raj`,ie=`JY0XKk`,ae=`Jj7pGe`,oe=`o7v3XA`,se=`f9wo9l`,ce=`_9IPwGF`,le=`CAmmlz`,ue=`_5KEBWR`,de=`L28onY`,fe=`Pg-1Y3`,pe=`ObIrS2`,me=`_0jf5vt`,P=`zKwsQF`,F={menuPanel:te,menuScroller:ne,menuItem:re,menuItemIcon:ie,menuItemText:ae,menuItemHotKey:oe,radialPanel:se,radialRing:ce,radialCenterButton:le,radialCenterButtonText:ue,radialItems:de,radialItemSlot:fe,radialItem:pe,radialItemIcon:me,radialItemText:P}})),L,he,R,z,ge=t((()=>{L=e(n(),1),p(),o(),C(),he=e(r(),1),I(),j(),R=i(),z=({children:e,className:t,closeOnOutside:n=!0,closeOnEscape:r=!0,disableOutsideClick:i=!1,restoreFocus:o=!0})=>{let{open:s,floatingStyles:c,floatingRef:l,triggerRef:u,setFloating:d,closeMenu:f}=O(),p=(0,L.useCallback)(()=>{let e=l.current;return e?Array.from(e.querySelectorAll(`[data-menu-item="true"]:not([data-disabled="true"])`)):[]},[l]);m({active:s,initialFocus:e=>p()[0]??e,restoreFocus:o,restoreFocusTarget:()=>u.current,containerRef:l}),h({active:s,enabled:r,onDismiss:f,containerRef:l});let g=(0,L.useCallback)(()=>{!s||i||n&&f()},[s,i,n,f]);_([l,u],g);let v=(0,L.useCallback)(e=>{let t=p();if(t.length===0)return;let n=document.activeElement,r=n?t.indexOf(n):-1;if(e.key===`ArrowDown`){e.preventDefault(),t[r>=0?(r+1)%t.length:0]?.focus();return}if(e.key===`ArrowUp`){e.preventDefault(),t[r>=0?(r-1+t.length)%t.length:t.length-1]?.focus();return}if(e.key===`Home`){e.preventDefault(),t[0]?.focus();return}e.key===`End`&&(e.preventDefault(),t[t.length-1]?.focus())},[p]);return typeof document>`u`?null:(0,he.createPortal)((0,R.jsx)(S,{children:s&&(0,R.jsx)(x.div,{ref:d,style:c,role:`menu`,tabIndex:-1,className:a(F.menuPanel,t),onKeyDown:v,initial:{opacity:0,scale:.96,y:-2},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.96,y:-2},transition:{duration:.14,ease:`easeOut`},children:(0,R.jsx)(`div`,{className:a(F.menuScroller,`scrollable`),children:typeof e==`function`?e({closeMenu:f}):e})})}),document.body)}})),_e,B,ve=t((()=>{n(),o(),b(),_e=i(),B=({children:e,className:t})=>(0,_e.jsx)(`div`,{className:a(y.uiPopupGroupLabel,t),children:e}),B.__docgenInfo={description:``,methods:[],displayName:`MenuGroupLabel`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})),ye,V,H,be=t((()=>{ye=e(n(),1),o(),b(),I(),j(),V=i(),H=({children:e,icon:t,hotKey:n,className:r,disabled:i,href:o,target:s,rel:c,closeOnSelect:l=!0,onSelect:u})=>{let{closeMenu:d}=O(),f=(0,ye.useCallback)(e=>{if(i){e.preventDefault(),e.stopPropagation();return}u?.(e),!e.defaultPrevented&&l&&d()},[i,u,l,d]),p=a(y.uiPopupOption,F.menuItem,r);return o?(0,V.jsxs)(`a`,{href:o,target:s,rel:c,role:`menuitem`,tabIndex:-1,"aria-disabled":i,"data-menu-item":`true`,"data-disabled":i?`true`:void 0,"data-ui":`context-menu-item`,"data-action":`select-context-menu-item`,className:p,onClick:f,children:[t&&(0,V.jsx)(`span`,{className:a(y.uiPopupOptionIcon,F.menuItemIcon),children:t}),(0,V.jsx)(`span`,{className:a(y.uiOptionText,F.menuItemText),children:e}),n&&(0,V.jsx)(`kbd`,{className:a(y.keyboard,F.menuItemHotKey),children:n})]}):(0,V.jsxs)(`button`,{type:`button`,role:`menuitem`,tabIndex:-1,disabled:i,"data-menu-item":`true`,"data-disabled":i?`true`:void 0,"data-ui":`context-menu-item`,"data-action":`select-context-menu-item`,className:p,onClick:f,children:[t&&(0,V.jsx)(`span`,{className:a(y.uiPopupOptionIcon,F.menuItemIcon),children:t}),(0,V.jsx)(`span`,{className:a(y.uiOptionText,F.menuItemText),children:e}),n&&(0,V.jsx)(`kbd`,{className:a(y.keyboard,F.menuItemHotKey),children:n})]})},H.__docgenInfo={description:``,methods:[],displayName:`MenuItem`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},icon:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},hotKey:{required:!1,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},href:{required:!1,tsType:{name:`string`},description:``},target:{required:!1,tsType:{name:`string`},description:``},rel:{required:!1,tsType:{name:`string`},description:``},closeOnSelect:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},onSelect:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event: React.MouseEvent<HTMLElement>) => void`,signature:{arguments:[{type:{name:`ReactMouseEvent`,raw:`React.MouseEvent<HTMLElement>`,elements:[{name:`HTMLElement`}]},name:`event`}],return:{name:`void`}}},description:``}}}}));function xe(e){return{x:e.clientX,y:e.clientY}}function Se(e){return{x:e.left+e.width/2,y:e.top+e.height/2}}function Ce(e,t){return{contextElement:t??void 0,getBoundingClientRect:()=>({x:e.x,y:e.y,top:e.y,left:e.x,bottom:e.y,right:e.x,width:0,height:0,toJSON:()=>{}})}}function we(e){return{open:!0,source:e.source,anchor:e.anchor}}function U(e){return!e.open&&e.anchor===null?e:{open:!1,source:null,anchor:null}}var Te,Ee=t((()=>{Te={open:!1,source:null,anchor:null}})),W,De,G,Oe=t((()=>{W=e(n(),1),d(),Ee(),j(),De=i(),G=({children:e,mode:t,placement:n=t===`click`?`bottom-start`:`right-start`,open:r,defaultOpen:i,onOpenChange:a})=>{let[o,d]=(0,W.useState)(Te),[p,m]=(0,W.useState)(i??!1),h=r!==void 0,g=h?r:p,_=(0,W.useRef)(null),{refs:v,floatingStyles:y,update:b}=s({placement:n,strategy:t===`contextmenu`?`fixed`:`absolute`,transform:!1,middleware:[c(6),f({padding:8}),u({padding:8})],whileElementsMounted:l}),x=(0,W.useCallback)(e=>{h||m(e),a?.(e),e||d(e=>U(e))},[h,a]),S=(0,W.useCallback)(()=>{x(!1)},[x]);(0,W.useEffect)(()=>{g||d(e=>U(e))},[g]);let C=(0,W.useCallback)((e,t)=>{v.setReference(e),d(we({source:t,anchor:{type:`element`,element:e}})),x(!0)},[v,x]),w=(0,W.useCallback)((e,t,n)=>{v.setReference(Ce(e,n)),d(we({source:t,anchor:{type:`point`,point:e,contextElement:n}})),x(!0),b()},[v,x,b]),T=(0,W.useCallback)(e=>{_.current=e,t===`click`&&v.setReference(e)},[t,v]),E=(0,W.useCallback)(e=>{if(t!==`click`)return;let n=e.currentTarget;if(g&&o.anchor?.type===`element`&&o.anchor.element===n){S();return}C(n,`click`)},[t,g,o.anchor,S,C]),D=(0,W.useCallback)(e=>{if(t!==`contextmenu`)return;e.preventDefault();let n=e.currentTarget,r=xe(e);w(r,`contextmenu`,n)},[t,w]),O=(0,W.useCallback)(e=>{if(!(e.key===`ContextMenu`||e.shiftKey&&e.key===`F10`))return;e.preventDefault();let n=e.currentTarget;if(t===`click`){C(n,`keyboard`);return}let r=Se(n.getBoundingClientRect());w(r,`keyboard`,n)},[t,C,w]),k=g&&o.anchor!==null,j=(0,W.useMemo)(()=>o.anchor?o.anchor.type===`point`?o.anchor.point:Se(o.anchor.element.getBoundingClientRect()):null,[o.anchor]),M=(0,W.useMemo)(()=>({mode:t,open:k,openSource:o.source,anchorPoint:j,floatingStyles:y,floatingRef:v.floating,triggerRef:_,setFloating:v.setFloating,registerTriggerElement:T,onTriggerClick:E,onTriggerContextMenu:D,onTriggerKeyDown:O,closeMenu:S}),[t,k,o.source,j,y,v.floating,v.setFloating,T,E,D,O,S]);return(0,De.jsx)(A.Provider,{value:M,children:e})},G.__docgenInfo={description:``,methods:[],displayName:`MenuRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},mode:{required:!0,tsType:{name:`union`,raw:`"click" | "contextmenu"`,elements:[{name:`literal`,value:`"click"`},{name:`literal`,value:`"contextmenu"`}]},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`mode === "click" ? "bottom-start" : "right-start"`,computed:!1}},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}})),ke,K,Ae=t((()=>{n(),o(),b(),ke=i(),K=({className:e})=>(0,ke.jsx)(`div`,{role:`separator`,className:a(y.uiPopupOptionSeparator,e)}),K.__docgenInfo={description:``,methods:[],displayName:`MenuSeparator`,props:{className:{required:!1,tsType:{name:`string`},description:``}}}}));function je(e,t,n){return n<t?t:Math.min(Math.max(e,t),n)}var q,Me,J,Ne,Pe=t((()=>{q=e(n(),1),p(),o(),C(),Me=e(r(),1),I(),j(),J=i(),Ne=({children:e,className:t,closeOnOutside:n=!0,closeOnEscape:r=!0,disableOutsideClick:i=!1,restoreFocus:o=!0,radius:s=76,itemSize:c=64,closeLabel:l=`Закрыть`})=>{let{open:u,anchorPoint:d,floatingRef:f,triggerRef:p,setFloating:g,closeMenu:v}=O(),y=typeof e==`function`?e({closeMenu:v}):e,b=(0,q.useMemo)(()=>q.Children.toArray(y),[y]),C=b.length,w=s*2+c,T=(0,q.useMemo)(()=>{if(typeof window>`u`||!d)return null;let e=w/2+8;return{x:je(d.x,e,window.innerWidth-e),y:je(d.y,e,window.innerHeight-e)}},[d,w]),E=(0,q.useCallback)(()=>{let e=f.current;return e?Array.from(e.querySelectorAll(`[data-menu-item="true"]:not([data-disabled="true"])`)):[]},[f]);m({active:u,initialFocus:e=>E()[0]??e,restoreFocus:o,restoreFocusTarget:()=>p.current,containerRef:f}),(0,q.useEffect)(()=>{if(!u||!d)return;let e=0;return e=window.requestAnimationFrame(()=>{(E()[0]??f.current)?.focus()}),()=>window.cancelAnimationFrame(e)},[u,d,E,f]),h({active:u,enabled:r,onDismiss:v,containerRef:f});let D=(0,q.useCallback)(()=>{!u||i||n&&v()},[u,i,n,v]);_([f,p],D);let k=(0,q.useCallback)(e=>{let t=E();if(t.length===0)return;let n=document.activeElement,r=n?t.indexOf(n):-1;if(e.key===`ArrowRight`||e.key===`ArrowDown`){e.preventDefault(),t[r>=0?(r+1)%t.length:0]?.focus();return}if(e.key===`ArrowLeft`||e.key===`ArrowUp`){e.preventDefault(),t[r>=0?(r-1+t.length)%t.length:t.length-1]?.focus();return}if(e.key===`Home`){e.preventDefault(),t[0]?.focus();return}e.key===`End`&&(e.preventDefault(),t[t.length-1]?.focus())},[E]);return typeof document>`u`?null:(0,Me.createPortal)((0,J.jsx)(S,{children:u&&T&&(0,J.jsxs)(x.div,{ref:g,style:{"--radial-panel-size":`${w}px`,"--radial-radius":`${s}px`,"--radial-item-size":`${c}px`,left:T.x-w/2,top:T.y-w/2,transformOrigin:`center`},role:`menu`,tabIndex:-1,className:a(F.radialPanel,t),onKeyDown:k,initial:{opacity:0,scale:.78},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.78},transition:{duration:.16,ease:`easeOut`},children:[(0,J.jsx)(`div`,{className:F.radialRing,"aria-hidden":`true`}),(0,J.jsx)(`button`,{type:`button`,role:`menuitem`,className:F.radialCenterButton,"aria-label":l,"data-menu-item":`true`,"data-radial-close":`true`,onClick:v,children:(0,J.jsx)(`span`,{className:F.radialCenterButtonText,children:l})}),(0,J.jsx)(`div`,{className:F.radialItems,children:b.map((e,t)=>{let n=C>0?-90+360/C*t:-90;return(0,J.jsx)(`div`,{className:F.radialItemSlot,style:{"--radial-item-angle":`${n}deg`},children:e},t)})})]})}),document.body)}})),Fe,Y,X,Ie=t((()=>{Fe=e(n(),1),o(),I(),j(),Y=i(),X=({children:e,icon:t,className:n,disabled:r,closeOnSelect:i=!0,onSelect:o})=>{let{closeMenu:s}=O(),c=(0,Fe.useCallback)(e=>{if(r){e.preventDefault(),e.stopPropagation();return}o?.(e),!e.defaultPrevented&&i&&s()},[r,o,i,s]);return(0,Y.jsxs)(`button`,{type:`button`,role:`menuitem`,tabIndex:-1,disabled:r,"aria-disabled":r,"data-menu-item":`true`,"data-disabled":r?`true`:void 0,"data-ui":`radial-menu-item`,"data-action":`select-radial-menu-item`,className:a(F.radialItem,n),onClick:c,children:[t&&(0,Y.jsx)(`span`,{className:F.radialItemIcon,children:t}),(0,Y.jsx)(`span`,{className:F.radialItemText,children:e})]})},X.__docgenInfo={description:``,methods:[],displayName:`RadialMenuItem`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},icon:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},closeOnSelect:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},onSelect:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event: React.MouseEvent<HTMLButtonElement>) => void`,signature:{arguments:[{type:{name:`ReactMouseEvent`,raw:`React.MouseEvent<HTMLButtonElement>`,elements:[{name:`HTMLButtonElement`}]},name:`event`}],return:{name:`void`}}},description:``}}}})),Le,Z,Re,ze=t((()=>{n(),ee(),ge(),ve(),be(),Oe(),Ae(),Pe(),Ie(),Le=i(),Z=({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:i})=>(0,Le.jsx)(G,{mode:`contextmenu`,placement:t,open:n,defaultOpen:r,onOpenChange:i,children:e}),Re=Object.assign(Z,{Trigger:N,Content:z,RadialContent:Ne,Item:H,RadialItem:X,Separator:K,GroupLabel:B}),Z.__docgenInfo={description:``,methods:[],displayName:`ContextMenuRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}})),Be,Q,Ve=t((()=>{Be=e(n(),1),D(),j(),Q=({children:e})=>{let{mode:t,open:n,registerTriggerElement:r,onTriggerClick:i,onTriggerKeyDown:a}=O();if(t!==`click`)throw Error(`DropdownMenu.Trigger must be used within <DropdownMenu>`);return(0,Be.cloneElement)(e,{ref:t=>{let n=e.props.ref;w(n,t),r(t)},"aria-haspopup":`menu`,"aria-expanded":n,onClick:T(e.props.onClick,i),onKeyDown:E(e.props.onKeyDown,a)})},Q.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactReactElement`,raw:`React.ReactElement<React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }>`,elements:[{name:`intersection`,raw:`React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }`,elements:[{name:`ReactHTMLAttributes`,raw:`React.HTMLAttributes<HTMLElement>`,elements:[{name:`HTMLElement`}]},{name:`signature`,type:`object`,raw:`{ ref?: React.Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`ReactRef`,raw:`React.Ref<HTMLElement>`,elements:[{name:`HTMLElement`}],required:!1}}]}}]}]},description:``}}}})),He,$,Ue,We=t((()=>{n(),Ve(),ge(),ve(),be(),Oe(),Ae(),He=i(),$=({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:i})=>(0,He.jsx)(G,{mode:`click`,placement:t,open:n,defaultOpen:r,onOpenChange:i,children:e}),Ue=Object.assign($,{Trigger:Q,Content:z,Item:H,Separator:K,GroupLabel:B}),$.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}}));export{ze as i,We as n,Re as r,Ue as t};
|
|
1
|
+
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-D1kbCBk7.js";import{t as r}from"./react-dom-BuBaXqtP.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-Bgk51jNr.js";import{a as s,f as c,h as l,p as u,r as d,u as f}from"./floating-ui.react-D1gWigwt.js";import{a as p,c as m,i as h,n as g,o as _,t as v}from"./error-BSGcuIkS.js";import{n as y,t as b}from"./ui.module-wFHXkJzp.js";import{a as x,n as S,t as C}from"./react-C7-n-j-7.js";function w(e,t){if(e){if(typeof e==`function`){e(t);return}e.current=t}}function T(e,t){return n=>{e?.(n),!n.defaultPrevented&&t(n)}}function E(e,t){return n=>{e?.(n),!n.defaultPrevented&&t(n)}}var D=t((()=>{}));function O(){let e=(0,k.useContext)(A);if(!e)throw g({hookName:`useMenuContext`,providerName:`MenuRoot`});return e}var k,A,j=t((()=>{k=e(n(),1),v(),A=(0,k.createContext)(null)})),M,N,ee=t((()=>{M=e(n(),1),D(),j(),N=({children:e})=>{let{mode:t,open:n,registerTriggerElement:r,onTriggerContextMenu:i,onTriggerKeyDown:a}=O();if(t!==`contextmenu`)throw Error(`ContextMenu.Trigger must be used within <ContextMenu>`);return(0,M.cloneElement)(e,{ref:t=>{let n=e.props.ref;w(n,t),r(t)},"aria-haspopup":`menu`,"aria-expanded":n,onContextMenu:T(e.props.onContextMenu,i),onKeyDown:E(e.props.onKeyDown,a)})},N.__docgenInfo={description:``,methods:[],displayName:`ContextMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactReactElement`,raw:`React.ReactElement<React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }>`,elements:[{name:`intersection`,raw:`React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }`,elements:[{name:`ReactHTMLAttributes`,raw:`React.HTMLAttributes<HTMLElement>`,elements:[{name:`HTMLElement`}]},{name:`signature`,type:`object`,raw:`{ ref?: React.Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`ReactRef`,raw:`React.Ref<HTMLElement>`,elements:[{name:`HTMLElement`}],required:!1}}]}}]}]},description:``}}}})),te,ne,re,ie,ae,oe,se,ce,le,ue,de,fe,pe,me,P,F,I=t((()=>{te=`nPfxbm`,ne=`T8GF31`,re=`XM9raj`,ie=`JY0XKk`,ae=`Jj7pGe`,oe=`o7v3XA`,se=`f9wo9l`,ce=`_9IPwGF`,le=`CAmmlz`,ue=`_5KEBWR`,de=`L28onY`,fe=`Pg-1Y3`,pe=`ObIrS2`,me=`_0jf5vt`,P=`zKwsQF`,F={menuPanel:te,menuScroller:ne,menuItem:re,menuItemIcon:ie,menuItemText:ae,menuItemHotKey:oe,radialPanel:se,radialRing:ce,radialCenterButton:le,radialCenterButtonText:ue,radialItems:de,radialItemSlot:fe,radialItem:pe,radialItemIcon:me,radialItemText:P}})),L,he,R,z,ge=t((()=>{L=e(n(),1),p(),o(),C(),he=e(r(),1),I(),j(),R=i(),z=({children:e,className:t,closeOnOutside:n=!0,closeOnEscape:r=!0,disableOutsideClick:i=!1,restoreFocus:o=!0})=>{let{open:s,floatingStyles:c,floatingRef:l,triggerRef:u,setFloating:d,closeMenu:f}=O(),p=(0,L.useCallback)(()=>{let e=l.current;return e?Array.from(e.querySelectorAll(`[data-menu-item="true"]:not([data-disabled="true"])`)):[]},[l]);m({active:s,initialFocus:e=>p()[0]??e,restoreFocus:o,restoreFocusTarget:()=>u.current,containerRef:l}),h({active:s,enabled:r,onDismiss:f,containerRef:l});let g=(0,L.useCallback)(()=>{!s||i||n&&f()},[s,i,n,f]);_([l,u],g);let v=(0,L.useCallback)(e=>{let t=p();if(t.length===0)return;let n=document.activeElement,r=n?t.indexOf(n):-1;if(e.key===`ArrowDown`){e.preventDefault(),t[r>=0?(r+1)%t.length:0]?.focus();return}if(e.key===`ArrowUp`){e.preventDefault(),t[r>=0?(r-1+t.length)%t.length:t.length-1]?.focus();return}if(e.key===`Home`){e.preventDefault(),t[0]?.focus();return}e.key===`End`&&(e.preventDefault(),t[t.length-1]?.focus())},[p]);return typeof document>`u`?null:(0,he.createPortal)((0,R.jsx)(x,{children:s&&(0,R.jsx)(S.div,{ref:d,style:c,role:`menu`,tabIndex:-1,className:a(F.menuPanel,t),onKeyDown:v,initial:{opacity:0,scale:.96,y:-2},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.96,y:-2},transition:{duration:.14,ease:`easeOut`},children:(0,R.jsx)(`div`,{className:a(F.menuScroller,`scrollable`),children:typeof e==`function`?e({closeMenu:f}):e})})}),document.body)}})),_e,B,ve=t((()=>{n(),o(),b(),_e=i(),B=({children:e,className:t})=>(0,_e.jsx)(`div`,{className:a(y.uiPopupGroupLabel,t),children:e}),B.__docgenInfo={description:``,methods:[],displayName:`MenuGroupLabel`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})),ye,V,H,be=t((()=>{ye=e(n(),1),o(),b(),I(),j(),V=i(),H=({children:e,icon:t,hotKey:n,className:r,disabled:i,href:o,target:s,rel:c,closeOnSelect:l=!0,onSelect:u})=>{let{closeMenu:d}=O(),f=(0,ye.useCallback)(e=>{if(i){e.preventDefault(),e.stopPropagation();return}u?.(e),!e.defaultPrevented&&l&&d()},[i,u,l,d]),p=a(y.uiPopupOption,F.menuItem,r);return o?(0,V.jsxs)(`a`,{href:o,target:s,rel:c,role:`menuitem`,tabIndex:-1,"aria-disabled":i,"data-menu-item":`true`,"data-disabled":i?`true`:void 0,"data-ui":`context-menu-item`,"data-action":`select-context-menu-item`,className:p,onClick:f,children:[t&&(0,V.jsx)(`span`,{className:a(y.uiPopupOptionIcon,F.menuItemIcon),children:t}),(0,V.jsx)(`span`,{className:a(y.uiOptionText,F.menuItemText),children:e}),n&&(0,V.jsx)(`kbd`,{className:a(y.keyboard,F.menuItemHotKey),children:n})]}):(0,V.jsxs)(`button`,{type:`button`,role:`menuitem`,tabIndex:-1,disabled:i,"data-menu-item":`true`,"data-disabled":i?`true`:void 0,"data-ui":`context-menu-item`,"data-action":`select-context-menu-item`,className:p,onClick:f,children:[t&&(0,V.jsx)(`span`,{className:a(y.uiPopupOptionIcon,F.menuItemIcon),children:t}),(0,V.jsx)(`span`,{className:a(y.uiOptionText,F.menuItemText),children:e}),n&&(0,V.jsx)(`kbd`,{className:a(y.keyboard,F.menuItemHotKey),children:n})]})},H.__docgenInfo={description:``,methods:[],displayName:`MenuItem`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},icon:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},hotKey:{required:!1,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},href:{required:!1,tsType:{name:`string`},description:``},target:{required:!1,tsType:{name:`string`},description:``},rel:{required:!1,tsType:{name:`string`},description:``},closeOnSelect:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},onSelect:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event: React.MouseEvent<HTMLElement>) => void`,signature:{arguments:[{type:{name:`ReactMouseEvent`,raw:`React.MouseEvent<HTMLElement>`,elements:[{name:`HTMLElement`}]},name:`event`}],return:{name:`void`}}},description:``}}}}));function xe(e){return{x:e.clientX,y:e.clientY}}function Se(e){return{x:e.left+e.width/2,y:e.top+e.height/2}}function Ce(e,t){return{contextElement:t??void 0,getBoundingClientRect:()=>({x:e.x,y:e.y,top:e.y,left:e.x,bottom:e.y,right:e.x,width:0,height:0,toJSON:()=>{}})}}function we(e){return{open:!0,source:e.source,anchor:e.anchor}}function U(e){return!e.open&&e.anchor===null?e:{open:!1,source:null,anchor:null}}var Te,Ee=t((()=>{Te={open:!1,source:null,anchor:null}})),W,De,G,Oe=t((()=>{W=e(n(),1),d(),Ee(),j(),De=i(),G=({children:e,mode:t,placement:n=t===`click`?`bottom-start`:`right-start`,open:r,defaultOpen:i,onOpenChange:a})=>{let[o,d]=(0,W.useState)(Te),[p,m]=(0,W.useState)(i??!1),h=r!==void 0,g=h?r:p,_=(0,W.useRef)(null),{refs:v,floatingStyles:y,update:b}=s({placement:n,strategy:t===`contextmenu`?`fixed`:`absolute`,transform:!1,middleware:[c(6),f({padding:8}),u({padding:8})],whileElementsMounted:l}),x=(0,W.useCallback)(e=>{h||m(e),a?.(e),e||d(e=>U(e))},[h,a]),S=(0,W.useCallback)(()=>{x(!1)},[x]);(0,W.useEffect)(()=>{g||d(e=>U(e))},[g]);let C=(0,W.useCallback)((e,t)=>{v.setReference(e),d(we({source:t,anchor:{type:`element`,element:e}})),x(!0)},[v,x]),w=(0,W.useCallback)((e,t,n)=>{v.setReference(Ce(e,n)),d(we({source:t,anchor:{type:`point`,point:e,contextElement:n}})),x(!0),b()},[v,x,b]),T=(0,W.useCallback)(e=>{_.current=e,t===`click`&&v.setReference(e)},[t,v]),E=(0,W.useCallback)(e=>{if(t!==`click`)return;let n=e.currentTarget;if(g&&o.anchor?.type===`element`&&o.anchor.element===n){S();return}C(n,`click`)},[t,g,o.anchor,S,C]),D=(0,W.useCallback)(e=>{if(t!==`contextmenu`)return;e.preventDefault();let n=e.currentTarget,r=xe(e);w(r,`contextmenu`,n)},[t,w]),O=(0,W.useCallback)(e=>{if(!(e.key===`ContextMenu`||e.shiftKey&&e.key===`F10`))return;e.preventDefault();let n=e.currentTarget;if(t===`click`){C(n,`keyboard`);return}let r=Se(n.getBoundingClientRect());w(r,`keyboard`,n)},[t,C,w]),k=g&&o.anchor!==null,j=(0,W.useMemo)(()=>o.anchor?o.anchor.type===`point`?o.anchor.point:Se(o.anchor.element.getBoundingClientRect()):null,[o.anchor]),M=(0,W.useMemo)(()=>({mode:t,open:k,openSource:o.source,anchorPoint:j,floatingStyles:y,floatingRef:v.floating,triggerRef:_,setFloating:v.setFloating,registerTriggerElement:T,onTriggerClick:E,onTriggerContextMenu:D,onTriggerKeyDown:O,closeMenu:S}),[t,k,o.source,j,y,v.floating,v.setFloating,T,E,D,O,S]);return(0,De.jsx)(A.Provider,{value:M,children:e})},G.__docgenInfo={description:``,methods:[],displayName:`MenuRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},mode:{required:!0,tsType:{name:`union`,raw:`"click" | "contextmenu"`,elements:[{name:`literal`,value:`"click"`},{name:`literal`,value:`"contextmenu"`}]},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`mode === "click" ? "bottom-start" : "right-start"`,computed:!1}},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}})),ke,K,Ae=t((()=>{n(),o(),b(),ke=i(),K=({className:e})=>(0,ke.jsx)(`div`,{role:`separator`,className:a(y.uiPopupOptionSeparator,e)}),K.__docgenInfo={description:``,methods:[],displayName:`MenuSeparator`,props:{className:{required:!1,tsType:{name:`string`},description:``}}}}));function je(e,t,n){return n<t?t:Math.min(Math.max(e,t),n)}var q,Me,J,Ne,Pe=t((()=>{q=e(n(),1),p(),o(),C(),Me=e(r(),1),I(),j(),J=i(),Ne=({children:e,className:t,closeOnOutside:n=!0,closeOnEscape:r=!0,disableOutsideClick:i=!1,restoreFocus:o=!0,radius:s=76,itemSize:c=64,closeLabel:l=`Закрыть`})=>{let{open:u,anchorPoint:d,floatingRef:f,triggerRef:p,setFloating:g,closeMenu:v}=O(),y=typeof e==`function`?e({closeMenu:v}):e,b=(0,q.useMemo)(()=>q.Children.toArray(y),[y]),C=b.length,w=s*2+c,T=(0,q.useMemo)(()=>{if(typeof window>`u`||!d)return null;let e=w/2+8;return{x:je(d.x,e,window.innerWidth-e),y:je(d.y,e,window.innerHeight-e)}},[d,w]),E=(0,q.useCallback)(()=>{let e=f.current;return e?Array.from(e.querySelectorAll(`[data-menu-item="true"]:not([data-disabled="true"])`)):[]},[f]);m({active:u,initialFocus:e=>E()[0]??e,restoreFocus:o,restoreFocusTarget:()=>p.current,containerRef:f}),(0,q.useEffect)(()=>{if(!u||!d)return;let e=0;return e=window.requestAnimationFrame(()=>{(E()[0]??f.current)?.focus()}),()=>window.cancelAnimationFrame(e)},[u,d,E,f]),h({active:u,enabled:r,onDismiss:v,containerRef:f});let D=(0,q.useCallback)(()=>{!u||i||n&&v()},[u,i,n,v]);_([f,p],D);let k=(0,q.useCallback)(e=>{let t=E();if(t.length===0)return;let n=document.activeElement,r=n?t.indexOf(n):-1;if(e.key===`ArrowRight`||e.key===`ArrowDown`){e.preventDefault(),t[r>=0?(r+1)%t.length:0]?.focus();return}if(e.key===`ArrowLeft`||e.key===`ArrowUp`){e.preventDefault(),t[r>=0?(r-1+t.length)%t.length:t.length-1]?.focus();return}if(e.key===`Home`){e.preventDefault(),t[0]?.focus();return}e.key===`End`&&(e.preventDefault(),t[t.length-1]?.focus())},[E]);return typeof document>`u`?null:(0,Me.createPortal)((0,J.jsx)(x,{children:u&&T&&(0,J.jsxs)(S.div,{ref:g,style:{"--radial-panel-size":`${w}px`,"--radial-radius":`${s}px`,"--radial-item-size":`${c}px`,left:T.x-w/2,top:T.y-w/2,transformOrigin:`center`},role:`menu`,tabIndex:-1,className:a(F.radialPanel,t),onKeyDown:k,initial:{opacity:0,scale:.78},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.78},transition:{duration:.16,ease:`easeOut`},children:[(0,J.jsx)(`div`,{className:F.radialRing,"aria-hidden":`true`}),(0,J.jsx)(`button`,{type:`button`,role:`menuitem`,className:F.radialCenterButton,"aria-label":l,"data-menu-item":`true`,"data-radial-close":`true`,onClick:v,children:(0,J.jsx)(`span`,{className:F.radialCenterButtonText,children:l})}),(0,J.jsx)(`div`,{className:F.radialItems,children:b.map((e,t)=>{let n=C>0?-90+360/C*t:-90;return(0,J.jsx)(`div`,{className:F.radialItemSlot,style:{"--radial-item-angle":`${n}deg`},children:e},t)})})]})}),document.body)}})),Fe,Y,X,Ie=t((()=>{Fe=e(n(),1),o(),I(),j(),Y=i(),X=({children:e,icon:t,className:n,disabled:r,closeOnSelect:i=!0,onSelect:o})=>{let{closeMenu:s}=O(),c=(0,Fe.useCallback)(e=>{if(r){e.preventDefault(),e.stopPropagation();return}o?.(e),!e.defaultPrevented&&i&&s()},[r,o,i,s]);return(0,Y.jsxs)(`button`,{type:`button`,role:`menuitem`,tabIndex:-1,disabled:r,"aria-disabled":r,"data-menu-item":`true`,"data-disabled":r?`true`:void 0,"data-ui":`radial-menu-item`,"data-action":`select-radial-menu-item`,className:a(F.radialItem,n),onClick:c,children:[t&&(0,Y.jsx)(`span`,{className:F.radialItemIcon,children:t}),(0,Y.jsx)(`span`,{className:F.radialItemText,children:e})]})},X.__docgenInfo={description:``,methods:[],displayName:`RadialMenuItem`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},icon:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},closeOnSelect:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},onSelect:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event: React.MouseEvent<HTMLButtonElement>) => void`,signature:{arguments:[{type:{name:`ReactMouseEvent`,raw:`React.MouseEvent<HTMLButtonElement>`,elements:[{name:`HTMLButtonElement`}]},name:`event`}],return:{name:`void`}}},description:``}}}})),Le,Z,Re,ze=t((()=>{n(),ee(),ge(),ve(),be(),Oe(),Ae(),Pe(),Ie(),Le=i(),Z=({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:i})=>(0,Le.jsx)(G,{mode:`contextmenu`,placement:t,open:n,defaultOpen:r,onOpenChange:i,children:e}),Re=Object.assign(Z,{Trigger:N,Content:z,RadialContent:Ne,Item:H,RadialItem:X,Separator:K,GroupLabel:B}),Z.__docgenInfo={description:``,methods:[],displayName:`ContextMenuRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}})),Be,Q,Ve=t((()=>{Be=e(n(),1),D(),j(),Q=({children:e})=>{let{mode:t,open:n,registerTriggerElement:r,onTriggerClick:i,onTriggerKeyDown:a}=O();if(t!==`click`)throw Error(`DropdownMenu.Trigger must be used within <DropdownMenu>`);return(0,Be.cloneElement)(e,{ref:t=>{let n=e.props.ref;w(n,t),r(t)},"aria-haspopup":`menu`,"aria-expanded":n,onClick:T(e.props.onClick,i),onKeyDown:E(e.props.onKeyDown,a)})},Q.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactReactElement`,raw:`React.ReactElement<React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }>`,elements:[{name:`intersection`,raw:`React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }`,elements:[{name:`ReactHTMLAttributes`,raw:`React.HTMLAttributes<HTMLElement>`,elements:[{name:`HTMLElement`}]},{name:`signature`,type:`object`,raw:`{ ref?: React.Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`ReactRef`,raw:`React.Ref<HTMLElement>`,elements:[{name:`HTMLElement`}],required:!1}}]}}]}]},description:``}}}})),He,$,Ue,We=t((()=>{n(),Ve(),ge(),ve(),be(),Oe(),Ae(),He=i(),$=({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:i})=>(0,He.jsx)(G,{mode:`click`,placement:t,open:n,defaultOpen:r,onOpenChange:i,children:e}),Ue=Object.assign($,{Trigger:Q,Content:z,Item:H,Separator:K,GroupLabel:B}),$.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}}));export{ze as i,We as n,Re as r,Ue as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-
|
|
1
|
+
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-D1kbCBk7.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,i as a}from"./utils-Bgk51jNr.js";import{S as o,b as s,ft as c,mt as l,t as u,v as d,wt as f}from"./lucide-react-DItxRogI.js";import{t as p}from"./Button-rWpfFmWo.js";import{t as m}from"./CheckBox-BRmxHv5c.js";import{t as h}from"./button-PJeFaVDD.js";import{a as g}from"./Input-c3EhAUVg.js";import{t as _}from"./input-D8SCvYlc.js";import{t as v}from"./Select-CMFiMGUD.js";import{t as y}from"./select-DOX3d-Dq.js";import{t as b}from"./check-box-B0-G8LQm.js";import{o as x,t as S}from"./misc-CzV_PQE6.js";var C,w,T,E,D,O,k,A=t((()=>{C=`sj-rIq`,w=`_3anR7j`,T=`gMRIsT`,E=`f5Pv1e`,D=`q7eZzv`,O=`maUL24`,k={expandableActionPanel:C,content:w,contentScroller:T,labeledPanel:E,label:D,labeledActionPanel:O}}));function j({children:e,className:t,contentClassName:n,toggleClassName:r,open:a,defaultOpen:o=!1,disabled:s,onOpenChange:u,expandLabel:d=`Раскрыть панель действий влево`,collapseLabel:f=`Свернуть панель действий`,panelLabel:m=`Действия панели`,itemSelector:h,scrollPadding:g,smoothScroll:_}){let[v,y]=(0,M.useState)(o),b=(0,M.useId)(),S=a!==void 0,C=S?a:v,w=(0,M.useCallback)(e=>{let t=typeof e==`function`?e(C):e;S||y(t),u?.(t)},[S,u,C]),T=()=>w(e=>!e),E=C?c:l;return(0,N.jsxs)(`div`,{className:i(k.expandableActionPanel,t),"data-ui":`expandable-action-panel`,"data-open":C?``:void 0,children:[(0,N.jsx)(p,{className:r,icon:(0,N.jsx)(E,{}),title:C?f:d,disabled:s,variant:`neutralOutline`,"aria-expanded":C,"aria-controls":b,"data-ui":`expandable-action-panel-toggle`,"data-action":C?`collapse-action-panel`:`expand-action-panel`,onClick:T}),C&&(0,N.jsx)(`div`,{id:b,role:`group`,"aria-label":m,className:i(k.content,n),children:(0,N.jsx)(x,{className:k.contentScroller,itemSelector:h,scrollPadding:g,smooth:_,children:e})})]})}var M,N,P=t((()=>{M=e(n(),1),a(),u(),h(),S(),A(),N=r(),j.__docgenInfo={description:`Горизонтальная раскрывающаяся панель действий.
|
|
2
2
|
Не знает о внешнем layout и может использоваться рядом с любым содержимым.`,methods:[],displayName:`ExpandableActionPanel`,props:{className:{required:!1,tsType:{name:`string`},description:``},contentClassName:{required:!1,tsType:{name:`string`},description:``},toggleClassName:{required:!1,tsType:{name:`string`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},disabled:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``},expandLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Раскрыть панель действий влево"`,computed:!1}},collapseLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Свернуть панель действий"`,computed:!1}},panelLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Действия панели"`,computed:!1}},itemSelector:{required:!1,tsType:{name:`string`},description:``},scrollPadding:{required:!1,tsType:{name:`number`},description:``},smoothScroll:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`PropsWithChildren`]}}));function F({label:e,className:t,labelClassName:n,labelStyle:r,labelMinWidth:a=`12em`,panelClassName:o,open:s,defaultOpen:c,...l}){let u={...r,minWidth:a},d=typeof e==`string`?e:void 0;return(0,I.jsxs)(`div`,{className:i(k.labeledPanel,t),"data-ui":`labeled-expandable-action-panel`,children:[(0,I.jsx)(`div`,{className:i(`flexEllipsis`,k.label,n),style:u,title:d,children:e}),(0,I.jsx)(j,{...l,open:s,defaultOpen:c,className:i(k.labeledActionPanel,o)})]})}var I,L=t((()=>{n(),a(),P(),A(),I=r(),F.__docgenInfo={description:"Раскрывающаяся панель действий с левым текстом, который сжимается через `flexEllipsis`.",methods:[],displayName:`LabeledExpandableActionPanel`,props:{label:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},labelClassName:{required:!1,tsType:{name:`string`},description:``},labelStyle:{required:!1,tsType:{name:`ReactCSSProperties`,raw:`React.CSSProperties`},description:``},labelMinWidth:{required:!1,tsType:{name:`ReactCSSProperties["minWidth"]`,raw:`React.CSSProperties["minWidth"]`},description:``,defaultValue:{value:`"12em"`,computed:!1}},panelClassName:{required:!1,tsType:{name:`string`},description:``}},composes:[`Omit`]}}));function R(){let[e,t]=(0,z.useState)(``),[n,r]=(0,z.useState)(!1),[i,a]=(0,z.useState)(`Все`);return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`div`,{style:{width:`calc(14em + var(--width-add))`},children:(0,B.jsx)(g,{placeholder:`Поиск`,value:e,onChange:t,endAdornment:(0,B.jsx)(s,{})})}),(0,B.jsx)(`div`,{style:{width:`calc(12em + var(--width-add))`},children:(0,B.jsx)(v,{placeholder:`Статус`,options:U,value:i,onChange:a,getOptionKey:e=>e,getOptionLabel:e=>e})}),(0,B.jsx)(m,{placeholder:`Только мои`,value:n,onChange:r,noWrap:!0}),(0,B.jsx)(p,{icon:(0,B.jsx)(o,{}),title:`Обновить`}),(0,B.jsx)(p,{icon:(0,B.jsx)(d,{}),title:`Настроить`}),(0,B.jsx)(p,{icon:(0,B.jsx)(f,{}),tone:`success`,appearance:`solid`,children:`Применить`})]})}var z,B,V,H,U,W,G,K;t((()=>{z=e(n(),1),u(),h(),b(),_(),y(),P(),L(),B=r(),{fn:V}=__STORYBOOK_MODULE_TEST__,H={title:`Shared/UI/ExpandableActionPanel`,component:F,args:{label:`Длинное название строки с результатами расчёта и параметрами отбора`,labelMinWidth:`18em`,defaultOpen:!1,onOpenChange:V()},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст или ReactNode слева от панели.`,control:`text`},labelMinWidth:{description:"Минимальная ширина `flexEllipsis`-текста.",control:`text`},defaultOpen:{description:`Начальное состояние раскрытия в uncontrolled-режиме.`,control:`boolean`},open:{description:`Контролируемое состояние раскрытия.`,control:`boolean`},onOpenChange:{description:`Вызывается при раскрытии или сворачивании панели.`,control:!1}}},U=[`Все`,`Активные`,`Архив`],W={render:e=>(0,B.jsx)(`div`,{style:{width:`min(100%, 920px)`},children:(0,B.jsx)(F,{...e,children:(0,B.jsx)(R,{})})})},G={render:()=>(0,B.jsx)(`div`,{style:{width:`min(100%, 720px)`,display:`flex`,justifyContent:`flex-end`},children:(0,B.jsx)(j,{defaultOpen:!0,children:(0,B.jsx)(R,{})})})},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
|
|
3
3
|
render: args => <div style={{
|
|
4
4
|
width: "min(100%, 920px)"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-
|
|
1
|
+
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-B-ZSUli0.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-B8QUPqDz.js";import{AlignItems as p,BasicColumn as m,BasicRow as h,Directions as g,FlexItems as _,Gaps as v,InlineFlex as y,JustifyContent as b,Predefined as x,RealWorld as S,Wrapping as C,n as w,t as T}from"./Flex.stories-BB5qAL1v.js";function E(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(a,{of:T,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,O.jsx)(c,{children:`Flex`}),`
|
|
3
3
|
`,(0,O.jsx)(i,{children:`Набор flex-layout примитивов для строк, колонок и быстрых компоновок интерфейса`}),`
|
|
4
4
|
`,(0,O.jsx)(o.p,{children:`Flex уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-
|
|
1
|
+
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-D1kbCBk7.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{n as i,r as a,t as ee}from"./media-DgzbAjsg.js";var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,te,ne,re,ie,ae,oe,se,ce,le,ue,C,w,T,E,D,O,k,A,j,M,N,P,F,I,L,R,z,B,V,H,U,de,fe,pe,me,he,ge,_e,W,ve,ye,be,xe,Se,Ce,we,Te,G,Ee=t((()=>{o=`ZNPIAt`,s=`FOfB6f`,c=`S3zmDT`,l=`ZFdq8E`,u=`VAzJwr`,d=`-U1mun`,f=`_4ZMtr-`,p=`SKOoTV`,m=`sSe6vs`,h=`_3K-dKm`,g=`-Pfy-z`,_=`beSYgR`,v=`Ewhv1G`,y=`JXvBB6`,b=`hN3T0k`,x=`KKCJ5o`,S=`MnX1Le`,te=`Hom9eH`,ne=`Oujm4J`,re=`_2ttx6l`,ie=`QEwI8b`,ae=`_7GQOS7`,oe=`_2IOpAA`,se=`fZOYKH`,ce=`_01H9Wl`,le=`GiMq3P`,ue=`tfwckC`,C=`_9tNYb7`,w=`PoehYn`,T=`D9yh46`,E=`B5WUhS`,D=`KfUmo4`,O=`m-8JGj`,k=`zFcs1z`,A=`_0wKkFA`,j=`VQY6wh`,M=`csJmh7`,N=`_-8r3Oj`,P=`sCELJe`,F=`NrH1WE`,I=`IIgbrj`,L=`alT7CJ`,R=`TBFK23`,z=`JR1URZ`,B=`i1imd3`,V=`IVZ-ii`,H=`zhghPS`,U=`-A4gJM`,de=`_3Q-lT-`,fe=`YSg8P9`,pe=`RMXnTk`,me=`YyYE7z`,he=`LD3bM5`,ge=`HpcoTp`,_e=`E7ItD3`,W=`v0JFEC`,ve=`pmMEmH`,ye=`qevFHG`,be=`OTPY33`,xe=`AjRxTP`,Se=`_1YaZWf`,Ce=`H-DHBq`,we=`JzIGGJ`,Te=`aqYTBq`,G={container:o,inline:s,row:c,column:l,rowReverse:u,columnReverse:d,wrap:f,nowrap:p,wrapReverse:m,alignStart:h,alignCenter:g,alignEnd:_,alignStretch:v,alignBaseline:y,justifyStart:b,justifyCenter:x,justifyEnd:S,justifyStretch:te,justifyBetween:ne,justifyAround:re,justifyEvenly:ie,alignContentStart:ae,alignContentCenter:oe,alignContentEnd:se,alignContentStretch:ce,alignContentBetween:le,alignContentAround:ue,alignContentEvenly:C,gapNone:w,gapRowXs:T,gapRowSm:E,gapRowMd:D,gapRowLg:O,gapRowXl:k,gapColumnXs:A,gapColumnSm:j,gapColumnMd:M,gapColumnLg:N,gapColumnXl:P,gapXs:F,gapSm:I,gapMd:L,gapLg:R,gapXl:z,item:B,grow:V,grow0:H,shrink:U,shrink0:de,basis0:fe,basisAuto:pe,flex0:me,flex1:he,alignSelfStart:ge,alignSelfCenter:_e,alignSelfEnd:W,alignSelfStretch:ve,alignSelfBaseline:ye,justifySelfCenter:be,justifySelfEnd:xe,justifySelfStretch:Se,center:Ce,columnCenter:we,centerBetween:Te}})),K,De,Oe,ke,q=t((()=>{K=e(n(),1),Ee(),De=e=>(0,K.useMemo)(()=>{let t=[G.container];return e.inline&&t.push(G.inline),e.row?t.push(G.row):e.column?t.push(G.column):e.rowReverse?t.push(G.rowReverse):e.columnReverse&&t.push(G.columnReverse),e.wrap?t.push(G.wrap):e.nowrap?t.push(G.nowrap):e.wrapReverse&&t.push(G.wrapReverse),e.align&&t.push(G[`align${e.align.charAt(0).toUpperCase()+e.align.slice(1)}`]),e.justify&&t.push(G[`justify${e.justify.charAt(0).toUpperCase()+e.justify.slice(1)}`]),e.alignContent&&t.push(G[`alignContent${e.alignContent.charAt(0).toUpperCase()+e.alignContent.slice(1)}`]),e.gap===`none`?t.push(G.gapNone):e.gap&&t.push(G[`gap${e.gap.charAt(0).toUpperCase()+e.gap.slice(1)}`]),e.gapRow&&t.push(G[`gapRow${e.gapRow.charAt(0).toUpperCase()+e.gapRow.slice(1)}`]),e.gapColumn&&t.push(G[`gapColumn${e.gapColumn.charAt(0).toUpperCase()+e.gapColumn.slice(1)}`]),t.filter(Boolean).join(` `)},[e]),Oe=e=>(0,K.useMemo)(()=>{let t=[G.item];return e.flex0&&t.push(G.flex0),e.flex1&&t.push(G.flex1),!e.flex0&&!e.flex1&&(e.grow?t.push(G.grow):t.push(G.grow0),e.shrink===!1?t.push(G.shrink0):t.push(G.shrink),e.basis===`0`?t.push(G.basis0):e.basis===`auto`&&t.push(G.basisAuto)),e.alignSelf&&t.push(G[`alignSelf${e.alignSelf.charAt(0).toUpperCase()+e.alignSelf.slice(1)}`]),e.justifySelf&&t.push(G[`justifySelf${e.justifySelf.charAt(0).toUpperCase()+e.justifySelf.slice(1)}`]),t.filter(Boolean).join(` `)},[e]),ke=e=>G[e]})),J,Ae,Y,X=t((()=>{J=e(n(),1),a(),q(),Ae=[`inline`,`row`,`column`,`rowReverse`,`columnReverse`,`wrap`,`nowrap`,`wrapReverse`,`align`,`justify`,`alignContent`,`gap`,`gapRow`,`gapColumn`],Y=(0,J.forwardRef)(({children:e,className:t=``,as:n,style:r,inline:a,row:o,column:s,rowReverse:c,columnReverse:l,wrap:u,nowrap:d,wrapReverse:f,align:p,justify:m,alignContent:h,gap:g,gapRow:_,gapColumn:v,...y},b)=>{let{activeBreakpoint:x}=ee(),S=[De((0,J.useMemo)(()=>i({inline:a,row:o,column:s,rowReverse:c,columnReverse:l,wrap:u,nowrap:d,wrapReverse:f,align:p,justify:m,alignContent:h,gap:g,gapRow:_,gapColumn:v},x,Ae),[x,p,h,s,l,g,v,_,a,m,d,o,c,u,f])),t].filter(Boolean).join(` `);return(0,J.createElement)(n||`div`,{...y,ref:b,className:S,style:r},e)}),Y.displayName=`FlexContainer`,Y.__docgenInfo={description:``,methods:[],displayName:`FlexContainer`,props:{inline:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:"Тип display `flex | inline-flex`"},row:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Направление flex-контейнера`},column:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},rowReverse:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},columnReverse:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},wrap:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Перенос элементов`},nowrap:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},wrapReverse:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},align:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "baseline"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"baseline"`}]}],raw:`ResponsiveValue<FlexAlign>`},description:`Выравнивание по поперечной оси`},justify:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "between" | "around" | "evenly"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"between"`},{name:`literal`,value:`"around"`},{name:`literal`,value:`"evenly"`}]}],raw:`ResponsiveValue<FlexJustify>`},description:`Выравнивание по главной оси`},alignContent:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "between" | "around" | "evenly"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"between"`},{name:`literal`,value:`"around"`},{name:`literal`,value:`"evenly"`}]}],raw:`ResponsiveValue<FlexJustify>`},description:`Выравнивание контента`},gap:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"none" | "xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]}],raw:`ResponsiveValue<FlexGap>`},description:`Gap`},gapRow:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`Exclude`,elements:[{name:`union`,raw:`"none" | "xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},{name:`literal`,value:`"none"`}],raw:`Exclude<FlexGap, "none">`}],raw:`ResponsiveValue<Exclude<FlexGap, "none">>`},description:`Row gap`},gapColumn:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`Exclude`,elements:[{name:`union`,raw:`"none" | "xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},{name:`literal`,value:`"none"`}],raw:`Exclude<FlexGap, "none">`}],raw:`ResponsiveValue<Exclude<FlexGap, "none">>`},description:`Column gap`},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:`Дочерние элементы`},className:{required:!1,tsType:{name:`string`},description:`CSS класс`,defaultValue:{value:`""`,computed:!1}},as:{required:!1,tsType:{name:`JSX.IntrinsicElements`},description:`HTML тег`},style:{required:!1,tsType:{name:`CSSProperties`},description:`Inline styles`}},composes:[`HTMLAttributes`]}})),Z,je,Q,Me=t((()=>{Z=e(n(),1),a(),q(),je=[`flex0`,`flex1`,`grow`,`shrink`,`basis`,`alignSelf`,`justifySelf`],Q=(0,Z.forwardRef)(({children:e,className:t=``,as:n,style:r,flex0:a,flex1:o,grow:s,shrink:c,basis:l,alignSelf:u,justifySelf:d,...f},p)=>{let{activeBreakpoint:m}=ee(),h=[Oe((0,Z.useMemo)(()=>i({flex0:a,flex1:o,grow:s,shrink:c,basis:l,alignSelf:u,justifySelf:d},m,je),[m,u,l,a,o,s,d,c])),t].filter(Boolean).join(` `);return(0,Z.createElement)(n||`div`,{...f,ref:p,className:h,style:r},e)}),Q.displayName=`FlexItem`,Q.__docgenInfo={description:``,methods:[],displayName:`FlexItem`,props:{grow:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Способность расти
|
|
2
2
|
@default false = 0`},shrink:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Способность сжиматься
|
|
3
3
|
@default true = 1`},flex0:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Использовать составной класс flex0`},flex1:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Использовать составной класс flex1`},basis:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"0" | "auto"`,elements:[{name:`literal`,value:`"0"`},{name:`literal`,value:`"auto"`}]}],raw:`ResponsiveValue<FlexBasis>`},description:`Базовый размер`},alignSelf:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "baseline"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"baseline"`}]}],raw:`ResponsiveValue<FlexAlign>`},description:`Выравнивание отдельного элемента`},justifySelf:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`Exclude`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "between" | "around" | "evenly"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"between"`},{name:`literal`,value:`"around"`},{name:`literal`,value:`"evenly"`}]},{name:`union`,raw:`"between" | "around" | "evenly"`,elements:[{name:`literal`,value:`"between"`},{name:`literal`,value:`"around"`},{name:`literal`,value:`"evenly"`}]}],raw:`Exclude<FlexJustify, "between" | "around" | "evenly">`}],raw:`ResponsiveValue<Exclude<FlexJustify, "between" | "around" | "evenly">>`},description:`Justify-self для grid-like выравнивания`},children:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:`Дочерние элементы`},className:{required:!1,tsType:{name:`string`},description:`CSS класс`,defaultValue:{value:`""`,computed:!1}},as:{required:!1,tsType:{name:`JSX.IntrinsicElements`},description:`HTML тег`},style:{required:!1,tsType:{name:`CSSProperties`},description:`Inline styles`}},composes:[`HTMLAttributes`]}})),Ne,Pe,$,Fe=t((()=>{Ne=e(n(),1),X(),q(),Pe=r(),$=(0,Ne.forwardRef)(({variant:e,children:t,className:n=``,...r},i)=>(0,Pe.jsx)(Y,{ref:i,className:[ke(e??``),n].filter(Boolean).join(` `),...r,children:t})),$.displayName=`PredefinedFlex`,$.__docgenInfo={description:``,methods:[],displayName:`PredefinedFlex`,props:{variant:{required:!1,tsType:{name:`union`,raw:`"center" | "centerBetween" | "columnCenter"`,elements:[{name:`literal`,value:`"center"`},{name:`literal`,value:`"centerBetween"`},{name:`literal`,value:`"columnCenter"`}]},description:``},className:{defaultValue:{value:`""`,computed:!1},required:!1}},composes:[`Omit`]}})),Ie,Le=t((()=>{X(),Me(),Fe(),Ie={Container:Y,Item:Q,Predefined:$}}));export{Me as a,Q as i,Le as n,Y as o,Fe as r,X as s,Ie as t};
|