@ryuzaki13/react-foundation-ui 1.4.4 → 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 +24 -18
- 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
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n,t as r}from"./check-DpX8PMs_.js";import{i,n as a,r as o,t as s}from"./ExpandableActionPanel-C9G9PsZx.js";import{n as c,t as l}from"./CheckBox-CWipX4CI.js";import{n as u,t as d}from"./refresh-cw-ltgf4cUB.js";import{n as f,t as p}from"./settings-2-qpVYfZn_.js";import{i as m,n as h,r as g}from"./iframe-BHhbrImE.js";import{a as _,i as v}from"./utils-DUM89eIj.js";import{n as y,t as b}from"./Button-Bzc9jBAF.js";import{a as x,c as S}from"./Input-DZQKV4DP.js";import{n as C,t as w}from"./Select-g0c0XGQY.js";var T,E;function D(){return(D=e((()=>{m(),T=[[`path`,{d:`m21 21-4.34-4.34`,key:`14j7rj`}],[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}]],E=g(`search`,T)})))()}function O({label:e,className:t,labelClassName:n,labelStyle:r,labelMinWidth:i=`12em`,panelClassName:a,open:c,defaultOpen:l,...u}){let d={...r,minWidth:i},f=typeof e==`string`?e:void 0;return(0,k.jsxs)(`div`,{className:_(o.labeledPanel,t),"data-ui":`labeled-expandable-action-panel`,children:[(0,k.jsx)(`div`,{className:_(`flexEllipsis`,o.label,n),style:d,title:f,children:e}),(0,k.jsx)(s,{...u,open:c,defaultOpen:l,className:_(o.labeledActionPanel,a)})]})}var k;function A(){return(A=e((()=>{t(),v(),a(),i(),k=h(),O.__docgenInfo={description:"Раскрывающаяся панель действий с левым текстом, который сжимается через `flexEllipsis`.",methods:[],displayName:`LabeledExpandableActionPanel`,props:{label:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},labelClassName:{required:!1,tsType:{name:`string`},description:``},labelStyle:{required:!1,tsType:{name:`ReactCSSProperties`,raw:`React.CSSProperties`},description:``},labelMinWidth:{required:!1,tsType:{name:`ReactCSSProperties["minWidth"]`,raw:`React.CSSProperties["minWidth"]`},description:``,defaultValue:{value:`"12em"`,computed:!1}},panelClassName:{required:!1,tsType:{name:`string`},description:``}},composes:[`Omit`]}})))()}function j(){let[e,t]=(0,M.useState)(``),[n,i]=(0,M.useState)(!1),[a,o]=(0,M.useState)(`Все`);return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`div`,{style:{width:`calc(14em + var(--width-add))`},children:(0,N.jsx)(x,{placeholder:`Поиск`,value:e,onChange:t,endAdornment:(0,N.jsx)(E,{})})}),(0,N.jsx)(`div`,{style:{width:`calc(12em + var(--width-add))`},children:(0,N.jsx)(w,{placeholder:`Статус`,options:I,value:a,onChange:o,getOptionKey:e=>e,getOptionLabel:e=>e})}),(0,N.jsx)(l,{placeholder:`Только мои`,value:n,onChange:i,noWrap:!0}),(0,N.jsx)(b,{icon:(0,N.jsx)(d,{}),title:`Обновить`}),(0,N.jsx)(b,{icon:(0,N.jsx)(p,{}),title:`Настроить`}),(0,N.jsx)(b,{icon:(0,N.jsx)(r,{}),tone:`success`,appearance:`solid`,children:`Применить`})]})}var M,N,P,F,I,L,R,z;function B(){return(B=e((()=>{M=t(),n(),u(),D(),f(),y(),c(),S(),C(),a(),A(),N=h(),{fn:P}=__STORYBOOK_MODULE_TEST__,F={title:`Shared/UI/ExpandableActionPanel`,component:O,args:{label:`Длинное название строки с результатами расчёта и параметрами отбора`,labelMinWidth:`18em`,defaultOpen:!1,onOpenChange:P()},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст или ReactNode слева от панели.`,control:`text`},labelMinWidth:{description:"Минимальная ширина `flexEllipsis`-текста.",control:`text`},defaultOpen:{description:`Начальное состояние раскрытия в uncontrolled-режиме.`,control:`boolean`},open:{description:`Контролируемое состояние раскрытия.`,control:`boolean`},onOpenChange:{description:`Вызывается при раскрытии или сворачивании панели.`,control:!1}}},I=[`Все`,`Активные`,`Архив`],L={render:e=>(0,N.jsx)(`div`,{style:{width:`min(100%, 920px)`},children:(0,N.jsx)(O,{...e,children:(0,N.jsx)(j,{})})})},R={render:()=>(0,N.jsx)(`div`,{style:{width:`min(100%, 720px)`,display:`flex`,justifyContent:`flex-end`},children:(0,N.jsx)(s,{defaultOpen:!0,children:(0,N.jsx)(j,{})})})},L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
|
|
2
|
+
render: args => <div style={{
|
|
3
|
+
width: "min(100%, 920px)"
|
|
4
|
+
}}>
|
|
5
|
+
<LabeledExpandableActionPanel {...args}>
|
|
6
|
+
<DemoControls />
|
|
7
|
+
</LabeledExpandableActionPanel>
|
|
8
|
+
</div>
|
|
9
|
+
}`,...L.parameters?.docs?.source}}},R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{
|
|
10
|
+
render: () => <div style={{
|
|
11
|
+
width: "min(100%, 720px)",
|
|
12
|
+
display: "flex",
|
|
13
|
+
justifyContent: "flex-end"
|
|
14
|
+
}}>
|
|
15
|
+
<ExpandableActionPanel defaultOpen>
|
|
16
|
+
<DemoControls />
|
|
17
|
+
</ExpandableActionPanel>
|
|
18
|
+
</div>
|
|
19
|
+
}`,...R.parameters?.docs?.source}}},z=[`Labeled`,`BasePanel`]})))()}B();export{R as BasePanel,L as Labeled,z as __namedExportsOrder,F as default};
|
|
@@ -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,c as m,d as h,f as g,i as _,l as v,n as y,o as b,p as x,r as S,s as C,t as w,u as T}from"./Flex.stories-Dczj9g4W.js";function E(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,O.jsx)(u,{children:`Flex`}),`
|
|
3
3
|
`,(0,O.jsx)(o,{children:`Набор flex-layout примитивов для строк, колонок и быстрых компоновок интерфейса`}),`
|
|
4
4
|
`,(0,O.jsx)(t.p,{children:`Flex уже имеет живые 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{i,t as a}from"./useFlexClasses-Gn9spXEB.js";import{n as o,t as s}from"./FlexContainer-LmZIdhq2.js";import{n as c,t as l}from"./FlexItem-vkDYa5tA.js";var u,d,f;function p(){return(p=e((()=>{u=n(),o(),a(),d=r(),f=(0,u.forwardRef)(({variant:e,children:t,className:n=``,...r},a)=>{let o=[i(e??``),n].filter(Boolean).join(` `);return(0,d.jsx)(s,{ref:a,className:o,...r,children:t})}),f.displayName=`PredefinedFlex`,f.__docgenInfo={description:``,methods:[],displayName:`PredefinedFlex`,props:{variant:{required:!1,tsType:{name:`union`,raw:`"center" | "centerBetween" | "columnCenter"`,elements:[{name:`literal`,value:`"center"`},{name:`literal`,value:`"centerBetween"`},{name:`literal`,value:`"columnCenter"`}]},description:``},className:{defaultValue:{value:`""`,computed:!1},required:!1}},composes:[`Omit`]}})))()}var m;function h(){return(h=e((()=>{o(),c(),p(),m={Container:s,Item:l,Predefined:f}})))()}var g=t({AlignItems:()=>E,BasicColumn:()=>C,BasicRow:()=>S,Directions:()=>w,FlexItems:()=>k,Gaps:()=>O,InlineFlex:()=>j,JustifyContent:()=>T,Predefined:()=>A,RealWorld:()=>M,Wrapping:()=>D,__namedExportsOrder:()=>N,default:()=>x}),_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N;function P(){return(P=e((()=>{n(),h(),_=r(),v={container:{border:`2px dashed var(--border-0)`,padding:`2em`,marginBlock:`1em`},item:{padding:`16px`,textAlign:`center`,fontWeight:`bold`,color:`white`,minHeight:`5em`,minWidth:`10em`,display:`flex`,alignItems:`center`,justifyContent:`center`},itemColors:[`#ff6b6b`,`#4ecdc4`,`#45b7d1`,`#96ceb4`,`#feca57`,`#ff9ff3`]},y=e=>v.itemColors[e%v.itemColors.length],b=({children:e,index:t=0})=>(0,_.jsx)(m.Item,{style:{...v.item,backgroundColor:y(t)},children:e}),x={title:`Shared/Layout/Flex`,component:m.Container,parameters:{layout:`padded`}},S={render:e=>(0,_.jsx)(m.Container,{...e,style:v.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(b,{index:0,children:`Item 1`}),(0,_.jsx)(b,{index:1,children:`Item 2`}),(0,_.jsx)(b,{index:2,children:`Item 3`})]}),row:!0}},C={render:e=>(0,_.jsx)(m.Container,{...e,style:v.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(b,{index:0,children:`Header`}),(0,_.jsx)(b,{index:1,children:`Content`}),(0,_.jsx)(b,{index:2,children:`Footer`})]}),column:!0}},w={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Row (default)`}),(0,_.jsxs)(m.Container,{row:!0,style:v.container,children:[(0,_.jsx)(b,{index:0,children:`1`}),(0,_.jsx)(b,{index:1,children:`2`}),(0,_.jsx)(b,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Row Reverse`}),(0,_.jsxs)(m.Container,{rowReverse:!0,style:v.container,children:[(0,_.jsx)(b,{index:0,children:`1`}),(0,_.jsx)(b,{index:1,children:`2`}),(0,_.jsx)(b,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column`}),(0,_.jsxs)(m.Container,{column:!0,style:v.container,children:[(0,_.jsx)(b,{index:0,children:`1`}),(0,_.jsx)(b,{index:1,children:`2`}),(0,_.jsx)(b,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column Reverse`}),(0,_.jsxs)(m.Container,{columnReverse:!0,style:v.container,children:[(0,_.jsx)(b,{index:0,children:`1`}),(0,_.jsx)(b,{index:1,children:`2`}),(0,_.jsx)(b,{index:2,children:`3`})]})]}),args:{children:void 0}},T={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`between`,`around`,`evenly`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Justify: `,e]}),(0,_.jsxs)(m.Container,{row:!0,justify:e,style:v.container,children:[(0,_.jsx)(b,{index:0,children:`Item 1`}),(0,_.jsx)(b,{index:1,children:`Item 2`}),(0,_.jsx)(b,{index:2,children:`Item 3`})]})]},e))}),args:{children:void 0}},E={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`stretch`,`baseline`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Align: `,e]}),(0,_.jsxs)(m.Container,{row:!0,align:e,style:{...v.container,height:`120px`},children:[(0,_.jsx)(b,{index:0,children:(0,_.jsx)(`div`,{children:`Short`})}),(0,_.jsx)(b,{index:1,children:(0,_.jsx)(`div`,{style:{padding:`40px`},children:`Tall`})}),(0,_.jsx)(b,{index:2,children:(0,_.jsx)(`div`,{style:{padding:`24px`},children:`Medium`})})]})]},e))}),args:{children:void 0}},D={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`No Wrap (default)`}),(0,_.jsx)(m.Container,{row:!0,nowrap:!0,style:v.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(b,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,style:v.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(b,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap Reverse`}),(0,_.jsx)(m.Container,{row:!0,wrapReverse:!0,style:v.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(b,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},O={render:()=>(0,_.jsxs)(`div`,{children:[[`xs`,`sm`,`md`,`lg`,`xl`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Gap: `,e]}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gap:e,style:v.container,children:[1,2,3,4,5,6].map(e=>(0,_.jsxs)(b,{index:e,children:[`Item `,e]},e))})]},e)),(0,_.jsx)(`h3`,{children:`Different Row and Column Gaps`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gapRow:`lg`,gapColumn:`sm`,style:v.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(b,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},k={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Grow Properties`}),(0,_.jsxs)(m.Container,{row:!0,style:v.container,children:[(0,_.jsx)(b,{index:0,children:`Default`}),(0,_.jsx)(m.Item,{grow:!0,children:(0,_.jsx)(`div`,{style:{...v.item,backgroundColor:y(1)},children:`Grow`})}),(0,_.jsx)(b,{index:2,children:`Default`})]}),(0,_.jsx)(`h3`,{children:`Shrink Properties`}),(0,_.jsxs)(m.Container,{row:!0,style:{...v.container,width:`300px`},children:[(0,_.jsx)(m.Item,{shrink:!1,children:(0,_.jsx)(`div`,{style:{...v.item,backgroundColor:y(0),width:`150px`},children:`No Shrink`})}),(0,_.jsx)(m.Item,{children:(0,_.jsx)(`div`,{style:{...v.item,backgroundColor:y(1),width:`150px`},children:`Shrink (default)`})})]}),(0,_.jsx)(`h3`,{children:`Composite Classes`}),(0,_.jsxs)(m.Container,{row:!0,style:v.container,children:[(0,_.jsx)(m.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...v.item,backgroundColor:y(0)},children:`flex0`})}),(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(`div`,{style:{...v.item,backgroundColor:y(1)},children:`flex1`})}),(0,_.jsx)(m.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...v.item,backgroundColor:y(2)},children:`flex0`})})]})]}),args:{children:void 0}},A={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Center`}),(0,_.jsx)(m.Predefined,{variant:`center`,style:{...v.container,height:`100px`},children:(0,_.jsx)(b,{index:0,children:`Centered Content`})}),(0,_.jsx)(`h3`,{children:`Center Between`}),(0,_.jsxs)(m.Predefined,{variant:`centerBetween`,style:v.container,children:[(0,_.jsx)(b,{index:0,children:`Left`}),(0,_.jsx)(b,{index:1,children:`Right`})]})]}),args:{children:void 0}},j={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`p`,{children:[`This is text with`,(0,_.jsxs)(m.Container,{inline:!0,align:`center`,gap:`sm`,style:{margin:`0 8px`},children:[(0,_.jsx)(b,{index:0,children:`inline`}),(0,_.jsx)(b,{index:1,children:`flex`})]}),`elements inside.`]}),(0,_.jsxs)(`p`,{children:[`Another example with`,(0,_.jsxs)(m.Container,{inline:!0,column:!0,gap:`xs`,style:{margin:`0 8px`},children:[(0,_.jsx)(b,{index:2,children:`vertical`}),(0,_.jsx)(b,{index:3,children:`inline`})]}),`flex.`]})]}),args:{children:void 0}},M={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Navigation Bar`}),(0,_.jsxs)(m.Predefined,{variant:`centerBetween`,style:v.container,children:[(0,_.jsxs)(m.Container,{row:!0,align:`center`,gap:`md`,children:[(0,_.jsx)(b,{index:0,children:`Logo`}),(0,_.jsx)(b,{index:1,children:`Home`}),(0,_.jsx)(b,{index:2,children:`About`}),(0,_.jsx)(b,{index:3,children:`Contact`})]}),(0,_.jsx)(b,{index:4,children:`Login`})]}),(0,_.jsx)(`h3`,{children:`Card Layout`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gap:`lg`,style:v.container,children:[1,2,3,4].map(e=>(0,_.jsx)(m.Item,{flex1:!0,style:{minWidth:`200px`},children:(0,_.jsxs)(`div`,{style:{border:`1px solid #ddd`,borderRadius:`8px`,padding:`16px`,textAlign:`center`,backgroundColor:y(e)},children:[(0,_.jsxs)(`h4`,{children:[`Card `,e]}),(0,_.jsx)(`p`,{children:`Card content goes here`})]})},e))}),(0,_.jsx)(`h3`,{children:`Form Layout`}),(0,_.jsxs)(m.Container,{column:!0,gap:`md`,style:v.container,children:[(0,_.jsxs)(m.Container,{row:!0,gap:`md`,children:[(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(b,{index:0,children:`First Name`})}),(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(b,{index:1,children:`Last Name`})})]}),(0,_.jsx)(b,{index:2,children:`Email`}),(0,_.jsx)(b,{index:3,children:`Message`})]})]}),args:{children:void 0}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
render: args => <Flex.Container {...args} style={demoStyles.container} />,
|
|
3
3
|
args: {
|
|
4
4
|
children: <>
|
|
@@ -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,i as o}from"./utils-DUM89eIj.js";import{a as s,c,d as l,g as u,i as d,l as f,m as p,o as m,p as h,r as g,s as _}from"./floating-ui.react-GziJy4gA.js";function v(e,t){if(!t?.arrow)return{};let{x:n,y:r}=t.arrow,i=e.split(`-`)[0],a={top:`bottom`,right:`left`,bottom:`top`,left:`right`}[i],o={top:`rotate(180deg)`,right:`rotate(-90deg)`,bottom:`rotate(0deg)`,left:`rotate(90deg)`}[i];return{pointerEvents:`none`,position:`absolute`,zIndex:-5,width:`16px`,height:`16px`,left:n==null?``:`${n}px`,top:r==null?``:`${r}px`,transform:o,[a]:`-16px`}}var y,b,x;function S(){return(S=e((()=>{y=n(),b=r(),x=(0,y.forwardRef)(({placement:e,middlewareData:t},n)=>(0,b.jsx)(`div`,{ref:n,style:v(e,t),children:(0,b.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`var(--border-2)`,stroke:`var(--border-2)`,strokeWidth:`var(--border-width)`,style:{display:`block`},children:(0,b.jsx)(`polygon`,{points:`8,8 16,16 0,16`})})})),x.__docgenInfo={description:``,methods:[],displayName:`FloatingArrow`,props:{placement:{required:!0,tsType:{name:`Placement`},description:``},middlewareData:{required:!0,tsType:{name:`MiddlewareData`},description:``}}}})))()}var C,w,T,E,D,O,k,A;function j(){return(j=e((()=>{C=`sZ0x6w`,w=`_538Ejd`,T=`fqciCO`,E=`sHkUiQ`,D=`bpGNoX`,O=`tYnRg-`,k=`_8lflEh`,A={tooltipPanel:C,tooltip:w,negative:T,information:E,error:D,warning:O,success:k}})))()}var M,N,P,F;function I(){return(I=e((()=>{M=t(n(),1),g(),o(),N=i(),S(),j(),P=r(),F=({content:e,children:t,openOnHover:n=!0,placement:r=`bottom`,openDelay:i=200,closeDelay:o=100,maxWidth:g,state:v,tooltip:y,positionUpdateKey:b})=>{let[S,C]=(0,M.useState)(!1),w=(0,M.useRef)(null),{refs:T,floatingStyles:E,middlewareData:D,context:O,placement:k,update:j}=s({open:S,onOpenChange:C,placement:r,middleware:[h(8),l({fallbackAxisSideDirection:`end`,fallbackPlacements:[`top`,`right`,`bottom`]}),p({padding:16}),f({element:w,padding:8})],whileElementsMounted:u});(0,M.useLayoutEffect)(()=>{S&&j()},[S,b,j]);let F=m(O,{enabled:n,move:!1,delay:{open:i,close:o}}),I=d(O),L=c(O),{getReferenceProps:R,getFloatingProps:z}=_([F,I,L]);return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{ref:T.setReference,...R(),style:{lineHeight:1},children:t}),S&&(0,N.createPortal)((0,P.jsxs)(`div`,{ref:T.setFloating,style:{...E,zIndex:`var(--z-tooltip)`,maxWidth:g?`${g}em`:void 0},...z(),role:`tooltip`,className:a(A.tooltipPanel,y&&A.tooltip,v&&A[v]),children:[e,(0,P.jsx)(x,{ref:w,placement:k,middlewareData:D})]}),document.body)]})},F.__docgenInfo={description:``,methods:[],displayName:`FloatingPopover`,props:{content:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},openOnHover:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`"bottom"`,computed:!1}},openDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`200`,computed:!1}},closeDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`100`,computed:!1}},maxWidth:{required:!1,tsType:{name:`number`},description:``},state:{required:!1,tsType:{name:`union`,raw:`"information" | "error" | "warning" | "success" | "negative"`,elements:[{name:`literal`,value:`"information"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"negative"`}]},description:``},tooltip:{required:!1,tsType:{name:`literal`,value:`true`},description:``},positionUpdateKey:{required:!1,tsType:{name:`unknown`},description:"Изменяется вместе с CSS-координатой trigger, когда её изменение не отслеживается `autoUpdate`.\nПосле commit React выполняется повторный расчёт позиции открытой floating-панели."}}}})))()}export{S as i,I as n,x as r,F as t};
|
package/storybook-static/assets/{FloatingPopover-DC84VrV3.css → FloatingPopover-jwILx9b0.css}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
.sZ0x6w,._538Ejd{padding:var(--space-sm);background-color:var(--surface-1);border:var(--border-width) solid var(--border-
|
|
1
|
+
.sZ0x6w,._538Ejd{padding:var(--space-sm);background-color:var(--surface-1);border:var(--border-width) solid var(--border-2);border-radius:var(--radius-sm);color:var(--content-0);filter:drop-shadow(var(--shadow-sm))}.sZ0x6w.fqciCO,.fqciCO._538Ejd{--border-1:var(--content-0);background-color:var(--content-0);border-color:var(--border-1);color:var(--surface-1)}.sZ0x6w.sHkUiQ,.sHkUiQ._538Ejd{--border-1:var(--status-info-text);background-color:var(--status-info-text);border-color:var(--status-info-text);color:var(--status-info-on-fill)}.sZ0x6w.bpGNoX,.bpGNoX._538Ejd{--border-1:var(--status-error-text);background-color:var(--status-error-text);border-color:var(--status-error-text);color:var(--status-error-on-fill)}.sZ0x6w.tYnRg-,.tYnRg-._538Ejd{--border-1:var(--status-warning-text);background-color:var(--status-warning-text);border-color:var(--status-warning-text);color:var(--status-warning-on-fill)}.sZ0x6w._8lflEh,._8lflEh._538Ejd{--border-1:var(--status-success-text);background-color:var(--status-success-text);border-color:var(--status-success-text);color:var(--status-success-on-fill)}._538Ejd{z-index:var(--z-tooltip);pointer-events:none;text-align:initial;font-size:var(--font-size-sm);font-variation-settings:"wght" 500;font-style:normal;font-weight:500;line-height:var(--line-height)}
|
|
@@ -0,0 +1,18 @@
|
|
|
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"./circle-alert-CWbgc3Jn.js";import{n as a,t as o}from"./circle-check-DODquDnH.js";import{i as s,n as c,r as l,t as u}from"./info-DSZ4aUvi.js";import{n as d,r as f,t as p}from"./sortable-CrCQ3H1V.js";import{n as m}from"./iframe-BHhbrImE.js";import{C as h,S as g,_,b as ee,d as te,f as ne,g as v,h as re,m as ie,u as ae,v as y,x as oe,y as se}from"./odata-DmijE2H9.js";import{a as b,i as x,n as ce}from"./utils-DUM89eIj.js";import{a as le,n as S,o as ue}from"./array-D-_yMMUK-CIRmlF93.js";import{r as C,u as w,y as de}from"./formatters-CVj-3Vn0-C5-BLq9O.js";import{i as fe,n as pe,r as me,t as he}from"./NoData-DcHZdLTJ.js";import{n as ge,t as _e}from"./ContextMenu-BjWu5DHB.js";import{n as ve,t as ye}from"./GridContainer-qDguE1HS.js";import{c as T,m as be,n as xe,o as Se,p as E,r as Ce}from"./hooks-DfgvMSqN.js";import{n as we,t as Te}from"./Scrollable-DvJ3T3Ik.js";var Ee,De,Oe,ke,Ae,je,Me,D;function Ne(){return(Ne=e((()=>{Ee=`UMTbLD`,De=`cz57Fx`,Oe=`oPzAxu`,ke=`MBu26r`,Ae=`_03z-1l`,je=`_0RqsqJ`,Me=`mXkUoM`,D={stateWrapper:Ee,status:De,information:Oe,success:ke,warning:Ae,error:je,state:Me}})))()}var O,Pe,Fe,k,Ie,A,j;function Le(){return(Le=e((()=>{n(),x(),r(),a(),s(),c(),Ne(),O=m(),Pe=({state:e=`none`,text:t,className:n})=>(0,O.jsxs)(`div`,{className:b(`flexCenter gapSm`,n),children:[(()=>{switch(e){case`error`:return(0,O.jsx)(k,{});case`warning`:return(0,O.jsx)(Ie,{});case`success`:return(0,O.jsx)(A,{});case`information`:return(0,O.jsx)(j,{});default:return null}})(),t]}),Fe=({state:e})=>{switch(e){case`error`:return(0,O.jsx)(k,{});case`warning`:return(0,O.jsx)(Ie,{});case`success`:return(0,O.jsx)(A,{});case`information`:return(0,O.jsx)(j,{});default:return null}},k=()=>(0,O.jsx)(l,{className:b(D.state,D.error)}),Ie=()=>(0,O.jsx)(i,{className:b(D.state,D.warning)}),A=()=>(0,O.jsx)(o,{className:b(D.state,D.success)}),j=()=>(0,O.jsx)(u,{className:b(D.state,D.information)}),Pe.__docgenInfo={description:``,methods:[],displayName:`StateIcon`,props:{state:{required:!1,tsType:{name:`State`},description:``,defaultValue:{value:`"none"`,computed:!1}},text:{required:!0,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}},Fe.__docgenInfo={description:``,methods:[],displayName:`RenderStateIcon`,props:{state:{required:!1,tsType:{name:`State`},description:``}}},k.__docgenInfo={description:``,methods:[],displayName:`ErrorIcon`},Ie.__docgenInfo={description:``,methods:[],displayName:`WarningIcon`},A.__docgenInfo={description:``,methods:[],displayName:`SuccessIcon`},j.__docgenInfo={description:``,methods:[],displayName:`InformationIcon`}})))()}function M(e,t){return typeof e==`function`?e(t):e}function N(e,t){return n=>{t.setState(t=>({...t,[e]:M(n,t[e])}))}}function Re(e){return e instanceof Function}function ze(e){return Array.isArray(e)&&e.every(e=>typeof e==`number`)}function Be(e,t){let n=[],r=e=>{e.forEach(e=>{n.push(e);let i=t(e);i!=null&&i.length&&r(i)})};return r(e),n}function P(e,t,n){let r=[],i;return a=>{let o;n.key&&n.debug&&(o=Date.now());let s=e(a);if(!(s.length!==r.length||s.some((e,t)=>r[t]!==e)))return i;r=s;let c;if(n.key&&n.debug&&(c=Date.now()),i=t(...s),n==null||n.onChange==null||n.onChange(i),n.key&&n.debug&&n!=null&&n.debug()){let e=Math.round((Date.now()-o)*100)/100,t=Math.round((Date.now()-c)*100)/100,r=t/16,i=(e,t)=>{for(e=String(e);e.length<t;)e=` `+e;return e};console.info(`%c⏱ ${i(t,5)} /${i(e,5)} ms`,`
|
|
2
|
+
font-size: .6rem;
|
|
3
|
+
font-weight: bold;
|
|
4
|
+
color: hsl(${Math.max(0,Math.min(120-120*r,120))}deg 100% 31%);`,n?.key)}return i}}function F(e,t,n,r){return{debug:()=>e?.debugAll??e[t],key:!1,onChange:r}}function Ve(e,t,n,r){let i={id:`${t.id}_${n.id}`,row:t,column:n,getValue:()=>t.getValue(r),renderValue:()=>i.getValue()??e.options.renderFallbackValue,getContext:P(()=>[e,n,t,i],(e,t,n,r)=>({table:e,column:t,row:n,cell:r,getValue:r.getValue,renderValue:r.renderValue}),F(e.options,`debugCells`,`cell.getContext`))};return e._features.forEach(r=>{r.createCell==null||r.createCell(i,n,t,e)},{}),i}function He(e,t,n,r){let i={...e._getDefaultColumnDef(),...t},a=i.accessorKey,o=i.id??(a?typeof String.prototype.replaceAll==`function`?a.replaceAll(`.`,`_`):a.replace(/\./g,`_`):void 0)??(typeof i.header==`string`?i.header:void 0),s;if(i.accessorFn?s=i.accessorFn:a&&(s=a.includes(`.`)?e=>{let t=e;for(let e of a.split(`.`))t=t?.[e];return t}:e=>e[i.accessorKey]),!o)throw Error();let c={id:`${String(o)}`,accessorFn:s,parent:r,depth:n,columnDef:i,columns:[],getFlatColumns:P(()=>[!0],()=>[c,...c.columns?.flatMap(e=>e.getFlatColumns())],F(e.options,`debugColumns`,`column.getFlatColumns`)),getLeafColumns:P(()=>[e._getOrderColumnsFn()],e=>{var t;return(t=c.columns)!=null&&t.length?e(c.columns.flatMap(e=>e.getLeafColumns())):[c]},F(e.options,`debugColumns`,`column.getLeafColumns`))};for(let t of e._features)t.createColumn==null||t.createColumn(c,e);return c}function Ue(e,t,n){let r={id:n.id??t.id,column:t,index:n.index,isPlaceholder:!!n.isPlaceholder,placeholderId:n.placeholderId,depth:n.depth,subHeaders:[],colSpan:0,rowSpan:0,headerGroup:null,getLeafHeaders:()=>{let e=[],t=n=>{n.subHeaders&&n.subHeaders.length&&n.subHeaders.map(t),e.push(n)};return t(r),e},getContext:()=>({table:e,header:r,column:t})};return e._features.forEach(t=>{t.createHeader==null||t.createHeader(r,e)}),r}function We(e,t,n,r){let i=0,a=function(e,t){t===void 0&&(t=1),i=Math.max(i,t),e.filter(e=>e.getIsVisible()).forEach(e=>{var n;(n=e.columns)!=null&&n.length&&a(e.columns,t+1)},0)};a(e);let o=[],s=(e,t)=>{let i={depth:t,id:[r,`${t}`].filter(Boolean).join(`_`),headers:[]},a=[];e.forEach(e=>{let o=[...a].reverse()[0],s=e.column.depth===i.depth,c,l=!1;if(s&&e.column.parent?c=e.column.parent:(c=e.column,l=!0),o&&o?.column===c)o.subHeaders.push(e);else{let i=Ue(n,c,{id:[r,t,c.id,e?.id].filter(Boolean).join(`_`),isPlaceholder:l,placeholderId:l?`${a.filter(e=>e.column===c).length}`:void 0,depth:t,index:a.length});i.subHeaders.push(e),a.push(i)}i.headers.push(e),e.headerGroup=i}),o.push(i),t>0&&s(a,t-1)};s(t.map((e,t)=>Ue(n,e,{depth:i,index:t})),i-1),o.reverse();let c=e=>e.filter(e=>e.column.getIsVisible()).map(e=>{let t=0,n=0,r=[0];e.subHeaders&&e.subHeaders.length?(r=[],c(e.subHeaders).forEach(e=>{let{colSpan:n,rowSpan:i}=e;t+=n,r.push(i)})):t=1;let i=Math.min(...r);return n+=i,e.colSpan=t,e.rowSpan=n,{colSpan:t,rowSpan:n}});return c(o[0]?.headers??[]),o}function I(e){return e==null||e===``}function Ge(e,t,n){return(e&&e.autoRemove?e.autoRemove(t,n):!1)||t===void 0||typeof t==`string`&&!t}function Ke(e,t,n){if(!(t!=null&&t.length)||!n)return e;let r=e.filter(e=>!t.includes(e.id));return n===`remove`?r:[...t.map(t=>e.find(e=>e.id===t)).filter(Boolean),...r]}function qe(e){return e||(typeof document<`u`?document:null)}function Je(){if(typeof G==`boolean`)return G;let e=!1;try{let t={get passive(){return e=!0,!1}},n=()=>{};window.addEventListener(`test`,n,t),window.removeEventListener(`test`,n)}catch{e=!1}return G=e,G}function Ye(e){return e.type===`touchstart`}function L(e,t){return t?t===`center`?e.getCenterVisibleLeafColumns():t===`left`?e.getLeftVisibleLeafColumns():e.getRightVisibleLeafColumns():e.getVisibleLeafColumns()}function Xe(e,t){let n=e.getState().rowSelection,r=[],i={},a=function(e,t){return e.map(e=>{var t;let o=Ze(e,n);if(o&&(r.push(e),i[e.id]=e),(t=e.subRows)!=null&&t.length&&(e={...e,subRows:a(e.subRows)}),o)return e}).filter(Boolean)};return{rows:a(t.rows),flatRows:r,rowsById:i}}function Ze(e,t){return t[e.id]??!1}function Qe(e,t,n){var r;if(!((r=e.subRows)!=null&&r.length))return!1;let i=!0,a=!1;return e.subRows.forEach(e=>{if(!(a&&!i)&&(e.getCanSelect()&&(Ze(e,t)?a=!0:i=!1),e.subRows&&e.subRows.length)){let n=Qe(e,t);n===`all`?a=!0:(n===`some`&&(a=!0),i=!1)}}),i?`all`:a?`some`:!1}function $e(e,t){return e===t?0:e>t?1:-1}function R(e){return typeof e==`number`?isNaN(e)||e===1/0||e===-1/0?``:String(e):typeof e==`string`?e:``}function et(e,t){let n=e.split(Ht).filter(Boolean),r=t.split(Ht).filter(Boolean);for(;n.length&&r.length;){let e=n.shift(),t=r.shift(),i=parseInt(e,10),a=parseInt(t,10),o=[i,a].sort();if(isNaN(o[0])){if(e>t)return 1;if(t>e)return-1;continue}if(isNaN(o[1]))return isNaN(i)?-1:1;if(i>a)return 1;if(a>i)return-1}return n.length-r.length}function tt(e){let t=[...Xt,...e._features??[]],n={_features:t},r=n._features.reduce((e,t)=>Object.assign(e,t.getDefaultOptions==null?void 0:t.getDefaultOptions(n)),{}),i=e=>n.options.mergeOptions?n.options.mergeOptions(r,e):{...r,...e},a={...e.initialState??{}};n._features.forEach(e=>{a=(e.getInitialState==null?void 0:e.getInitialState(a))??a});let o=[],s=!1,c={_features:t,options:{...r,...e},initialState:a,_queue:e=>{o.push(e),s||(s=!0,Promise.resolve().then(()=>{for(;o.length;)o.shift()();s=!1}).catch(e=>setTimeout(()=>{throw e})))},reset:()=>{n.setState(n.initialState)},setOptions:e=>{let t=M(e,n.options);n.options=i(t)},getState:()=>n.options.state,setState:e=>{n.options.onStateChange==null||n.options.onStateChange(e)},_getRowId:(e,t,r)=>(n.options.getRowId==null?void 0:n.options.getRowId(e,t,r))??`${r?[r.id,t].join(`.`):t}`,getCoreRowModel:()=>(n._getCoreRowModel||=n.options.getCoreRowModel(n),n._getCoreRowModel()),getRowModel:()=>n.getPaginationRowModel(),getRow:(e,t)=>{let r=(t?n.getPrePaginationRowModel():n.getRowModel()).rowsById[e];if(!r&&(r=n.getCoreRowModel().rowsById[e],!r))throw Error();return r},_getDefaultColumnDef:P(()=>[n.options.defaultColumn],e=>(e??={},{header:e=>{let t=e.header.column.columnDef;return t.accessorKey?t.accessorKey:t.accessorFn?t.id:null},cell:e=>{var t;return((t=e.renderValue())==null||t.toString==null?void 0:t.toString())??null},...n._features.reduce((e,t)=>Object.assign(e,t.getDefaultColumnDef==null?void 0:t.getDefaultColumnDef()),{}),...e}),F(e,`debugColumns`,`_getDefaultColumnDef`)),_getColumnDefs:()=>n.options.columns,getAllColumns:P(()=>[n._getColumnDefs()],e=>{let t=function(e,r,i){return i===void 0&&(i=0),e.map(e=>{let a=He(n,e,i,r),o=e;return a.columns=o.columns?t(o.columns,a,i+1):[],a})};return t(e)},F(e,`debugColumns`,`getAllColumns`)),getAllFlatColumns:P(()=>[n.getAllColumns()],e=>e.flatMap(e=>e.getFlatColumns()),F(e,`debugColumns`,`getAllFlatColumns`)),_getAllFlatColumnsById:P(()=>[n.getAllFlatColumns()],e=>e.reduce((e,t)=>(e[t.id]=t,e),{}),F(e,`debugColumns`,`getAllFlatColumnsById`)),getAllLeafColumns:P(()=>[n.getAllColumns(),n._getOrderColumnsFn()],(e,t)=>t(e.flatMap(e=>e.getLeafColumns())),F(e,`debugColumns`,`getAllLeafColumns`)),getColumn:e=>n._getAllFlatColumnsById()[e]};Object.assign(n,c);for(let e=0;e<n._features.length;e++){let t=n._features[e];t==null||t.createTable==null||t.createTable(n)}return n}function nt(){return e=>P(()=>[e.options.data],t=>{let n={rows:[],flatRows:[],rowsById:{}},r=function(t,i,a){i===void 0&&(i=0);let o=[];for(let c=0;c<t.length;c++){let l=ot(e,e._getRowId(t[c],c,a),t[c],c,i,void 0,a?.id);if(n.flatRows.push(l),n.rowsById[l.id]=l,o.push(l),e.options.getSubRows){var s;l.originalSubRows=e.options.getSubRows(t[c],c),(s=l.originalSubRows)!=null&&s.length&&(l.subRows=r(l.originalSubRows,i+1,l))}}return o};return n.rows=r(t),n},F(e.options,`debugTable`,`getRowModel`,()=>e._autoResetPageIndex()))}function rt(){return e=>P(()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows],(e,t,n)=>!t.rows.length||e!==!0&&!Object.keys(e??{}).length||!n?t:it(t),F(e.options,`debugTable`,`getExpandedRowModel`))}function it(e){let t=[],n=e=>{var r;t.push(e),(r=e.subRows)!=null&&r.length&&e.getIsExpanded()&&e.subRows.forEach(n)};return e.rows.forEach(n),{rows:t,flatRows:e.flatRows,rowsById:e.rowsById}}var z,at,ot,st,ct,lt,ut,dt,ft,pt,mt,ht,B,V,gt,_t,vt,yt,bt,xt,St,Ct,wt,Tt,H,Et,Dt,U,Ot,W,kt,At,G,jt,Mt,Nt,Pt,K,Ft,It,Lt,Rt,zt,Bt,Vt,Ht,Ut,Wt,Gt,Kt,qt,Jt,q,Yt,Xt;function Zt(){return(Zt=e((()=>{z=`debugHeaders`,at={createTable:e=>{e.getHeaderGroups=P(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(t,n,r,i)=>{let a=r?.map(e=>n.find(t=>t.id===e)).filter(Boolean)??[],o=i?.map(e=>n.find(t=>t.id===e)).filter(Boolean)??[],s=n.filter(e=>!(r!=null&&r.includes(e.id))&&!(i!=null&&i.includes(e.id)));return We(t,[...a,...s,...o],e)},F(e.options,z,`getHeaderGroups`)),e.getCenterHeaderGroups=P(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(t,n,r,i)=>(n=n.filter(e=>!(r!=null&&r.includes(e.id))&&!(i!=null&&i.includes(e.id))),We(t,n,e,`center`)),F(e.options,z,`getCenterHeaderGroups`)),e.getLeftHeaderGroups=P(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left],(t,n,r)=>We(t,r?.map(e=>n.find(t=>t.id===e)).filter(Boolean)??[],e,`left`),F(e.options,z,`getLeftHeaderGroups`)),e.getRightHeaderGroups=P(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.right],(t,n,r)=>We(t,r?.map(e=>n.find(t=>t.id===e)).filter(Boolean)??[],e,`right`),F(e.options,z,`getRightHeaderGroups`)),e.getFooterGroups=P(()=>[e.getHeaderGroups()],e=>[...e].reverse(),F(e.options,z,`getFooterGroups`)),e.getLeftFooterGroups=P(()=>[e.getLeftHeaderGroups()],e=>[...e].reverse(),F(e.options,z,`getLeftFooterGroups`)),e.getCenterFooterGroups=P(()=>[e.getCenterHeaderGroups()],e=>[...e].reverse(),F(e.options,z,`getCenterFooterGroups`)),e.getRightFooterGroups=P(()=>[e.getRightHeaderGroups()],e=>[...e].reverse(),F(e.options,z,`getRightFooterGroups`)),e.getFlatHeaders=P(()=>[e.getHeaderGroups()],e=>e.map(e=>e.headers).flat(),F(e.options,z,`getFlatHeaders`)),e.getLeftFlatHeaders=P(()=>[e.getLeftHeaderGroups()],e=>e.map(e=>e.headers).flat(),F(e.options,z,`getLeftFlatHeaders`)),e.getCenterFlatHeaders=P(()=>[e.getCenterHeaderGroups()],e=>e.map(e=>e.headers).flat(),F(e.options,z,`getCenterFlatHeaders`)),e.getRightFlatHeaders=P(()=>[e.getRightHeaderGroups()],e=>e.map(e=>e.headers).flat(),F(e.options,z,`getRightFlatHeaders`)),e.getCenterLeafHeaders=P(()=>[e.getCenterFlatHeaders()],e=>e.filter(e=>{var t;return!((t=e.subHeaders)!=null&&t.length)}),F(e.options,z,`getCenterLeafHeaders`)),e.getLeftLeafHeaders=P(()=>[e.getLeftFlatHeaders()],e=>e.filter(e=>{var t;return!((t=e.subHeaders)!=null&&t.length)}),F(e.options,z,`getLeftLeafHeaders`)),e.getRightLeafHeaders=P(()=>[e.getRightFlatHeaders()],e=>e.filter(e=>{var t;return!((t=e.subHeaders)!=null&&t.length)}),F(e.options,z,`getRightLeafHeaders`)),e.getLeafHeaders=P(()=>[e.getLeftHeaderGroups(),e.getCenterHeaderGroups(),e.getRightHeaderGroups()],(e,t,n)=>[...e[0]?.headers??[],...t[0]?.headers??[],...n[0]?.headers??[]].map(e=>e.getLeafHeaders()).flat(),F(e.options,z,`getLeafHeaders`))}},ot=(e,t,n,r,i,a,o)=>{let s={id:t,index:r,original:n,depth:i,parentId:o,_valuesCache:{},_uniqueValuesCache:{},getValue:t=>{if(s._valuesCache.hasOwnProperty(t))return s._valuesCache[t];let n=e.getColumn(t);if(n!=null&&n.accessorFn)return s._valuesCache[t]=n.accessorFn(s.original,r),s._valuesCache[t]},getUniqueValues:t=>{if(s._uniqueValuesCache.hasOwnProperty(t))return s._uniqueValuesCache[t];let n=e.getColumn(t);if(n!=null&&n.accessorFn)return n.columnDef.getUniqueValues?(s._uniqueValuesCache[t]=n.columnDef.getUniqueValues(s.original,r),s._uniqueValuesCache[t]):(s._uniqueValuesCache[t]=[s.getValue(t)],s._uniqueValuesCache[t])},renderValue:t=>s.getValue(t)??e.options.renderFallbackValue,subRows:a??[],getLeafRows:()=>Be(s.subRows,e=>e.subRows),getParentRow:()=>s.parentId?e.getRow(s.parentId,!0):void 0,getParentRows:()=>{let e=[],t=s;for(;;){let n=t.getParentRow();if(!n)break;e.push(n),t=n}return e.reverse()},getAllCells:P(()=>[e.getAllLeafColumns()],t=>t.map(t=>Ve(e,s,t,t.id)),F(e.options,`debugRows`,`getAllCells`)),_getAllCellsByColumnId:P(()=>[s.getAllCells()],e=>e.reduce((e,t)=>(e[t.column.id]=t,e),{}),F(e.options,`debugRows`,`getAllCellsByColumnId`))};for(let t=0;t<e._features.length;t++){let n=e._features[t];n==null||n.createRow==null||n.createRow(s,e)}return s},st={createColumn:(e,t)=>{e._getFacetedRowModel=t.options.getFacetedRowModel&&t.options.getFacetedRowModel(t,e.id),e.getFacetedRowModel=()=>e._getFacetedRowModel?e._getFacetedRowModel():t.getPreFilteredRowModel(),e._getFacetedUniqueValues=t.options.getFacetedUniqueValues&&t.options.getFacetedUniqueValues(t,e.id),e.getFacetedUniqueValues=()=>e._getFacetedUniqueValues?e._getFacetedUniqueValues():new Map,e._getFacetedMinMaxValues=t.options.getFacetedMinMaxValues&&t.options.getFacetedMinMaxValues(t,e.id),e.getFacetedMinMaxValues=()=>{if(e._getFacetedMinMaxValues)return e._getFacetedMinMaxValues()}}},ct=(e,t,n)=>{var r,i;let a=n==null||(r=n.toString())==null?void 0:r.toLowerCase();return!!((i=e.getValue(t))!=null&&(i=i.toString())!=null&&(i=i.toLowerCase())!=null&&i.includes(a))},ct.autoRemove=e=>I(e),lt=(e,t,n)=>{var r;return!!((r=e.getValue(t))!=null&&(r=r.toString())!=null&&r.includes(n))},lt.autoRemove=e=>I(e),ut=(e,t,n)=>{var r;return((r=e.getValue(t))==null||(r=r.toString())==null?void 0:r.toLowerCase())===n?.toLowerCase()},ut.autoRemove=e=>I(e),dt=(e,t,n)=>e.getValue(t)?.includes(n),dt.autoRemove=e=>I(e),ft=(e,t,n)=>!n.some(n=>{var r;return!((r=e.getValue(t))!=null&&r.includes(n))}),ft.autoRemove=e=>I(e)||!(e!=null&&e.length),pt=(e,t,n)=>n.some(n=>e.getValue(t)?.includes(n)),pt.autoRemove=e=>I(e)||!(e!=null&&e.length),mt=(e,t,n)=>e.getValue(t)===n,mt.autoRemove=e=>I(e),ht=(e,t,n)=>e.getValue(t)==n,ht.autoRemove=e=>I(e),B=(e,t,n)=>{let[r,i]=n,a=e.getValue(t);return a>=r&&a<=i},B.resolveFilterValue=e=>{let[t,n]=e,r=typeof t==`number`?t:parseFloat(t),i=typeof n==`number`?n:parseFloat(n),a=t===null||Number.isNaN(r)?-1/0:r,o=n===null||Number.isNaN(i)?1/0:i;if(a>o){let e=a;a=o,o=e}return[a,o]},B.autoRemove=e=>I(e)||I(e[0])&&I(e[1]),V={includesString:ct,includesStringSensitive:lt,equalsString:ut,arrIncludes:dt,arrIncludesAll:ft,arrIncludesSome:pt,equals:mt,weakEquals:ht,inNumberRange:B},gt={getDefaultColumnDef:()=>({filterFn:`auto`}),getInitialState:e=>({columnFilters:[],...e}),getDefaultOptions:e=>({onColumnFiltersChange:N(`columnFilters`,e),filterFromLeafRows:!1,maxLeafRowFilterDepth:100}),createColumn:(e,t)=>{e.getAutoFilterFn=()=>{let n=t.getCoreRowModel().flatRows[0]?.getValue(e.id);return typeof n==`string`?V.includesString:typeof n==`number`?V.inNumberRange:typeof n==`boolean`||typeof n==`object`&&n?V.equals:Array.isArray(n)?V.arrIncludes:V.weakEquals},e.getFilterFn=()=>Re(e.columnDef.filterFn)?e.columnDef.filterFn:e.columnDef.filterFn===`auto`?e.getAutoFilterFn():t.options.filterFns?.[e.columnDef.filterFn]??V[e.columnDef.filterFn],e.getCanFilter=()=>(e.columnDef.enableColumnFilter??!0)&&(t.options.enableColumnFilters??!0)&&(t.options.enableFilters??!0)&&!!e.accessorFn,e.getIsFiltered=()=>e.getFilterIndex()>-1,e.getFilterValue=()=>{var n;return(n=t.getState().columnFilters)==null||(n=n.find(t=>t.id===e.id))==null?void 0:n.value},e.getFilterIndex=()=>t.getState().columnFilters?.findIndex(t=>t.id===e.id)??-1,e.setFilterValue=n=>{t.setColumnFilters(t=>{let r=e.getFilterFn(),i=t?.find(t=>t.id===e.id),a=M(n,i?i.value:void 0);if(Ge(r,a,e))return t?.filter(t=>t.id!==e.id)??[];let o={id:e.id,value:a};return i?t?.map(t=>t.id===e.id?o:t)??[]:t!=null&&t.length?[...t,o]:[o]})}},createRow:(e,t)=>{e.columnFilters={},e.columnFiltersMeta={}},createTable:e=>{e.setColumnFilters=t=>{let n=e.getAllLeafColumns();e.options.onColumnFiltersChange==null||e.options.onColumnFiltersChange(e=>M(t,e)?.filter(e=>{let t=n.find(t=>t.id===e.id);return!(t&&Ge(t.getFilterFn(),e.value,t))}))},e.resetColumnFilters=t=>{e.setColumnFilters(t?[]:e.initialState?.columnFilters??[])},e.getPreFilteredRowModel=()=>e.getCoreRowModel(),e.getFilteredRowModel=()=>(!e._getFilteredRowModel&&e.options.getFilteredRowModel&&(e._getFilteredRowModel=e.options.getFilteredRowModel(e)),e.options.manualFiltering||!e._getFilteredRowModel?e.getPreFilteredRowModel():e._getFilteredRowModel())}},_t=(e,t,n)=>n.reduce((t,n)=>{let r=n.getValue(e);return t+(typeof r==`number`?r:0)},0),vt=(e,t,n)=>{let r;return n.forEach(t=>{let n=t.getValue(e);n!=null&&(r>n||r===void 0&&n>=n)&&(r=n)}),r},yt=(e,t,n)=>{let r;return n.forEach(t=>{let n=t.getValue(e);n!=null&&(r<n||r===void 0&&n>=n)&&(r=n)}),r},bt=(e,t,n)=>{let r,i;return n.forEach(t=>{let n=t.getValue(e);n!=null&&(r===void 0?n>=n&&(r=i=n):(r>n&&(r=n),i<n&&(i=n)))}),[r,i]},xt=(e,t)=>{let n=0,r=0;if(t.forEach(t=>{let i=t.getValue(e);i!=null&&(i=+i)>=i&&(++n,r+=i)}),n)return r/n},St=(e,t)=>{if(!t.length)return;let n=t.map(t=>t.getValue(e));if(!ze(n))return;if(n.length===1)return n[0];let r=Math.floor(n.length/2),i=n.sort((e,t)=>e-t);return n.length%2==0?(i[r-1]+i[r])/2:i[r]},Ct=(e,t)=>Array.from(new Set(t.map(t=>t.getValue(e))).values()),wt=(e,t)=>new Set(t.map(t=>t.getValue(e))).size,Tt=(e,t)=>t.length,H={sum:_t,min:vt,max:yt,extent:bt,mean:xt,median:St,unique:Ct,uniqueCount:wt,count:Tt},Et={getDefaultColumnDef:()=>({aggregatedCell:e=>{var t;return((t=e.getValue())==null||t.toString==null?void 0:t.toString())??null},aggregationFn:`auto`}),getInitialState:e=>({grouping:[],...e}),getDefaultOptions:e=>({onGroupingChange:N(`grouping`,e),groupedColumnMode:`reorder`}),createColumn:(e,t)=>{e.toggleGrouping=()=>{t.setGrouping(t=>t!=null&&t.includes(e.id)?t.filter(t=>t!==e.id):[...t??[],e.id])},e.getCanGroup=()=>(e.columnDef.enableGrouping??!0)&&(t.options.enableGrouping??!0)&&(!!e.accessorFn||!!e.columnDef.getGroupingValue),e.getIsGrouped=()=>t.getState().grouping?.includes(e.id),e.getGroupedIndex=()=>t.getState().grouping?.indexOf(e.id),e.getToggleGroupingHandler=()=>{let t=e.getCanGroup();return()=>{t&&e.toggleGrouping()}},e.getAutoAggregationFn=()=>{let n=t.getCoreRowModel().flatRows[0]?.getValue(e.id);if(typeof n==`number`)return H.sum;if(Object.prototype.toString.call(n)===`[object Date]`)return H.extent},e.getAggregationFn=()=>{if(!e)throw Error();return Re(e.columnDef.aggregationFn)?e.columnDef.aggregationFn:e.columnDef.aggregationFn===`auto`?e.getAutoAggregationFn():t.options.aggregationFns?.[e.columnDef.aggregationFn]??H[e.columnDef.aggregationFn]}},createTable:e=>{e.setGrouping=t=>e.options.onGroupingChange==null?void 0:e.options.onGroupingChange(t),e.resetGrouping=t=>{e.setGrouping(t?[]:e.initialState?.grouping??[])},e.getPreGroupedRowModel=()=>e.getFilteredRowModel(),e.getGroupedRowModel=()=>(!e._getGroupedRowModel&&e.options.getGroupedRowModel&&(e._getGroupedRowModel=e.options.getGroupedRowModel(e)),e.options.manualGrouping||!e._getGroupedRowModel?e.getPreGroupedRowModel():e._getGroupedRowModel())},createRow:(e,t)=>{e.getIsGrouped=()=>!!e.groupingColumnId,e.getGroupingValue=n=>{if(e._groupingValuesCache.hasOwnProperty(n))return e._groupingValuesCache[n];let r=t.getColumn(n);return r!=null&&r.columnDef.getGroupingValue?(e._groupingValuesCache[n]=r.columnDef.getGroupingValue(e.original),e._groupingValuesCache[n]):e.getValue(n)},e._groupingValuesCache={}},createCell:(e,t,n,r)=>{e.getIsGrouped=()=>t.getIsGrouped()&&t.id===n.groupingColumnId,e.getIsPlaceholder=()=>!e.getIsGrouped()&&t.getIsGrouped(),e.getIsAggregated=()=>{var t;return!e.getIsGrouped()&&!e.getIsPlaceholder()&&!!((t=n.subRows)!=null&&t.length)}}},Dt={getInitialState:e=>({columnOrder:[],...e}),getDefaultOptions:e=>({onColumnOrderChange:N(`columnOrder`,e)}),createColumn:(e,t)=>{e.getIndex=P(e=>[L(t,e)],t=>t.findIndex(t=>t.id===e.id),F(t.options,`debugColumns`,`getIndex`)),e.getIsFirstColumn=n=>L(t,n)[0]?.id===e.id,e.getIsLastColumn=n=>{let r=L(t,n);return r[r.length-1]?.id===e.id}},createTable:e=>{e.setColumnOrder=t=>e.options.onColumnOrderChange==null?void 0:e.options.onColumnOrderChange(t),e.resetColumnOrder=t=>{e.setColumnOrder(t?[]:e.initialState.columnOrder??[])},e._getOrderColumnsFn=P(()=>[e.getState().columnOrder,e.getState().grouping,e.options.groupedColumnMode],(e,t,n)=>r=>{let i=[];if(!(e!=null&&e.length))i=r;else{let t=[...e],n=[...r];for(;n.length&&t.length;){let e=t.shift(),r=n.findIndex(t=>t.id===e);r>-1&&i.push(n.splice(r,1)[0])}i=[...i,...n]}return Ke(i,t,n)},F(e.options,`debugTable`,`_getOrderColumnsFn`))}},U=()=>({left:[],right:[]}),Ot={getInitialState:e=>({columnPinning:U(),...e}),getDefaultOptions:e=>({onColumnPinningChange:N(`columnPinning`,e)}),createColumn:(e,t)=>{e.pin=n=>{let r=e.getLeafColumns().map(e=>e.id).filter(Boolean);t.setColumnPinning(e=>n===`right`?{left:(e?.left??[]).filter(e=>!(r!=null&&r.includes(e))),right:[...(e?.right??[]).filter(e=>!(r!=null&&r.includes(e))),...r]}:n===`left`?{left:[...(e?.left??[]).filter(e=>!(r!=null&&r.includes(e))),...r],right:(e?.right??[]).filter(e=>!(r!=null&&r.includes(e)))}:{left:(e?.left??[]).filter(e=>!(r!=null&&r.includes(e))),right:(e?.right??[]).filter(e=>!(r!=null&&r.includes(e)))})},e.getCanPin=()=>e.getLeafColumns().some(e=>(e.columnDef.enablePinning??!0)&&(t.options.enableColumnPinning??t.options.enablePinning??!0)),e.getIsPinned=()=>{let n=e.getLeafColumns().map(e=>e.id),{left:r,right:i}=t.getState().columnPinning,a=n.some(e=>r?.includes(e)),o=n.some(e=>i?.includes(e));return a?`left`:o?`right`:!1},e.getPinnedIndex=()=>{var n;let r=e.getIsPinned();return r?((n=t.getState().columnPinning)==null||(n=n[r])==null?void 0:n.indexOf(e.id))??-1:0}},createRow:(e,t)=>{e.getCenterVisibleCells=P(()=>[e._getAllVisibleCells(),t.getState().columnPinning.left,t.getState().columnPinning.right],(e,t,n)=>{let r=[...t??[],...n??[]];return e.filter(e=>!r.includes(e.column.id))},F(t.options,`debugRows`,`getCenterVisibleCells`)),e.getLeftVisibleCells=P(()=>[e._getAllVisibleCells(),t.getState().columnPinning.left],(e,t)=>(t??[]).map(t=>e.find(e=>e.column.id===t)).filter(Boolean).map(e=>({...e,position:`left`})),F(t.options,`debugRows`,`getLeftVisibleCells`)),e.getRightVisibleCells=P(()=>[e._getAllVisibleCells(),t.getState().columnPinning.right],(e,t)=>(t??[]).map(t=>e.find(e=>e.column.id===t)).filter(Boolean).map(e=>({...e,position:`right`})),F(t.options,`debugRows`,`getRightVisibleCells`))},createTable:e=>{e.setColumnPinning=t=>e.options.onColumnPinningChange==null?void 0:e.options.onColumnPinningChange(t),e.resetColumnPinning=t=>e.setColumnPinning(t?U():e.initialState?.columnPinning??U()),e.getIsSomeColumnsPinned=t=>{let n=e.getState().columnPinning;return t?!!n[t]?.length:!!(n.left?.length||n.right?.length)},e.getLeftLeafColumns=P(()=>[e.getAllLeafColumns(),e.getState().columnPinning.left],(e,t)=>(t??[]).map(t=>e.find(e=>e.id===t)).filter(Boolean),F(e.options,`debugColumns`,`getLeftLeafColumns`)),e.getRightLeafColumns=P(()=>[e.getAllLeafColumns(),e.getState().columnPinning.right],(e,t)=>(t??[]).map(t=>e.find(e=>e.id===t)).filter(Boolean),F(e.options,`debugColumns`,`getRightLeafColumns`)),e.getCenterLeafColumns=P(()=>[e.getAllLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(e,t,n)=>{let r=[...t??[],...n??[]];return e.filter(e=>!r.includes(e.id))},F(e.options,`debugColumns`,`getCenterLeafColumns`))}},W={size:150,minSize:20,maxSize:2**53-1},kt=()=>({startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,columnSizingStart:[]}),At={getDefaultColumnDef:()=>W,getInitialState:e=>({columnSizing:{},columnSizingInfo:kt(),...e}),getDefaultOptions:e=>({columnResizeMode:`onEnd`,columnResizeDirection:`ltr`,onColumnSizingChange:N(`columnSizing`,e),onColumnSizingInfoChange:N(`columnSizingInfo`,e)}),createColumn:(e,t)=>{e.getSize=()=>{let n=t.getState().columnSizing[e.id];return Math.min(Math.max(e.columnDef.minSize??W.minSize,n??e.columnDef.size??W.size),e.columnDef.maxSize??W.maxSize)},e.getStart=P(e=>[e,L(t,e),t.getState().columnSizing],(t,n)=>n.slice(0,e.getIndex(t)).reduce((e,t)=>e+t.getSize(),0),F(t.options,`debugColumns`,`getStart`)),e.getAfter=P(e=>[e,L(t,e),t.getState().columnSizing],(t,n)=>n.slice(e.getIndex(t)+1).reduce((e,t)=>e+t.getSize(),0),F(t.options,`debugColumns`,`getAfter`)),e.resetSize=()=>{t.setColumnSizing(t=>{let{[e.id]:n,...r}=t;return r})},e.getCanResize=()=>(e.columnDef.enableResizing??!0)&&(t.options.enableColumnResizing??!0),e.getIsResizing=()=>t.getState().columnSizingInfo.isResizingColumn===e.id},createHeader:(e,t)=>{e.getSize=()=>{let t=0,n=e=>{e.subHeaders.length?e.subHeaders.forEach(n):t+=e.column.getSize()??0};return n(e),t},e.getStart=()=>{if(e.index>0){let t=e.headerGroup.headers[e.index-1];return t.getStart()+t.getSize()}return 0},e.getResizeHandler=n=>{let r=t.getColumn(e.column.id),i=r?.getCanResize();return a=>{if(!r||!i||(a.persist==null||a.persist(),Ye(a)&&a.touches&&a.touches.length>1))return;let o=e.getSize(),s=e?e.getLeafHeaders().map(e=>[e.column.id,e.column.getSize()]):[[r.id,r.getSize()]],c=Ye(a)?Math.round(a.touches[0].clientX):a.clientX,l={},u=(e,n)=>{typeof n==`number`&&(t.setColumnSizingInfo(e=>{let r=t.options.columnResizeDirection===`rtl`?-1:1,i=(n-(e?.startOffset??0))*r,a=Math.max(i/(e?.startSize??0),-.999999);return e.columnSizingStart.forEach(e=>{let[t,n]=e;l[t]=Math.round(Math.max(n+n*a,0)*100)/100}),{...e,deltaOffset:i,deltaPercentage:a}}),(t.options.columnResizeMode===`onChange`||e===`end`)&&t.setColumnSizing(e=>({...e,...l})))},d=e=>u(`move`,e),f=e=>{u(`end`,e),t.setColumnSizingInfo(e=>({...e,isResizingColumn:!1,startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,columnSizingStart:[]}))},p=qe(n),m={moveHandler:e=>d(e.clientX),upHandler:e=>{p?.removeEventListener(`mousemove`,m.moveHandler),p?.removeEventListener(`mouseup`,m.upHandler),f(e.clientX)}},h={moveHandler:e=>(e.cancelable&&(e.preventDefault(),e.stopPropagation()),d(e.touches[0].clientX),!1),upHandler:e=>{p?.removeEventListener(`touchmove`,h.moveHandler),p?.removeEventListener(`touchend`,h.upHandler),e.cancelable&&(e.preventDefault(),e.stopPropagation()),f(e.touches[0]?.clientX)}},g=Je()?{passive:!1}:!1;Ye(a)?(p?.addEventListener(`touchmove`,h.moveHandler,g),p?.addEventListener(`touchend`,h.upHandler,g)):(p?.addEventListener(`mousemove`,m.moveHandler,g),p?.addEventListener(`mouseup`,m.upHandler,g)),t.setColumnSizingInfo(e=>({...e,startOffset:c,startSize:o,deltaOffset:0,deltaPercentage:0,columnSizingStart:s,isResizingColumn:r.id}))}}},createTable:e=>{e.setColumnSizing=t=>e.options.onColumnSizingChange==null?void 0:e.options.onColumnSizingChange(t),e.setColumnSizingInfo=t=>e.options.onColumnSizingInfoChange==null?void 0:e.options.onColumnSizingInfoChange(t),e.resetColumnSizing=t=>{e.setColumnSizing(t?{}:e.initialState.columnSizing??{})},e.resetHeaderSizeInfo=t=>{e.setColumnSizingInfo(t?kt():e.initialState.columnSizingInfo??kt())},e.getTotalSize=()=>e.getHeaderGroups()[0]?.headers.reduce((e,t)=>e+t.getSize(),0)??0,e.getLeftTotalSize=()=>e.getLeftHeaderGroups()[0]?.headers.reduce((e,t)=>e+t.getSize(),0)??0,e.getCenterTotalSize=()=>e.getCenterHeaderGroups()[0]?.headers.reduce((e,t)=>e+t.getSize(),0)??0,e.getRightTotalSize=()=>e.getRightHeaderGroups()[0]?.headers.reduce((e,t)=>e+t.getSize(),0)??0}},G=null,jt={getInitialState:e=>({columnVisibility:{},...e}),getDefaultOptions:e=>({onColumnVisibilityChange:N(`columnVisibility`,e)}),createColumn:(e,t)=>{e.toggleVisibility=n=>{e.getCanHide()&&t.setColumnVisibility(t=>({...t,[e.id]:n??!e.getIsVisible()}))},e.getIsVisible=()=>{let n=e.columns;return(n.length?n.some(e=>e.getIsVisible()):t.getState().columnVisibility?.[e.id])??!0},e.getCanHide=()=>(e.columnDef.enableHiding??!0)&&(t.options.enableHiding??!0),e.getToggleVisibilityHandler=()=>t=>{e.toggleVisibility==null||e.toggleVisibility(t.target.checked)}},createRow:(e,t)=>{e._getAllVisibleCells=P(()=>[e.getAllCells(),t.getState().columnVisibility],e=>e.filter(e=>e.column.getIsVisible()),F(t.options,`debugRows`,`_getAllVisibleCells`)),e.getVisibleCells=P(()=>[e.getLeftVisibleCells(),e.getCenterVisibleCells(),e.getRightVisibleCells()],(e,t,n)=>[...e,...t,...n],F(t.options,`debugRows`,`getVisibleCells`))},createTable:e=>{let t=(t,n)=>P(()=>[n(),n().filter(e=>e.getIsVisible()).map(e=>e.id).join(`_`)],e=>e.filter(e=>e.getIsVisible==null?void 0:e.getIsVisible()),F(e.options,`debugColumns`,t));e.getVisibleFlatColumns=t(`getVisibleFlatColumns`,()=>e.getAllFlatColumns()),e.getVisibleLeafColumns=t(`getVisibleLeafColumns`,()=>e.getAllLeafColumns()),e.getLeftVisibleLeafColumns=t(`getLeftVisibleLeafColumns`,()=>e.getLeftLeafColumns()),e.getRightVisibleLeafColumns=t(`getRightVisibleLeafColumns`,()=>e.getRightLeafColumns()),e.getCenterVisibleLeafColumns=t(`getCenterVisibleLeafColumns`,()=>e.getCenterLeafColumns()),e.setColumnVisibility=t=>e.options.onColumnVisibilityChange==null?void 0:e.options.onColumnVisibilityChange(t),e.resetColumnVisibility=t=>{e.setColumnVisibility(t?{}:e.initialState.columnVisibility??{})},e.toggleAllColumnsVisible=t=>{t??=!e.getIsAllColumnsVisible(),e.setColumnVisibility(e.getAllLeafColumns().reduce((e,n)=>({...e,[n.id]:t||!(n.getCanHide!=null&&n.getCanHide())}),{}))},e.getIsAllColumnsVisible=()=>!e.getAllLeafColumns().some(e=>!(e.getIsVisible!=null&&e.getIsVisible())),e.getIsSomeColumnsVisible=()=>e.getAllLeafColumns().some(e=>e.getIsVisible==null?void 0:e.getIsVisible()),e.getToggleAllColumnsVisibilityHandler=()=>t=>{e.toggleAllColumnsVisible(t.target?.checked)}}},Mt={createTable:e=>{e._getGlobalFacetedRowModel=e.options.getFacetedRowModel&&e.options.getFacetedRowModel(e,`__global__`),e.getGlobalFacetedRowModel=()=>e.options.manualFiltering||!e._getGlobalFacetedRowModel?e.getPreFilteredRowModel():e._getGlobalFacetedRowModel(),e._getGlobalFacetedUniqueValues=e.options.getFacetedUniqueValues&&e.options.getFacetedUniqueValues(e,`__global__`),e.getGlobalFacetedUniqueValues=()=>e._getGlobalFacetedUniqueValues?e._getGlobalFacetedUniqueValues():new Map,e._getGlobalFacetedMinMaxValues=e.options.getFacetedMinMaxValues&&e.options.getFacetedMinMaxValues(e,`__global__`),e.getGlobalFacetedMinMaxValues=()=>{if(e._getGlobalFacetedMinMaxValues)return e._getGlobalFacetedMinMaxValues()}}},Nt={getInitialState:e=>({globalFilter:void 0,...e}),getDefaultOptions:e=>({onGlobalFilterChange:N(`globalFilter`,e),globalFilterFn:`auto`,getColumnCanGlobalFilter:t=>{var n;let r=(n=e.getCoreRowModel().flatRows[0])==null||(n=n._getAllCellsByColumnId()[t.id])==null?void 0:n.getValue();return typeof r==`string`||typeof r==`number`}}),createColumn:(e,t)=>{e.getCanGlobalFilter=()=>(e.columnDef.enableGlobalFilter??!0)&&(t.options.enableGlobalFilter??!0)&&(t.options.enableFilters??!0)&&((t.options.getColumnCanGlobalFilter==null?void 0:t.options.getColumnCanGlobalFilter(e))??!0)&&!!e.accessorFn},createTable:e=>{e.getGlobalAutoFilterFn=()=>V.includesString,e.getGlobalFilterFn=()=>{let{globalFilterFn:t}=e.options;return Re(t)?t:t===`auto`?e.getGlobalAutoFilterFn():e.options.filterFns?.[t]??V[t]},e.setGlobalFilter=t=>{e.options.onGlobalFilterChange==null||e.options.onGlobalFilterChange(t)},e.resetGlobalFilter=t=>{e.setGlobalFilter(t?void 0:e.initialState.globalFilter)}}},Pt={getInitialState:e=>({expanded:{},...e}),getDefaultOptions:e=>({onExpandedChange:N(`expanded`,e),paginateExpandedRows:!0}),createTable:e=>{let t=!1,n=!1;e._autoResetExpanded=()=>{if(!t){e._queue(()=>{t=!0});return}if(e.options.autoResetAll??e.options.autoResetExpanded??!e.options.manualExpanding){if(n)return;n=!0,e._queue(()=>{e.resetExpanded(),n=!1})}},e.setExpanded=t=>e.options.onExpandedChange==null?void 0:e.options.onExpandedChange(t),e.toggleAllRowsExpanded=t=>{t??!e.getIsAllRowsExpanded()?e.setExpanded(!0):e.setExpanded({})},e.resetExpanded=t=>{e.setExpanded(t?{}:e.initialState?.expanded??{})},e.getCanSomeRowsExpand=()=>e.getPrePaginationRowModel().flatRows.some(e=>e.getCanExpand()),e.getToggleAllRowsExpandedHandler=()=>t=>{t.persist==null||t.persist(),e.toggleAllRowsExpanded()},e.getIsSomeRowsExpanded=()=>{let t=e.getState().expanded;return t===!0||Object.values(t).some(Boolean)},e.getIsAllRowsExpanded=()=>{let t=e.getState().expanded;return typeof t==`boolean`?t===!0:!(!Object.keys(t).length||e.getRowModel().flatRows.some(e=>!e.getIsExpanded()))},e.getExpandedDepth=()=>{let t=0;return(e.getState().expanded===!0?Object.keys(e.getRowModel().rowsById):Object.keys(e.getState().expanded)).forEach(e=>{let n=e.split(`.`);t=Math.max(t,n.length)}),t},e.getPreExpandedRowModel=()=>e.getSortedRowModel(),e.getExpandedRowModel=()=>(!e._getExpandedRowModel&&e.options.getExpandedRowModel&&(e._getExpandedRowModel=e.options.getExpandedRowModel(e)),e.options.manualExpanding||!e._getExpandedRowModel?e.getPreExpandedRowModel():e._getExpandedRowModel())},createRow:(e,t)=>{e.toggleExpanded=n=>{t.setExpanded(r=>{let i=r===!0||!!(r!=null&&r[e.id]),a={};if(r===!0?Object.keys(t.getRowModel().rowsById).forEach(e=>{a[e]=!0}):a=r,n??=!i,!i&&n)return{...a,[e.id]:!0};if(i&&!n){let{[e.id]:t,...n}=a;return n}return r})},e.getIsExpanded=()=>{let n=t.getState().expanded;return!!((t.options.getIsRowExpanded==null?void 0:t.options.getIsRowExpanded(e))??(n===!0||n?.[e.id]))},e.getCanExpand=()=>{var n;return(t.options.getRowCanExpand==null?void 0:t.options.getRowCanExpand(e))??((t.options.enableExpanding??!0)&&!!((n=e.subRows)!=null&&n.length))},e.getIsAllParentsExpanded=()=>{let n=!0,r=e;for(;n&&r.parentId;)r=t.getRow(r.parentId,!0),n=r.getIsExpanded();return n},e.getToggleExpandedHandler=()=>{let t=e.getCanExpand();return()=>{t&&e.toggleExpanded()}}}},K=0,Ft=10,It=()=>({pageIndex:K,pageSize:Ft}),Lt={getInitialState:e=>({...e,pagination:{...It(),...e?.pagination}}),getDefaultOptions:e=>({onPaginationChange:N(`pagination`,e)}),createTable:e=>{let t=!1,n=!1;e._autoResetPageIndex=()=>{if(!t){e._queue(()=>{t=!0});return}if(e.options.autoResetAll??e.options.autoResetPageIndex??!e.options.manualPagination){if(n)return;n=!0,e._queue(()=>{e.resetPageIndex(),n=!1})}},e.setPagination=t=>e.options.onPaginationChange==null?void 0:e.options.onPaginationChange(e=>M(t,e)),e.resetPagination=t=>{e.setPagination(t?It():e.initialState.pagination??It())},e.setPageIndex=t=>{e.setPagination(n=>{let r=M(t,n.pageIndex),i=e.options.pageCount===void 0||e.options.pageCount===-1?2**53-1:e.options.pageCount-1;return r=Math.max(0,Math.min(r,i)),{...n,pageIndex:r}})},e.resetPageIndex=t=>{var n;e.setPageIndex(t?K:((n=e.initialState)==null||(n=n.pagination)==null?void 0:n.pageIndex)??K)},e.resetPageSize=t=>{var n;e.setPageSize(t?Ft:((n=e.initialState)==null||(n=n.pagination)==null?void 0:n.pageSize)??Ft)},e.setPageSize=t=>{e.setPagination(e=>{let n=Math.max(1,M(t,e.pageSize)),r=e.pageSize*e.pageIndex,i=Math.floor(r/n);return{...e,pageIndex:i,pageSize:n}})},e.setPageCount=t=>e.setPagination(n=>{let r=M(t,e.options.pageCount??-1);return typeof r==`number`&&(r=Math.max(-1,r)),{...n,pageCount:r}}),e.getPageOptions=P(()=>[e.getPageCount()],e=>{let t=[];return e&&e>0&&(t=[...Array(e)].fill(null).map((e,t)=>t)),t},F(e.options,`debugTable`,`getPageOptions`)),e.getCanPreviousPage=()=>e.getState().pagination.pageIndex>0,e.getCanNextPage=()=>{let{pageIndex:t}=e.getState().pagination,n=e.getPageCount();return n===-1||n!==0&&t<n-1},e.previousPage=()=>e.setPageIndex(e=>e-1),e.nextPage=()=>e.setPageIndex(e=>e+1),e.firstPage=()=>e.setPageIndex(0),e.lastPage=()=>e.setPageIndex(e.getPageCount()-1),e.getPrePaginationRowModel=()=>e.getExpandedRowModel(),e.getPaginationRowModel=()=>(!e._getPaginationRowModel&&e.options.getPaginationRowModel&&(e._getPaginationRowModel=e.options.getPaginationRowModel(e)),e.options.manualPagination||!e._getPaginationRowModel?e.getPrePaginationRowModel():e._getPaginationRowModel()),e.getPageCount=()=>e.options.pageCount??Math.ceil(e.getRowCount()/e.getState().pagination.pageSize),e.getRowCount=()=>e.options.rowCount??e.getPrePaginationRowModel().rows.length}},Rt=()=>({top:[],bottom:[]}),zt={getInitialState:e=>({rowPinning:Rt(),...e}),getDefaultOptions:e=>({onRowPinningChange:N(`rowPinning`,e)}),createRow:(e,t)=>{e.pin=(n,r,i)=>{let a=r?e.getLeafRows().map(e=>{let{id:t}=e;return t}):[],o=i?e.getParentRows().map(e=>{let{id:t}=e;return t}):[],s=new Set([...o,e.id,...a]);t.setRowPinning(e=>n===`bottom`?{top:(e?.top??[]).filter(e=>!(s!=null&&s.has(e))),bottom:[...(e?.bottom??[]).filter(e=>!(s!=null&&s.has(e))),...Array.from(s)]}:n===`top`?{top:[...(e?.top??[]).filter(e=>!(s!=null&&s.has(e))),...Array.from(s)],bottom:(e?.bottom??[]).filter(e=>!(s!=null&&s.has(e)))}:{top:(e?.top??[]).filter(e=>!(s!=null&&s.has(e))),bottom:(e?.bottom??[]).filter(e=>!(s!=null&&s.has(e)))})},e.getCanPin=()=>{let{enableRowPinning:n,enablePinning:r}=t.options;return typeof n==`function`?n(e):n??r??!0},e.getIsPinned=()=>{let n=[e.id],{top:r,bottom:i}=t.getState().rowPinning,a=n.some(e=>r?.includes(e)),o=n.some(e=>i?.includes(e));return a?`top`:o?`bottom`:!1},e.getPinnedIndex=()=>{let n=e.getIsPinned();return n?((n===`top`?t.getTopRows():t.getBottomRows())?.map(e=>{let{id:t}=e;return t}))?.indexOf(e.id)??-1:-1}},createTable:e=>{e.setRowPinning=t=>e.options.onRowPinningChange==null?void 0:e.options.onRowPinningChange(t),e.resetRowPinning=t=>e.setRowPinning(t?Rt():e.initialState?.rowPinning??Rt()),e.getIsSomeRowsPinned=t=>{let n=e.getState().rowPinning;return t?!!n[t]?.length:!!(n.top?.length||n.bottom?.length)},e._getPinnedRows=(t,n,r)=>(e.options.keepPinnedRows??!0?(n??[]).map(t=>{let n=e.getRow(t,!0);return n.getIsAllParentsExpanded()?n:null}):(n??[]).map(e=>t.find(t=>t.id===e))).filter(Boolean).map(e=>({...e,position:r})),e.getTopRows=P(()=>[e.getRowModel().rows,e.getState().rowPinning.top],(t,n)=>e._getPinnedRows(t,n,`top`),F(e.options,`debugRows`,`getTopRows`)),e.getBottomRows=P(()=>[e.getRowModel().rows,e.getState().rowPinning.bottom],(t,n)=>e._getPinnedRows(t,n,`bottom`),F(e.options,`debugRows`,`getBottomRows`)),e.getCenterRows=P(()=>[e.getRowModel().rows,e.getState().rowPinning.top,e.getState().rowPinning.bottom],(e,t,n)=>{let r=new Set([...t??[],...n??[]]);return e.filter(e=>!r.has(e.id))},F(e.options,`debugRows`,`getCenterRows`))}},Bt={getInitialState:e=>({rowSelection:{},...e}),getDefaultOptions:e=>({onRowSelectionChange:N(`rowSelection`,e),enableRowSelection:!0,enableMultiRowSelection:!0,enableSubRowSelection:!0}),createTable:e=>{e.setRowSelection=t=>e.options.onRowSelectionChange==null?void 0:e.options.onRowSelectionChange(t),e.resetRowSelection=t=>e.setRowSelection(t?{}:e.initialState.rowSelection??{}),e.toggleAllRowsSelected=t=>{e.setRowSelection(n=>{t=t===void 0?!e.getIsAllRowsSelected():t;let r={...n},i=e.getPreGroupedRowModel().flatRows;return t?i.forEach(e=>{e.getCanSelect()&&(r[e.id]=!0)}):i.forEach(e=>{delete r[e.id]}),r})},e.toggleAllPageRowsSelected=t=>e.setRowSelection(n=>{let r=t===void 0?!e.getIsAllPageRowsSelected():t,i={...n};return e.getRowModel().rows.forEach(t=>{Vt(i,t.id,r,!0,e)}),i}),e.getPreSelectedRowModel=()=>e.getCoreRowModel(),e.getSelectedRowModel=P(()=>[e.getState().rowSelection,e.getCoreRowModel()],(t,n)=>Object.keys(t).length?Xe(e,n):{rows:[],flatRows:[],rowsById:{}},F(e.options,`debugTable`,`getSelectedRowModel`)),e.getFilteredSelectedRowModel=P(()=>[e.getState().rowSelection,e.getFilteredRowModel()],(t,n)=>Object.keys(t).length?Xe(e,n):{rows:[],flatRows:[],rowsById:{}},F(e.options,`debugTable`,`getFilteredSelectedRowModel`)),e.getGroupedSelectedRowModel=P(()=>[e.getState().rowSelection,e.getSortedRowModel()],(t,n)=>Object.keys(t).length?Xe(e,n):{rows:[],flatRows:[],rowsById:{}},F(e.options,`debugTable`,`getGroupedSelectedRowModel`)),e.getIsAllRowsSelected=()=>{let t=e.getFilteredRowModel().flatRows,{rowSelection:n}=e.getState(),r=!!(t.length&&Object.keys(n).length);return r&&t.some(e=>e.getCanSelect()&&!n[e.id])&&(r=!1),r},e.getIsAllPageRowsSelected=()=>{let t=e.getPaginationRowModel().flatRows.filter(e=>e.getCanSelect()),{rowSelection:n}=e.getState(),r=!!t.length;return r&&t.some(e=>!n[e.id])&&(r=!1),r},e.getIsSomeRowsSelected=()=>{let t=Object.keys(e.getState().rowSelection??{}).length;return t>0&&t<e.getFilteredRowModel().flatRows.length},e.getIsSomePageRowsSelected=()=>{let t=e.getPaginationRowModel().flatRows;return!e.getIsAllPageRowsSelected()&&t.filter(e=>e.getCanSelect()).some(e=>e.getIsSelected()||e.getIsSomeSelected())},e.getToggleAllRowsSelectedHandler=()=>t=>{e.toggleAllRowsSelected(t.target.checked)},e.getToggleAllPageRowsSelectedHandler=()=>t=>{e.toggleAllPageRowsSelected(t.target.checked)}},createRow:(e,t)=>{e.toggleSelected=(n,r)=>{let i=e.getIsSelected();t.setRowSelection(a=>{if(n=n===void 0?!i:n,e.getCanSelect()&&i===n)return a;let o={...a};return Vt(o,e.id,n,r?.selectChildren??!0,t),o})},e.getIsSelected=()=>{let{rowSelection:n}=t.getState();return Ze(e,n)},e.getIsSomeSelected=()=>{let{rowSelection:n}=t.getState();return Qe(e,n)===`some`},e.getIsAllSubRowsSelected=()=>{let{rowSelection:n}=t.getState();return Qe(e,n)===`all`},e.getCanSelect=()=>typeof t.options.enableRowSelection==`function`?t.options.enableRowSelection(e):t.options.enableRowSelection??!0,e.getCanSelectSubRows=()=>typeof t.options.enableSubRowSelection==`function`?t.options.enableSubRowSelection(e):t.options.enableSubRowSelection??!0,e.getCanMultiSelect=()=>typeof t.options.enableMultiRowSelection==`function`?t.options.enableMultiRowSelection(e):t.options.enableMultiRowSelection??!0,e.getToggleSelectedHandler=()=>{let t=e.getCanSelect();return n=>{t&&e.toggleSelected(n.target?.checked)}}}},Vt=(e,t,n,r,i)=>{var a;let o=i.getRow(t,!0);n?(o.getCanMultiSelect()||Object.keys(e).forEach(t=>delete e[t]),o.getCanSelect()&&(e[t]=!0)):delete e[t],r&&(a=o.subRows)!=null&&a.length&&o.getCanSelectSubRows()&&o.subRows.forEach(t=>Vt(e,t.id,n,r,i))},Ht=/([0-9]+)/gm,Ut=(e,t,n)=>et(R(e.getValue(n)).toLowerCase(),R(t.getValue(n)).toLowerCase()),Wt=(e,t,n)=>et(R(e.getValue(n)),R(t.getValue(n))),Gt=(e,t,n)=>$e(R(e.getValue(n)).toLowerCase(),R(t.getValue(n)).toLowerCase()),Kt=(e,t,n)=>$e(R(e.getValue(n)),R(t.getValue(n))),qt=(e,t,n)=>{let r=e.getValue(n),i=t.getValue(n);return r>i?1:r<i?-1:0},Jt=(e,t,n)=>$e(e.getValue(n),t.getValue(n)),q={alphanumeric:Ut,alphanumericCaseSensitive:Wt,text:Gt,textCaseSensitive:Kt,datetime:qt,basic:Jt},Yt={getInitialState:e=>({sorting:[],...e}),getDefaultColumnDef:()=>({sortingFn:`auto`,sortUndefined:1}),getDefaultOptions:e=>({onSortingChange:N(`sorting`,e),isMultiSortEvent:e=>e.shiftKey}),createColumn:(e,t)=>{e.getAutoSortingFn=()=>{let n=t.getFilteredRowModel().flatRows.slice(10),r=!1;for(let t of n){let n=t?.getValue(e.id);if(Object.prototype.toString.call(n)===`[object Date]`)return q.datetime;if(typeof n==`string`&&(r=!0,n.split(Ht).length>1))return q.alphanumeric}return r?q.text:q.basic},e.getAutoSortDir=()=>typeof t.getFilteredRowModel().flatRows[0]?.getValue(e.id)==`string`?`asc`:`desc`,e.getSortingFn=()=>{if(!e)throw Error();return Re(e.columnDef.sortingFn)?e.columnDef.sortingFn:e.columnDef.sortingFn===`auto`?e.getAutoSortingFn():t.options.sortingFns?.[e.columnDef.sortingFn]??q[e.columnDef.sortingFn]},e.toggleSorting=(n,r)=>{let i=e.getNextSortingOrder(),a=n!=null;t.setSorting(o=>{let s=o?.find(t=>t.id===e.id),c=o?.findIndex(t=>t.id===e.id),l=[],u,d=a?n:i===`desc`;return u=o!=null&&o.length&&e.getCanMultiSort()&&r?s?`toggle`:`add`:o!=null&&o.length&&c!==o.length-1?`replace`:s?`toggle`:`replace`,u===`toggle`&&(a||i||(u=`remove`)),u===`add`?(l=[...o,{id:e.id,desc:d}],l.splice(0,l.length-(t.options.maxMultiSortColCount??2**53-1))):l=u===`toggle`?o.map(t=>t.id===e.id?{...t,desc:d}:t):u===`remove`?o.filter(t=>t.id!==e.id):[{id:e.id,desc:d}],l})},e.getFirstSortDir=()=>e.columnDef.sortDescFirst??t.options.sortDescFirst??e.getAutoSortDir()===`desc`?`desc`:`asc`,e.getNextSortingOrder=n=>{let r=e.getFirstSortDir(),i=e.getIsSorted();return i?i!==r&&(t.options.enableSortingRemoval??!0)&&(!n||(t.options.enableMultiRemove??!0))?!1:i===`desc`?`asc`:`desc`:r},e.getCanSort=()=>(e.columnDef.enableSorting??!0)&&(t.options.enableSorting??!0)&&!!e.accessorFn,e.getCanMultiSort=()=>e.columnDef.enableMultiSort??t.options.enableMultiSort??!!e.accessorFn,e.getIsSorted=()=>{let n=t.getState().sorting?.find(t=>t.id===e.id);return n?n.desc?`desc`:`asc`:!1},e.getSortIndex=()=>t.getState().sorting?.findIndex(t=>t.id===e.id)??-1,e.clearSorting=()=>{t.setSorting(t=>t!=null&&t.length?t.filter(t=>t.id!==e.id):[])},e.getToggleSortingHandler=()=>{let n=e.getCanSort();return r=>{n&&(r.persist==null||r.persist(),e.toggleSorting==null||e.toggleSorting(void 0,e.getCanMultiSort()?t.options.isMultiSortEvent==null?void 0:t.options.isMultiSortEvent(r):!1))}}},createTable:e=>{e.setSorting=t=>e.options.onSortingChange==null?void 0:e.options.onSortingChange(t),e.resetSorting=t=>{e.setSorting(t?[]:e.initialState?.sorting??[])},e.getPreSortedRowModel=()=>e.getGroupedRowModel(),e.getSortedRowModel=()=>(!e._getSortedRowModel&&e.options.getSortedRowModel&&(e._getSortedRowModel=e.options.getSortedRowModel(e)),e.options.manualSorting||!e._getSortedRowModel?e.getPreSortedRowModel():e._getSortedRowModel())}},Xt=[at,jt,Dt,Ot,st,gt,Mt,Nt,Yt,Et,Pt,Lt,zt,Bt,At]})))()}function Qt(e,t){return e?$t(e)?rn.createElement(e,t):e:null}function $t(e){return en(e)||typeof e==`function`||tn(e)}function en(e){return typeof e==`function`&&(()=>{let t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}function tn(e){return typeof e==`object`&&typeof e.$$typeof==`symbol`&&[`react.memo`,`react.forward_ref`].includes(e.$$typeof.description)}function nn(e){let t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=rn.useState(()=>({current:tt(t)})),[r,i]=rn.useState(()=>n.current.initialState);return n.current.setOptions(t=>({...t,...e,state:{...r,...e.state},onStateChange:t=>{i(t),e.onStateChange==null||e.onStateChange(t)}})),n.current}var rn;function J(){return(J=e((()=>{rn=t(n(),1),Zt()})))()}var an,on;function sn(){return(sn=e((()=>{an=`YJUVjb`,on={resizeHandle:an}})))()}function cn(e,t){let n=e.closest(`th`)?.getBoundingClientRect().width;return _(typeof n==`number`&&Number.isFinite(n)?n:t,t)}function ln({columnId:e,className:t,minWidth:n,keyboardStep:r=dn,ariaLabel:i=`Изменить ширину колонки`,getStartWidth:a,onResize:o,onResizeEnd:s,onReset:c}){let l=n??60,u=(0,Y.useRef)(0),d=(0,Y.useRef)(0),f=(0,Y.useRef)(0),p=(0,Y.useRef)(!1),m=(0,Y.useRef)(!1),h=t=>{let n=a?.(e,t)??cn(t,l);return _(n,l)},g=e=>{(e.button===0||e.pointerType!==`mouse`)&&(p.current=!0,m.current=!1,u.current=e.clientX,d.current=h(e.currentTarget),f.current=d.current,e.currentTarget.setPointerCapture(e.pointerId),e.preventDefault(),e.stopPropagation())},ee=t=>{if(!p.current)return;let n=_(d.current+t.clientX-u.current,l);f.current=n,m.current=!0,o(e,n),t.preventDefault(),t.stopPropagation()},te=t=>{if(p.current){p.current=!1,m.current&&s?.(e,f.current);try{t.currentTarget.releasePointerCapture(t.pointerId)}catch{}t.preventDefault(),t.stopPropagation()}};return(0,un.jsx)(`div`,{role:`separator`,"aria-label":i,"aria-orientation":`vertical`,tabIndex:0,onPointerDown:g,onPointerMove:ee,onPointerUp:te,onPointerCancel:te,onKeyDown:t=>{if(t.key!==`ArrowLeft`&&t.key!==`ArrowRight`&&t.key!==`Home`)return;if(t.preventDefault(),t.stopPropagation(),t.key===`Home`){c?.(e);return}let n=t.key===`ArrowRight`?1:-1,i=h(t.currentTarget),a=_(i+n*r,l);o(e,a),s?.(e,a)},onDoubleClick:t=>{t.preventDefault(),t.stopPropagation(),c?.(e)},className:b(on.resizeHandle,t)})}var Y,un,dn;function fn(){return(fn=e((()=>{Y=n(),y(),x(),sn(),un=m(),dn=8,ln.__docgenInfo={description:``,methods:[],displayName:`TableColumnResizeHandle`,props:{columnId:{required:!0,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},minWidth:{required:!1,tsType:{name:`number`},description:``},keyboardStep:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`8`,computed:!1}},ariaLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Изменить ширину колонки"`,computed:!1}},getStartWidth:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(columnId: string, element: HTMLElement) => number`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`HTMLElement`},name:`element`}],return:{name:`number`}}},description:``},onResize:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(columnId: string, width: number) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`number`},name:`width`}],return:{name:`void`}}},description:``},onResizeEnd:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(columnId: string, width: number) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`number`},name:`width`}],return:{name:`void`}}},description:``},onReset:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(columnId: string) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`}],return:{name:`void`}}},description:``}}}})))()}function pn(e,t){return typeof e==`function`?e(t):e}function mn({columnId:e,children:t,dragDisabled:n=!1,draggingClassName:r,resizeHandle:i,className:a,style:o,...s}){let{attributes:c,listeners:l,setActivatorNodeRef:u,setNodeRef:d,transform:f,isDragging:p,rect:m}=T({id:e,disabled:n}),h=p?m.current?.width:void 0,g={transform:E.Translate.toString(f),zIndex:p?`calc(var(--z-header) + 1)`:void 0,...h?{width:h,minWidth:h}:{},...o},_={attributes:c,listeners:l,setActivatorElement:u,disabled:n,isDragging:p};return(0,hn.jsxs)(`th`,{...s,ref:d,className:b(a,p&&r),style:g,children:[pn(t,_),i?(0,hn.jsx)(ln,{...i}):null]})}var hn;function gn(){return(gn=e((()=>{Se(),be(),x(),fn(),hn=m(),mn.__docgenInfo={description:``,methods:[],displayName:`TableHeaderInteractionCell`,props:{columnId:{required:!0,tsType:{name:`UniqueIdentifier`},description:``},children:{required:!0,tsType:{name:`union`,raw:`ReactNode | ((dragState: TableHeaderCellDragState) => ReactNode)`,elements:[{name:`ReactNode`},{name:`unknown`}]},description:``},dragDisabled:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},draggingClassName:{required:!1,tsType:{name:`string`},description:``},resizeHandle:{required:!1,tsType:{name:`signature`,type:`object`,raw:`{
|
|
5
|
+
columnId: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
minWidth?: number;
|
|
8
|
+
keyboardStep?: number;
|
|
9
|
+
ariaLabel?: string;
|
|
10
|
+
getStartWidth?: (columnId: string, element: HTMLElement) => number;
|
|
11
|
+
onResize: (columnId: string, width: number) => void;
|
|
12
|
+
onResizeEnd?: (columnId: string, width: number) => void;
|
|
13
|
+
onReset?: (columnId: string) => void;
|
|
14
|
+
}`,signature:{properties:[{key:`columnId`,value:{name:`string`,required:!0}},{key:`className`,value:{name:`string`,required:!1}},{key:`minWidth`,value:{name:`number`,required:!1}},{key:`keyboardStep`,value:{name:`number`,required:!1}},{key:`ariaLabel`,value:{name:`string`,required:!1}},{key:`getStartWidth`,value:{name:`signature`,type:`function`,raw:`(columnId: string, element: HTMLElement) => number`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`HTMLElement`},name:`element`}],return:{name:`number`}},required:!1}},{key:`onResize`,value:{name:`signature`,type:`function`,raw:`(columnId: string, width: number) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`number`},name:`width`}],return:{name:`void`}},required:!0}},{key:`onResizeEnd`,value:{name:`signature`,type:`function`,raw:`(columnId: string, width: number) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`number`},name:`width`}],return:{name:`void`}},required:!1}},{key:`onReset`,value:{name:`signature`,type:`function`,raw:`(columnId: string) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`}],return:{name:`void`}},required:!1}}]}},description:``}}}})))()}function _n(e){return{left:Array.from(new Set((e?.left??[]).filter(e=>typeof e==`string`&&e.trim().length>0))),right:[]}}function vn(e,t){let n=t?.[e.id];if(typeof n==`number`&&Number.isFinite(n)&&n>0)return`${Math.floor(n)}px`;let r=se(e.columnDef)?.width??4;return typeof r==`number`&&(r=Math.max(r,4)),te(r)}function yn(e,t){let n=e.getAllLeafColumns().filter(e=>e.getIsVisible()),r=new Map(n.map(e=>[e.id,e])),i=n.map(e=>e.id),a=S(t.columnPinning.left,i),o=S(t.columnPinning.right,i),s=new Set([...a,...o]),c=[];for(let e of n)s.has(e.id)||c.push(e.id);let l=re({ids:c,order:t.columnOrder});return ue([...a,...l,...o],r)}function bn(e,t){let n=yn(e,t),r=new Map(n.map(e=>[e.id,e]));return ee({ids:n.map(e=>e.id),getWidth:e=>{let n=r.get(e);return n?vn(n,t.columnSizing):`0px`}}).flatMap(e=>{let t=r.get(e.id);return t?[{...e,column:t}]:[]})}function xn(e,t){let n={},r=[];for(let i of yn(e,t))i.getIsPinned()===`left`&&(n[i.id]=Sn(r),r.push(vn(i,t.columnSizing)));return n}function Sn(e){return e.length===0?`0px`:e.length===1?e[0]:`calc(${e.join(` + `)})`}function Cn(){return(Cn=e((()=>{le(),y()})))()}function wn(e){if(typeof e.id==`string`&&e.id.trim())return e.id;if(`accessorKey`in e&&typeof e.accessorKey==`string`&&e.accessorKey.trim())return e.accessorKey}function Tn(e){return`cell`in e&&e.cell!=null}function En(e,t){for(let n of e){if(`columns`in n&&Array.isArray(n.columns)&&n.columns.length>0){En(n.columns,t);continue}t(n)}}function Dn(e){let t={},n=new Set;return En(e,e=>{let r=wn(e);if(!r)return;Tn(e)&&n.add(r);let i=ae(e);i&&(t[r]={...i,id:i.id??r,role:i.role??`dimension`,type:i.type??`string`})}),{runtimeByColumnId:w(t),customCellColumnIds:n}}function On(e){return!e.customCellColumnIds.has(e.columnId)&&!!e.runtimeByColumnId[e.columnId]}function kn(){return(kn=e((()=>{de(),y()})))()}function An(e){return e!=null&&e!==``}function jn(e,t){return e.map(e=>({row:e,boundaryKey:t(e),cellByColumnId:new Map(e.getVisibleCells().map(e=>[e.column.id,e]))}))}function Mn({rows:e,columns:t,resolveRowBoundaryKey:n=()=>`__all_rows__`,excludeColumnIds:r}){let i=t.filter(e=>!r?.has(e.id)&&se(e.columnDef)?.mergeDuplicates===!0);if(e.length===0||i.length===0)return new Map;let a=jn(e,n),o=new Map;for(let e of i){let t=-1,n,r,i=i=>{if(t!==-1){if(i-t<=1){t=-1,n=void 0,r=void 0;return}for(let n=t;n<i;n+=1){let r=a[n]?.cellByColumnId.get(e.id)?.id;r&&o.set(r,{hideContent:n>t,mergeWithNext:n<i-1})}t=-1,n=void 0,r=void 0}};for(let o=0;o<a.length;o+=1){let s=a[o],c=s?.cellByColumnId.get(e.id),l=c?.getValue();if(!c||!An(l)){i(o);continue}if(t===-1){t=o,n=l,r=s?.boundaryKey;continue}(!Object.is(r,s?.boundaryKey)||!Object.is(n,l))&&(i(o),t=o,n=l,r=s?.boundaryKey)}i(a.length)}return o}function Nn(){return(Nn=e((()=>{y()})))()}function Pn({columnOrder:e,defaultColumnOrder:t,onColumnOrderChange:n}){let[r,i]=(0,Fn.useState)(void 0),a=(0,Fn.useMemo)(()=>g(e??r??t),[e,t,r]);return{columnOrder:a,onColumnOrderChange:(0,Fn.useCallback)(t=>{let r=g(M(t,a));e===void 0&&i(r),n?.(r)},[e,n,a])}}var Fn;function In(){return(In=e((()=>{Fn=n(),y(),J()})))()}function Ln({columnPinning:e,defaultColumnPinning:t,onColumnPinningChange:n}){let[r,i]=(0,Rn.useState)(void 0),a=(0,Rn.useMemo)(()=>_n(e??r??t),[e,t,r]);return{columnPinning:a,onColumnPinningChange:(0,Rn.useCallback)(t=>{let r={left:_n(M(t,a)).left};e===void 0&&i(r),n?.(r)},[e,n,a])}}var Rn;function zn(){return(zn=e((()=>{Rn=n(),J(),Cn()})))()}function Bn({columnSizing:e,defaultColumnSizing:t,columnResizeMinWidth:n,onColumnSizingChange:r}){let[i,a]=(0,Vn.useState)(void 0),o=(0,Vn.useMemo)(()=>v(e??i??t,n),[n,e,t,i]);return{columnSizing:o,onColumnSizingChange:(0,Vn.useCallback)(t=>{let i=v(M(t,o),n);e===void 0&&a(i),r?.(i)},[n,e,r,o])}}var Vn;function Hn(){return(Hn=e((()=>{Vn=n(),y(),J()})))()}function Un({columnVisibility:e,defaultColumnVisibility:t,onColumnVisibilityChange:n}){let[r,i]=(0,Wn.useState)(void 0),a=(0,Wn.useMemo)(()=>e??r??t??{},[e,t,r]);return{columnVisibility:a,onColumnVisibilityChange:(0,Wn.useCallback)(t=>{let r=M(t,a);e===void 0&&i(r),n?.(r)},[e,n,a])}}var Wn;function Gn(){return(Gn=e((()=>{Wn=n(),J()})))()}var Kn;function qn(){return(qn=e((()=>{be(),Kn=e=>{let{transform:t}=e;return{...t,y:0}}})))()}var Jn,Yn,Xn,Zn,Qn,$n,er,tr,nr,rr,ir,ar,or,sr,cr,lr,ur,dr,fr,pr,X;function mr(){return(mr=e((()=>{Jn=`_0rNBMr`,Yn=`gp-7Db`,Xn=`Ck-sXP`,Zn=`-F3gli`,Qn=`buIdkU`,$n=`_2VJbvj`,er=`AD8NkG`,tr=`qqixKn`,nr=`dVDRNv`,rr=`klOoMz`,ir=`CpjV-N`,ar=`_7D8xa9`,or=`_3j87pS`,sr=`uwojkJ`,cr=`lLsmW6`,lr=`xKvBFg`,ur=`QIS3xA`,dr=`a580w0`,fr=`UOhaMF`,pr=`DtKAgs`,X={root:Jn,headerContextMenuTrigger:Yn,table:Xn,head:Zn,pinnedLeftBoundary:Qn,headerRow:$n,headerCell:er,headerCellContent:tr,headerCellDraggable:nr,headerCellDragging:rr,headerCellPinnedLeft:ir,bodyRow:ar,bodyRowInteractive:or,bodyCell:sr,bodyRowSelected:cr,bodyCellPinnedLeft:lr,bodyCellMergedWithNext:ur,feedbackCell:dr,fetchingRow:fr,noData:pr}})))()}function hr({header:e,isPinnedLeft:t,left:n,isPinnedBoundary:r,isDragDisabled:i,enableColumnResizing:a,enableColumnReordering:o,columnResizeMinWidth:s,renderHeaderContent:c,onResizeColumn:l,onResetColumnWidth:u}){return(0,gr.jsx)(mn,{columnId:e.column.id,dragDisabled:!o||i,draggingClassName:X.headerCellDragging,className:b(X.headerCell,t&&X.headerCellPinnedLeft,r&&X.pinnedLeftBoundary),style:{...t?{left:n}:{}},resizeHandle:a&&!e.isPlaceholder?{columnId:e.column.id,minWidth:s,onResize:l,onReset:u}:void 0,children:({listeners:t,setActivatorElement:n})=>(0,gr.jsx)(`div`,{ref:o&&!i?n:void 0,className:b(X.headerCellContent,o&&!i&&X.headerCellDraggable),...o&&!i?t??{}:{},children:c(e)})})}var gr;function _r(){return(_r=e((()=>{x(),gn(),mr(),gr=m(),hr.__docgenInfo={description:``,methods:[],displayName:`BaseTableHeaderCell`,props:{header:{required:!0,tsType:{name:`Header`,elements:[{name:`TData`},{name:`unknown`}],raw:`Header<TData, unknown>`},description:``},isPinnedLeft:{required:!0,tsType:{name:`boolean`},description:``},left:{required:!1,tsType:{name:`string`},description:``},isPinnedBoundary:{required:!0,tsType:{name:`boolean`},description:``},isDragDisabled:{required:!0,tsType:{name:`boolean`},description:``},enableColumnResizing:{required:!0,tsType:{name:`boolean`},description:``},enableColumnReordering:{required:!0,tsType:{name:`boolean`},description:``},columnResizeMinWidth:{required:!0,tsType:{name:`union`,raw:`number | undefined`,elements:[{name:`number`},{name:`undefined`}]},description:``},renderHeaderContent:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(header: Header<TData, unknown>) => ReactNode`,signature:{arguments:[{type:{name:`Header`,elements:[{name:`TData`},{name:`unknown`}],raw:`Header<TData, unknown>`},name:`header`}],return:{name:`ReactNode`}}},description:``},onResizeColumn:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(columnId: string, width: number) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`number`},name:`width`}],return:{name:`void`}}},description:``},onResetColumnWidth:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(columnId: string) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`}],return:{name:`void`}}},description:``}}}})))()}function vr(e,t){let n=e.getLeafHeaders().map(e=>t.get(e.column.id)).filter(e=>typeof e==`number`);return n.length?Math.min(...n):2**53-1}function yr(e,t){let n=e.getLeftHeaderGroups(),r=e.getCenterHeaderGroups(),i=e.getRightHeaderGroups(),a=Math.max(n.length,r.length,i.length);return Array.from({length:a},(e,a)=>[...n[a]?.headers??[],...r[a]?.headers??[],...i[a]?.headers??[]].filter(e=>e.isPlaceholder?!0:e.getLeafHeaders().some(e=>t.has(e.column.id))).sort((e,n)=>vr(e,t)-vr(n,t)))}function br(e,t,n){let r=e.getLeafHeaders().map(e=>e.column.id);return r.length>0&&r.every(e=>e in t)?{isPinnedLeft:!0,left:t[r[0]]??`0px`,isPinnedBoundary:!!(n&&r.includes(n))}:{isPinnedLeft:!1,isPinnedBoundary:!1}}function xr(e,t){let n=e.getAllLeafColumns().map(e=>e.id);return re({ids:n,order:t.columnOrder})}function Sr({table:e,columnState:t,title:n,isLoading:r,isFetching:i,className:a,minHeight:o=`15em`,tableClassName:s,selectionMode:c=`none`,scrollableRef:l,interactiveElementSelector:u,onActivateRow:d,isRowInteractive:m,getRowClassName:g,getCellClassName:_,getCellStyle:ee,getCellLayout:te,renderCellContent:v,renderHeaderContextMenu:re,enableColumnResizing:ae=!1,enableColumnReordering:y=!1,columnResizeMinWidth:x,afterTableContent:le}){let S=bn(e,t),ue=(0,Z.useMemo)(()=>S.map(e=>e.column),[S]),C=(0,Z.useMemo)(()=>S.map(e=>e.id),[S]),w=(0,Z.useMemo)(()=>new Map(C.map((e,t)=>[e,t])),[C]),de=(0,Z.useMemo)(()=>new Set(C),[C]),fe=Ce({activationDistance:8}),pe=yr(e,w),ge=xn(e,t),ve=ue.filter(e=>e.getIsPinned()===`left`).at(-1)?.id,T=(0,Z.useMemo)(()=>t.columnPinning.left??[],[t.columnPinning.left]),be=(0,Z.useMemo)(()=>new Set(T),[T]),xe=e.getRowModel(),Se=!!n,E=xe.rows.length>0,we=(0,Z.useCallback)(e=>[...e].sort((e,t)=>(w.get(e.column.id)??2**53-1)-(w.get(t.column.id)??2**53-1)),[w]),Ee=(0,Z.useCallback)((t,n)=>{e.setColumnSizing(e=>ie(e,t,n,x))},[x,e]),De=(0,Z.useCallback)(t=>{e.setColumnSizing(e=>h(e,t))},[e]),Oe=(0,Z.useCallback)(n=>{let r=f({event:n,items:C});if(!r)return;let i=xr(e,t),a=oe({order:i,headerIds:C,pinnedIds:T,activeId:String(r.activeId),overId:String(r.overId)});a&&e.setColumnOrder(a)},[t,T,e,C]),ke=e=>{if(e.isPlaceholder)return null;let t=Qt(e.column.columnDef.header,e.getContext()),n=re?.(e);return n?(0,Q.jsxs)(_e,{children:[(0,Q.jsx)(_e.Trigger,{children:(0,Q.jsx)(`div`,{className:X.headerContextMenuTrigger,tabIndex:0,children:t})}),(0,Q.jsx)(_e.Content,{children:n})]}):t},Ae=(e,t)=>{!(m?.(t)??!!d)||!d||ne(e.target,u)||d(t)},je=(e,t)=>{!(m?.(t)??!!d)||!d||ne(e.target,u)||ce(e,()=>d(t))};return(0,Q.jsxs)(ye,{templateRows:Se?`auto 1fr`:`1fr`,className:b(`overflowHidden w100 h100`,X.root,a),style:{minHeight:o},children:[Se&&(0,Q.jsx)(`h3`,{className:`marginBottomXs`,children:n}),(0,Q.jsxs)(`div`,{className:`surface0 overflowHidden relative w100 h100`,children:[(0,Q.jsx)(Te,{ref:l,className:`w100 h100`,children:(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsxs)(`table`,{className:b(X.table,s),children:[(0,Q.jsx)(`colgroup`,{children:S.map(e=>(0,Q.jsx)(`col`,{style:e.width?{width:e.width}:void 0},e.id))}),(0,Q.jsx)(`thead`,{className:b(`stickyTop`,X.head),children:y?(0,Q.jsx)(p.Root,{sensors:fe,modifiers:[Kn],onDragEnd:Oe,children:(0,Q.jsx)(p.Container,{containerId:`base-table-header`,items:C,layout:`horizontal`,children:pe.map((e,t)=>(0,Q.jsx)(`tr`,{className:X.headerRow,children:e.map(e=>{let{isPinnedLeft:t,left:n,isPinnedBoundary:r}=br(e,ge,ve),i=e.isPlaceholder||!de.has(e.column.id)||be.has(e.column.id);return(0,Q.jsx)(hr,{header:e,isPinnedLeft:t,left:n,isPinnedBoundary:r,isDragDisabled:i,enableColumnResizing:ae,enableColumnReordering:y,columnResizeMinWidth:x,renderHeaderContent:ke,onResizeColumn:Ee,onResetColumnWidth:De},e.id)})},`header-group-${t}`))})}):pe.map((e,t)=>(0,Q.jsx)(`tr`,{className:X.headerRow,children:e.map(e=>{let{isPinnedLeft:t,left:n,isPinnedBoundary:r}=br(e,ge,ve);return(0,Q.jsx)(hr,{header:e,isPinnedLeft:t,left:n,isPinnedBoundary:r,isDragDisabled:!0,enableColumnResizing:ae,enableColumnReordering:y,columnResizeMinWidth:x,renderHeaderContent:ke,onResizeColumn:Ee,onResetColumnWidth:De},e.id)})},`header-group-${t}`))}),(0,Q.jsxs)(`tbody`,{children:[xe.rows.map(e=>{let t=m?.(e)??!!d;return(0,Q.jsx)(`tr`,{className:b(X.bodyRow,t&&X.bodyRowInteractive,e.getIsSelected()&&X.bodyRowSelected,g?.(e)),"aria-selected":c===`none`?void 0:e.getIsSelected(),tabIndex:t?0:void 0,onClick:t=>Ae(t,e),onKeyDown:t=>je(t,e),children:we([...e.getLeftVisibleCells(),...e.getCenterVisibleCells(),...e.getRightVisibleCells()]).map(t=>{let n=se(t.column.columnDef),r=Qt(t.column.columnDef.cell,t.getContext()),i={row:e,cell:t,defaultContent:r,columnMeta:n},a=te?.(i),o=t.column.getIsPinned()===`left`,s=t.column.id===ve,c={...n?.align?{textAlign:n.align}:{},...o?{left:ge[t.column.id]??`0px`}:{},...ee?.(i)??{}};return(0,Q.jsx)(`td`,{className:b(X.bodyCell,o&&X.bodyCellPinnedLeft,s&&X.pinnedLeftBoundary,a?.mergeWithNext&&X.bodyCellMergedWithNext,_?.(i)),style:c,children:a?.hideContent?null:v?v(i):r},t.id)})},e.id)}),i&&E&&(0,Q.jsx)(`tr`,{className:X.fetchingRow,children:(0,Q.jsx)(`td`,{colSpan:Math.max(ue.length,1),className:X.feedbackCell,children:(0,Q.jsx)(me,{})})})]})]}),le]})}),(0,Q.jsxs)(`div`,{className:`absolute inset0 border`,style:{pointerEvents:`none`,zIndex:20},children:[!r&&!i&&!E&&(0,Q.jsx)(he,{className:X.noData}),r&&!E&&(0,Q.jsx)(me,{className:`h100 w100`})]})]})]})}var Z,Q;function Cr(){return(Cr=e((()=>{Z=n(),qn(),xe(),y(),x(),J(),ge(),ve(),fe(),pe(),we(),d(),Cn(),mr(),_r(),Q=m(),Sr.__docgenInfo={description:"Базовая таблица с общим UI-каркасом для Table и TreeTable.\n\n@NOTE: не для использования напрямую, это база для `Table` и `TreeTable`",methods:[],displayName:`BaseTable`,props:{table:{required:!0,tsType:{name:`TanStackTable`,elements:[{name:`TData`}],raw:`TanStackTable<TData>`},description:``},columnState:{required:!0,tsType:{name:`Pick`,elements:[{name:`TableState`},{name:`union`,raw:`"columnOrder" | "columnPinning" | "columnSizing" | "columnVisibility"`,elements:[{name:`literal`,value:`"columnOrder"`},{name:`literal`,value:`"columnPinning"`},{name:`literal`,value:`"columnSizing"`},{name:`literal`,value:`"columnVisibility"`}]}],raw:`Pick<TableState, "columnOrder" | "columnPinning" | "columnSizing" | "columnVisibility">`},description:``},title:{required:!1,tsType:{name:`string`},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``},isFetching:{required:!1,tsType:{name:`boolean`},description:``},className:{required:!1,tsType:{name:`string`},description:``},minHeight:{required:!1,tsType:{name:`union`,raw:"`${number}em` | `${number}%`",elements:[{name:`literal`,value:"`${number}em`"},{name:`literal`,value:"`${number}%`"}]},description:``,defaultValue:{value:`"15em"`,computed:!1}},tableClassName:{required:!1,tsType:{name:`string`},description:``},selectionMode:{required:!1,tsType:{name:`TableSelectionMode`},description:``,defaultValue:{value:`"none"`,computed:!1}},scrollableRef:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLDivElement`}],raw:`Ref<HTMLDivElement>`},description:``},interactiveElementSelector:{required:!1,tsType:{name:`string`},description:``},onActivateRow:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: Row<TData>) => void`,signature:{arguments:[{type:{name:`Row`,elements:[{name:`TData`}],raw:`Row<TData>`},name:`row`}],return:{name:`void`}}},description:``},isRowInteractive:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: Row<TData>) => boolean`,signature:{arguments:[{type:{name:`Row`,elements:[{name:`TData`}],raw:`Row<TData>`},name:`row`}],return:{name:`boolean`}}},description:``},getRowClassName:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: Row<TData>) => string | undefined`,signature:{arguments:[{type:{name:`Row`,elements:[{name:`TData`}],raw:`Row<TData>`},name:`row`}],return:{name:`union`,raw:`string | undefined`,elements:[{name:`string`},{name:`undefined`}]}}},description:``},getCellClassName:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(args: BaseTableCellRenderArgs<TData>) => string | undefined`,signature:{arguments:[{type:{name:`BaseTableCellRenderArgs`,elements:[{name:`TData`}],raw:`BaseTableCellRenderArgs<TData>`},name:`args`}],return:{name:`union`,raw:`string | undefined`,elements:[{name:`string`},{name:`undefined`}]}}},description:``},getCellStyle:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(args: BaseTableCellRenderArgs<TData>) => CSSProperties | undefined`,signature:{arguments:[{type:{name:`BaseTableCellRenderArgs`,elements:[{name:`TData`}],raw:`BaseTableCellRenderArgs<TData>`},name:`args`}],return:{name:`union`,raw:`CSSProperties | undefined`,elements:[{name:`CSSProperties`},{name:`undefined`}]}}},description:``},getCellLayout:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(args: BaseTableCellRenderArgs<TData>) => BaseTableCellLayout | undefined`,signature:{arguments:[{type:{name:`BaseTableCellRenderArgs`,elements:[{name:`TData`}],raw:`BaseTableCellRenderArgs<TData>`},name:`args`}],return:{name:`union`,raw:`BaseTableCellLayout | undefined`,elements:[{name:`BaseTableCellLayout`},{name:`undefined`}]}}},description:``},renderCellContent:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(args: BaseTableCellRenderArgs<TData>) => ReactNode`,signature:{arguments:[{type:{name:`BaseTableCellRenderArgs`,elements:[{name:`TData`}],raw:`BaseTableCellRenderArgs<TData>`},name:`args`}],return:{name:`ReactNode`}}},description:``},renderHeaderContextMenu:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(header: Header<TData, unknown>) => ReactNode`,signature:{arguments:[{type:{name:`Header`,elements:[{name:`TData`},{name:`unknown`}],raw:`Header<TData, unknown>`},name:`header`}],return:{name:`ReactNode`}}},description:`Общий слот контекстного меню заголовка.
|
|
15
|
+
|
|
16
|
+
BaseTable намеренно не знает про сортировку, группировку или доменные
|
|
17
|
+
действия. Он только сохраняет единый доступный способ открыть меню для
|
|
18
|
+
\`Table\` и \`TreeTable\`, а содержимое передает потребитель.`},enableColumnResizing:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},enableColumnReordering:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},columnResizeMinWidth:{required:!1,tsType:{name:`number`},description:``},afterTableContent:{required:!1,tsType:{name:`ReactNode`},description:``}}}})))()}var wr,Tr,Er,Dr;function Or(){return(Or=e((()=>{wr=`jPPyP7`,Tr=`Oa7e5P`,Er=`KhQtgF`,Dr={formattedCellValue:wr,formattedCell:Tr,formattedCellInner:Er}})))()}function kr({displayValue:e,align:t=`left`}){let n=(0,Ar.useRef)(null),r=e.showValue,i=e.showIcon?e.icon:void 0,a=r&&e.value!=null?String(e.value):``,o=C(e.state),s=t===`right`?`flex-end`:t===`center`?`center`:`flex-start`,c=t===`center`?`center`:t===`right`?`right`:`left`;return(0,Ar.useEffect)(()=>{let t=n.current;if(!t)return;let r=()=>{if(!e.overflowTooltip||!a){t.removeAttribute(`title`);return}if(t.scrollWidth>t.clientWidth+1){t.setAttribute(`title`,a);return}t.removeAttribute(`title`)};if(r(),typeof ResizeObserver>`u`)return;let i=new ResizeObserver(r);return i.observe(t),()=>{i.disconnect()}},[e.overflowTooltip,a]),(0,$.jsx)(`div`,{className:b(Dr.formattedCell,o),children:(0,$.jsxs)(`div`,{className:Dr.formattedCellInner,style:{justifyContent:s},children:[e.iconPosition===`left`?(0,$.jsx)(Fe,{state:i}):null,r?(0,$.jsx)(`span`,{ref:n,className:b(`textOverflow`,Dr.formattedCellValue),style:{textAlign:c},children:a}):null,e.iconPosition===`right`?(0,$.jsx)(Fe,{state:i}):null]})})}var Ar,$;function jr(){return(jr=e((()=>{Ar=n(),de(),x(),Le(),Or(),$=m(),kr.__docgenInfo={description:"Общий renderer форматированной ячейки для `Table` и будущего `TreeTable`.\n\nКомпонент отвечает только за UI-отрисовку уже вычисленного display-result:\nruntime и бизнес-логика вычисления значения в него не входят.",methods:[],displayName:`FormattedTableCell`,props:{displayValue:{required:!0,tsType:{name:`FormattersPipelineDisplayValue`},description:`Нормализованный display-result из formatting-runtime.`},align:{required:!1,tsType:{name:`TableColumnAlign`},description:`Табличное выравнивание содержимого.`,defaultValue:{value:`"left"`,computed:!1}}}}})))()}export{rt as C,nt as S,On as _,Gn as a,J as b,Bn as c,In as d,Pn as f,kn as g,Dn as h,Cr as i,zn as l,Nn as m,jr as n,Un as o,Mn as p,Sr as r,Hn as s,kr as t,Ln as u,yn as v,Zt as w,nn as x,Cn as y};
|
|
@@ -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,c as m,d as h,f as g,i as _,l as v,n as y,o as b,p as x,r as S,s as C,t as w,u as T}from"./Grid.stories-Byb4mMpE.js";function E(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(s,{of:C,parameters:{docs:{toc:!0}}}),`
|
|
2
2
|
`,(0,O.jsx)(u,{children:`Grid`}),`
|
|
3
3
|
`,(0,O.jsx)(o,{children:`Композиция для построения grid-раскладок с управлением колонками, строками и позиционированием элементов`}),`
|
|
4
4
|
`,(0,O.jsx)(t.p,{children:`Grid уже имеет живые 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{n as i,t as a}from"./Grid-BCzygAqy.js";var o=t({Alignment:()=>m,AutoFlow:()=>p,BasicGrid:()=>f,ComplexTemplates:()=>_,Gaps:()=>h,GridAreas:()=>v,InlineGrid:()=>b,ItemPlacement:()=>y,PredefinedVariants:()=>g,RealWorld:()=>x,Responsive:()=>S,__namedExportsOrder:()=>C,default:()=>d}),s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C;function w(){return(w=e((()=>{n(),i(),s=r(),c={container:{border:`2px dashed var(--border-0)`,padding:`2em`,marginBlock:`1em`},item:{textAlign:`center`,fontWeight:`bold`,color:`white`,minHeight:`5em`,minWidth:`10em`,display:`flex`,alignItems:`center`,justifyContent:`center`},itemColors:[`#ff6b6b`,`#4ecdc4`,`#45b7d1`,`#96ceb4`,`#feca57`,`#ff9ff3`,`#54a0ff`,`#5f27cd`]},l=e=>c.itemColors[e%c.itemColors.length],u=({children:e,index:t=0,style:n})=>(0,s.jsx)(a.Item,{style:{...c.item,backgroundColor:l(t),...n},children:e}),d={title:`Shared/Layout/Grid`,component:a.Container,parameters:{layout:`padded`}},f={render:({children:e,...t})=>(0,s.jsx)(a.Container,{...t,templateColumns:`1fr 1fr 1fr`,style:c.container,children:e}),args:{children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(u,{index:0,children:`1`}),(0,s.jsx)(u,{index:1,children:`2`}),(0,s.jsx)(u,{index:2,children:`3`}),(0,s.jsx)(u,{index:3,children:`4`}),(0,s.jsx)(u,{index:4,children:`5`}),(0,s.jsx)(u,{index:5,children:`6`})]})}},p={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{children:`Row (default)`}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(3, 100px)`,templateRows:`repeat(2, 60px)`,gap:`sm`,style:c.container,children:[(0,s.jsx)(u,{index:0,children:`1`}),(0,s.jsx)(u,{index:1,children:`2`}),(0,s.jsx)(u,{index:2,children:`3`}),(0,s.jsx)(u,{index:3,children:`4`}),(0,s.jsx)(u,{index:4,children:`5`}),(0,s.jsx)(u,{index:5,children:`6`})]}),(0,s.jsx)(`h3`,{children:`Column`}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(2, 100px)`,templateRows:`repeat(3, 60px)`,column:!0,gap:`sm`,style:c.container,children:[(0,s.jsx)(u,{index:0,children:`1`}),(0,s.jsx)(u,{index:1,children:`2`}),(0,s.jsx)(u,{index:2,children:`3`}),(0,s.jsx)(u,{index:3,children:`4`}),(0,s.jsx)(u,{index:4,children:`5`}),(0,s.jsx)(u,{index:5,children:`6`})]}),(0,s.jsx)(`h3`,{children:`Dense`}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(4, 80px)`,templateRows:`repeat(3, 60px)`,dense:!0,gap:`sm`,style:c.container,children:[(0,s.jsx)(u,{index:0,style:{gridColumn:`span 2`},children:`Span 2`}),(0,s.jsx)(u,{index:1,children:`2`}),(0,s.jsx)(u,{index:2,style:{gridRow:`span 2`},children:`Span 2`}),(0,s.jsx)(u,{index:3,children:`4`}),(0,s.jsx)(u,{index:4,children:`5`}),(0,s.jsx)(u,{index:5,children:`6`}),(0,s.jsx)(u,{index:6,children:`7`})]})]}),args:{children:void 0}},m={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{style:{marginBlock:`1em`},children:`Align Items`}),[`start`,`center`,`end`,`stretch`].map(e=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h4`,{children:e}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(3, 1fr)`,align:e,gap:`sm`,style:c.container,children:[(0,s.jsx)(u,{index:0,style:{height:e===`stretch`?`auto`:`5em`},children:`Short`}),(0,s.jsx)(u,{index:1,style:{height:e===`stretch`?`auto`:`10em`},children:`Tall`}),(0,s.jsx)(u,{index:2,style:{height:e===`stretch`?`auto`:`8em`},children:`Medium`})]})]},e)),(0,s.jsx)(`h3`,{style:{marginBlock:`1em`},children:`Justify Items`}),[`start`,`center`,`end`,`stretch`].map(e=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h4`,{children:e}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(3, 20em)`,justify:e,gap:`sm`,style:c.container,children:[(0,s.jsx)(u,{index:0,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`}),(0,s.jsx)(u,{index:1,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`}),(0,s.jsx)(u,{index:2,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`})]})]},e))]}),args:{children:void 0}},h={render:()=>(0,s.jsxs)(`div`,{children:[[`xs`,`sm`,`md`,`lg`,`xl`].map(e=>(0,s.jsxs)(`div`,{children:[(0,s.jsxs)(`h3`,{children:[`Gap: `,e]}),(0,s.jsx)(a.Container,{templateColumns:`repeat(3, 1fr)`,gap:e,style:c.container,children:[1,2,3,4,5,6].map(e=>(0,s.jsxs)(u,{index:e,children:[`Item `,e]},e))})]},e)),(0,s.jsx)(`h3`,{children:`Different Row and Column Gaps`}),(0,s.jsx)(a.Container,{templateColumns:`repeat(3, 1fr)`,gapRow:`lg`,gapColumn:`sm`,style:c.container,children:[1,2,3,4,5,6].map(e=>(0,s.jsxs)(u,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},g={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{children:`Single Column (grid-template-columns: 100%; grid-auto-rows: auto 1fr)`}),(0,s.jsxs)(a.Container,{variant:`single-column`,style:{...c.container,height:`200px`},children:[(0,s.jsx)(u,{index:0,children:`Header (auto)`}),(0,s.jsx)(u,{index:1,children:`Content (1fr)`})]}),(0,s.jsx)(`h3`,{children:`Auto 1fr Rows (grid-auto-rows: 1fr)`}),(0,s.jsxs)(a.Container,{variant:`auto-1fr`,templateColumns:`1fr 1fr`,style:{...c.container,height:`150px`},children:[(0,s.jsx)(u,{index:0,children:`Equal`}),(0,s.jsx)(u,{index:1,children:`Height`})]}),(0,s.jsx)(`h3`,{children:`Auto 1fr Columns (grid-template-columns: auto 1fr; grid-auto-rows: auto)`}),(0,s.jsxs)(a.Container,{variant:`auto1fr-rows-auto`,gap:`sm`,style:c.container,children:[(0,s.jsx)(u,{index:0,children:`Label`}),(0,s.jsx)(u,{index:1,children:`Content that takes remaining space`}),(0,s.jsx)(u,{index:2,children:`Another`}),(0,s.jsx)(u,{index:3,children:`More content here`})]})]}),args:{children:void 0}},_={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{children:`Auto-fit with Minmax`}),(0,s.jsx)(a.Container,{templateColumns:`repeat(auto-fit, minmax(150px, 1fr))`,gap:`md`,style:c.container,children:[1,2,3,4,5,6].map(e=>(0,s.jsxs)(u,{index:e,children:[`Card `,e]},e))}),(0,s.jsx)(`h3`,{children:`Fixed and Flexible Columns`}),(0,s.jsxs)(a.Container,{templateColumns:`200px 1fr 100px`,gap:`sm`,style:c.container,children:[(0,s.jsx)(u,{index:0,children:`Sidebar`}),(0,s.jsx)(u,{index:1,children:`Main Content`}),(0,s.jsx)(u,{index:2,children:`Tools`})]}),(0,s.jsx)(`h3`,{children:`Masonry-like Layout`}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(4, 1fr)`,autoRows:`100px`,gap:`sm`,style:c.container,children:[(0,s.jsx)(u,{index:0,style:{gridRow:`span 2`},children:`Tall`}),(0,s.jsx)(u,{index:1,children:`Normal`}),(0,s.jsx)(u,{index:2,children:`Normal`}),(0,s.jsx)(u,{index:3,style:{gridRow:`span 3`},children:`Very Tall`}),(0,s.jsx)(u,{index:4,children:`Normal`}),(0,s.jsx)(u,{index:5,style:{gridRow:`span 2`},children:`Tall`}),(0,s.jsx)(u,{index:6,children:`Normal`}),(0,s.jsx)(u,{index:7,children:`Normal`})]})]}),args:{children:void 0}},v={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{children:`Basic Layout with Areas`}),(0,s.jsxs)(a.Container,{areas:`
|
|
2
2
|
"header header"
|
|
3
3
|
"nav main"
|
|
4
4
|
"footer footer"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e,o as t,t as n}from"./rolldown-runtime-C0FnF6B9.js";import{t as r}from"./react-C21x__mS.js";import{n as i}from"./iframe-
|
|
1
|
+
import{n as e,o as t,t as n}from"./rolldown-runtime-C0FnF6B9.js";import{t as r}from"./react-C21x__mS.js";import{n as i}from"./iframe-BHhbrImE.js";var a=n(((e,t)=>{var n=!1,r,i,a,o,s,c,l,u,d,f,p,m,h,g,_;function v(){if(!n){n=!0;var e=navigator.userAgent,t=/(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e),v=/(Mac OS X)|(Windows)|(Linux)/.exec(e);if(m=/\b(iPhone|iP[ao]d)/.exec(e),h=/\b(iP[ao]d)/.exec(e),f=/Android/i.exec(e),g=/FBAN\/\w+;/i.exec(e),_=/Mobile/i.exec(e),p=!!/Win64/.exec(e),t){r=t[1]?parseFloat(t[1]):t[5]?parseFloat(t[5]):NaN,r&&document&&document.documentMode&&(r=document.documentMode);var y=/(?:Trident\/(\d+.\d+))/.exec(e);c=y?parseFloat(y[1])+4:r,i=t[2]?parseFloat(t[2]):NaN,a=t[3]?parseFloat(t[3]):NaN,o=t[4]?parseFloat(t[4]):NaN,o?(t=/(?:Chrome\/(\d+\.\d+))/.exec(e),s=t&&t[1]?parseFloat(t[1]):NaN):s=NaN}else r=i=a=s=o=NaN;if(v){if(v[1]){var b=/(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);l=!b||parseFloat(b[1].replace(`_`,`.`))}else l=!1;u=!!v[2],d=!!v[3]}else l=u=d=!1}}var y={ie:function(){return v()||r},ieCompatibilityMode:function(){return v()||c>r},ie64:function(){return y.ie()&&p},firefox:function(){return v()||i},opera:function(){return v()||a},webkit:function(){return v()||o},safari:function(){return y.webkit()},chrome:function(){return v()||s},windows:function(){return v()||u},osx:function(){return v()||l},linux:function(){return v()||d},iphone:function(){return v()||m},mobile:function(){return v()||m||h||f||_},nativeApp:function(){return v()||g},android:function(){return v()||f},ipad:function(){return v()||h}};t.exports=y})),o=n(((e,t)=>{var n=!!(typeof window<`u`&&window.document&&window.document.createElement);t.exports={canUseDOM:n,canUseWorkers:typeof Worker<`u`,canUseEventListeners:n&&!!(window.addEventListener||window.attachEvent),canUseViewport:n&&!!window.screen,isInWorker:!n}})),s=n(((e,t)=>{var n=o(),r;n.canUseDOM&&(r=document.implementation&&document.implementation.hasFeature&&document.implementation.hasFeature(``,``)!==!0);function i(e,t){if(!n.canUseDOM||t&&!(`addEventListener`in document))return!1;var i=`on`+e,a=i in document;if(!a){var o=document.createElement(`div`);o.setAttribute(i,`return;`),a=typeof o[i]==`function`}return!a&&r&&e===`wheel`&&(a=document.implementation.hasFeature(`Events.wheel`,`3.0`)),a}t.exports=i})),c=n(((e,t)=>{var n=a(),r=s(),i=10,o=40,c=800;function l(e){var t=0,n=0,r=0,a=0;return`detail`in e&&(n=e.detail),`wheelDelta`in e&&(n=-e.wheelDelta/120),`wheelDeltaY`in e&&(n=-e.wheelDeltaY/120),`wheelDeltaX`in e&&(t=-e.wheelDeltaX/120),`axis`in e&&e.axis===e.HORIZONTAL_AXIS&&(t=n,n=0),r=t*i,a=n*i,`deltaY`in e&&(a=e.deltaY),`deltaX`in e&&(r=e.deltaX),(r||a)&&e.deltaMode&&(e.deltaMode==1?(r*=o,a*=o):(r*=c,a*=c)),r&&!t&&(t=r<1?-1:1),a&&!n&&(n=a<1?-1:1),{spinX:t,spinY:n,pixelX:r,pixelY:a}}l.getEventType=function(){return n.firefox()?`DOMMouseScroll`:r(`wheel`)?`wheel`:`mousewheel`},t.exports=l})),l=n(((e,t)=>{t.exports=c()}));function u(e){"@babel/helpers - typeof";return u=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},u(e)}function d(e,t){if(u(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(u(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function f(e){var t=d(e,`string`);return u(t)==`symbol`?t:t+``}function p(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?m(Object(n),!0).forEach(function(t){p(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function g(e,t,n,r,i,a=0){let{width:o,height:s}=O(e,t,a),c=Math.min(o,n),l=Math.min(s,r);return c>l*i?{width:l*i,height:l}:{width:c,height:c/i}}function _(e){return e.width>e.height?e.width/e.naturalWidth:e.height/e.naturalHeight}function v(e,t,n,r,i=0){let{width:a,height:o}=O(t.width,t.height,i);return{x:y(e.x,a,n.width,r),y:y(e.y,o,n.height,r)}}function y(e,t,n,r){let i=Math.abs(t*r/2-n/2);return k(e,-i,i)}function b(e,t){return Math.sqrt((e.y-t.y)**2+(e.x-t.x)**2)}function x(e,t){return Math.atan2(t.y-e.y,t.x-e.x)*180/Math.PI}function S(e,t,n,r,i,a=0,o=!0){let s=o?C:w,c=O(t.width,t.height,a),l=O(t.naturalWidth,t.naturalHeight,a),u={x:s(100,((c.width-n.width/i)/2-e.x/i)/c.width*100),y:s(100,((c.height-n.height/i)/2-e.y/i)/c.height*100),width:s(100,n.width/c.width*100/i),height:s(100,n.height/c.height*100/i)},d=Math.round(s(l.width,u.width*l.width/100)),f=Math.round(s(l.height,u.height*l.height/100)),p=l.width>=l.height*r?{width:Math.round(f*r),height:f}:{width:d,height:Math.round(d/r)};return{croppedAreaPercentages:u,croppedAreaPixels:h(h({},p),{},{x:Math.round(s(l.width-p.width,u.x*l.width/100)),y:Math.round(s(l.height-p.height,u.y*l.height/100))})}}function C(e,t){return Math.min(e,Math.max(0,t))}function w(e,t){return t}function T(e,t,n,r,i,a){let o=O(t.width,t.height,n),s=k(r.width/o.width*(100/e.width),i,a);return{crop:{x:s*o.width/2-r.width/2-o.width*s*(e.x/100),y:s*o.height/2-r.height/2-o.height*s*(e.y/100)},zoom:s}}function E(e,t,n){let r=_(t);return n.height>n.width?n.height/(e.height*r):n.width/(e.width*r)}function ee(e,t,n=0,r,i,a){let o=O(t.naturalWidth,t.naturalHeight,n),s=k(E(e,t,r),i,a),c=r.height>r.width?r.height/e.height:r.width/e.width;return{crop:{x:((o.width-e.width)/2-e.x)*c,y:((o.height-e.height)/2-e.y)*c},zoom:s}}function D(e,t){return{x:(t.x+e.x)/2,y:(t.y+e.y)/2}}function te(e){return e*Math.PI/180}function O(e,t,n){let r=te(n);return{width:Math.abs(Math.cos(r)*e)+Math.abs(Math.sin(r)*t),height:Math.abs(Math.sin(r)*e)+Math.abs(Math.cos(r)*t)}}function k(e,t,n){return Math.min(Math.max(e,t),n)}function A(...e){return e.filter(e=>typeof e==`string`&&e.length>0).join(` `).trim()}var j,M,N,P,F,I,L,R,z;function B(){return(B=e((()=>{j=t(r(),1),M=t(l(),1),N=`.reactEasyCrop_Container {
|
|
2
2
|
position: absolute;
|
|
3
3
|
top: 0;
|
|
4
4
|
left: 0;
|
|
@@ -1,2 +1,2 @@
|
|
|
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";function r({width:e=`100%`,height:t=`100%`,aspectRatio:n=`16 / 9`,className:r}){return(0,i.jsx)(`div`,{style:{width:e,height:t,aspectRatio:n},className:r,children:(0,i.jsx)(`svg`,{width:e,height:t,viewBox:`0 0 200 200`,xmlns:`http://www.w3.org/2000/svg`,role:`img`,fill:`none`,rx:`10`,ry:`10`,style:{display:`block`},"aria-label":`Изображение недоступно`,children:(0,i.jsxs)(`g`,{fill:`var(--surface-0)`,children:[(0,i.jsx)(`rect`,{x:`40`,y:`50`,width:`120`,height:`100`,rx:`10`}),(0,i.jsx)(`circle`,{cx:`60`,cy:`70`,r:`8`,fill:`var(--surface-2)`}),(0,i.jsx)(`path`,{d:`M50 130 L75 100 L100 130 Z`,fill:`var(--surface-2)`}),(0,i.jsx)(`path`,{d:`M90 130 L120 90 L150 130 Z`,fill:`var(--surface-2)`}),(0,i.jsx)(`line`,{x1:`160`,y1:`40`,x2:`40`,y2:`160`,stroke:`var(--surface-0)`,strokeWidth:`15`,strokeLinecap:`round`}),(0,i.jsx)(`line`,{x1:`160`,y1:`40`,x2:`40`,y2:`160`,stroke:`var(--surface-2)`,strokeWidth:`5`,strokeLinecap:`round`})]})})})}var i;function a(){return(a=e((()=>{i=n(),r.__docgenInfo={description:``,methods:[],displayName:`ImagePlaceholder`,props:{width:{required:!1,tsType:{name:`union`,raw:`number | string`,elements:[{name:`number`},{name:`string`}]},description:``,defaultValue:{value:`"100%"`,computed:!1}},height:{required:!1,tsType:{name:`union`,raw:`number | string`,elements:[{name:`number`},{name:`string`}]},description:``,defaultValue:{value:`"100%"`,computed:!1}},aspectRatio:{required:!1,tsType:{name:`union`,raw:`string | "unset"`,elements:[{name:`string`},{name:`literal`,value:`"unset"`}]},description:``,defaultValue:{value:`"16 / 9"`,computed:!1}},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}function o({src:e,sources:t,alt:n,role:i,ariaLabel:a,caption:o,fallback:l,useFigure:u=!1,layout:d=`cover`,width:f=`100%`,height:p=`100%`,aspectRatio:m,intrinsicWidth:h,intrinsicHeight:g,onLoad:_,onError:v,style:y,wrapperStyle:b,...x}){let S=(0,s.useRef)(null),[C,w]=(0,s.useState)(0),[T,E]=(0,s.useState)(!1),[D,O]=(0,s.useState)(!1),[k,A]=(0,s.useState)(!1);(0,s.useEffect)(()=>{if(typeof IntersectionObserver>`u`){let e=window.setTimeout(()=>E(!0),0);return()=>window.clearTimeout(e)}let e=new IntersectionObserver(([t])=>{if(t.isIntersecting){let n=Math.round(t.boundingClientRect.width);w(n),E(!0),e.disconnect()}},{rootMargin:`100px`,threshold:.01});return S.current&&e.observe(S.current),()=>e.disconnect()},[]);let j=d===`intrinsic`,M=j?`auto`:p,N=h&&g?`${h} / ${g}`:void 0,P=j?N??m??`auto`:m??`16 / 9`,F=j&&P!==`auto`&&P!==`unset`?`100%`:M,I=C?`${C}px`:`100vw`,L=(0,c.jsx)(r,{width:f,height:F,aspectRatio:P}),R=j?{...y,display:`block`,width:`100%`,height:`auto`,objectFit:void 0}:{display:`block`,width:`100%`,height:`100%`,objectFit:d,...y},z=(0,c.jsxs)(c.Fragment,{children:[!D&&!k&&(l||L),T&&!k&&(0,c.jsxs)(`picture`,{children:[t?.map(e=>(0,c.jsx)(`source`,{srcSet:e.srcSet,type:e.type,sizes:e.sizes??I},`${e.type??`source`}-${e.srcSet}`)),(0,c.jsx)(`img`,{src:e,alt:n,role:i,"aria-label":a,onLoad:e=>{O(!0),_?.(e)},onError:e=>{A(!0),v?.(e)},style:D?R:{display:`none`},"aria-busy":!D,width:h,height:g,...x})]}),k&&L]}),B=(0,c.jsx)(`div`,{ref:S,style:{width:f,height:M,aspectRatio:P,...b},children:z});return u?(0,c.jsxs)(`figure`,{className:`relative`,children:[B,o&&(0,c.jsx)(`figcaption`,{style:{bottom:2,right:2,maxWidth:`calc(100% - 4px)`},className:`absolute paddingInlineMd textRight radiusSm fontSizeSm`,children:o})]}):B}var s,c;function l(){return(l=e((()=>{s=t(),a(),c=n(),o.__docgenInfo={description:`Базовый рендер изображения: lazy-появление, placeholder, обработка ошибки и figure/caption.
|
|
2
2
|
Компонент не знает, как устроено хранилище и какие форматы/размеры доступны.`,methods:[],displayName:`ImageRenderer`,props:{src:{required:!0,tsType:{name:`string`},description:``},sources:{required:!1,tsType:{name:`unknown`},description:``},layout:{required:!1,tsType:{name:`union`,raw:`"cover" | "contain" | "intrinsic"`,elements:[{name:`literal`,value:`"cover"`},{name:`literal`,value:`"contain"`},{name:`literal`,value:`"intrinsic"`}]},description:``,defaultValue:{value:`"cover"`,computed:!1}},alt:{required:!1,tsType:{name:`string`},description:``},role:{required:!1,tsType:{name:`string`},description:``},ariaLabel:{required:!1,tsType:{name:`string`},description:``},caption:{required:!1,tsType:{name:`string`},description:``},fallback:{required:!1,tsType:{name:`ReactNode`},description:``},useFigure:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},aspectRatio:{required:!1,tsType:{name:`union`,raw:`string | "unset"`,elements:[{name:`string`},{name:`literal`,value:`"unset"`}]},description:``},width:{required:!1,tsType:{name:`CSSProperties["width"]`,raw:`CSSProperties["width"]`},description:``,defaultValue:{value:`"100%"`,computed:!1}},height:{required:!1,tsType:{name:`CSSProperties["height"]`,raw:`CSSProperties["height"]`},description:``,defaultValue:{value:`"100%"`,computed:!1}},intrinsicWidth:{required:!1,tsType:{name:`number`},description:``},intrinsicHeight:{required:!1,tsType:{name:`number`},description:``},wrapperStyle:{required:!1,tsType:{name:`CSSProperties`},description:``}},composes:[`Omit`]}})))()}export{l as n,o as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t,t as n}from"./ImageRenderer-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t,t as n}from"./ImageRenderer-BcUjptiu.js";var r,i,a,o,s;function c(){return(c=e((()=>{t(),r={title:`Shared/UI/Image/ImageRenderer`,component:n,args:{src:`https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1600&q=80`,alt:`Горный пейзаж`},parameters:{layout:`padded`},argTypes:{layout:{control:`inline-radio`,options:[`cover`,`contain`,`intrinsic`]}}},i={args:{layout:`cover`,width:`min(100%, 48rem)`,height:`24rem`}},a={args:{layout:`contain`,width:`min(100%, 48rem)`,height:`24rem`,wrapperStyle:{background:`var(--surface-1)`}}},o={args:{layout:`intrinsic`,intrinsicWidth:1600,intrinsicHeight:1067}},i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
|
|
2
2
|
args: {
|
|
3
3
|
layout: "cover",
|
|
4
4
|
width: "min(100%, 48rem)",
|
package/storybook-static/assets/{ImageView.stories-C6uhkvCN.js → ImageView.stories-mSkR535R.js}
RENAMED
|
@@ -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{n,t as r}from"./ImageRenderer-BcUjptiu.js";function i(e){return e.map(e=>`width`in e?`${e.src} ${e.width}w`:`${e.src} ${e.density}x`).join(`, `)}function a(e,t){return(e??[]).map(e=>({srcSet:i(e.candidates),type:e.type,sizes:e.sizes??t})).filter(e=>e.srcSet.length>0)}function o(){return(o=e((()=>{})))()}function s({image:e,alt:t,sizes:n,aspectRatio:o,...s}){let l=a(e.sources,n),u=e.candidates?i(e.candidates):void 0,d=o??(e.intrinsicWidth&&e.intrinsicHeight?`${e.intrinsicWidth} / ${e.intrinsicHeight}`:void 0);return(0,c.jsx)(r,{...s,src:e.src,srcSet:u||void 0,sources:l,sizes:n,alt:t??e.alt,intrinsicWidth:e.intrinsicWidth,intrinsicHeight:e.intrinsicHeight,aspectRatio:d})}var c;function l(){return(l=e((()=>{o(),n(),c=t(),s.__docgenInfo={description:`Собирает picture/srcset из готовых URL и делегирует отображение ImageRenderer.
|
|
2
2
|
Компонент не формирует имена файлов и не знает о форматах или размерах хранилища.`,methods:[],displayName:`ImageView`,props:{image:{required:!0,tsType:{name:`signature`,type:`object`,raw:`{
|
|
3
3
|
src: string;
|
|
4
4
|
alt?: string;
|
package/storybook-static/assets/{ImageViewer.stories-BSPiv5lU.js → ImageViewer.stories-DVdR3-_j.js}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./ImageViewerRuntime-
|
|
2
|
-
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t,t as n}from"./preload-helper-BHmFeTtP.js";import{t as r}from"./react-C21x__mS.js";import{n as i}from"./iframe-
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./ImageViewerRuntime-DiR_HwIE.js","./rolldown-runtime-C0FnF6B9.js","./react-C21x__mS.js","./chevron-left-Cy3TEG_Y.js","./iframe-BHhbrImE.js","./preload-helper-BHmFeTtP.js","./chunk-KJHJLCBK-D-yQfkOi.js","./chunk-IMSF75WX-yvVUwIQZ.js","./iframe-D7iJQEr5.css","./chevron-right-CZ4-4s1X.js","./download-BEGaHxQc.js","./x-CNM39xuu.js","./react-dom-2o2phaJG.js","./utils-DUM89eIj.js","./ImageViewerRuntime-CRmlrtpL.css"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t,t as n}from"./preload-helper-BHmFeTtP.js";import{t as r}from"./react-C21x__mS.js";import{n as i}from"./iframe-BHhbrImE.js";import{n as a,t as o}from"./Button-Bzc9jBAF.js";function s(e){let[t,n]=(0,c.useState)(!1),r=(0,c.useCallback)(()=>n(!0),[]);return typeof document<`u`&&(e.open||t)?(0,l.jsx)(c.Suspense,{fallback:null,children:(0,l.jsx)(u,{...e,onRuntimeMounted:r})}):null}var c,l,u;function d(){return(d=e((()=>{c=r(),l=i(),t(),u=(0,c.lazy)(()=>n(()=>import(`./ImageViewerRuntime-DiR_HwIE.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]),import.meta.url)),s.__docgenInfo={description:`Управляемый полноэкранный viewer с ленивой границей vendor runtime.
|
|
3
3
|
YARL и его плагины загружаются только при первом открытии, а после mount runtime остаётся в React-дереве,
|
|
4
4
|
чтобы закрытие успело завершить анимацию, снять inert и вернуть focus исходному trigger.`,methods:[],displayName:`ImageViewer`,props:{open:{required:!0,tsType:{name:`boolean`},description:``},images:{required:!0,tsType:{name:`unknown`},description:``},index:{required:!1,tsType:{name:`number`},description:``},onClose:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},onIndexChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(index: number) => void`,signature:{arguments:[{type:{name:`number`},name:`index`}],return:{name:`void`}}},description:``},features:{required:!1,tsType:{name:`signature`,type:`object`,raw:`{
|
|
5
5
|
readonly captions?: boolean;
|