@ryuzaki13/react-foundation-ui 1.4.5 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/advanced-search/index.js +9 -9
- package/dist/badge/index.js +1 -1
- package/dist/base-table/index.js +1 -1
- package/dist/button/index.js +1 -1
- package/dist/check-box/index.js +1 -1
- package/dist/chunks/{CalendarView-Z_XWk7aI.js → CalendarView-DtacoN_c.js} +2 -2
- package/dist/chunks/{CalendarView-Z_XWk7aI.js.map → CalendarView-DtacoN_c.js.map} +1 -1
- package/dist/chunks/CheckBox.module-C5SjPwSj.js.map +1 -1
- package/dist/chunks/{TextEditorLexicalClient-CK8j3RA4.js → TextEditorLexicalClient-DVML-Nhd.js} +6 -6
- package/dist/chunks/{TextEditorLexicalClient-CK8j3RA4.js.map → TextEditorLexicalClient-DVML-Nhd.js.map} +1 -1
- package/dist/chunks/{badge-DwIUjH0a.js → badge-CbclcpUi.js} +2 -2
- package/dist/chunks/{badge-DwIUjH0a.js.map → badge-CbclcpUi.js.map} +1 -1
- package/dist/chunks/{base-table-BFsVwXg3.js → base-table-BPcdSitC.js} +3 -3
- package/dist/chunks/{base-table-BFsVwXg3.js.map → base-table-BPcdSitC.js.map} +1 -1
- package/dist/chunks/{button-BU2kRzwu.js → button-BOl7hYmT.js} +4 -4
- package/dist/chunks/button-BOl7hYmT.js.map +1 -0
- package/dist/chunks/{check-box-Dd3YFuxd.js → check-box-6HGX_KOy.js} +5 -5
- package/dist/chunks/check-box-6HGX_KOy.js.map +1 -0
- package/dist/chunks/{context-menu-C6RO7soI.js → context-menu-BY4pYGwB.js} +2 -2
- package/dist/chunks/{context-menu-C6RO7soI.js.map → context-menu-BY4pYGwB.js.map} +1 -1
- package/dist/chunks/{date-input-BzExUQnc.js → date-input-DKkJO_-h.js} +19 -19
- package/dist/chunks/date-input-DKkJO_-h.js.map +1 -0
- package/dist/chunks/{floating-arrow-BE-z4QkE.js → floating-arrow-DPKwJfww.js} +3 -3
- package/dist/chunks/{floating-arrow-BE-z4QkE.js.map → floating-arrow-DPKwJfww.js.map} +1 -1
- package/dist/chunks/{input-Bp6_Ucgr.js → input-BWCaVC06.js} +9 -7
- package/dist/chunks/input-BWCaVC06.js.map +1 -0
- package/dist/chunks/{input-files-D1JzSw_Y.js → input-files-62qH2TMj.js} +3 -3
- package/dist/chunks/{input-files-D1JzSw_Y.js.map → input-files-62qH2TMj.js.map} +1 -1
- package/dist/chunks/{input-search-Bkhcinru.js → input-search-CdPI1cb6.js} +2 -2
- package/dist/chunks/{input-search-Bkhcinru.js.map → input-search-CdPI1cb6.js.map} +1 -1
- package/dist/chunks/{misc-BYxxlJz6.js → misc-Cp_r022Z.js} +2 -2
- package/dist/chunks/{misc-BYxxlJz6.js.map → misc-Cp_r022Z.js.map} +1 -1
- package/dist/chunks/{modal-paexEF0j.js → modal-DPIXoMkB.js} +3 -3
- package/dist/chunks/{modal-paexEF0j.js.map → modal-DPIXoMkB.js.map} +1 -1
- package/dist/chunks/{multi-select-COEkc8Qc.js → multi-select-01xmD1nZ.js} +114 -104
- package/dist/chunks/multi-select-01xmD1nZ.js.map +1 -0
- package/dist/chunks/{picker-e6IsrMUG.js → picker-Mdb73_uW.js} +3 -3
- package/dist/chunks/picker-Mdb73_uW.js.map +1 -0
- package/dist/chunks/popover-BTT7zSqx.js +230 -0
- package/dist/chunks/{popover-CGU3MlsH.js.map → popover-BTT7zSqx.js.map} +1 -1
- package/dist/chunks/{radio-group-CM9Lg_nc.js → radio-group-4j2HbemI.js} +2 -2
- package/dist/chunks/{radio-group-CM9Lg_nc.js.map → radio-group-4j2HbemI.js.map} +1 -1
- package/dist/chunks/{select-BON0S9Dr.js → select-DRf4_a1Z.js} +6 -6
- package/dist/chunks/select-DRf4_a1Z.js.map +1 -0
- package/dist/chunks/{table-Dd5BcC0k.js → table-DSg9gi_l.js} +2 -2
- package/dist/chunks/{table-Dd5BcC0k.js.map → table-DSg9gi_l.js.map} +1 -1
- package/dist/chunks/{ui.module-BisoTevy.js → ui.module-BfaIVBba.js} +3 -1
- package/dist/chunks/ui.module-BfaIVBba.js.map +1 -0
- package/dist/chunks/{uiClasses-BNjBunnY.js → uiClasses-4atXOh0J.js} +2 -2
- package/dist/chunks/{uiClasses-BNjBunnY.js.map → uiClasses-4atXOh0J.js.map} +1 -1
- package/dist/chunks/{useODataSelectBase-CKe1AVMI.js → useODataSelectBase-DI_wwKgw.js} +2 -2
- package/dist/chunks/{useODataSelectBase-CKe1AVMI.js.map → useODataSelectBase-DI_wwKgw.js.map} +1 -1
- package/dist/context-menu/index.js +1 -1
- package/dist/date-input/index.js +2 -2
- package/dist/date-input/ui/DateInput.d.ts.map +1 -1
- package/dist/date-time-input/index.js +195 -194
- package/dist/date-time-input/index.js.map +1 -1
- package/dist/date-time-input/ui/SingleDateTimeInput.d.ts.map +1 -1
- package/dist/disclosure/index.js +4 -3
- package/dist/disclosure/index.js.map +1 -1
- package/dist/drop-zone/index.js +1 -1
- package/dist/expandable-action-panel/index.js +2 -2
- package/dist/floating-arrow/index.js +1 -1
- package/dist/image/index.js +4 -4
- package/dist/input/Input.d.ts +2 -1
- package/dist/input/Input.d.ts.map +1 -1
- package/dist/input/index.js +1 -1
- package/dist/input-date-time/index.js +2 -2
- package/dist/input-file/index.js +2 -2
- package/dist/input-files/index.js +1 -1
- package/dist/input-image/index.js +2 -2
- package/dist/input-search/index.js +1 -1
- package/dist/layout-picker/index.js +94 -107
- package/dist/layout-picker/index.js.map +1 -1
- package/dist/layout-picker/ui/LayoutPicker.d.ts.map +1 -1
- package/dist/list/index.js +1 -1
- package/dist/listbox/Listbox.d.ts +1 -0
- package/dist/listbox/Listbox.d.ts.map +1 -1
- package/dist/listbox/index.js +39 -34
- package/dist/listbox/index.js.map +1 -1
- package/dist/misc/index.js +1 -1
- package/dist/modal/index.js +1 -1
- package/dist/multi-select/index.js +2 -2
- package/dist/multi-select/ui/MultiSelect.d.ts.map +1 -1
- package/dist/multi-select/ui/defaultRenderers.d.ts +2 -1
- package/dist/multi-select/ui/defaultRenderers.d.ts.map +1 -1
- package/dist/notifications/index.js +1 -1
- package/dist/picker/index.js +1 -1
- package/dist/popover/FloatingPopover.d.ts +5 -0
- package/dist/popover/FloatingPopover.d.ts.map +1 -1
- package/dist/popover/index.js +1 -1
- package/dist/preset-range-date-input/index.js +2 -3
- package/dist/preset-range-date-input/index.js.map +1 -1
- package/dist/preset-select/index.js +1 -1
- package/dist/radio-button/index.js +3 -3
- package/dist/radio-button/index.js.map +1 -1
- package/dist/radio-group/index.js +1 -1
- package/dist/select/Select.d.ts.map +1 -1
- package/dist/select/index.js +1 -1
- package/dist/simple-table/index.js +1 -1
- package/dist/slider/Slider.d.ts.map +1 -1
- package/dist/slider/index.js +131 -117
- package/dist/slider/index.js.map +1 -1
- package/dist/state-select/index.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/switch/index.js +1 -1
- package/dist/table/index.js +1 -1
- package/dist/table-sorting/index.js +1 -1
- package/dist/tabs/index.js +2 -2
- package/dist/tabs/index.js.map +1 -1
- package/dist/tag-input/index.js +2 -2
- package/dist/text/index.js +1 -1
- package/dist/text-editor/index.js +2 -2
- package/dist/textarea/Textarea.d.ts.map +1 -1
- package/dist/textarea/index.js +3 -2
- package/dist/textarea/index.js.map +1 -1
- package/dist/toggle/index.js +1 -1
- package/dist/tree-select/TreeMultiSelect.d.ts.map +1 -1
- package/dist/tree-select/TreePickerBase.d.ts.map +1 -1
- package/dist/tree-select/index.js +244 -244
- package/dist/tree-select/index.js.map +1 -1
- package/dist/tree-table/index.js +1 -1
- package/package.json +8 -2
- package/src/styles/_base.scss +3 -3
- package/src/styles/config/_index.scss +43 -38
- package/src/styles/mixins/_controls.scss +17 -16
- package/storybook-static/assets/Badge-CD5894x5.css +1 -0
- package/storybook-static/assets/{Badge-Bh73-APE.js → Badge-CblO4qSx.js} +1 -1
- package/storybook-static/assets/{Badge.stories-gNFtCWnR.js → Badge.stories-CtRrqjAo.js} +1 -1
- package/storybook-static/assets/{Button-O9QPAftp.js → Button-BVt4jmN4.js} +1 -1
- package/storybook-static/assets/{Button-mjF9HSg0.js → Button-Bzc9jBAF.js} +1 -1
- package/storybook-static/assets/{Button-DtU4kGzD.css → Button-DuVDH6-g.css} +1 -1
- package/storybook-static/assets/{Button.stories-wkiE0c_a.js → Button.stories-tqfxm0ox.js} +1 -1
- package/storybook-static/assets/CalendarView-MkrPd5D-.js +1 -0
- package/storybook-static/assets/{CheckBox-CB8fTQF0.js → CheckBox-0BK2dgdD.js} +1 -1
- package/storybook-static/assets/CheckBox-8XczNrjq.css +1 -0
- package/storybook-static/assets/{CheckBox-Clpeg9q7.js → CheckBox-CWipX4CI.js} +2 -2
- package/storybook-static/assets/{CheckBox.stories-pfWBxvOy.js → CheckBox.stories-B5yWzlQa.js} +1 -1
- package/storybook-static/assets/{Color-6AOWCN3U-CVvkiihj.js → Color-6AOWCN3U-WdTzF_2p.js} +1 -1
- package/storybook-static/assets/{ContextMenu-Sv4wfyS3.js → ContextMenu-BjWu5DHB.js} +1 -1
- package/storybook-static/assets/{ContextMenu-eGnlhRRu.js → ContextMenu-kbSWsoCE.js} +1 -1
- package/storybook-static/assets/ContextMenu.stories-CQcrX3sj.js +90 -0
- package/storybook-static/assets/DateInput-4lH8A4HQ.css +1 -0
- package/storybook-static/assets/DateInput-BUgBb3aH.js +1 -0
- package/storybook-static/assets/{DateInput-DQDplLib.js → DateInput-CyNIW9Md.js} +1 -1
- package/storybook-static/assets/{DateInput.stories-BNpS4CND.js → DateInput.stories-DyB3PjTl.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-DCBEf98i.js → DateRangePresetSelect-BwibZk_q.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-Bfx-d5qg.js → DateRangePresetSelect-CBZ0OAmn.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect.stories-PAV2jgQb.js → DateRangePresetSelect.stories-kmmKl-3j.js} +1 -1
- package/storybook-static/assets/{Detail-DvmdQCue.js → Detail-pHBZ5bkR.js} +1 -1
- package/storybook-static/assets/{Detail.stories-CEm00aSN.js → Detail.stories-Bs5YNmLn.js} +1 -1
- package/storybook-static/assets/Dialog-DBTU-LRR.js +1 -0
- package/storybook-static/assets/{Dialog-3I2Y7jD7.js → Dialog-DbFhCtF1.js} +1 -1
- package/storybook-static/assets/Dialog.stories-_WQW8YNs.js +31 -0
- package/storybook-static/assets/{Disclosure-DUIQ37oh.js → Disclosure-vOJWmhLt.js} +1 -1
- package/storybook-static/assets/Disclosure.stories-wyulIOoJ.js +40 -0
- package/storybook-static/assets/DisclosureGroup-BUDxwl5C.js +2 -0
- package/storybook-static/assets/DisclosureGroup-DjObX5Qs.css +1 -0
- package/storybook-static/assets/{DocsRenderer-JROSPFPF-DwPk6ai7.js → DocsRenderer-JROSPFPF-B7vhvrpB.js} +1 -1
- package/storybook-static/assets/DropZone-B7Q1qQqP.js +9 -0
- package/storybook-static/assets/{DropZone-BGuCU5dq.js → DropZone-BvRT0gUm.js} +1 -1
- package/storybook-static/assets/DropZone.stories-WmoR3uPj.js +36 -0
- package/storybook-static/assets/DropdownMenu-BW35W6_U.js +1 -0
- package/storybook-static/assets/ExpandableActionPanel-C9G9PsZx.js +2 -0
- package/storybook-static/assets/ExpandableActionPanel.stories-Dllpmeu_.js +19 -0
- package/storybook-static/assets/{Flex-CBwbh1yu.js → Flex-Cydb-4MR.js} +1 -1
- package/storybook-static/assets/{Flex.stories-cdk6vRZq.js → Flex.stories-Dczj9g4W.js} +1 -1
- package/storybook-static/assets/FloatingPopover-C-W77AcJ.js +1 -0
- package/storybook-static/assets/{FloatingPopover-DC84VrV3.css → FloatingPopover-jwILx9b0.css} +1 -1
- package/storybook-static/assets/FormattedTableCell-fePg_bmP.js +18 -0
- package/storybook-static/assets/{Grid-BkKqSMfk.js → Grid-Dal3v5dj.js} +1 -1
- package/storybook-static/assets/{Grid.stories-828arrPi.js → Grid.stories-Byb4mMpE.js} +1 -1
- package/storybook-static/assets/{ImageCropper.stories-CrIWrKKR.js → ImageCropper.stories-B9OD2pur.js} +1 -1
- package/storybook-static/assets/{ImageRenderer-F3AaZx-K.js → ImageRenderer-BcUjptiu.js} +1 -1
- package/storybook-static/assets/{ImageRenderer.stories-l3PnRYxy.js → ImageRenderer.stories-BuO2nhom.js} +1 -1
- package/storybook-static/assets/{ImageView.stories-C6uhkvCN.js → ImageView.stories-mSkR535R.js} +1 -1
- package/storybook-static/assets/{ImageViewer.stories-BSPiv5lU.js → ImageViewer.stories-DVdR3-_j.js} +2 -2
- package/storybook-static/assets/{ImageViewerRuntime-BOpMGgz6.js → ImageViewerRuntime-DiR_HwIE.js} +1 -1
- package/storybook-static/assets/{Input-D-ZrbHVw.js → Input-BdCavSu1.js} +1 -1
- package/storybook-static/assets/Input-DZQKV4DP.js +3 -0
- package/storybook-static/assets/Input-Db2-9PJZ.css +1 -0
- package/storybook-static/assets/{Input.stories-vqPv6pLx.js → Input.stories-Cu66SvKb.js} +1 -1
- package/storybook-static/assets/{InputDateTime-DHBVbRii.js → InputDateTime-Day94W-O.js} +1 -1
- package/storybook-static/assets/{InputDateTime.stories-BAvLMBuk.js → InputDateTime.stories-990MuicZ.js} +1 -1
- package/storybook-static/assets/InputFile-CJll5mC-.js +1 -0
- package/storybook-static/assets/{InputFile-B9TVOEZV.js → InputFile-Cp8x84ZG.js} +1 -1
- package/storybook-static/assets/InputFile.stories-fNNwbNfa.js +36 -0
- package/storybook-static/assets/{InputFiles-CxZkOZFK.js → InputFiles-CBvR3Szf.js} +1 -1
- package/storybook-static/assets/InputFiles-OusF5Lfq.js +1 -0
- package/storybook-static/assets/InputFiles.stories-DcpEbOOo.js +33 -0
- package/storybook-static/assets/{InputFilesList-OEX4zGI3.js → InputFilesList-zuNP1QIB.js} +1 -1
- package/storybook-static/assets/{InputImage-31A6fxSf.js → InputImage-CjMAL3uq.js} +1 -1
- package/storybook-static/assets/InputImage-Dl2bJNZk.js +7 -0
- package/storybook-static/assets/InputImage.stories-BzxEndIe.js +45 -0
- package/storybook-static/assets/InteractiveComponents.stories-CXF1nGLl.js +303 -0
- package/storybook-static/assets/{LayoutPicker-Dc55ovYM.js → LayoutPicker-BahcFBzK.js} +1 -1
- package/storybook-static/assets/LayoutPicker-CZRoovVS.css +1 -0
- package/storybook-static/assets/LayoutPicker-DzAN3gGO.js +376 -0
- package/storybook-static/assets/LayoutPicker-yb6IMmd2.css +1 -0
- package/storybook-static/assets/LayoutPicker.stories-ByamaGlv.js +74 -0
- package/storybook-static/assets/Listbox-C5hwzE4s.js +41 -0
- package/storybook-static/assets/Listbox-CHsNGsDc.js +1 -0
- package/storybook-static/assets/Listbox.stories-CvXZeESb.js +53 -0
- package/storybook-static/assets/{Modal-CXvDgktT.js → Modal-Dib11Lzy.js} +1 -1
- package/storybook-static/assets/Modal.stories-DYMy-kLP.js +180 -0
- package/storybook-static/assets/ModalManagerProvider-natWXnSM.js +1 -0
- package/storybook-static/assets/{MultiSelect-DN4foQlG.js → MultiSelect-Cl9MkPZw.js} +1 -1
- package/storybook-static/assets/MultiSelect-DlCZ7dhH.js +2 -0
- package/storybook-static/assets/{MultiSelect.stories-CgKNQmma.js → MultiSelect.stories-202TRBKq.js} +1 -1
- package/storybook-static/assets/{NoData-W7wK8oTW.js → NoData-DcHZdLTJ.js} +1 -1
- package/storybook-static/assets/{NotificationsHost-D1UoWmF8.js → NotificationsHost-DzqEi2vc.js} +1 -1
- package/storybook-static/assets/{NotificationsHost.stories-BWUuMmPl.js → NotificationsHost.stories-CvoQfIjj.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect-DE1V4el8.js → ODataMultiSelect-CHQguikm.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect.stories-Q1DUIL2W.js → ODataMultiSelect.stories-BZbWK4CP.js} +1 -1
- package/storybook-static/assets/{ODataSelect-CtoT2Wxx.js → ODataSelect-C1YGDpg_.js} +1 -1
- package/storybook-static/assets/{ODataSelect.stories-DLi7Rwzk.js → ODataSelect.stories-D4tQXs2c.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect-DEZfgyPK.js → ODataTreeMultiSelect-BjR7zhyJ.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect.stories-H42q78xI.js → ODataTreeMultiSelect.stories-Drg8mLhi.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect-BeylEiPN.js → ODataTreeSelect-D_fcT3Aw.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect.stories-MOILmtfY.js → ODataTreeSelect.stories-BWFdmmvf.js} +2 -2
- package/storybook-static/assets/{OneStepScroller-BSvYN6QP.js → OneStepScroller-DWCRXFHq.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-KQFGCxq6.js → PeriodSelect-C7QQKxZ4.js} +1 -1
- package/storybook-static/assets/PeriodSelect-DtfTzrNK.js +5 -0
- package/storybook-static/assets/PeriodSelect.stories-CF65LIHm.js +60 -0
- package/storybook-static/assets/{PickerSelectionToolbar-Cvv8vTZm.js → PickerSelectionToolbar-D9atWyWj.js} +1 -1
- package/storybook-static/assets/{PickerTriggerActions-BBZmXagt.js → PickerTriggerActions-C7WeaOKN.js} +1 -1
- package/storybook-static/assets/{Popover-D6gSyjaW.js → Popover-CUJF-IMC.js} +1 -1
- package/storybook-static/assets/{Popover-7YZIq8Fi.js → Popover-DQJIeny_.js} +1 -1
- package/storybook-static/assets/{Popover.stories-DM69Ztws.js → Popover.stories-BON0z3PX.js} +1 -1
- package/storybook-static/assets/PresetRangeDateInput-D3_uzWzQ.js +1 -0
- package/storybook-static/assets/{PresetRangeDateInput-Ch6GapcJ.js → PresetRangeDateInput-DpA1KOCo.js} +1 -1
- package/storybook-static/assets/PresetRangeDateInput.stories-CDDJDiei.js +15 -0
- package/storybook-static/assets/{PresetSelect-C8uIYhPJ.js → PresetSelect-DlV2eC-b.js} +1 -1
- package/storybook-static/assets/RadioButton-BLyqp88m.js +2 -0
- package/storybook-static/assets/{RadioButton-BQjiyASl.js → RadioButton-wkLEwRaH.js} +1 -1
- package/storybook-static/assets/RadioButton.stories-DS9RYBEJ.js +35 -0
- package/storybook-static/assets/{RadioGroup-vw4ObVj-.js → RadioGroup-CsWIje1J.js} +1 -1
- package/storybook-static/assets/{RadioGroup-DNqu6WaC.js → RadioGroup-DERcyzA0.js} +1 -1
- package/storybook-static/assets/{RadioGroup.stories-B-WQzZW_.js → RadioGroup.stories-DkgUPavS.js} +1 -1
- package/storybook-static/assets/{Scrollable-DrxMuH2M.js → Scrollable-DvJ3T3Ik.js} +1 -1
- package/storybook-static/assets/{Select-BxigZNtu.js → Select-DmEm2boi.js} +1 -1
- package/storybook-static/assets/{Select-X_O4M8Hi.js → Select-g0c0XGQY.js} +1 -1
- package/storybook-static/assets/{Select.stories-BpTrYJSr.js → Select.stories-BEPJovVd.js} +1 -1
- package/storybook-static/assets/{SelectOptionContent-RAmgWCOm.js → SelectOptionContent-B5E2W8PZ.js} +1 -1
- package/storybook-static/assets/{SerializableSelect-CA9wjk2m.js → SerializableSelect-wgzDfqEi.js} +1 -1
- package/storybook-static/assets/{SerializableSelect.stories-DXd4E-3U.js → SerializableSelect.stories-V8IqyO9Y.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-BeFLYUBF.js → SingleDateTimeInput-B7v0t9f5.js} +1 -1
- package/storybook-static/assets/SingleDateTimeInput-CN7PyOsb.js +1 -0
- package/storybook-static/assets/SingleDateTimeInput-dwDPQ0HY.css +1 -0
- package/storybook-static/assets/SingleDateTimeInput.stories-FOoEMoyF.js +78 -0
- package/storybook-static/assets/Slider-24H5ASxG.js +1 -0
- package/storybook-static/assets/{Slider-BdWBkKp4.js → Slider-3HQKHpoi.js} +1 -1
- package/storybook-static/assets/Slider-BWuie2gr.css +1 -0
- package/storybook-static/assets/{Slider.stories-CgmOhVBs.js → Slider.stories-DeeP8cmV.js} +1 -1
- package/storybook-static/assets/{SliderInput-QmF2VQWA.js → SliderInput-CFbx-GW7.js} +1 -1
- package/storybook-static/assets/SliderInput-bqFr-Lyp.js +2 -0
- package/storybook-static/assets/SliderInput.stories-Djli653m.js +67 -0
- package/storybook-static/assets/{Sortable-D5OTpesH.js → Sortable-CMo2PMKX.js} +1 -1
- package/storybook-static/assets/{Sortable.stories-yz3c5EhY.js → Sortable.stories-BFsQvwMx.js} +1 -1
- package/storybook-static/assets/{Splitter-DVq6XBul.js → Splitter-dwOhGuIg.js} +1 -1
- package/storybook-static/assets/{Splitter.stories-CopPw1_p.js → Splitter.stories-DZ3nAxpo.js} +1 -1
- package/storybook-static/assets/StateSelect-IigEzRom.js +4 -0
- package/storybook-static/assets/{StateSelect-ojwXeKmx.js → StateSelect-j3gi4kbM.js} +1 -1
- package/storybook-static/assets/StateSelect.stories-Bj-2m2hS.js +44 -0
- package/storybook-static/assets/{StringToggle.stories-ByYMmlXl.js → StringToggle.stories-ClSl76ts.js} +1 -1
- package/storybook-static/assets/{Switch-Dy4Pahkn.js → Switch-BDbBZjMA.js} +1 -1
- package/storybook-static/assets/Switch-C9OAPzUM.js +1 -0
- package/storybook-static/assets/Switch.stories-CQ3ueThx.js +26 -0
- package/storybook-static/assets/{Table-BO6Oa4JV.js → Table-BbGcLQ81.js} +1 -1
- package/storybook-static/assets/{Table.stories--TpBKwmP.js → Table.stories-DvaHP59R.js} +1 -1
- package/storybook-static/assets/{Tabs-7c93qVyH.js → Tabs-CNEYvzUv.js} +1 -1
- package/storybook-static/assets/Tabs.stories-BpyQokl8.js +57 -0
- package/storybook-static/assets/TabsBox-ClZCbgKB.js +2 -0
- package/storybook-static/assets/TabsBox-Co1vxD90.css +1 -0
- package/storybook-static/assets/TagInput-ChmW4s9O.css +1 -0
- package/storybook-static/assets/TagInput-DorsSF_V.js +7 -0
- package/storybook-static/assets/TagInput.stories-ChgRz4Co.js +12 -0
- package/storybook-static/assets/{Text-BPlJUr3R.js → Text-DUqtop-c.js} +1 -1
- package/storybook-static/assets/{Textarea-D3S4MkiX.js → Textarea-ZfZJmHsp.js} +1 -1
- package/storybook-static/assets/Textarea-yZWv6QdW.js +1 -0
- package/storybook-static/assets/Textarea.stories-B5Q7syxH.js +27 -0
- package/storybook-static/assets/{TimePanel-C2iZ9Qr6.js → TimePanel-C39f__j8.js} +1 -1
- package/storybook-static/assets/{TimePanel.stories-JTjIv6z1.js → TimePanel.stories-DtjILTPk.js} +1 -1
- package/storybook-static/assets/{Toggle-CHmajZE5.js → Toggle-BndjhQFY.js} +1 -1
- package/storybook-static/assets/{Toggle-OlKw8qaK.js → Toggle-CdpPJI_O.js} +1 -1
- package/storybook-static/assets/{Toggle.stories-k4Z8qQVs.js → Toggle.stories-BD_C0YTw.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-dOg0l7rk.js → TreeMultiSelect--M1WiE_f.js} +1 -1
- package/storybook-static/assets/TreeMultiSelect-BPz5kISi.js +1 -0
- package/storybook-static/assets/{TreeMultiSelect.stories-CAzZRxn5.js → TreeMultiSelect.stories-BgkDJur9.js} +1 -1
- package/storybook-static/assets/{TreePickerBase-DMs9EpFv.css → TreePickerBase-BxLupQDs.css} +1 -1
- package/storybook-static/assets/{TreePickerBase-ycYQYQgi.js → TreePickerBase-Dup03AiC.js} +2 -2
- package/storybook-static/assets/{TreeSelect-BrNyI_Qx.js → TreeSelect-B0RWsDT4.js} +1 -1
- package/storybook-static/assets/{TreeSelect-CDecTnag.js → TreeSelect-BrQGgG40.js} +1 -1
- package/storybook-static/assets/{TreeSelect.stories-BUOw2Rwn.js → TreeSelect.stories-DkgdJ5XX.js} +1 -1
- package/storybook-static/assets/{TreeTable-BXw7lFBk.js → TreeTable-HQr8pb9r.js} +1 -1
- package/storybook-static/assets/{TreeTable.stories-z40pruPV.js → TreeTable.stories-C4hcph6x.js} +1 -1
- package/storybook-static/assets/{async-BLDV04P4.js → async-lzSWdC34.js} +1 -1
- package/storybook-static/assets/{blocks-BiaKjftm.js → blocks-D8l_hmHU.js} +3 -3
- package/storybook-static/assets/{browserAndReact-DX4H5rjQ.js → browserAndReact-BwvRFhzI.js} +1 -1
- package/storybook-static/assets/{check-fB4gCKB_.js → check-DpX8PMs_.js} +1 -1
- package/storybook-static/assets/{chevron-down-B9GH0QvB.js → chevron-down-DE8FRR-h.js} +1 -1
- package/storybook-static/assets/{chevron-left-DjbyJeHO.js → chevron-left-Cy3TEG_Y.js} +1 -1
- package/storybook-static/assets/{chevron-right-D29uf09I.js → chevron-right-CZ4-4s1X.js} +1 -1
- package/storybook-static/assets/{chunk-W22LQPXL-CGkHFiZ0.js → chunk-W22LQPXL-Ci-XApFb.js} +1 -1
- package/storybook-static/assets/{circle-alert-Dmd7-WNp.js → circle-alert-CWbgc3Jn.js} +1 -1
- package/storybook-static/assets/{circle-check-VtVMsaJJ.js → circle-check-DODquDnH.js} +1 -1
- package/storybook-static/assets/{components-CsfQDbHv.js → components-BdUOCBP9.js} +3 -3
- package/storybook-static/assets/{contextMenu-CzdfaUsd.js → contextMenu-XvvXJEpW.js} +1 -1
- package/storybook-static/assets/defaultRenderers-lMEgLPIU.js +1 -0
- package/storybook-static/assets/defaultRenderers-tFmVIvt_.css +1 -0
- package/storybook-static/assets/{download-CyVhTbv6.js → download-BEGaHxQc.js} +1 -1
- package/storybook-static/assets/{filesAndExcel-DlUnL-Uu.js → filesAndExcel-C9FnZv9P.js} +1 -1
- package/storybook-static/assets/{floating-ui.react-DZ8IyUV4.js → floating-ui.react-GziJy4gA.js} +1 -1
- package/storybook-static/assets/formatters-CVj-3Vn0-C5-BLq9O.js +1 -0
- package/storybook-static/assets/{formatters-runtime-DVi3RdYb.js → formatters-runtime-DO0szrYr.js} +1 -1
- package/storybook-static/assets/{formatters-BTz64vfu.js → formatters-vWial7jf.js} +16 -1
- package/storybook-static/assets/{foundationLib-CFj4J-Pc.js → foundationLib-CIqc9fhG.js} +1 -1
- package/storybook-static/assets/{hooks-Ch5aYb7R.js → hooks-DfgvMSqN.js} +2 -2
- package/storybook-static/assets/{iframe-DaN-XFub.js → iframe-BHhbrImE.js} +4 -4
- package/storybook-static/assets/iframe-D7iJQEr5.css +1 -0
- package/storybook-static/assets/iframe-oIP1aL7X.js +1 -0
- package/storybook-static/assets/{info-Cirk1RKZ.js → info-DSZ4aUvi.js} +1 -1
- package/storybook-static/assets/{odata-BtfB5Aje.js → odata-DmijE2H9.js} +1 -1
- package/storybook-static/assets/{odata-service-DnPlNGpU-Bpd4Zh9L.js → odata-service-B5w4YBao-BcP2cvfZ.js} +1 -1
- package/storybook-static/assets/{odataAndTables-TEZyQ-TZ.js → odataAndTables-m2AMS6oI.js} +1 -1
- package/storybook-static/assets/{odataFetchFn-DEKVPDzV.js → odataFetchFn-CwpkgKoz.js} +1 -1
- package/storybook-static/assets/{odataStoryFixtures-CDDaJZKW.js → odataStoryFixtures-CBtJYQsv.js} +1 -1
- package/storybook-static/assets/{persisted-BzLLmgUK.js → persisted-DpSU25AR.js} +1 -1
- package/storybook-static/assets/{pureUtilities-Dw249t3R.js → pureUtilities-BG4ZSO63.js} +1 -1
- package/storybook-static/assets/react-Bz35HWpn.js +9 -0
- package/storybook-static/assets/{refresh-cw-BN3JCsXv.js → refresh-cw-ltgf4cUB.js} +1 -1
- package/storybook-static/assets/{runtimeAndState-CCVgv3ck.js → runtimeAndState-C_GrWjr8.js} +1 -1
- package/storybook-static/assets/{settings-2-jtcbbWm5.js → settings-2-qpVYfZn_.js} +1 -1
- package/storybook-static/assets/{sortable-dNWaObUX.js → sortable-CrCQ3H1V.js} +1 -1
- package/storybook-static/assets/{syntaxhighlighter-T5IQBZDB-hYwVxXYm.js → syntaxhighlighter-T5IQBZDB-eOr9ght-.js} +1 -1
- package/storybook-static/assets/{trash-2-DrVfT0z5.js → trash-2-lfhUDclN.js} +1 -1
- package/storybook-static/assets/{triangle-alert-B1Q28Bq9.js → triangle-alert-D9YGTafY.js} +1 -1
- package/storybook-static/assets/ui-CD51AD-_.css +1 -0
- package/storybook-static/assets/ui.module-kfCm3RIG.js +1 -0
- package/storybook-static/assets/{uiClasses-CO3Cdv1E.js → uiClasses-BS9RPcty.js} +1 -1
- package/storybook-static/assets/{useODataSelectBase-DlbeGYUP.js → useODataSelectBase-BVgxJPNn.js} +1 -1
- package/storybook-static/assets/{useODataTreeData-CvsoLfiG.js → useODataTreeData-CdLHOBnD.js} +1 -1
- package/storybook-static/assets/{usePickerDefaultFilter-DdxyE_i8.js → usePickerDefaultFilter-Be420WNF.js} +1 -1
- package/storybook-static/assets/{usePickerQuery-6rDaPaB0.js → usePickerQuery-B6U-oOS6.js} +1 -1
- package/storybook-static/assets/{usePickerTriggerController-BHBjSLtn.js → usePickerTriggerController-C-VxrzSe.js} +1 -1
- package/storybook-static/assets/{usePickerTriggerController-DzBkX15M.css → usePickerTriggerController-Q-ULIoGr.css} +1 -1
- package/storybook-static/assets/{x-Dh43gJN9.js → x-CNM39xuu.js} +1 -1
- package/storybook-static/iframe.html +3 -3
- package/storybook-static/index.json +1 -1
- package/storybook-static/project.json +1 -1
- package/dist/chunks/button-BU2kRzwu.js.map +0 -1
- package/dist/chunks/check-box-Dd3YFuxd.js.map +0 -1
- package/dist/chunks/date-input-BzExUQnc.js.map +0 -1
- package/dist/chunks/input-Bp6_Ucgr.js.map +0 -1
- package/dist/chunks/multi-select-COEkc8Qc.js.map +0 -1
- package/dist/chunks/picker-e6IsrMUG.js.map +0 -1
- package/dist/chunks/popover-CGU3MlsH.js +0 -222
- package/dist/chunks/select-BON0S9Dr.js.map +0 -1
- package/dist/chunks/ui.module-BisoTevy.js.map +0 -1
- package/storybook-static/assets/Badge-Cr7bAbxa.css +0 -1
- package/storybook-static/assets/CalendarView-CqKlnF8k.js +0 -1
- package/storybook-static/assets/CheckBox-CT1_Mjc0.css +0 -1
- package/storybook-static/assets/ContextMenu.stories-CVw3hOvY.js +0 -90
- package/storybook-static/assets/DateInput-D8_Oleoy.js +0 -1
- package/storybook-static/assets/DateInput-pmGiwdvw.css +0 -1
- package/storybook-static/assets/Dialog.stories-lcadmonM.js +0 -31
- package/storybook-static/assets/Disclosure-DzVnkjef.css +0 -1
- package/storybook-static/assets/Disclosure.stories-BeizaZWP.js +0 -41
- package/storybook-static/assets/DropZone.stories-B4J6OZ3T.js +0 -44
- package/storybook-static/assets/ExpandableActionPanel.stories-gCrqbhG6.js +0 -20
- package/storybook-static/assets/FloatingPopover-D4h-c24R.js +0 -1
- package/storybook-static/assets/FormattedTableCell-Dh-kHTOC.js +0 -18
- package/storybook-static/assets/Input-BioMOZju.css +0 -1
- package/storybook-static/assets/Input-Co--DMHY.js +0 -3
- package/storybook-static/assets/InputFile.stories-CypBLWFh.js +0 -36
- package/storybook-static/assets/InputFiles.stories-BGwCp7OC.js +0 -33
- package/storybook-static/assets/InputImage.stories-CdpOudXI.js +0 -51
- package/storybook-static/assets/LayoutPicker-9tLTatHF.css +0 -1
- package/storybook-static/assets/LayoutPicker.stories-DXcn-WXQ.js +0 -449
- package/storybook-static/assets/Listbox-DF8E6oMR.js +0 -38
- package/storybook-static/assets/Listbox.stories-C98_9wX3.js +0 -47
- package/storybook-static/assets/Modal.stories-DAC_QwN7.js +0 -180
- package/storybook-static/assets/MultiSelect-B-wX6JPo.js +0 -2
- package/storybook-static/assets/MultiSelectToken-DDu5n78h.css +0 -1
- package/storybook-static/assets/MultiSelectToken-fjW8p4YG.js +0 -1
- package/storybook-static/assets/PeriodSelect.stories-BIYx4_Yy.js +0 -64
- package/storybook-static/assets/PresetRangeDateInput.stories-Cqd4eb0N.js +0 -15
- package/storybook-static/assets/RadioButton.stories-Cbho4i83.js +0 -36
- package/storybook-static/assets/SingleDateTimeInput-mOllNfg2.css +0 -1
- package/storybook-static/assets/SingleDateTimeInput.stories-B1aZ754N.js +0 -78
- package/storybook-static/assets/Slider-BYrHesOR.js +0 -1
- package/storybook-static/assets/Slider-DMDFRH6B.css +0 -1
- package/storybook-static/assets/SliderInput.stories-MjSmhiOM.js +0 -68
- package/storybook-static/assets/StateSelect.stories-D46m5HNn.js +0 -47
- package/storybook-static/assets/Switch.stories-EiAb5Z-D.js +0 -26
- package/storybook-static/assets/Tabs-BLkTB6pp.css +0 -1
- package/storybook-static/assets/Tabs.stories-DXZ0r2ix.js +0 -58
- package/storybook-static/assets/TagInput-LeQAhDgs.css +0 -1
- package/storybook-static/assets/TagInput.stories-CoM8rXwa.js +0 -18
- package/storybook-static/assets/Textarea.stories-47k8uHdB.js +0 -27
- package/storybook-static/assets/TreeMultiSelect-BC_n1Wb-.js +0 -1
- package/storybook-static/assets/formatters--mhLir82-v41eaI4a.js +0 -1
- package/storybook-static/assets/iframe-CJQlmNUm.css +0 -1
- package/storybook-static/assets/iframe-Cr7AcW_R.js +0 -1
- package/storybook-static/assets/react-KzpmXJc9.js +0 -9
- package/storybook-static/assets/ui-CSPaMpbi.css +0 -1
- package/storybook-static/assets/ui.module-DoMIk8Oc.js +0 -1
- /package/storybook-static/assets/{CheckBox.module-BBzuj5He.js → CheckBox.module-DPvJxTHD.js} +0 -0
- /package/storybook-static/assets/{Modal-BL_cTIW7.css → ModalManagerProvider-BL_cTIW7.css} +0 -0
- /package/storybook-static/assets/{array-BBSjoTRy-CIRmlF93.js → array-D-_yMMUK-CIRmlF93.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-DaN-XFub.js";import{t as i}from"./react-dom-2o2phaJG.js";import{a,i as o}from"./utils-DUM89eIj.js";import{a as s,d as c,g as l,m as u,p as d,r as f}from"./floating-ui.react-DZ8IyUV4.js";import{a as p,i as m,n as h,r as g}from"./dom-B3G_GtJw.js";import{n as _}from"./error-BZrNlEUO.js";import{n as v,t as y}from"./ui.module-DoMIk8Oc.js";import{n as b,r as x,t as S}from"./react-KzpmXJc9.js";function C(e,t){if(e){if(typeof e==`function`){e(t);return}e.current=t}}function w(e,t){return n=>{e?.(n),!n.defaultPrevented&&t(n)}}function T(e,t){return n=>{e?.(n),!n.defaultPrevented&&t(n)}}function E(){return(E=e((()=>{})))()}function D(){let e=(0,O.useContext)(k);if(!e)throw _({hookName:`useMenuContext`,providerName:`MenuRoot`});return e}var O,k;function A(){return(A=e((()=>{O=n(),k=(0,O.createContext)(null)})))()}var j,M;function ee(){return(ee=e((()=>{j=n(),A(),M=({children:e})=>{let{mode:t,open:n,registerTriggerElement:r,onTriggerContextMenu:i,onTriggerKeyDown:a}=D();if(t!==`contextmenu`)throw Error(`ContextMenu.Trigger must be used within <ContextMenu>`);return(0,j.cloneElement)(e,{ref:t=>{let n=e.props.ref;C(n,t),r(t)},"aria-haspopup":`menu`,"aria-expanded":n,onContextMenu:w(e.props.onContextMenu,i),onKeyDown:T(e.props.onKeyDown,a)})},M.__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:``}}}})))()}var te,ne,re,ie,ae,oe,se,ce,le,ue,de,fe,pe,me,he,N;function P(){return(P=e((()=>{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`,he=`zKwsQF`,N={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:he}})))()}var F,ge,I,L;function R(){return(R=e((()=>{F=t(n(),1),g(),o(),S(),ge=i(),P(),A(),I=r(),L=({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}=D(),g=(0,F.useCallback)(()=>{let e=l.current;return e?Array.from(e.querySelectorAll(`[data-menu-item="true"]:not([data-disabled="true"])`)):[]},[l]);p({active:s,initialFocus:e=>g()[0]??e,restoreFocus:o,restoreFocusTarget:()=>u.current,containerRef:l}),h({active:s,enabled:r,onDismiss:f,containerRef:l});let _=(0,F.useCallback)(()=>{!s||i||n&&f()},[s,i,n,f]);m([l,u],_);let v=(0,F.useCallback)(e=>{let t=g();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())},[g]);return typeof document>`u`?null:(0,ge.createPortal)((0,I.jsx)(x,{children:s&&(0,I.jsx)(b.div,{ref:d,style:c,role:`menu`,tabIndex:-1,className:a(N.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,I.jsx)(`div`,{className:a(N.menuScroller,`scrollable`),children:typeof e==`function`?e({closeMenu:f}):e})})}),document.body)}})))()}var _e,z;function B(){return(B=e((()=>{n(),o(),y(),_e=r(),z=({children:e,className:t})=>(0,_e.jsx)(`div`,{className:a(v.uiPopupGroupLabel,t),children:e}),z.__docgenInfo={description:``,methods:[],displayName:`MenuGroupLabel`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}var ve,V,H;function U(){return(U=e((()=>{ve=t(n(),1),o(),y(),P(),A(),V=r(),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}=D(),f=(0,ve.useCallback)(e=>{if(i){e.preventDefault(),e.stopPropagation();return}u?.(e),!e.defaultPrevented&&l&&d()},[i,u,l,d]),p=a(v.uiPopupOption,N.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(v.uiPopupOptionIcon,N.menuItemIcon),children:t}),(0,V.jsx)(`span`,{className:a(v.uiOptionText,N.menuItemText),children:e}),n&&(0,V.jsx)(`kbd`,{className:a(v.keyboard,N.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(v.uiPopupOptionIcon,N.menuItemIcon),children:t}),(0,V.jsx)(`span`,{className:a(v.uiOptionText,N.menuItemText),children:e}),n&&(0,V.jsx)(`kbd`,{className:a(v.keyboard,N.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 ye(e){return{x:e.clientX,y:e.clientY}}function be(e){return{x:e.left+e.width/2,y:e.top+e.height/2}}function xe(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 Se(e){return{open:!0,source:e.source,anchor:e.anchor}}function Ce(e){return!e.open&&e.anchor===null?e:{open:!1,source:null,anchor:null}}var we;function Te(){return(Te=e((()=>{we={open:!1,source:null,anchor:null}})))()}var W,Ee,G;function K(){return(K=e((()=>{W=t(n(),1),f(),Te(),A(),Ee=r(),G=({children:e,mode:t,placement:n=t===`click`?`bottom-start`:`right-start`,open:r,defaultOpen:i,onOpenChange:a})=>{let[o,f]=(0,W.useState)(we),[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:[d(6),c({padding:8}),u({padding:8})],whileElementsMounted:l}),x=(0,W.useCallback)(e=>{h||m(e),a?.(e),e||f(e=>Ce(e))},[h,a]),S=(0,W.useCallback)(()=>{x(!1)},[x]);(0,W.useEffect)(()=>{g||f(e=>Ce(e))},[g]);let C=(0,W.useCallback)((e,t)=>{v.setReference(e),f(Se({source:t,anchor:{type:`element`,element:e}})),x(!0)},[v,x]),w=(0,W.useCallback)((e,t,n)=>{v.setReference(xe(e,n)),f(Se({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=ye(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=be(n.getBoundingClientRect());w(r,`keyboard`,n)},[t,C,w]),A=g&&o.anchor!==null,j=(0,W.useMemo)(()=>o.anchor?o.anchor.type===`point`?o.anchor.point:be(o.anchor.element.getBoundingClientRect()):null,[o.anchor]),M=(0,W.useMemo)(()=>({mode:t,open:A,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,A,o.source,j,y,v.floating,v.setFloating,T,E,D,O,S]);return(0,Ee.jsx)(k.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:``}}}})))()}var De,q;function J(){return(J=e((()=>{n(),o(),y(),De=r(),q=({className:e})=>(0,De.jsx)(`div`,{role:`separator`,className:a(v.uiPopupOptionSeparator,e)}),q.__docgenInfo={description:``,methods:[],displayName:`MenuSeparator`,props:{className:{required:!1,tsType:{name:`string`},description:``}}}})))()}function Oe(e,t,n){return n<t?t:Math.min(Math.max(e,t),n)}var Y,ke,X,Ae;function je(){return(je=e((()=>{Y=t(n(),1),g(),o(),S(),ke=i(),P(),A(),X=r(),Ae=({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:g,setFloating:_,closeMenu:v}=D(),y=typeof e==`function`?e({closeMenu:v}):e,S=(0,Y.useMemo)(()=>Y.Children.toArray(y),[y]),C=S.length,w=s*2+c,T=(0,Y.useMemo)(()=>{if(typeof window>`u`||!d)return null;let e=w/2+8;return{x:Oe(d.x,e,window.innerWidth-e),y:Oe(d.y,e,window.innerHeight-e)}},[d,w]),E=(0,Y.useCallback)(()=>{let e=f.current;return e?Array.from(e.querySelectorAll(`[data-menu-item="true"]:not([data-disabled="true"])`)):[]},[f]);p({active:u,initialFocus:e=>E()[0]??e,restoreFocus:o,restoreFocusTarget:()=>g.current,containerRef:f}),(0,Y.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 O=(0,Y.useCallback)(()=>{!u||i||n&&v()},[u,i,n,v]);m([f,g],O);let k=(0,Y.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,ke.createPortal)((0,X.jsx)(x,{children:u&&T&&(0,X.jsxs)(b.div,{ref:_,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(N.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,X.jsx)(`div`,{className:N.radialRing,"aria-hidden":`true`}),(0,X.jsx)(`button`,{type:`button`,role:`menuitem`,className:N.radialCenterButton,"aria-label":l,"data-menu-item":`true`,"data-radial-close":`true`,onClick:v,children:(0,X.jsx)(`span`,{className:N.radialCenterButtonText,children:l})}),(0,X.jsx)(`div`,{className:N.radialItems,children:S.map((e,t)=>{let n=C>0?-90+360/C*t:-90;return(0,X.jsx)(`div`,{className:N.radialItemSlot,style:{"--radial-item-angle":`${n}deg`},children:e},t)})})]})}),document.body)}})))()}var Me,Z,Q;function Ne(){return(Ne=e((()=>{Me=t(n(),1),o(),P(),A(),Z=r(),Q=({children:e,icon:t,className:n,disabled:r,closeOnSelect:i=!0,onSelect:o})=>{let{closeMenu:s}=D(),c=(0,Me.useCallback)(e=>{if(r){e.preventDefault(),e.stopPropagation();return}o?.(e),!e.defaultPrevented&&i&&s()},[r,o,i,s]);return(0,Z.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(N.radialItem,n),onClick:c,children:[t&&(0,Z.jsx)(`span`,{className:N.radialItemIcon,children:t}),(0,Z.jsx)(`span`,{className:N.radialItemText,children:e})]})},Q.__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:``}}}})))()}var Pe,$,Fe;function Ie(){return(Ie=e((()=>{n(),ee(),R(),B(),U(),K(),J(),je(),Ne(),Pe=r(),$=({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:i})=>(0,Pe.jsx)(G,{mode:`contextmenu`,placement:t,open:n,defaultOpen:r,onOpenChange:i,children:e}),Fe=Object.assign($,{Trigger:M,Content:L,RadialContent:Ae,Item:H,RadialItem:Q,Separator:q,GroupLabel: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:``}}}})))()}export{w as _,G as a,U as c,L as d,R as f,T as g,C as h,J as i,z as l,D as m,Ie as n,K as o,A as p,q as r,H as s,Fe as t,B as u,E as v};
|
|
1
|
+
import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-BHhbrImE.js";import{t as i}from"./react-dom-2o2phaJG.js";import{a,i as o}from"./utils-DUM89eIj.js";import{a as s,d as c,g as l,m as u,p as d,r as f}from"./floating-ui.react-GziJy4gA.js";import{a as p,i as m,n as h,r as g}from"./dom-B3G_GtJw.js";import{n as _}from"./error-BZrNlEUO.js";import{n as v,t as y}from"./ui.module-kfCm3RIG.js";import{n as b,r as x,t as S}from"./react-Bz35HWpn.js";function C(e,t){if(e){if(typeof e==`function`){e(t);return}e.current=t}}function w(e,t){return n=>{e?.(n),!n.defaultPrevented&&t(n)}}function T(e,t){return n=>{e?.(n),!n.defaultPrevented&&t(n)}}function E(){return(E=e((()=>{})))()}function D(){let e=(0,O.useContext)(k);if(!e)throw _({hookName:`useMenuContext`,providerName:`MenuRoot`});return e}var O,k;function A(){return(A=e((()=>{O=n(),k=(0,O.createContext)(null)})))()}var j,M;function ee(){return(ee=e((()=>{j=n(),A(),M=({children:e})=>{let{mode:t,open:n,registerTriggerElement:r,onTriggerContextMenu:i,onTriggerKeyDown:a}=D();if(t!==`contextmenu`)throw Error(`ContextMenu.Trigger must be used within <ContextMenu>`);return(0,j.cloneElement)(e,{ref:t=>{let n=e.props.ref;C(n,t),r(t)},"aria-haspopup":`menu`,"aria-expanded":n,onContextMenu:w(e.props.onContextMenu,i),onKeyDown:T(e.props.onKeyDown,a)})},M.__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:``}}}})))()}var te,ne,re,ie,ae,oe,se,ce,le,ue,de,fe,pe,me,he,N;function P(){return(P=e((()=>{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`,he=`zKwsQF`,N={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:he}})))()}var F,ge,I,L;function R(){return(R=e((()=>{F=t(n(),1),g(),o(),S(),ge=i(),P(),A(),I=r(),L=({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}=D(),g=(0,F.useCallback)(()=>{let e=l.current;return e?Array.from(e.querySelectorAll(`[data-menu-item="true"]:not([data-disabled="true"])`)):[]},[l]);p({active:s,initialFocus:e=>g()[0]??e,restoreFocus:o,restoreFocusTarget:()=>u.current,containerRef:l}),h({active:s,enabled:r,onDismiss:f,containerRef:l});let _=(0,F.useCallback)(()=>{!s||i||n&&f()},[s,i,n,f]);m([l,u],_);let v=(0,F.useCallback)(e=>{let t=g();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())},[g]);return typeof document>`u`?null:(0,ge.createPortal)((0,I.jsx)(x,{children:s&&(0,I.jsx)(b.div,{ref:d,style:c,role:`menu`,tabIndex:-1,className:a(N.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,I.jsx)(`div`,{className:a(N.menuScroller,`scrollable`),children:typeof e==`function`?e({closeMenu:f}):e})})}),document.body)}})))()}var _e,z;function B(){return(B=e((()=>{n(),o(),y(),_e=r(),z=({children:e,className:t})=>(0,_e.jsx)(`div`,{className:a(v.uiPopupGroupLabel,t),children:e}),z.__docgenInfo={description:``,methods:[],displayName:`MenuGroupLabel`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}var ve,V,H;function U(){return(U=e((()=>{ve=t(n(),1),o(),y(),P(),A(),V=r(),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}=D(),f=(0,ve.useCallback)(e=>{if(i){e.preventDefault(),e.stopPropagation();return}u?.(e),!e.defaultPrevented&&l&&d()},[i,u,l,d]),p=a(v.uiPopupOption,N.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(v.uiPopupOptionIcon,N.menuItemIcon),children:t}),(0,V.jsx)(`span`,{className:a(v.uiOptionText,N.menuItemText),children:e}),n&&(0,V.jsx)(`kbd`,{className:a(v.keyboard,N.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(v.uiPopupOptionIcon,N.menuItemIcon),children:t}),(0,V.jsx)(`span`,{className:a(v.uiOptionText,N.menuItemText),children:e}),n&&(0,V.jsx)(`kbd`,{className:a(v.keyboard,N.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 ye(e){return{x:e.clientX,y:e.clientY}}function be(e){return{x:e.left+e.width/2,y:e.top+e.height/2}}function xe(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 Se(e){return{open:!0,source:e.source,anchor:e.anchor}}function Ce(e){return!e.open&&e.anchor===null?e:{open:!1,source:null,anchor:null}}var we;function Te(){return(Te=e((()=>{we={open:!1,source:null,anchor:null}})))()}var W,Ee,G;function K(){return(K=e((()=>{W=t(n(),1),f(),Te(),A(),Ee=r(),G=({children:e,mode:t,placement:n=t===`click`?`bottom-start`:`right-start`,open:r,defaultOpen:i,onOpenChange:a})=>{let[o,f]=(0,W.useState)(we),[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:[d(6),c({padding:8}),u({padding:8})],whileElementsMounted:l}),x=(0,W.useCallback)(e=>{h||m(e),a?.(e),e||f(e=>Ce(e))},[h,a]),S=(0,W.useCallback)(()=>{x(!1)},[x]);(0,W.useEffect)(()=>{g||f(e=>Ce(e))},[g]);let C=(0,W.useCallback)((e,t)=>{v.setReference(e),f(Se({source:t,anchor:{type:`element`,element:e}})),x(!0)},[v,x]),w=(0,W.useCallback)((e,t,n)=>{v.setReference(xe(e,n)),f(Se({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=ye(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=be(n.getBoundingClientRect());w(r,`keyboard`,n)},[t,C,w]),A=g&&o.anchor!==null,j=(0,W.useMemo)(()=>o.anchor?o.anchor.type===`point`?o.anchor.point:be(o.anchor.element.getBoundingClientRect()):null,[o.anchor]),M=(0,W.useMemo)(()=>({mode:t,open:A,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,A,o.source,j,y,v.floating,v.setFloating,T,E,D,O,S]);return(0,Ee.jsx)(k.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:``}}}})))()}var De,q;function J(){return(J=e((()=>{n(),o(),y(),De=r(),q=({className:e})=>(0,De.jsx)(`div`,{role:`separator`,className:a(v.uiPopupOptionSeparator,e)}),q.__docgenInfo={description:``,methods:[],displayName:`MenuSeparator`,props:{className:{required:!1,tsType:{name:`string`},description:``}}}})))()}function Oe(e,t,n){return n<t?t:Math.min(Math.max(e,t),n)}var Y,ke,X,Ae;function je(){return(je=e((()=>{Y=t(n(),1),g(),o(),S(),ke=i(),P(),A(),X=r(),Ae=({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:g,setFloating:_,closeMenu:v}=D(),y=typeof e==`function`?e({closeMenu:v}):e,S=(0,Y.useMemo)(()=>Y.Children.toArray(y),[y]),C=S.length,w=s*2+c,T=(0,Y.useMemo)(()=>{if(typeof window>`u`||!d)return null;let e=w/2+8;return{x:Oe(d.x,e,window.innerWidth-e),y:Oe(d.y,e,window.innerHeight-e)}},[d,w]),E=(0,Y.useCallback)(()=>{let e=f.current;return e?Array.from(e.querySelectorAll(`[data-menu-item="true"]:not([data-disabled="true"])`)):[]},[f]);p({active:u,initialFocus:e=>E()[0]??e,restoreFocus:o,restoreFocusTarget:()=>g.current,containerRef:f}),(0,Y.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 O=(0,Y.useCallback)(()=>{!u||i||n&&v()},[u,i,n,v]);m([f,g],O);let k=(0,Y.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,ke.createPortal)((0,X.jsx)(x,{children:u&&T&&(0,X.jsxs)(b.div,{ref:_,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(N.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,X.jsx)(`div`,{className:N.radialRing,"aria-hidden":`true`}),(0,X.jsx)(`button`,{type:`button`,role:`menuitem`,className:N.radialCenterButton,"aria-label":l,"data-menu-item":`true`,"data-radial-close":`true`,onClick:v,children:(0,X.jsx)(`span`,{className:N.radialCenterButtonText,children:l})}),(0,X.jsx)(`div`,{className:N.radialItems,children:S.map((e,t)=>{let n=C>0?-90+360/C*t:-90;return(0,X.jsx)(`div`,{className:N.radialItemSlot,style:{"--radial-item-angle":`${n}deg`},children:e},t)})})]})}),document.body)}})))()}var Me,Z,Q;function Ne(){return(Ne=e((()=>{Me=t(n(),1),o(),P(),A(),Z=r(),Q=({children:e,icon:t,className:n,disabled:r,closeOnSelect:i=!0,onSelect:o})=>{let{closeMenu:s}=D(),c=(0,Me.useCallback)(e=>{if(r){e.preventDefault(),e.stopPropagation();return}o?.(e),!e.defaultPrevented&&i&&s()},[r,o,i,s]);return(0,Z.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(N.radialItem,n),onClick:c,children:[t&&(0,Z.jsx)(`span`,{className:N.radialItemIcon,children:t}),(0,Z.jsx)(`span`,{className:N.radialItemText,children:e})]})},Q.__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:``}}}})))()}var Pe,$,Fe;function Ie(){return(Ie=e((()=>{n(),ee(),R(),B(),U(),K(),J(),je(),Ne(),Pe=r(),$=({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:i})=>(0,Pe.jsx)(G,{mode:`contextmenu`,placement:t,open:n,defaultOpen:r,onOpenChange:i,children:e}),Fe=Object.assign($,{Trigger:M,Content:L,RadialContent:Ae,Item:H,RadialItem:Q,Separator:q,GroupLabel: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:``}}}})))()}export{w as _,G as a,U as c,L as d,R as f,T as g,C as h,J as i,z as l,D as m,Ie as n,K as o,A as p,q as r,H as s,Fe as t,B as u,E as v};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-BHhbrImE.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,p as l,r as u,u as d}from"./blocks-D8l_hmHU.js";import{a as f,i as p,n as m,r as h,t as g}from"./ContextMenu.stories-CQcrX3sj.js";function _(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,y.jsx)(l,{children:`ContextMenu`}),`
|
|
3
3
|
`,(0,y.jsx)(o,{children:`Контекстные и dropdown-меню для локальных действий в списках, карточках и рабочих областях`}),`
|
|
4
4
|
`,(0,y.jsx)(t.p,{children:`ContextMenu уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./settings-2-qpVYfZn_.js";import{n as a,t as o}from"./trash-2-lfhUDclN.js";import{i as s,n as c,r as l}from"./iframe-BHhbrImE.js";import{n as u,t as d}from"./ContextMenu-BjWu5DHB.js";import{n as f,t as p}from"./DropdownMenu-BW35W6_U.js";var m,h;function g(){return(g=e((()=>{s(),m=[[`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`,key:`17jyea`}],[`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`,key:`zix9uf`}]],h=l(`copy`,m)})))()}var _,v;function y(){return(y=e((()=>{s(),_=[[`path`,{d:`M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0`,key:`1nclc0`}],[`circle`,{cx:`12`,cy:`12`,r:`3`,key:`1v7zrd`}]],v=l(`eye`,_)})))()}var b,x;function S(){return(S=e((()=>{s(),b=[[`path`,{d:`M13 21h8`,key:`1jsn5i`}],[`path`,{d:`m15 5 4 4`,key:`1mk7zo`}],[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}]],x=l(`pencil-line`,b)})))()}var C,w;function T(){return(T=e((()=>{s(),C=[[`path`,{d:`M12 17v5`,key:`bb1du9`}],[`path`,{d:`M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z`,key:`1nkz8b`}]],w=l(`pin`,C)})))()}var E=t({ContextMenuBasic:()=>j,ContextMenuRadial:()=>M,ControlledDropdown:()=>N,DropdownMenuBasic:()=>A,__namedExportsOrder:()=>P,default:()=>k}),D,O,k,A,j,M,N,P;function F(){return(F=e((()=>{D=n(),g(),y(),S(),T(),r(),a(),u(),f(),O=c(),k={title:`Shared/UI/ContextMenu`,parameters:{atomicCanvas:!0,layout:`centered`}},A={name:`DropdownMenu / Базовый`,render:()=>(0,O.jsxs)(p,{children:[(0,O.jsx)(p.Trigger,{children:(0,O.jsx)(`button`,{type:`button`,children:`Действия`})}),(0,O.jsxs)(p.Content,{children:[(0,O.jsx)(p.GroupLabel,{children:`Файл`}),(0,O.jsx)(p.Item,{icon:(0,O.jsx)(x,{size:14}),hotKey:`Ctrl+E`,children:`Редактировать`}),(0,O.jsx)(p.Item,{icon:(0,O.jsx)(h,{size:14}),hotKey:`Ctrl+C`,children:`Копировать`}),(0,O.jsx)(p.Separator,{}),(0,O.jsx)(p.Item,{icon:(0,O.jsx)(o,{size:14}),hotKey:`Del`,children:`Удалить`})]})]})},j={name:`ContextMenu / По правому клику`,render:()=>(0,O.jsxs)(d,{children:[(0,O.jsx)(d.Trigger,{children:(0,O.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,O.jsx)(`br`,{}),`или Shift+F10`]})}),(0,O.jsxs)(d.Content,{children:[(0,O.jsx)(d.Item,{icon:(0,O.jsx)(x,{size:14}),children:`Переименовать`}),(0,O.jsx)(d.Item,{icon:(0,O.jsx)(h,{size:14}),children:`Дублировать`}),(0,O.jsx)(d.Separator,{}),(0,O.jsx)(d.Item,{icon:(0,O.jsx)(o,{size:14}),children:`Переместить в корзину`})]})]})},M={name:`ContextMenu / Радиальное меню`,render:()=>(0,O.jsxs)(d,{children:[(0,O.jsx)(d.Trigger,{children:(0,O.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,O.jsx)(`br`,{}),`или Shift+F10`]})}),(0,O.jsxs)(d.RadialContent,{children:[(0,O.jsx)(d.RadialItem,{icon:(0,O.jsx)(x,{}),children:`Править`}),(0,O.jsx)(d.RadialItem,{icon:(0,O.jsx)(h,{}),children:`Копия`}),(0,O.jsx)(d.RadialItem,{icon:(0,O.jsx)(w,{}),children:`Закрепить`}),(0,O.jsx)(d.RadialItem,{icon:(0,O.jsx)(v,{}),children:`Просмотр`}),(0,O.jsx)(d.RadialItem,{icon:(0,O.jsx)(i,{}),children:`Опции`}),(0,O.jsx)(d.RadialItem,{icon:(0,O.jsx)(o,{}),children:`Удалить`})]})]})},N={name:`DropdownMenu / Контролируемый`,render:()=>{let[e,t]=(0,D.useState)(!1);return(0,O.jsxs)(p,{open:e,onOpenChange:t,children:[(0,O.jsx)(p.Trigger,{children:(0,O.jsx)(`button`,{type:`button`,children:e?`Скрыть меню`:`Показать меню`})}),(0,O.jsx)(p.Content,{children:(0,O.jsx)(p.Item,{onSelect:()=>t(!1),children:`Закрыть`})})]})}},A.parameters={...A.parameters,docs:{...A.parameters?.docs,source:{originalSource:`{
|
|
2
|
+
name: "DropdownMenu / Базовый",
|
|
3
|
+
render: () => <DropdownMenu>
|
|
4
|
+
<DropdownMenu.Trigger>
|
|
5
|
+
<button type="button">Действия</button>
|
|
6
|
+
</DropdownMenu.Trigger>
|
|
7
|
+
<DropdownMenu.Content>
|
|
8
|
+
<DropdownMenu.GroupLabel>Файл</DropdownMenu.GroupLabel>
|
|
9
|
+
<DropdownMenu.Item icon={<PencilLine size={14} />} hotKey="Ctrl+E">
|
|
10
|
+
Редактировать
|
|
11
|
+
</DropdownMenu.Item>
|
|
12
|
+
<DropdownMenu.Item icon={<Copy size={14} />} hotKey="Ctrl+C">
|
|
13
|
+
Копировать
|
|
14
|
+
</DropdownMenu.Item>
|
|
15
|
+
<DropdownMenu.Separator />
|
|
16
|
+
<DropdownMenu.Item icon={<Trash2 size={14} />} hotKey="Del">
|
|
17
|
+
Удалить
|
|
18
|
+
</DropdownMenu.Item>
|
|
19
|
+
</DropdownMenu.Content>
|
|
20
|
+
</DropdownMenu>
|
|
21
|
+
}`,...A.parameters?.docs?.source}}},j.parameters={...j.parameters,docs:{...j.parameters?.docs,source:{originalSource:`{
|
|
22
|
+
name: "ContextMenu / По правому клику",
|
|
23
|
+
render: () => <ContextMenu>
|
|
24
|
+
<ContextMenu.Trigger>
|
|
25
|
+
<div style={{
|
|
26
|
+
width: 300,
|
|
27
|
+
height: 180,
|
|
28
|
+
display: "grid",
|
|
29
|
+
placeItems: "center",
|
|
30
|
+
border: "1px dashed var(--border-1)",
|
|
31
|
+
borderRadius: "var(--radius-sm)",
|
|
32
|
+
background: "var(--surface-1)",
|
|
33
|
+
padding: 16,
|
|
34
|
+
textAlign: "center"
|
|
35
|
+
}}>
|
|
36
|
+
Нажмите правой кнопкой мыши
|
|
37
|
+
<br />
|
|
38
|
+
или Shift+F10
|
|
39
|
+
</div>
|
|
40
|
+
</ContextMenu.Trigger>
|
|
41
|
+
<ContextMenu.Content>
|
|
42
|
+
<ContextMenu.Item icon={<PencilLine size={14} />}>Переименовать</ContextMenu.Item>
|
|
43
|
+
<ContextMenu.Item icon={<Copy size={14} />}>Дублировать</ContextMenu.Item>
|
|
44
|
+
<ContextMenu.Separator />
|
|
45
|
+
<ContextMenu.Item icon={<Trash2 size={14} />}>Переместить в корзину</ContextMenu.Item>
|
|
46
|
+
</ContextMenu.Content>
|
|
47
|
+
</ContextMenu>
|
|
48
|
+
}`,...j.parameters?.docs?.source}}},M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`{
|
|
49
|
+
name: "ContextMenu / Радиальное меню",
|
|
50
|
+
render: () => <ContextMenu>
|
|
51
|
+
<ContextMenu.Trigger>
|
|
52
|
+
<div style={{
|
|
53
|
+
width: 360,
|
|
54
|
+
height: 220,
|
|
55
|
+
display: "grid",
|
|
56
|
+
placeItems: "center",
|
|
57
|
+
border: "1px dashed var(--border-1)",
|
|
58
|
+
borderRadius: "var(--radius-sm)",
|
|
59
|
+
background: "var(--surface-1)",
|
|
60
|
+
padding: 16,
|
|
61
|
+
textAlign: "center"
|
|
62
|
+
}}>
|
|
63
|
+
Нажмите правой кнопкой мыши
|
|
64
|
+
<br />
|
|
65
|
+
или Shift+F10
|
|
66
|
+
</div>
|
|
67
|
+
</ContextMenu.Trigger>
|
|
68
|
+
<ContextMenu.RadialContent>
|
|
69
|
+
<ContextMenu.RadialItem icon={<PencilLine />}>Править</ContextMenu.RadialItem>
|
|
70
|
+
<ContextMenu.RadialItem icon={<Copy />}>Копия</ContextMenu.RadialItem>
|
|
71
|
+
<ContextMenu.RadialItem icon={<Pin />}>Закрепить</ContextMenu.RadialItem>
|
|
72
|
+
<ContextMenu.RadialItem icon={<Eye />}>Просмотр</ContextMenu.RadialItem>
|
|
73
|
+
<ContextMenu.RadialItem icon={<Settings2 />}>Опции</ContextMenu.RadialItem>
|
|
74
|
+
<ContextMenu.RadialItem icon={<Trash2 />}>Удалить</ContextMenu.RadialItem>
|
|
75
|
+
</ContextMenu.RadialContent>
|
|
76
|
+
</ContextMenu>
|
|
77
|
+
}`,...M.parameters?.docs?.source}}},N.parameters={...N.parameters,docs:{...N.parameters?.docs,source:{originalSource:`{
|
|
78
|
+
name: "DropdownMenu / Контролируемый",
|
|
79
|
+
render: () => {
|
|
80
|
+
const [open, setOpen] = useState(false);
|
|
81
|
+
return <DropdownMenu open={open} onOpenChange={setOpen}>
|
|
82
|
+
<DropdownMenu.Trigger>
|
|
83
|
+
<button type="button">{open ? "Скрыть меню" : "Показать меню"}</button>
|
|
84
|
+
</DropdownMenu.Trigger>
|
|
85
|
+
<DropdownMenu.Content>
|
|
86
|
+
<DropdownMenu.Item onSelect={() => setOpen(false)}>Закрыть</DropdownMenu.Item>
|
|
87
|
+
</DropdownMenu.Content>
|
|
88
|
+
</DropdownMenu>;
|
|
89
|
+
}
|
|
90
|
+
}`,...N.parameters?.docs?.source}}},P=[`DropdownMenuBasic`,`ContextMenuBasic`,`ContextMenuRadial`,`ControlledDropdown`]})))()}export{F as a,A as i,E as n,N as r,j as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.-tM-kj{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:var(--border)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{a as n,c as r,l as i,n as a,o,r as s,s as c,t as l}from"./CalendarView-MkrPd5D-.js";import{n as u}from"./iframe-BHhbrImE.js";import{S as d,b as f,d as p,f as m,m as h,p as g,v as ee,x as _}from"./odata-service-B5w4YBao-BcP2cvfZ.js";import{b as v,n as y,y as b}from"./formatters-CVj-3Vn0-C5-BLq9O.js";import{n as x,t as S}from"./Popover-CUJF-IMC.js";import{n as C,t as w}from"./ui.module-kfCm3RIG.js";import{a as te,c as T}from"./Input-DZQKV4DP.js";import{n as E,t as ne}from"./RadioGroup-DERcyzA0.js";function D(e){return e.selectionMode===`day`||e.selectionMode===`week`?`day`:e.selectionMode===`month`||e.selectionMode===`year`?e.selectionMode:e.datePickerLevel??`day`}function O(e){return{selectionMode:e?.selectionMode,weekEndDay:e?.weekEndDay}}function k(e,t){return typeof e==`string`||e===void 0?{datePreset:e,datePickerLevel:t}:t&&e.datePickerLevel===void 0?{...e,datePickerLevel:t}:e}function A(e){let t=m(e,U);return g(t)?t:U}function j(e){return e.datePreset===void 0?e.dateFormat:A(e.datePreset)}function M(e){return e.datePreset===void 0?d(e.dateFormat,G):A(e.datePreset)}function N(e,t){return _(e,j(t),{defaultFormat:U,precision:D(t),referenceDate:t.referenceDate})?.date??null}function P(e,t){return y(e,O(t))?.start??null}function F(e,t){if(!v(e))return null;let[n,r]=e;return[P(n,t),I(r,t)]}function I(e,t){return y(e,O(t))?.end??null}function L(e){return e?.getTime()??null}function re(e,t,n){return L(P(e,n))===L(P(t,n))}function ie(e,t,n){let r=F(e,n),i=F(t,n);return L(r?.[0]??null)===L(i?.[0]??null)&&L(r?.[1]??null)===L(i?.[1]??null)}function R(e,t,n){if(!e)return``;let r=k(t,n),i=y(e,O(r));return r.selectionMode===`week`&&i?h(i.start,i.end,M(r),{precision:D(r)}):p(e,M(r),{precision:D(r)})}function ae(e,t,n){if(!v(e))return``;let r=k(t,n),[i,a]=e;return i&&a?h(i,a,M(r),{precision:D(r)}):i?`${p(i,M(r),{precision:D(r)})}${W}`:``}function z(e,t,n){return v(e)?ae(e,t,n):R(e,t,n)}function B(e,t,n){let r=k(t,n);return P(N(r.selectionMode===`week`?e.split(W)[0]??``:e,r),r)}function V(e,t,n){let r=k(t,n),[i=``,a=``]=e.split(W);return[B(i,r),H(a,r)]}function H(e,t,n){let r=k(t,n);return I(N(e,r),r)}var U,W,G;function K(){return(K=e((()=>{f(),b(),U=ee.date,W=` - `,G=Object.freeze({defaultFormat:U,patternPresetName:`__date_input__`})})))()}function oe(e){return v(e)?e[0]??e[1]??void 0:e??void 0}var q,J;function Y(){return(Y=e((()=>{q=t(),b(),K(),J=e=>{let t=(0,q.useMemo)(()=>{let t={selectionMode:e.selectionMode,weekEndDay:e.weekEndDay};return e.selectsRange?F(e.value,t):P(e.value,t)},[e.selectsRange,e.selectionMode,e.value,e.weekEndDay]),[n,r]=(0,q.useState)(t),i=(0,q.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,q.useState)(()=>z(t,i)),s=(0,q.useMemo)(()=>{if(e.selectsRange){let t=F(e.value,i);return`${t?.[0]?.getTime()??`null`}:${t?.[1]?.getTime()??`null`}`}let t=P(e.value,i);return String(t?.getTime()??`null`)},[i,e.selectsRange,e.value]),c=e=>z(e,i),l=(0,q.useEffectEvent)(t=>{if(e.selectsRange){let e=F(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=P(t,i),a=c(n);r(e=>(e?.getTime()??null)===(n?.getTime()??null)?e:n),o(e=>e===a?e:a)});return(0,q.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=P(n,i),s=I(a,i);if(t&&s){if(s<t){let t=[P(a,i),I(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=P(n,i);return r(s),o(c(s)),e.onChange(s),!0},formatDate:c,parseDate:t=>{let r={...i,referenceDate:oe(n)};return e.selectsRange?V(t,r):B(t,r)}}}})))()}var X,se;function ce(){return(ce=e((()=>{X=`-tM-kj`,se={selectionModeControl:X}})))()}function le(e,t){let n=new Set(e?.length?e:s);return n.add(t),s.filter(e=>n.has(e))}function ue({placeholder:e,disabled:t,error:n,onClearError:i,minDate:a,maxDate:s,datePickerLevel:u,selectionMode:d,weekEndDay:f=`sunday`,allowSelectionModeChange:p,selectionModeOptions:m,onSelectionModeChange:h,...g}){let[ee,_]=(0,Q.useState)(!1),[y,b]=(0,Q.useState)(d??`day`),x=d??y,w=u??`day`,T=c(x,w),[E,D]=(0,Q.useState)(()=>({view:T,selectionMode:x,minDatePickerLevel:w})),O=E.selectionMode===x&&E.minDatePickerLevel===w&&o(E.view,w)?E.view:T,k=(0,Q.useRef)(g.value),A={selectionMode:x,weekEndDay:f},{inputValue:j,setInputValue:M,selectedDate:N,setSelectedDate:P,handleSelect:F,formatDate:I,parseDate:L}=J({...g,datePickerLevel:w,selectionMode:x,weekEndDay:f}),R=g.selectsRange?g.onChange:void 0,ae=(0,Q.useCallback)(e=>{o(e,w)&&D({view:e,selectionMode:x,minDatePickerLevel:w})},[w,x]);(0,Q.useEffect)(()=>{k.current=g.value},[g.value]);let z=()=>{if(j){let e=L(j);if(e){if(M(I(e)),g.selectsRange&&v(e)){if(ie(e,v(N)?N:null,A))return;P(e),g.onChange(e)}else if(!g.selectsRange&&e instanceof Date){if(re(e,N instanceof Date?N:null,A))return;P(e),g.onChange(e)}}}},B=e=>{e.key===`Enter`&&(e.preventDefault(),z())},V=(0,Q.useCallback)(e=>{F(e)&&_(!1)},[F]),H=(0,Q.useCallback)(e=>{d===void 0&&b(e),h?.(e),D({view:c(e,w),selectionMode:e,minDatePickerLevel:w})},[d,w,h]),U=(0,Q.useCallback)(()=>{if(R){let[,e]=v(N)?N:[null,null];if(!e){let e=k.current,t=Array.isArray(e)?e:null,n=t?.[0]??null,r=t?.[1]??null;if(n&&r){let e=[n,r];P(e),M(I(e)),R(e)}else P([null,null]),M(``),R([null,null])}}},[R,N,P,M,I]),W=le(m,x),G=p&&W.length>1;return(0,$.jsxs)(S,{open:ee,onOpenChange:e=>{_(e),e||U()},children:[(0,$.jsx)(te,{label:g.label,description:g.description,size:g.size,value:j,onChange:M,onBlur:z,onKeyUp:B,placeholder:e,disabled:t,error:n,onClearError:i,endAdornmentWidth:`var(--control-height)`,endAdornment:(0,$.jsx)(S.Trigger,{children:(0,$.jsx)(`div`,{className:C.uiToggleButtonContainer,children:(0,$.jsx)(`button`,{type:`button`,disabled:t,"aria-label":`Открыть календарь`,className:C.uiToggleButton,children:(0,$.jsx)(r,{})})})})}),(0,$.jsxs)(S.Content,{background:`primary`,children:[(0,$.jsx)(l,{view:O,datePickerLevel:w,selectionMode:x,weekEndDay:f,onViewChange:ae,value:N??null,onChange:V,minDate:a,maxDate:s,selectsRange:!!g.selectsRange}),G&&(0,$.jsx)(`div`,{className:se.selectionModeControl,children:(0,$.jsx)(ne,{value:x,onChange:H,noWrap:!0,"aria-label":`Режим выбора даты`,children:W.map(e=>(0,$.jsx)(ne.Option,{value:e,label:fe[e]},e))})})]})]})}function Z(e){return(0,$.jsx)(ue,{...e})}function de(e){return(0,$.jsx)(ue,{...e,selectsRange:!0})}var Q,$,fe;function pe(){return(pe=e((()=>{Q=t(),b(),i(),T(),x(),E(),w(),K(),n(),Y(),a(),ce(),$=u(),fe={day:`День`,week:`Неделя`,month:`Месяц`,year:`Год`},Z.__docgenInfo={description:``,methods:[],displayName:`SingleDateInput`},de.__docgenInfo={description:``,methods:[],displayName:`RangeDateInput`}})))()}export{Z as n,pe as r,de as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-BHhbrImE.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-D8l_hmHU.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./DateInput.stories-DyB3PjTl.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:v,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,x.jsx)(u,{children:`DateInput`}),`
|
|
3
3
|
`,(0,x.jsx)(o,{children:`Календарный ввод одной даты или диапазона с ограничениями и различными размерами`}),`
|
|
4
4
|
`,(0,x.jsx)(t.p,{children:`DateInput уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
package/storybook-static/assets/{DateInput.stories-BNpS4CND.js → DateInput.stories-DyB3PjTl.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{a as n,i as r,r as i}from"./CalendarView-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{a as n,i as r,r as i}from"./CalendarView-MkrPd5D-.js";import{n as a}from"./iframe-BHhbrImE.js";import{n as o,r as s,t as c}from"./DateInput-BUgBb3aH.js";var l=t({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;function S(){return(S=e((()=>{n(),s(),d=a(),{useArgs:f}=__STORYBOOK_MODULE_PREVIEW_API__,p={title:`Shared/UI/DateInput`,component:o,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:i},weekEndDay:{description:`Последний включённый день недели для режима week.`,control:`select`,options:r},allowSelectionModeChange:{description:`Показывает переключатель режима выбора под календарём.`,control:`boolean`},selectionModeOptions:{description:`Ограничивает режимы в runtime-переключателе.`,control:`check`,options:i},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)(o,{...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)(o,{...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)(o,{...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,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-BHhbrImE.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-D8l_hmHU.js";import{n as p,r as m,t as h}from"./DateRangePresetSelect.stories-kmmKl-3j.js";function g(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,v.jsx)(u,{children:`DateRangePresetSelect`}),`
|
|
3
3
|
`,(0,v.jsx)(o,{children:`Выбор готовых диапазонов дат для фильтров, отчетов и быстрых аналитических сценариев`}),`
|
|
4
4
|
`,(0,v.jsx)(t.p,{children:`DateRangePresetSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-BHhbrImE.js";import{_ as r,f as i,p as a,s as o,t as s,y as c}from"./formatters-CVj-3Vn0-C5-BLq9O.js";import{a as l,n as u,o as d,r as f,t as p}from"./PresetSelect-DlV2eC-b.js";function m(e){return typeof e==`string`&&S.has(e)}function h(e,t=[]){return f(e,m,t)}function g(e,t=b){return d(e,t)}function _(e,t=C){return l(e,t)}function v(e,t=new Date,n=C){let r=_(e,n);return r?{id:r.id,label:r.label,range:r.resolveRange({referenceDate:t})}:null}function y(e,t=new Date,n=C){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 b,x,S,C;function w(){return(w=e((()=>{c(),b=Object.freeze([{id:`monthStartToYesterday`,label:`С начала месяца по вчера`,resolveRange:i},{id:`monthStartToToday`,label:`С начала месяца по сегодня`,resolveRange:a},{id:`today`,label:`За сегодня`,resolveRange:o},{id:`yesterday`,label:`За вчера`,resolveRange:s},{id:`monthAgo`,label:`Месяц назад`,resolveRange:r}]),x=Object.freeze([`monthStartToYesterday`,`monthStartToToday`,`today`,`yesterday`]),S=new Set(b.map(e=>e.id)),C=Object.freeze(g(x))})))()}function T(e){if(!e)return`__empty__`;let[t,n]=e.range;return[e.id,t?.getTime()??`null`,n?.getTime()??`null`].join(`|`)}function E({value:e,onChange:t,options:n=C,referenceDate:r,onRangeChange:i,...a}){let[o]=(0,D.useState)(()=>new Date),s=r?.getTime()??o.getTime(),c=!!i,l=(0,D.useRef)(``),u=(0,D.useEffectEvent)(e=>{if(!i)return;let t=v(e,new Date(s),n),r=T(t);r!==l.current&&(l.current=r,i(t))});return(0,D.useEffect)(()=>{u(e)},[c,n,s,e]),(0,O.jsx)(p,{...a,options:n,value:e,onChange:t})}var D,O;function k(){return(k=e((()=>{D=t(),u(),w(),O=n(),E.__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{h as a,v as c,w as i,k as n,y as o,x as r,g as s,E as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-BHhbrImE.js";import{r as i,t as a}from"./DateInput-BUgBb3aH.js";import{n as o,t as s}from"./GridContainer-qDguE1HS.js";import{n as c,t as l}from"./DateRangePresetSelect-CBZ0OAmn.js";var u=t({Default:()=>m,__namedExportsOrder:()=>h,default:()=>p}),d,f,p,m,h;function g(){return(g=e((()=>{d=n(),i(),o(),c(),f=r(),p={title:`Shared/UI/DateRangePresetSelect`,component:l,args:{value:`monthStartToToday`,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`}},m={render:()=>{let[e,t]=(0,d.useState)(`monthStartToToday`),[n,r]=(0,d.useState)([new Date(2026,2,1,0,0,0),new Date(2026,2,10,23,59,59)]);return(0,f.jsxs)(s,{gap:`md`,children:[(0,f.jsx)(l,{label:`Пресет диапазона`,placeholder:`Выберите пресет`,value:e,onChange:t,onRangeChange:e=>r(e?.range??null),referenceDate:new Date(2026,2,10,12,0,0)}),(0,f.jsx)(a,{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:e=>r(e)})]})}},m.parameters={...m.parameters,docs:{...m.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{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-BHhbrImE.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-D8l_hmHU.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Detail.stories-Bs5YNmLn.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:_,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,x.jsx)(u,{children:`Detail`}),`
|
|
3
3
|
`,(0,x.jsx)(o,{children:`Компонент для вывода пар «заголовок-значение» в карточках, сводках и просмотре сущностей`}),`
|
|
4
4
|
`,(0,x.jsx)(t.p,{children:`Detail уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-BHhbrImE.js";import{a as i,i as a}from"./utils-DUM89eIj.js";var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b;function x(){return(x=e((()=>{o=`DyKaN-`,s=`_2Cf0DN`,c=`igyZiV`,l=`lFsl-5`,u=`zQlD1x`,d=`a6oRih`,f=`MYdzIV`,p=`Pxw-eb`,m=`Kz2K6S`,h=`Pbwja7`,g=`_1DseTb`,_=`h3oORx`,v=`gB9Kr4`,y=`V-PlLc`,b={detailList:o,none:s,small:c,normal:l,large:u,detail:d,dt:f,dd:p,textCenter:m,inline:h,start:g,center:_,end:v,noWrap:y}})))()}function S({label:e,value:t,withColon:n,required:r}){let{semantic:a,inline:o,noWrap:s,center:c,vertical:l=`center`,withColon:u=!0}=(0,C.useContext)(T),d=i(b.detail,c&&b.textCenter,o&&b.inline,s&&b.noWrap,b[l]),f=(0,w.jsxs)(w.Fragment,{children:[e,r&&(0,w.jsx)(`span`,{className:`statusError`,children:`*`}),(typeof n==`boolean`?n:u)&&`:`]});switch(a){case`detail`:return(0,w.jsxs)(`div`,{className:d,children:[(0,w.jsx)(`dt`,{className:b.dt,children:f}),(0,w.jsx)(`dd`,{className:b.dd,children:t})]});case`list`:return(0,w.jsxs)(`li`,{className:d,children:[(0,w.jsx)(`div`,{className:b.dt,children:f}),(0,w.jsx)(`div`,{className:b.dd,children:t})]});default:return(0,w.jsxs)(`div`,{className:d,children:[(0,w.jsx)(`div`,{className:b.dt,children:f}),(0,w.jsx)(`div`,{className:b.dd,children:t})]})}}var C,w,T,E;function D(){return(D=e((()=>{C=n(),a(),x(),w=r(),T=(0,C.createContext)({}),E=({children:e,columnCount:t=1,rowGap:n=`none`,semantic:r=`list`,className:a,...o})=>{let s=i(b.detailList,b[n],a),c={columnCount:Math.min(5,Math.max(1,t))},l=r===`detail`?(0,w.jsx)(`dl`,{className:s,style:c,children:e}):(0,w.jsx)(`ul`,{className:s,style:c,children:e});return(0,w.jsx)(T.Provider,{value:{...o,semantic:r},children:l})},E.Item=S,E.__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}}}})))()}var O=t({BasicList:()=>j,CustomLabel:()=>P,MultipleColumns:()=>M,SemanticDl:()=>N,__namedExportsOrder:()=>F,default:()=>A}),k,A,j,M,N,P,F;function I(){return(I=e((()=>{D(),k=r(),A={title:`Shared/UI/Detail`,component:E,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`}}},j={render:e=>(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{required:!0,label:`Статус`,value:`Активен`}),(0,k.jsx)(E.Item,{label:`Приоритет`,value:`Высокий`}),(0,k.jsx)(E.Item,{label:`Автор`,value:`Иван Петров`})]}),args:{children:void 0}},M={render:e=>(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:`ID`,value:`DOC-12345`}),(0,k.jsx)(E.Item,{label:`Дата`,value:`05.03.2026`}),(0,k.jsx)(E.Item,{label:`Версия`,value:`2.7`}),(0,k.jsx)(E.Item,{label:`Подразделение`,value:`Снабжение`}),(0,k.jsx)(E.Item,{label:`Регион`,value:`Урал`}),(0,k.jsx)(E.Item,{label:`Комментарий`,value:`Требуется согласование с бухгалтерией`})]}),args:{columnCount:2,rowGap:`small`,children:void 0}},N={render:e=>(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:`Клиент`,value:`ООО Вектор`}),(0,k.jsx)(E.Item,{label:`Менеджер`,value:`Анна Смирнова`}),(0,k.jsx)(E.Item,{label:`Сумма`,value:`1 250 000 ₽`})]}),args:{semantic:`detail`,inline:!0,columnCount:1,children:void 0}},P={render:e=>(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:(0,k.jsx)(`span`,{children:`Номер договора`}),value:`KTK-2026-045`}),(0,k.jsx)(E.Item,{label:(0,k.jsx)(`span`,{title:`Без двоеточия для составной метки`,children:`Статус`}),value:`На согласовании`,withColon:!1})]}),args:{children:void 0}},j.parameters={...j.parameters,docs:{...j.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: args => <Detail {...args}>
|
|
3
3
|
<Detail.Item required label="Статус" value="Активен" />
|
|
4
4
|
<Detail.Item label="Приоритет" value="Высокий" />
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-BHhbrImE.js";import{t as i}from"./react-dom-2o2phaJG.js";import{a,n as o,r as s,t as c}from"./dom-B3G_GtJw.js";function l({title:e,description:t,open:n,onClose:r,minWidth:i,children:s}){let l=(0,u.useId)(),p=(0,u.useId)(),m=a({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`auto`});if(o({active:n,onDismiss:r,containerRef:m}),!n||typeof document>`u`)return null;let h=c(`dialog-root`);return h?(0,d.createPortal)((0,f.jsx)(`div`,{className:`fixed inset0 flexCenter surfaceBackdrop`,style:{zIndex:`var(--z-dialog)`},onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,f.jsxs)(`div`,{ref:m,role:`dialog`,"aria-modal":`true`,"aria-labelledby":e?l:void 0,"aria-describedby":t?p:void 0,tabIndex:-1,className:`surface0 shadowMd paddingLg radiusSm`,style:{minWidth:i},children:[e&&(0,f.jsx)(`h2`,{id:l,className:`margin0`,children:e}),t&&(0,f.jsx)(`p`,{id:p,children:t}),s]})}),h):null}var u,d,f;function p(){return(p=e((()=>{u=t(n(),1),s(),d=i(),f=r()})))()}export{p as n,l as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-BHhbrImE.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-D8l_hmHU.js";import{i as p,n as m,r as h,t as g}from"./Dialog.stories-_WQW8YNs.js";function _(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,y.jsx)(u,{children:`Dialog`}),`
|
|
3
3
|
`,(0,y.jsx)(o,{children:`Легковесное диалоговое окно для коротких подтверждений и критичных действий`}),`
|
|
4
4
|
`,(0,y.jsx)(t.p,{children:`Dialog уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-BHhbrImE.js";import{n as i,t as a}from"./Button-Bzc9jBAF.js";import{n as o,t as s}from"./Dialog-DBTU-LRR.js";var c=t({Controlled:()=>f,Opened:()=>p,__namedExportsOrder:()=>m,default:()=>d}),l,u,d,f,p,m;function h(){return(h=e((()=>{l=n(),i(),o(),u=r(),d={title:`Shared/UI/Dialog`,component:s,args:{title:`Подтверждение операции`,description:`Проверьте параметры перед выполнением действия.`,open:!1,onClose:()=>{},minWidth:360,children:(0,u.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}}},f={render:e=>{let[t,n]=(0,l.useState)(!1);return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(a,{onClick:()=>n(!0),children:`Открыть диалог`}),(0,u.jsx)(s,{...e,open:t,onClose:()=>n(!1),children:(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`p`,{children:`Подтвердите выполнение действия.`}),(0,u.jsxs)(`div`,{style:{display:`flex`,gap:8,justifyContent:`flex-end`},children:[(0,u.jsx)(a,{variant:`transparent`,onClick:()=>n(!1),children:`Отмена`}),(0,u.jsx)(a,{variant:`success`,onClick:()=>n(!1),children:`Подтвердить`})]})]})})]})}},p={render:e=>{let[t,n]=(0,l.useState)(!0);return(0,u.jsx)(s,{...e,open:t,onClose:()=>n(!1),children:(0,u.jsx)(`div`,{children:`Диалог изначально открыт для демонстрации верстки.`})})},args:{open:!0}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
|
|
2
|
+
render: args => {
|
|
3
|
+
const [open, setOpen] = useState(false);
|
|
4
|
+
return <>
|
|
5
|
+
<Button onClick={() => setOpen(true)}>Открыть диалог</Button>
|
|
6
|
+
<Dialog {...args} open={open} onClose={() => setOpen(false)} children={<div>
|
|
7
|
+
<p>Подтвердите выполнение действия.</p>
|
|
8
|
+
<div style={{
|
|
9
|
+
display: "flex",
|
|
10
|
+
gap: 8,
|
|
11
|
+
justifyContent: "flex-end"
|
|
12
|
+
}}>
|
|
13
|
+
<Button variant="transparent" onClick={() => setOpen(false)}>
|
|
14
|
+
Отмена
|
|
15
|
+
</Button>
|
|
16
|
+
<Button variant="success" onClick={() => setOpen(false)}>
|
|
17
|
+
Подтвердить
|
|
18
|
+
</Button>
|
|
19
|
+
</div>
|
|
20
|
+
</div>} />
|
|
21
|
+
</>;
|
|
22
|
+
}
|
|
23
|
+
}`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
|
|
24
|
+
render: args => {
|
|
25
|
+
const [open, setOpen] = useState(true);
|
|
26
|
+
return <Dialog {...args} open={open} onClose={() => setOpen(false)} children={<div>Диалог изначально открыт для демонстрации верстки.</div>} />;
|
|
27
|
+
},
|
|
28
|
+
args: {
|
|
29
|
+
open: true
|
|
30
|
+
}
|
|
31
|
+
}`,...p.parameters?.docs?.source}}},m=[`Controlled`,`Opened`]})))()}export{h as i,c as n,p as r,f as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-BHhbrImE.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-D8l_hmHU.js";import{a as p,i as m,n as h,r as g,t as _}from"./Disclosure.stories-wyulIOoJ.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,b.jsx)(u,{children:`Disclosure`}),`
|
|
3
3
|
`,(0,b.jsx)(o,{children:`Практическая документация по компоненту Disclosure и его сценариям использования`}),`
|
|
4
4
|
`,(0,b.jsx)(t.p,{children:`Disclosure уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{i as n,n as r,r as i,t as a}from"./DisclosureGroup-BUDxwl5C.js";import{n as o}from"./iframe-BHhbrImE.js";import{n as s,t as c}from"./Button-Bzc9jBAF.js";var l=t({Basic:()=>f,Group:()=>m,HeaderActions:()=>p,__namedExportsOrder:()=>h,default:()=>d}),u,d,f,p,m,h;function g(){return(g=e((()=>{s(),n(),r(),u=o(),d={title:`Shared/UI/Disclosure`,component:i,args:{label:`Раздел`,defaultOpen:!1,children:(0,u.jsx)(`p`,{children:`Содержимое панели раскрытия.`})},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок кнопки раскрытия.`,control:`text`},defaultOpen:{description:`Начальное состояние (открыт/закрыт).`,control:`boolean`},headerActions:{description:`Независимые действия в правой части заголовка.`,control:!1},children:{description:`Контент, который показывается в раскрытой панели.`,control:!1}}},f={},p={args:{headerActions:(0,u.jsx)(c,{variant:`transparent`,onClick:()=>void 0,children:`Очистить`})}},m={render:()=>(0,u.jsxs)(a,{children:[(0,u.jsx)(i,{label:`Параметры поиска`,defaultOpen:!0,children:(0,u.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,u.jsx)(`span`,{children:`Период: март 2026`}),(0,u.jsx)(`span`,{children:`Регион: Урал`})]})}),(0,u.jsx)(i,{label:`Сортировка`,children:(0,u.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,u.jsx)(`span`,{children:`Поле: Дата создания`}),(0,u.jsx)(`span`,{children:`Порядок: По убыванию`})]})}),(0,u.jsx)(i,{label:`Дополнительные фильтры`,children:(0,u.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,u.jsx)(`span`,{children:`Только активные`}),(0,u.jsx)(`span`,{children:`Без архивных записей`})]})})]}),args:{label:`Раздел`}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{}`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
|
|
2
|
+
args: {
|
|
3
|
+
headerActions: <Button variant="transparent" onClick={() => undefined}>
|
|
4
|
+
Очистить
|
|
5
|
+
</Button>
|
|
6
|
+
}
|
|
7
|
+
}`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
|
|
8
|
+
render: () => <DisclosureGroup>
|
|
9
|
+
<Disclosure label="Параметры поиска" defaultOpen>
|
|
10
|
+
<div style={{
|
|
11
|
+
display: "grid",
|
|
12
|
+
gap: 8
|
|
13
|
+
}}>
|
|
14
|
+
<span>Период: март 2026</span>
|
|
15
|
+
<span>Регион: Урал</span>
|
|
16
|
+
</div>
|
|
17
|
+
</Disclosure>
|
|
18
|
+
<Disclosure label="Сортировка">
|
|
19
|
+
<div style={{
|
|
20
|
+
display: "grid",
|
|
21
|
+
gap: 8
|
|
22
|
+
}}>
|
|
23
|
+
<span>Поле: Дата создания</span>
|
|
24
|
+
<span>Порядок: По убыванию</span>
|
|
25
|
+
</div>
|
|
26
|
+
</Disclosure>
|
|
27
|
+
<Disclosure label="Дополнительные фильтры">
|
|
28
|
+
<div style={{
|
|
29
|
+
display: "grid",
|
|
30
|
+
gap: 8
|
|
31
|
+
}}>
|
|
32
|
+
<span>Только активные</span>
|
|
33
|
+
<span>Без архивных записей</span>
|
|
34
|
+
</div>
|
|
35
|
+
</Disclosure>
|
|
36
|
+
</DisclosureGroup>,
|
|
37
|
+
args: {
|
|
38
|
+
label: "Раздел"
|
|
39
|
+
}
|
|
40
|
+
}`,...m.parameters?.docs?.source}}},h=[`Basic`,`HeaderActions`,`Group`]})))()}export{g as a,p as i,l as n,m as r,f as t};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./chevron-down-DE8FRR-h.js";import{i as a,n as o,r as s}from"./iframe-BHhbrImE.js";import{a as c,i as l}from"./utils-DUM89eIj.js";import{n as u,t as d}from"./ui.module-kfCm3RIG.js";import{n as f,t as p}from"./FlexItem-vkDYa5tA.js";var m,h;function g(){return(g=e((()=>{a(),m=[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]],h=s(`chevron-up`,m)})))()}var _,v,y;function b(){return(b=e((()=>{_=n(),f(),v=o(),y=(0,_.forwardRef)((e,t)=>(0,v.jsx)(p,{...e,ref:t,flex1:!0})),y.displayName=`FlexSpacer`,y.__docgenInfo={description:``,methods:[],displayName:`FlexSpacer`}})))()}var x,S,C,w,T,E,D;function O(){return(O=e((()=>{x=`O-da-N`,S=`P-rCx1`,C=`C4DHXn`,w=`_9yjaDf`,T=`izVkky`,E=`KAIPfW`,D={disclosure:x,disclosureHeader:S,open:C,disclosureButton:w,disclosureActions:T,disclosureGroup:E}})))()}function k({label:e,defaultOpen:t,headerActions:n,children:r}){let[a,o]=(0,A.useState)(t===!0),s=(0,A.useId)(),l=(0,A.useId)();return(0,j.jsxs)(`div`,{className:c(u.uiElement,D.disclosure),children:[(0,j.jsxs)(`div`,{className:c(D.disclosureHeader,a&&D.open),children:[(0,j.jsxs)(`button`,{id:l,type:`button`,"aria-expanded":a,"aria-controls":s,className:c(D.disclosureButton,`fontBold radiusSm paddingSm gapSm`),"data-ui":`disclosure-toggle`,"data-action":a?`collapse-disclosure`:`expand-disclosure`,onClick:()=>o(e=>!e),children:[a?(0,j.jsx)(h,{}):(0,j.jsx)(i,{}),e]}),n?(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(y,{}),n]}):null]}),a&&(0,j.jsx)(`div`,{id:s,role:`region`,"aria-labelledby":l,children:(0,j.jsx)(`div`,{className:`paddingMd`,children:r})})]})}var A,j;function M(){return(M=e((()=>{A=t(n(),1),l(),r(),g(),b(),d(),O(),j=o(),k.__docgenInfo={description:`Раскрывающийся блок с заголовком и скрываемым содержимым. Используется для FAQ, настроек и компактного размещения второстепенной информации.`,methods:[],displayName:`Disclosure`,props:{label:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},headerActions:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:`Независимые действия в правой части заголовка, расположенные вне кнопки раскрытия.`}},composes:[`PropsWithChildren`]}})))()}function N({className:e,children:t}){return(0,P.jsx)(`div`,{className:c(D.disclosureGroup,e),children:t})}var P;function F(){return(F=e((()=>{n(),l(),O(),P=o(),N.__docgenInfo={description:"Групповой контейнер для нескольких `Disclosure`. Помогает выстраивать последовательный список раскрывающихся секций.",methods:[],displayName:`DisclosureGroup`,props:{children:{required:!1,tsType:{name:`union`,raw:`| (React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)
|
|
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:``}}}})))()}export{M as i,F as n,k as r,N as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.O-da-N{--ui-panel-background:transparent;border:var(--border);border-radius:var(--radius-sm);overflow:hidden}.P-rCx1{background-color:var(--surface-1);align-items:center;display:flex}.P-rCx1.C4DHXn{background-color:var(--surface-0)}._9yjaDf{justify-content:flex-start;align-items:center;min-width:0;display:flex}._9yjaDf:hover{color:var(--content-accent)}.izVkky{align-items:center;padding-inline-end:var(--space-sm);display:flex}.KAIPfW>.O-da-N{border-radius:0}.KAIPfW>.O-da-N:not(:first-child){border-top:none}.KAIPfW>.O-da-N:first-child{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.KAIPfW>.O-da-N:last-child{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./react-qN2cStNd.js","./rolldown-runtime-C0FnF6B9.js","./react-C21x__mS.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./preload-helper-BHmFeTtP.js";import{t as i}from"./react-C21x__mS.js";import{i as a,m as o,o as s,s as c,t as l}from"./blocks-
|
|
2
|
+
import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./preload-helper-BHmFeTtP.js";import{t as i}from"./react-C21x__mS.js";import{i as a,m as o,o as s,s as c,t as l}from"./blocks-D8l_hmHU.js";import{i as u,r as d,t as f}from"./react-18-CgkwBzTo.js";var p,m,h,g;function _(){return(_=e((()=>{p=t(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(`./react-qN2cStNd.js`).then(e=>(e.t(),e.n));return{MDXProvider:e}},__vite__mapDeps([0,1,2]),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)}}}})))()}function v(){return(v=e((()=>{_()})))()}v();export{g as DocsRenderer};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{i as n,n as r,r as i}from"./iframe-BHhbrImE.js";import{a,i as o,n as s}from"./utils-DUM89eIj.js";import{a as c,i as l,o as u,r as d,s as f}from"./file-vPGnhPr-.js";import{n as p,t as m}from"./InputFilesList-zuNP1QIB.js";var h,g;function _(){return(_=e((()=>{n(),h=[[`path`,{d:`M12 3v12`,key:`1x0j5s`}],[`path`,{d:`m17 8-5-5-5 5`,key:`7q97r8`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}]],g=i(`upload`,h)})))()}var v,y,b,x,S,C;function w(){return(w=e((()=>{v=`q2D6Pw`,y=`QVgB0d`,b=`-nyQKp`,x=`kY0O9g`,S=`F5K1bE`,C={zone:v,dragOver:y,disabled:b,icon:x,hint:S}})))()}function T({value:e,onChange:t,onChangeError:n,accept:r,allowedMime:i,maxBytes:o,readMode:l,multiple:p=!0,disabled:h,className:_,children:v}){c(i),u(r);let y=(0,E.useRef)(0),b=(0,E.useRef)(null),[x,S]=(0,E.useState)(!1),w=(0,E.useMemo)(()=>r&&r.length>0?r.join(`,`):i&&i.length>0?i.join(`,`):`*`,[i,r]),T=(0,E.useCallback)(e=>l===`array-buffer`?f(e,{allowedMime:i,maxBytes:o,mode:`array-buffer`}):f(e,{allowedMime:i,maxBytes:o}),[i,o,l]),O=(0,E.useCallback)(async e=>{if(h||e.length===0)return;let r=p?e:e.slice(0,1),i=[];for(let e of r)try{let t=await T(e);i.push(t)}catch(e){e instanceof d&&n&&n(e)}i.length>0&&t(i)},[h,p,t,n,T]),k=(0,E.useCallback)(()=>{h||b.current?.click()},[h]),A=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(y.current+=1,y.current===1&&S(!0))},[h]),j=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(e.dataTransfer.dropEffect=`copy`)},[h]),M=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(--y.current,y.current===0&&S(!1))},[h]),N=(0,E.useCallback)(async e=>{if(e.preventDefault(),e.stopPropagation(),y.current=0,S(!1),h)return;let t=Array.from(e.dataTransfer.files);await O(t)},[h,O]),P=(0,E.useCallback)(async e=>{let t=Array.from(e.target.files??[]);await O(t),e.target.value=``},[O]),F=(0,E.useCallback)(e=>{s(e,k,{disabled:h})},[h,k]);return(0,D.jsxs)(`div`,{children:[(0,D.jsx)(`input`,{ref:b,type:`file`,hidden:!0,disabled:h,multiple:p,accept:w,onChange:P}),(0,D.jsx)(`div`,{className:a(C.zone,x&&C.dragOver,h&&C.disabled,_),onClick:k,onKeyDown:F,onDragEnter:A,onDragOver:j,onDragLeave:M,onDrop:N,role:`button`,tabIndex:h?-1:0,"aria-disabled":h,children:v??(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(g,{className:C.icon}),(0,D.jsx)(`span`,{className:C.hint,children:p?`Перетащите файлы сюда или нажмите для выбора`:`Перетащите файл сюда или нажмите для выбора`})]})}),(0,D.jsx)(m,{files:e,onChange:t})]})}var E,D;function O(){return(O=e((()=>{E=t(),l(),o(),_(),p(),w(),D=r(),T.__docgenInfo={description:`DropZone — зона для перетаскивания файлов и выбора по клику.
|
|
2
|
+
|
|
3
|
+
При наведении файла зона подсвечивается (пунктирная рамка меняет цвет).
|
|
4
|
+
При сбросе файлов каждый читается через readFile, успешные результаты
|
|
5
|
+
передаются в onDrop, ошибки — в onDropError.
|
|
6
|
+
|
|
7
|
+
Поддерживает кастомный контент через children.
|
|
8
|
+
Если children не указан — отображается иконка загрузки и подсказка.`,methods:[],displayName:`DropZone`,props:{value:{required:!0,tsType:{name:`Array`,elements:[{name:`ReadFileResult`}],raw:`ReadFileResult[]`},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(results: ReadFileResult[]) => void`,signature:{arguments:[{type:{name:`Array`,elements:[{name:`ReadFileResult`}],raw:`ReadFileResult[]`},name:`results`}],return:{name:`void`}}},description:`Вызывается с массивом результатов readFile после сброса файлов`},onChangeError:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(error: ReadFileError) => void`,signature:{arguments:[{type:{name:`ReadFileError`},name:`error`}],return:{name:`void`}}},description:`Callback ошибки чтения одного из файлов`},accept:{required:!1,tsType:{name:`unknown`},description:'HTML-атрибут accept для нативного input[type="file"] (например `[".pdf", ".docx"]`)'},allowedMime:{required:!1,tsType:{name:`unknown`},description:'Список допустимых MIME-типов — передаётся в readFile (например `["application/pdf", "image/png"]`)'},maxBytes:{required:!1,tsType:{name:`number`},description:`Максимальный размер одного файла в байтах`},readMode:{required:!1,tsType:{name:`ReadMode`},description:`Режим чтения: "data-url" (по умолчанию) или "array-buffer"`},multiple:{required:!1,tsType:{name:`boolean`},description:`Разрешить сброс нескольких файлов (по умолчанию true)`,defaultValue:{value:`true`,computed:!1}},disabled:{required:!1,tsType:{name:`boolean`},description:`Блокировка компонента`},className:{required:!1,tsType:{name:`string`},description:`CSS-класс обёртки`},children:{required:!1,tsType:{name:`ReactNode`},description:`Кастомный контент внутри зоны.
|
|
9
|
+
По умолчанию отображается иконка загрузки и текст "Перетащите файлы сюда".`}}}})))()}export{O as n,T as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-BHhbrImE.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-D8l_hmHU.js";import{a as p,i as m,n as h,r as g,t as _}from"./DropZone.stories-WmoR3uPj.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:g,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,b.jsx)(u,{children:`DropZone`}),`
|
|
3
3
|
`,(0,b.jsx)(o,{children:`Зона drag-and-drop для загрузки файлов кликом или перетаскиванием`}),`
|
|
4
4
|
`,(0,b.jsx)(t.p,{children:`DropZone уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./DropZone-B7Q1qQqP.js";import{i as a,n as o,r as s}from"./iframe-BHhbrImE.js";var c,l;function u(){return(u=e((()=>{a(),c=[[`path`,{d:`M12 13v8`,key:`1l5pq0`}],[`path`,{d:`M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242`,key:`1pljnt`}],[`path`,{d:`m8 17 4-4 4 4`,key:`1quai1`}]],l=s(`cloud-upload`,c)})))()}var d=t({Basic:()=>h,Disabled:()=>_,SingleFile:()=>g,__namedExportsOrder:()=>v,default:()=>m}),f,p,m,h,g,_,v;function y(){return(y=e((()=>{f=n(),u(),r(),p=o(),m={title:`Shared/UI/DropZone`,component:i,args:{value:[],onChange:()=>{},multiple:!0,readMode:`data-url`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{onChange:{description:`Вызывается с массивом успешно прочитанных файлов.`,control:!1},onChangeError:{description:`Вызывается при ошибке валидации или чтения файла.`,control:!1},allowedMime:{description:`Список допустимых MIME-типов для проверки.`,control:!1},maxBytes:{description:`Максимальный размер одного файла в байтах.`,control:`number`},readMode:{description:`Режим чтения файлов: data-url или array-buffer.`,control:`inline-radio`,options:[`data-url`,`array-buffer`]},multiple:{description:`Разрешает принимать несколько файлов за один drop.`,control:`boolean`},disabled:{description:`Блокирует зону и обработку drop-событий.`,control:`boolean`},children:{description:`Кастомный контент внутри drop-зоны.`,control:!1},className:{description:`Дополнительный CSS-класс контейнера.`,control:`text`}}},h={render:e=>{let[t,n]=(0,f.useState)([]);return(0,p.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,p.jsx)(i,{...e,onChange:e=>n(e)}),(0,p.jsx)(`div`,{style:{fontSize:14},children:t.length>0?`Получено файлов: ${t.length}`:`Перетащите файл(ы) в область выше`})]})}},g={render:e=>(0,p.jsx)(i,{...e,multiple:!1,children:(0,p.jsxs)(`div`,{style:{display:`grid`,placeItems:`center`,gap:6,minHeight:120},children:[(0,p.jsx)(l,{}),(0,p.jsx)(`span`,{children:`Перетащите один файл`})]})}),args:{multiple:!1}},_={args:{disabled:!0,multiple:!0}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
|
|
2
|
+
render: args => {
|
|
3
|
+
const [files, setFiles] = useState<ReadFileResult[]>([]);
|
|
4
|
+
return <div style={{
|
|
5
|
+
display: "grid",
|
|
6
|
+
gap: 12
|
|
7
|
+
}}>
|
|
8
|
+
<DropZone {...args} onChange={results => setFiles(results)} />
|
|
9
|
+
<div style={{
|
|
10
|
+
fontSize: 14
|
|
11
|
+
}}>
|
|
12
|
+
{files.length > 0 ? \`Получено файлов: \${files.length}\` : "Перетащите файл(ы) в область выше"}
|
|
13
|
+
</div>
|
|
14
|
+
</div>;
|
|
15
|
+
}
|
|
16
|
+
}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
|
|
17
|
+
render: args => <DropZone {...args} multiple={false}>
|
|
18
|
+
<div style={{
|
|
19
|
+
display: "grid",
|
|
20
|
+
placeItems: "center",
|
|
21
|
+
gap: 6,
|
|
22
|
+
minHeight: 120
|
|
23
|
+
}}>
|
|
24
|
+
<UploadCloudIcon />
|
|
25
|
+
<span>Перетащите один файл</span>
|
|
26
|
+
</div>
|
|
27
|
+
</DropZone>,
|
|
28
|
+
args: {
|
|
29
|
+
multiple: false
|
|
30
|
+
}
|
|
31
|
+
}`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
|
|
32
|
+
args: {
|
|
33
|
+
disabled: true,
|
|
34
|
+
multiple: true
|
|
35
|
+
}
|
|
36
|
+
}`,..._.parameters?.docs?.source}}},v=[`Basic`,`SingleFile`,`Disabled`]})))()}export{y as a,g as i,_ as n,d as r,h as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-BHhbrImE.js";import{_ as r,a as i,c as a,d as o,f as s,g as c,h as l,i as u,l as d,m as f,o as p,p as m,r as h,s as g,u as _}from"./ContextMenu-BjWu5DHB.js";var v,y;function b(){return(b=e((()=>{v=t(),m(),y=({children:e})=>{let{mode:t,open:n,registerTriggerElement:i,onTriggerClick:a,onTriggerKeyDown:o}=f();if(t!==`click`)throw Error(`DropdownMenu.Trigger must be used within <DropdownMenu>`);return(0,v.cloneElement)(e,{ref:t=>{let n=e.props.ref;l(n,t),i(t)},"aria-haspopup":`menu`,"aria-expanded":n,onClick:r(e.props.onClick,a),onKeyDown:c(e.props.onKeyDown,o)})},y.__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:``}}}})))()}var x,S,C;function w(){return(w=e((()=>{t(),b(),s(),_(),a(),p(),u(),x=n(),S=({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:a})=>(0,x.jsx)(i,{mode:`click`,placement:t,open:n,defaultOpen:r,onOpenChange:a,children:e}),C=Object.assign(S,{Trigger:y,Content:o,Item:g,Separator:h,GroupLabel:d}),S.__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{w as n,C as t};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{i as r,n as i,r as a}from"./iframe-BHhbrImE.js";import{a as o,i as s}from"./utils-DUM89eIj.js";import{n as c,t as l}from"./Button-Bzc9jBAF.js";import{n as u,t as d}from"./OneStepScroller-DWCRXFHq.js";var f,p;function m(){return(m=e((()=>{r(),f=[[`path`,{d:`m11 17-5-5 5-5`,key:`13zhaf`}],[`path`,{d:`m18 17-5-5 5-5`,key:`h8a8et`}]],p=a(`chevrons-left`,f)})))()}var h,g;function _(){return(_=e((()=>{r(),h=[[`path`,{d:`m6 17 5-5-5-5`,key:`xnjwq`}],[`path`,{d:`m13 17 5-5-5-5`,key:`17xmmf`}]],g=a(`chevrons-right`,h)})))()}var v,y,b,x,S,C,w;function T(){return(T=e((()=>{v=`sj-rIq`,y=`_3anR7j`,b=`gMRIsT`,x=`f5Pv1e`,S=`q7eZzv`,C=`maUL24`,w={expandableActionPanel:v,content:y,contentScroller:b,labeledPanel:x,label:S,labeledActionPanel:C}})))()}function E({children:e,className:t,contentClassName:n,toggleClassName:r,open:i,defaultOpen:a=!1,disabled:s,onOpenChange:c,expandLabel:u=`Раскрыть панель действий влево`,collapseLabel:f=`Свернуть панель действий`,panelLabel:m=`Действия панели`,itemSelector:h,scrollPadding:_,smoothScroll:v}){let[y,b]=(0,D.useState)(a),x=(0,D.useId)(),S=i!==void 0,C=S?i:y,T=(0,D.useCallback)(e=>{let t=typeof e==`function`?e(C):e;S||b(t),c?.(t)},[S,c,C]),E=()=>T(e=>!e),k=C?g:p;return(0,O.jsxs)(`div`,{className:o(w.expandableActionPanel,t),"data-ui":`expandable-action-panel`,"data-open":C?``:void 0,children:[(0,O.jsx)(l,{className:r,icon:(0,O.jsx)(k,{}),title:C?f:u,disabled:s,variant:`neutralOutline`,"aria-expanded":C,"aria-controls":x,"data-ui":`expandable-action-panel-toggle`,"data-action":C?`collapse-action-panel`:`expand-action-panel`,onClick:E}),C&&(0,O.jsx)(`div`,{id:x,role:`group`,"aria-label":m,className:o(w.content,n),children:(0,O.jsx)(d,{className:w.contentScroller,itemSelector:h,scrollPadding:_,smooth:v,children:e})})]})}var D,O;function k(){return(k=e((()=>{D=t(n(),1),s(),m(),_(),c(),u(),T(),O=i(),E.__docgenInfo={description:`Горизонтальная раскрывающаяся панель действий.
|
|
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`]}})))()}export{T as i,k as n,w as r,E as t};
|