@ryuzaki13/react-foundation-ui 1.0.0 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/advanced-search/index.d.ts +3 -0
- package/dist/advanced-search/index.d.ts.map +1 -0
- package/dist/advanced-search/index.js +361 -0
- package/dist/advanced-search/index.js.map +1 -0
- package/dist/advanced-search/lib/index.d.ts +2 -0
- package/dist/advanced-search/lib/index.d.ts.map +1 -0
- package/dist/advanced-search/lib/searchParts.d.ts +3 -0
- package/dist/advanced-search/lib/searchParts.d.ts.map +1 -0
- package/dist/advanced-search/model/index.d.ts +5 -0
- package/dist/advanced-search/model/index.d.ts.map +1 -0
- package/dist/advanced-search/model/types.d.ts +55 -0
- package/dist/advanced-search/model/types.d.ts.map +1 -0
- package/dist/advanced-search/model/useAdvancedSearch.d.ts +11 -0
- package/dist/advanced-search/model/useAdvancedSearch.d.ts.map +1 -0
- package/dist/advanced-search/model/useAdvancedSearchInitialSelected.d.ts +6 -0
- package/dist/advanced-search/model/useAdvancedSearchInitialSelected.d.ts.map +1 -0
- package/dist/advanced-search/model/useAdvancedSearchSelection.d.ts +13 -0
- package/dist/advanced-search/model/useAdvancedSearchSelection.d.ts.map +1 -0
- package/dist/advanced-search/ui/AdvancedSearchModal.d.ts +13 -0
- package/dist/advanced-search/ui/AdvancedSearchModal.d.ts.map +1 -0
- package/dist/advanced-search/ui/AdvancedSearchSelect.d.ts +8 -0
- package/dist/advanced-search/ui/AdvancedSearchSelect.d.ts.map +1 -0
- package/dist/advanced-search/ui/AdvancedSearchSelectUI.d.ts +9 -0
- package/dist/advanced-search/ui/AdvancedSearchSelectUI.d.ts.map +1 -0
- package/dist/advanced-search/ui/index.d.ts +2 -0
- package/dist/advanced-search/ui/index.d.ts.map +1 -0
- package/dist/badge/Badge.d.ts.map +1 -1
- package/dist/badge/index.js +1 -1
- package/dist/badge/stories/Badge.stories.js +22 -22
- package/dist/base-table/index.js +2 -2
- package/dist/base-table/lib/columnPinning.d.ts.map +1 -1
- package/dist/base-table/model/useTableColumnOrder.d.ts +1 -1
- package/dist/base-table/model/useTableColumnOrder.d.ts.map +1 -1
- package/dist/base-table/model/useTableColumnSizing.d.ts +1 -1
- package/dist/base-table/model/useTableColumnSizing.d.ts.map +1 -1
- package/dist/base-table/ui/BaseTable.d.ts +2 -2
- package/dist/base-table/ui/BaseTable.d.ts.map +1 -1
- package/dist/base-table/ui/BaseTableHeaderCell.d.ts.map +1 -1
- package/dist/base-table/ui/FormattedTableCell.d.ts.map +1 -1
- package/dist/button/index.js +7 -7
- package/dist/button/stories/Button.stories.js +1 -1
- package/dist/check-box/CheckBox.d.ts.map +1 -1
- package/dist/check-box/index.js +1 -1
- package/dist/check-box/stories/CheckBox.stories.js +25 -25
- package/dist/chunks/{BadgeList-DHW_Ktr3.js → BadgeList-DYgun2rf.js} +16 -16
- package/dist/chunks/BadgeList-DYgun2rf.js.map +1 -0
- package/dist/chunks/{Button-BZ_b-Kin.js → Button-CCWuggdA.js} +16 -16
- package/dist/chunks/{Button-BZ_b-Kin.js.map → Button-CCWuggdA.js.map} +1 -1
- package/dist/chunks/{CalendarView-B75faWIU.js → CalendarView-DjeTJkTT.js} +149 -149
- package/dist/chunks/{CalendarView-B75faWIU.js.map → CalendarView-DjeTJkTT.js.map} +1 -1
- package/dist/chunks/{CheckBox-Cck5w1Ud.js → CheckBox-BowNqqd3.js} +13 -13
- package/dist/chunks/CheckBox-BowNqqd3.js.map +1 -0
- package/dist/chunks/{DateInput-CINDYueM.js → DateInput--tfofQ2x.js} +68 -68
- package/dist/chunks/DateInput--tfofQ2x.js.map +1 -0
- package/dist/chunks/{DateRangePresetSelect-CyzGMvVp.js → DateRangePresetSelect-UgsfaOeM.js} +22 -22
- package/dist/chunks/{DateRangePresetSelect-CyzGMvVp.js.map → DateRangePresetSelect-UgsfaOeM.js.map} +1 -1
- package/dist/chunks/Detail-DHDMsg8q.js +80 -0
- package/dist/chunks/{Detail-DKolHye4.js.map → Detail-DHDMsg8q.js.map} +1 -1
- package/dist/chunks/{Dialog-BPS4BeWZ.js → Dialog-CFIvGxER.js} +8 -8
- package/dist/chunks/Dialog-CFIvGxER.js.map +1 -0
- package/dist/chunks/{DisclosureGroup-0BtaXO54.js → DisclosureGroup-CfRTkl6Z.js} +11 -11
- package/dist/chunks/DisclosureGroup-CfRTkl6Z.js.map +1 -0
- package/dist/chunks/{DropZone-hf7Em__0.js → DropZone-kJfbZU5g.js} +22 -22
- package/dist/chunks/DropZone-kJfbZU5g.js.map +1 -0
- package/dist/chunks/{DropdownMenu-Ds-trH4M.js → DropdownMenu-DQeR3y7M.js} +138 -138
- package/dist/chunks/DropdownMenu-DQeR3y7M.js.map +1 -0
- package/dist/chunks/{Flex-DbBdq336.js → Flex-DUYSL5TE.js} +16 -16
- package/dist/chunks/{Flex-DbBdq336.js.map → Flex-DUYSL5TE.js.map} +1 -1
- package/dist/chunks/Grid-ByIIytjh.js.map +1 -1
- package/dist/chunks/{Input-Ce2HXBUc.js → Input-BmjlpA09.js} +76 -76
- package/dist/chunks/Input-BmjlpA09.js.map +1 -0
- package/dist/chunks/{InputDateTime-DPtY_4Od.js → InputDateTime-CxfAFe2L.js} +56 -56
- package/dist/chunks/{InputDateTime-DPtY_4Od.js.map → InputDateTime-CxfAFe2L.js.map} +1 -1
- package/dist/chunks/{InputFile-ga5yJmdZ.js → InputFile-CyZu__B_.js} +17 -17
- package/dist/chunks/InputFile-CyZu__B_.js.map +1 -0
- package/dist/chunks/{InputFiles-Or2Nvfgk.js → InputFiles-CrTJV27R.js} +36 -36
- package/dist/chunks/InputFiles-CrTJV27R.js.map +1 -0
- package/dist/chunks/{InputImage-BeA5WJz1.js → InputImage-Cw8rPYQu.js} +18 -18
- package/dist/chunks/{InputImage-BeA5WJz1.js.map → InputImage-Cw8rPYQu.js.map} +1 -1
- package/dist/chunks/{LabeledExpandableActionPanel-Bx-DWmYz.js → LabeledExpandableActionPanel-D3kUvmFH.js} +25 -25
- package/dist/chunks/LabeledExpandableActionPanel-D3kUvmFH.js.map +1 -0
- package/dist/chunks/Listbox-BZlp5qHz.js +81 -0
- package/dist/chunks/Listbox-BZlp5qHz.js.map +1 -0
- package/dist/chunks/{MultiSelect-CBqTylqO.js → MultiSelect-D1XYuwH1.js} +113 -113
- package/dist/chunks/{MultiSelect-CBqTylqO.js.map → MultiSelect-D1XYuwH1.js.map} +1 -1
- package/dist/chunks/{NotificationsHost-BQc-zOr2.js → NotificationsHost-_icJx4xR.js} +34 -34
- package/dist/chunks/NotificationsHost-_icJx4xR.js.map +1 -0
- package/dist/chunks/{PresetRangeDateInput-YBQm_4Fb.js → PresetRangeDateInput-CapirptQ.js} +11 -11
- package/dist/chunks/{PresetRangeDateInput-YBQm_4Fb.js.map → PresetRangeDateInput-CapirptQ.js.map} +1 -1
- package/dist/chunks/{RadioButton-DJp31HFR.js → RadioButton-D0uA0rX_.js} +13 -13
- package/dist/chunks/RadioButton-D0uA0rX_.js.map +1 -0
- package/dist/chunks/RadioGroup-B9XjkcOy.js +121 -0
- package/dist/chunks/{RadioGroup-BAhN1d1X.js.map → RadioGroup-B9XjkcOy.js.map} +1 -1
- package/dist/chunks/{Select-B7k_8_Lf.js → Select-CXeVjVKA.js} +11 -11
- package/dist/chunks/Select-CXeVjVKA.js.map +1 -0
- package/dist/chunks/{SerializableSelect-53uNCqdE.js → SerializableSelect-DkYeJtAO.js} +2 -2
- package/dist/chunks/{SerializableSelect-53uNCqdE.js.map → SerializableSelect-DkYeJtAO.js.map} +1 -1
- package/dist/chunks/{SingleDateTimeInput-CwvIbwje.js → SingleDateTimeInput-BmeuVGQT.js} +86 -86
- package/dist/chunks/SingleDateTimeInput-BmeuVGQT.js.map +1 -0
- package/dist/chunks/{Splitter-NjNFuEq4.js → Splitter-BFkVGVRb.js} +32 -32
- package/dist/chunks/{Splitter-NjNFuEq4.js.map → Splitter-BFkVGVRb.js.map} +1 -1
- package/dist/chunks/StateSelect-1jH3uLz9.js +78 -0
- package/dist/chunks/{StateSelect-D0wuUdT9.js.map → StateSelect-1jH3uLz9.js.map} +1 -1
- package/dist/chunks/{Switch-B476FBUD.js → Switch-B57Qmy1z.js} +19 -19
- package/dist/chunks/Switch-B57Qmy1z.js.map +1 -0
- package/dist/chunks/{TextEditorLexicalClient-DcixYuo4.js → TextEditorLexicalClient-DRhAswpP.js} +204 -204
- package/dist/chunks/{TextEditorLexicalClient-DcixYuo4.js.map → TextEditorLexicalClient-DRhAswpP.js.map} +1 -1
- package/dist/chunks/{Textarea-DeJJjjkI.js → Textarea-C9UdUueF.js} +2 -2
- package/dist/chunks/{Textarea-DeJJjjkI.js.map → Textarea-C9UdUueF.js.map} +1 -1
- package/dist/chunks/{TimePanel-_kF2RtHk.js → TimePanel-b4saqoUY.js} +27 -27
- package/dist/chunks/TimePanel-b4saqoUY.js.map +1 -0
- package/dist/chunks/{Toggle-C_fE-bkM.js → Toggle-DVqOQXmt.js} +18 -18
- package/dist/chunks/{Toggle-C_fE-bkM.js.map → Toggle-DVqOQXmt.js.map} +1 -1
- package/dist/chunks/{TreeMultiSelect-DRYNx7u5.js → TreeMultiSelect-CfQhlfnC.js} +6 -6
- package/dist/chunks/{TreeMultiSelect-DRYNx7u5.js.map → TreeMultiSelect-CfQhlfnC.js.map} +1 -1
- package/dist/chunks/{TreePickerBase-DYzTsSBQ.js → TreePickerBase-BBUOWsSu.js} +154 -154
- package/dist/chunks/TreePickerBase-BBUOWsSu.js.map +1 -0
- package/dist/chunks/{TreeSelect-DGLDu6qc.js → TreeSelect-2wUXs90E.js} +6 -6
- package/dist/chunks/{TreeSelect-DGLDu6qc.js.map → TreeSelect-2wUXs90E.js.map} +1 -1
- package/dist/chunks/base-table-CoQlKABk.js +514 -0
- package/dist/chunks/base-table-CoQlKABk.js.map +1 -0
- package/dist/chunks/{floating-arrow-CdRV69sg.js → floating-arrow-BE-z4QkE.js} +7 -7
- package/dist/chunks/{floating-arrow-CdRV69sg.js.map → floating-arrow-BE-z4QkE.js.map} +1 -1
- package/dist/chunks/input-search-Dw4rnJBq.js +30 -0
- package/dist/chunks/input-search-Dw4rnJBq.js.map +1 -0
- package/dist/chunks/{layout-picker-BA9vA8JI.js → layout-picker-MWaImn3L.js} +34 -34
- package/dist/chunks/layout-picker-MWaImn3L.js.map +1 -0
- package/dist/chunks/{misc-DrmMj8GO.js → misc-DoqZBMof.js} +100 -100
- package/dist/chunks/misc-DoqZBMof.js.map +1 -0
- package/dist/chunks/{modal-DqVcZws_.js → modal-B3HY3laL.js} +40 -40
- package/dist/chunks/modal-B3HY3laL.js.map +1 -0
- package/dist/chunks/multi-select-BzYIviCU.js +1305 -0
- package/dist/chunks/multi-select-BzYIviCU.js.map +1 -0
- package/dist/chunks/{picker-Cj4RnJh6.js → picker-Dg55Ss-B.js} +73 -73
- package/dist/chunks/picker-Dg55Ss-B.js.map +1 -0
- package/dist/chunks/{popover-C79P5bm2.js → popover-xJJqy1v6.js} +52 -52
- package/dist/chunks/popover-xJJqy1v6.js.map +1 -0
- package/dist/chunks/{separator-CIqnk2z9.js → separator-B72Aq-6a.js} +2 -2
- package/dist/chunks/{separator-CIqnk2z9.js.map → separator-B72Aq-6a.js.map} +1 -1
- package/dist/chunks/{slider-34wxzKkG.js → slider-CFKsfxFp.js} +83 -83
- package/dist/chunks/slider-CFKsfxFp.js.map +1 -0
- package/dist/chunks/sortable-DcTIAbjD.js +185 -0
- package/dist/chunks/sortable-DcTIAbjD.js.map +1 -0
- package/dist/chunks/{table-BYA0hCj7.js → table-Dc3AqMzP.js} +21 -21
- package/dist/chunks/table-Dc3AqMzP.js.map +1 -0
- package/dist/chunks/{table-column-interactions-DPyJDD7P.js → table-column-interactions-6RGjmiI5.js} +24 -24
- package/dist/chunks/{table-column-interactions-DPyJDD7P.js.map → table-column-interactions-6RGjmiI5.js.map} +1 -1
- package/dist/chunks/{tabs-CjU2KCgs.js → tabs-DlnVVMJl.js} +96 -96
- package/dist/chunks/{tabs-CjU2KCgs.js.map → tabs-DlnVVMJl.js.map} +1 -1
- package/dist/chunks/{toolbar-C-Ziw_Uh.js → toolbar-BCZNdRXM.js} +2 -2
- package/dist/chunks/{toolbar-C-Ziw_Uh.js.map → toolbar-BCZNdRXM.js.map} +1 -1
- package/dist/chunks/{wheel-picker-DUHGy7wE.js → wheel-picker-FS58cRsQ.js} +23 -23
- package/dist/chunks/{wheel-picker-DUHGy7wE.js.map → wheel-picker-FS58cRsQ.js.map} +1 -1
- package/dist/context-menu/components/MenuContent.d.ts.map +1 -1
- package/dist/context-menu/components/MenuContext.d.ts.map +1 -1
- package/dist/context-menu/components/MenuRoot.d.ts.map +1 -1
- package/dist/context-menu/components/RadialMenuContent.d.ts.map +1 -1
- package/dist/context-menu/index.js +1 -1
- package/dist/context-menu/stories/ContextMenu.stories.js +45 -45
- package/dist/date-input/index.js +2 -2
- package/dist/date-input/lib/types.d.ts.map +1 -1
- package/dist/date-input/stories/DateInput.stories.js +2 -2
- package/dist/date-input/ui/CalendarView.d.ts.map +1 -1
- package/dist/date-input/ui/DateInput.d.ts.map +1 -1
- package/dist/date-range-preset-select/index.js +1 -1
- package/dist/date-range-preset-select/stories/DateRangePresetSelect.stories.js +8 -8
- package/dist/date-time-input/index.js +1 -1
- package/dist/date-time-input/lib/dateTimeValue.d.ts.map +1 -1
- package/dist/date-time-input/stories/SingleDateTimeInput.stories.js +38 -38
- package/dist/date-time-input/stories/TimePanel.stories.js +9 -9
- package/dist/date-time-input/ui/SingleDateTimeInput.d.ts.map +1 -1
- package/dist/detail/index.js +1 -1
- package/dist/detail/stories/Detail.stories.js +1 -1
- package/dist/dialog/Dialog.d.ts.map +1 -1
- package/dist/dialog/index.js +1 -1
- package/dist/dialog/stories/Dialog.stories.js +16 -16
- package/dist/disclosure/Disclosure.d.ts.map +1 -1
- package/dist/disclosure/index.js +1 -1
- package/dist/disclosure/stories/Disclosure.stories.js +1 -1
- package/dist/drop-zone/DropZone.d.ts.map +1 -1
- package/dist/drop-zone/index.js +1 -1
- package/dist/drop-zone/stories/DropZone.stories.d.ts.map +1 -1
- package/dist/drop-zone/stories/DropZone.stories.js +14 -14
- package/dist/drop-zone/stories/DropZone.stories.js.map +1 -1
- package/dist/errors/ErrorDisplay.d.ts.map +1 -1
- package/dist/errors/index.js +47 -47
- package/dist/errors/index.js.map +1 -1
- package/dist/expandable-action-panel/ExpandableActionPanel.d.ts.map +1 -1
- package/dist/expandable-action-panel/index.js +1 -1
- package/dist/expandable-action-panel/stories/ExpandableActionPanel.stories.js +28 -28
- package/dist/flex/index.js +2 -2
- package/dist/flex/stories/Flex.stories.js +2 -2
- package/dist/floating-arrow/index.js +1 -1
- package/dist/fullscreen-portal/index.js +6 -6
- package/dist/grid/stories/Grid.stories.js +1 -1
- package/dist/image/index.js +123 -123
- package/dist/image/index.js.map +1 -1
- package/dist/image/ui/ImageSelection.d.ts.map +1 -1
- package/dist/input/Input.d.ts.map +1 -1
- package/dist/input/index.js +1 -1
- package/dist/input/stories/Input.stories.js +11 -11
- package/dist/input-date-time/index.js +1 -1
- package/dist/input-date-time/stories/InputDateTime.stories.js +11 -11
- package/dist/input-file/InputFile.d.ts.map +1 -1
- package/dist/input-file/index.js +1 -1
- package/dist/input-file/stories/InputFile.stories.d.ts.map +1 -1
- package/dist/input-file/stories/InputFile.stories.js +9 -9
- package/dist/input-file/stories/InputFile.stories.js.map +1 -1
- package/dist/input-files/InputFilesList.d.ts.map +1 -1
- package/dist/input-files/index.js +1 -1
- package/dist/input-files/stories/InputFiles.stories.d.ts +1 -1
- package/dist/input-files/stories/InputFiles.stories.d.ts.map +1 -1
- package/dist/input-files/stories/InputFiles.stories.js +9 -9
- package/dist/input-files/stories/InputFiles.stories.js.map +1 -1
- package/dist/input-image/index.js +1 -1
- package/dist/input-image/stories/InputImage.stories.d.ts.map +1 -1
- package/dist/input-image/stories/InputImage.stories.js +15 -15
- package/dist/input-image/stories/InputImage.stories.js.map +1 -1
- package/dist/input-search/index.js +2 -30
- package/dist/layout-picker/index.js +1 -1
- package/dist/layout-picker/stories/LayoutPicker.stories.js +52 -52
- package/dist/layout-picker/ui/LayoutPicker.d.ts.map +1 -1
- package/dist/list/List.d.ts.map +1 -1
- package/dist/list/index.js +30 -30
- package/dist/list/index.js.map +1 -1
- package/dist/listbox/Listbox.d.ts.map +1 -1
- package/dist/listbox/index.js +1 -1
- package/dist/listbox/stories/Listbox.stories.js +19 -19
- package/dist/misc/CopyTextWrapper.d.ts.map +1 -1
- package/dist/misc/OneStepScroller.d.ts.map +1 -1
- package/dist/misc/StateIcon.d.ts.map +1 -1
- package/dist/misc/index.js +1 -1
- package/dist/modal/Modal.d.ts +5 -1
- package/dist/modal/Modal.d.ts.map +1 -1
- package/dist/modal/index.js +1 -1
- package/dist/modal/stories/Modal.stories.js +55 -55
- package/dist/multi-select/index.js +3 -35
- package/dist/multi-select/model/useODataMultiSelect.d.ts +23 -0
- package/dist/multi-select/model/useODataMultiSelect.d.ts.map +1 -0
- package/dist/multi-select/ui/MultiSelect.d.ts +1 -1
- package/dist/multi-select/ui/MultiSelect.d.ts.map +1 -1
- package/dist/multi-select/ui/ODataDependentMultiSelect.d.ts +20 -0
- package/dist/multi-select/ui/ODataDependentMultiSelect.d.ts.map +1 -0
- package/dist/multi-select/ui/ODataDependentSegmentMultiSelect.d.ts +21 -0
- package/dist/multi-select/ui/ODataDependentSegmentMultiSelect.d.ts.map +1 -0
- package/dist/multi-select/ui/ODataMultiSelect.d.ts +7 -0
- package/dist/multi-select/ui/ODataMultiSelect.d.ts.map +1 -0
- package/dist/multi-select/ui/SerializableMultiSelect.d.ts.map +1 -1
- package/dist/multi-select/ui/index.d.ts +3 -0
- package/dist/multi-select/ui/index.d.ts.map +1 -1
- package/dist/multi-select/ui/stories/MultiSelect.stories.js +17 -17
- package/dist/multi-select/ui/stories/ODataMultiSelect.stories.d.ts +44 -0
- package/dist/multi-select/ui/stories/ODataMultiSelect.stories.d.ts.map +1 -0
- package/dist/notifications/index.js +1 -1
- package/dist/notifications/model/NotificationsProvider.d.ts.map +1 -1
- package/dist/notifications/ui/NotificationsHost.d.ts.map +1 -1
- package/dist/notifications/ui/stories/NotificationsHost.stories.js +59 -59
- package/dist/period-select/PeriodSelect.d.ts +1 -1
- package/dist/period-select/PeriodSelect.d.ts.map +1 -1
- package/dist/period-select/index.js +20 -20
- package/dist/period-select/index.js.map +1 -1
- package/dist/period-select/lib/periodSelect.d.ts.map +1 -1
- package/dist/period-select/stories/PeriodSelect.stories.d.ts.map +1 -1
- package/dist/period-select/stories/PeriodSelect.stories.js +17 -17
- package/dist/period-select/stories/PeriodSelect.stories.js.map +1 -1
- package/dist/picker/PickerPopup.d.ts.map +1 -1
- package/dist/picker/PickerTriggerActions.d.ts.map +1 -1
- package/dist/picker/index.js +1 -1
- package/dist/picker/model/usePickerFloatingListbox.d.ts.map +1 -1
- package/dist/popover/FloatingPopover.d.ts.map +1 -1
- package/dist/popover/components/PopoverContent.d.ts.map +1 -1
- package/dist/popover/components/PopoverContext.d.ts.map +1 -1
- package/dist/popover/index.js +1 -1
- package/dist/popover/stories/Popover.stories.js +16 -16
- package/dist/preset-range-date-input/index.js +1 -1
- package/dist/preset-range-date-input/ui/stories/PresetRangeDateInput.stories.js +9 -9
- package/dist/preset-select/index.js +1 -1
- package/dist/radio-button/RadioButton.d.ts.map +1 -1
- package/dist/radio-button/index.js +1 -1
- package/dist/radio-button/stories/RadioButton.stories.js +11 -11
- package/dist/radio-group/index.js +1 -1
- package/dist/radio-group/stories/RadioGroup.stories.js +21 -21
- package/dist/select/ODataSelect.d.ts +9 -0
- package/dist/select/ODataSelect.d.ts.map +1 -0
- package/dist/select/Select.d.ts.map +1 -1
- package/dist/select/index.js +2 -2
- package/dist/select/model/useODataSelect.d.ts +25 -0
- package/dist/select/model/useODataSelect.d.ts.map +1 -0
- package/dist/select/model/useODataSelectBase.d.ts +24 -0
- package/dist/select/model/useODataSelectBase.d.ts.map +1 -0
- package/dist/select/stories/ODataSelect.stories.d.ts +46 -0
- package/dist/select/stories/ODataSelect.stories.d.ts.map +1 -0
- package/dist/select/stories/Select.stories.js +23 -23
- package/dist/select/stories/SerializableSelect.stories.js +22 -22
- package/dist/select/stories/odataStoryFixtures.d.ts +35 -0
- package/dist/select/stories/odataStoryFixtures.d.ts.map +1 -0
- package/dist/separator/index.js +1 -1
- package/dist/simple-table/index.js +5 -5
- package/dist/simple-table/index.js.map +1 -1
- package/dist/slider/Slider.d.ts.map +1 -1
- package/dist/slider/index.js +1 -1
- package/dist/slider/stories/Slider.stories.js +32 -32
- package/dist/slider/stories/SliderInput.stories.js +39 -39
- package/dist/sortable/Sortable.d.ts.map +1 -1
- package/dist/sortable/SortableDragHandle.d.ts.map +1 -1
- package/dist/sortable/index.js +1 -1
- package/dist/sortable/stories/Sortable.stories.js +23 -23
- package/dist/splitter/index.js +1 -1
- package/dist/splitter/stories/Splitter.stories.js +1 -1
- package/dist/state-select/index.js +1 -1
- package/dist/state-select/stories/StateSelect.stories.d.ts.map +1 -1
- package/dist/state-select/stories/StateSelect.stories.js +23 -23
- package/dist/state-select/stories/StateSelect.stories.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/switch/Switch.d.ts.map +1 -1
- package/dist/switch/index.js +1 -1
- package/dist/switch/stories/Switch.stories.js +11 -11
- package/dist/table/Table.d.ts +1 -1
- package/dist/table/Table.d.ts.map +1 -1
- package/dist/table/index.js +1 -1
- package/dist/table/stories/Table.stories.d.ts +155 -0
- package/dist/table/stories/Table.stories.d.ts.map +1 -0
- package/dist/table-column-interactions/TableHeaderInteractionCell.d.ts.map +1 -1
- package/dist/table-column-interactions/index.js +1 -1
- package/dist/table-sorting/index.js +1 -1
- package/dist/tabs/index.js +1 -1
- package/dist/tabs/stories/Tabs.stories.d.ts.map +1 -1
- package/dist/tabs/stories/Tabs.stories.js +39 -39
- package/dist/tabs/stories/Tabs.stories.js.map +1 -1
- package/dist/text/TextOverflow.d.ts.map +1 -1
- package/dist/text/index.js +20 -20
- package/dist/text/index.js.map +1 -1
- package/dist/text-editor/TextEditorLexicalClient.d.ts.map +1 -1
- package/dist/text-editor/index.js +3 -3
- package/dist/text-editor/toolbar/index.js +1 -1
- package/dist/textarea/index.js +1 -1
- package/dist/textarea/stories/Textarea.stories.js +8 -8
- package/dist/three-scene/index.js +7 -7
- package/dist/toggle/index.js +1 -1
- package/dist/toggle/stories/Toggle.stories.js +7 -7
- package/dist/toolbar/index.js +16 -16
- package/dist/tree/index.js +24 -24
- package/dist/tree-select/ODataTreeMultiSelect.d.ts +12 -0
- package/dist/tree-select/ODataTreeMultiSelect.d.ts.map +1 -0
- package/dist/tree-select/ODataTreeSelect.d.ts +13 -0
- package/dist/tree-select/ODataTreeSelect.d.ts.map +1 -0
- package/dist/tree-select/TreeNodeContent.d.ts.map +1 -1
- package/dist/tree-select/TreePickerBase.d.ts.map +1 -1
- package/dist/tree-select/index.js +2 -2
- package/dist/tree-select/model/buildODataTreeNodes.d.ts +12 -0
- package/dist/tree-select/model/buildODataTreeNodes.d.ts.map +1 -0
- package/dist/tree-select/model/resolveOrderedTreeSegmentItems.d.ts +4 -0
- package/dist/tree-select/model/resolveOrderedTreeSegmentItems.d.ts.map +1 -0
- package/dist/tree-select/model/useODataTreeData.d.ts +11 -0
- package/dist/tree-select/model/useODataTreeData.d.ts.map +1 -0
- package/dist/tree-select/stories/ODataTreeMultiSelect.stories.d.ts +55 -0
- package/dist/tree-select/stories/ODataTreeMultiSelect.stories.d.ts.map +1 -0
- package/dist/tree-select/stories/ODataTreeSelect.stories.d.ts +54 -0
- package/dist/tree-select/stories/ODataTreeSelect.stories.d.ts.map +1 -0
- package/dist/tree-select/stories/TreeMultiSelect.stories.js +9 -9
- package/dist/tree-select/stories/TreeSelect.stories.js +9 -9
- package/dist/tree-table/TreeTable.d.ts +1 -1
- package/dist/tree-table/TreeTable.d.ts.map +1 -1
- package/dist/tree-table/index.js +32 -32
- package/dist/tree-table/index.js.map +1 -1
- package/dist/tree-table/stories/TreeTable.stories.d.ts +158 -0
- package/dist/tree-table/stories/TreeTable.stories.d.ts.map +1 -0
- package/dist/wheel-picker/index.js +1 -1
- package/package.json +15 -4
- package/dist/chunks/BadgeList-DHW_Ktr3.js.map +0 -1
- package/dist/chunks/CheckBox-Cck5w1Ud.js.map +0 -1
- package/dist/chunks/DateInput-CINDYueM.js.map +0 -1
- package/dist/chunks/Detail-DKolHye4.js +0 -80
- package/dist/chunks/Dialog-BPS4BeWZ.js.map +0 -1
- package/dist/chunks/DisclosureGroup-0BtaXO54.js.map +0 -1
- package/dist/chunks/DropZone-hf7Em__0.js.map +0 -1
- package/dist/chunks/DropdownMenu-Ds-trH4M.js.map +0 -1
- package/dist/chunks/Input-Ce2HXBUc.js.map +0 -1
- package/dist/chunks/InputFile-ga5yJmdZ.js.map +0 -1
- package/dist/chunks/InputFiles-Or2Nvfgk.js.map +0 -1
- package/dist/chunks/LabeledExpandableActionPanel-Bx-DWmYz.js.map +0 -1
- package/dist/chunks/Listbox-CY1wQOCP.js +0 -81
- package/dist/chunks/Listbox-CY1wQOCP.js.map +0 -1
- package/dist/chunks/NotificationsHost-BQc-zOr2.js.map +0 -1
- package/dist/chunks/RadioButton-DJp31HFR.js.map +0 -1
- package/dist/chunks/RadioGroup-BAhN1d1X.js +0 -121
- package/dist/chunks/Select-B7k_8_Lf.js.map +0 -1
- package/dist/chunks/SingleDateTimeInput-CwvIbwje.js.map +0 -1
- package/dist/chunks/StateSelect-D0wuUdT9.js +0 -78
- package/dist/chunks/Switch-B476FBUD.js.map +0 -1
- package/dist/chunks/TimePanel-_kF2RtHk.js.map +0 -1
- package/dist/chunks/TreePickerBase-DYzTsSBQ.js.map +0 -1
- package/dist/chunks/base-table-DVje02Zi.js +0 -514
- package/dist/chunks/base-table-DVje02Zi.js.map +0 -1
- package/dist/chunks/layout-picker-BA9vA8JI.js.map +0 -1
- package/dist/chunks/misc-DrmMj8GO.js.map +0 -1
- package/dist/chunks/modal-DqVcZws_.js.map +0 -1
- package/dist/chunks/picker-Cj4RnJh6.js.map +0 -1
- package/dist/chunks/popover-C79P5bm2.js.map +0 -1
- package/dist/chunks/slider-34wxzKkG.js.map +0 -1
- package/dist/chunks/sortable-CwDHC3CA.js +0 -185
- package/dist/chunks/sortable-CwDHC3CA.js.map +0 -1
- package/dist/chunks/table-BYA0hCj7.js.map +0 -1
- package/dist/input-search/index.js.map +0 -1
- package/dist/multi-select/index.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAKrC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAKvC,KAAK,eAAe,GAAG;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,KAAK,kBAAkB,GAAG,eAAe,GACxC,WAAW,CAAC,OAAO,CAAC,GAAG;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEH,KAAK,mBAAmB,GAAG,eAAe,GACzC,WAAW,CAAC,OAAO,GAAG,SAAS,CAAC,GAAG;IAClC,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC;AAEH,KAAK,WAAW,GAAG,CAAC,mBAAmB,GAAG,kBAAkB,CAAC,GAC5D,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,CAAC;AAExF;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBA4FxC"}
|
package/dist/switch/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/Switch-
|
|
1
|
+
import { t as e } from "../chunks/Switch-B57Qmy1z.js";
|
|
2
2
|
export { e as Switch };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { t as e } from "../../chunks/Switch-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { t as e } from "../../chunks/Switch-B57Qmy1z.js";
|
|
2
|
+
import { useState as t } from "react";
|
|
3
|
+
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
4
4
|
//#region src/switch/stories/Switch.stories.tsx
|
|
5
5
|
var i = {
|
|
6
6
|
title: "Shared/UI/Switch",
|
|
@@ -52,28 +52,28 @@ var i = {
|
|
|
52
52
|
control: "boolean"
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
|
-
}, a = { render: (
|
|
56
|
-
let [i, a] =
|
|
57
|
-
return /* @__PURE__ */
|
|
58
|
-
...
|
|
55
|
+
}, a = { render: (r) => {
|
|
56
|
+
let [i, a] = t(!1);
|
|
57
|
+
return /* @__PURE__ */ n(e, {
|
|
58
|
+
...r,
|
|
59
59
|
value: i,
|
|
60
60
|
onChange: a,
|
|
61
61
|
triState: !1
|
|
62
62
|
});
|
|
63
63
|
} }, o = {
|
|
64
64
|
render: (i) => {
|
|
65
|
-
let [a, o] =
|
|
66
|
-
return /* @__PURE__ */
|
|
65
|
+
let [a, o] = t(void 0);
|
|
66
|
+
return /* @__PURE__ */ r("div", {
|
|
67
67
|
style: {
|
|
68
68
|
display: "grid",
|
|
69
69
|
gap: 8
|
|
70
70
|
},
|
|
71
|
-
children: [/* @__PURE__ */
|
|
71
|
+
children: [/* @__PURE__ */ n(e, {
|
|
72
72
|
...i,
|
|
73
73
|
value: a,
|
|
74
74
|
onChange: o,
|
|
75
75
|
triState: !0
|
|
76
|
-
}), /* @__PURE__ */
|
|
76
|
+
}), /* @__PURE__ */ r("div", { children: ["Текущее значение: ", String(a)] })]
|
|
77
77
|
});
|
|
78
78
|
},
|
|
79
79
|
args: {
|
package/dist/table/Table.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { type VisibilityState } from "@tanstack/react-table";
|
|
2
1
|
import { type TableColumnDef, type TableColumnOrderState, type TableColumnSizingState, type TableSelectionMode } from "@ryuzaki13/react-foundation-lib/table";
|
|
2
|
+
import { type VisibilityState } from "@tanstack/react-table";
|
|
3
3
|
import { type BaseTableProps, type TableColumnPinningState } from "../base-table";
|
|
4
4
|
/**
|
|
5
5
|
* Пропсы компонента Table.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/table/Table.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/table/Table.tsx"],"names":[],"mappings":"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"}
|
package/dist/table/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/table-
|
|
1
|
+
import { t as e } from "../chunks/table-Dc3AqMzP.js";
|
|
2
2
|
export { e as Table };
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
import { type ComponentType } from "react";
|
|
2
|
+
import { type TableColumnDef } from "@ryuzaki13/react-foundation-lib/table";
|
|
3
|
+
import { type TableProps } from "../Table";
|
|
4
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
5
|
+
interface DealRow {
|
|
6
|
+
id: string;
|
|
7
|
+
number: string;
|
|
8
|
+
client: string;
|
|
9
|
+
manager: string;
|
|
10
|
+
amount: string;
|
|
11
|
+
status: string;
|
|
12
|
+
isLocked?: boolean;
|
|
13
|
+
}
|
|
14
|
+
declare const meta: {
|
|
15
|
+
title: string;
|
|
16
|
+
component: ComponentType<TableProps<DealRow>>;
|
|
17
|
+
args: {
|
|
18
|
+
title: string;
|
|
19
|
+
data: DealRow[];
|
|
20
|
+
columns: TableColumnDef<DealRow>[];
|
|
21
|
+
getRowId: (row: DealRow) => string;
|
|
22
|
+
selectionMode: "single";
|
|
23
|
+
};
|
|
24
|
+
parameters: {
|
|
25
|
+
atomicCanvas: boolean;
|
|
26
|
+
layout: string;
|
|
27
|
+
};
|
|
28
|
+
tags: string[];
|
|
29
|
+
argTypes: {
|
|
30
|
+
data: {
|
|
31
|
+
description: string;
|
|
32
|
+
control: false;
|
|
33
|
+
};
|
|
34
|
+
columns: {
|
|
35
|
+
description: string;
|
|
36
|
+
control: false;
|
|
37
|
+
};
|
|
38
|
+
title: {
|
|
39
|
+
description: string;
|
|
40
|
+
control: "text";
|
|
41
|
+
};
|
|
42
|
+
selectionMode: {
|
|
43
|
+
description: string;
|
|
44
|
+
control: "inline-radio";
|
|
45
|
+
options: string[];
|
|
46
|
+
};
|
|
47
|
+
getRowId: {
|
|
48
|
+
description: string;
|
|
49
|
+
control: false;
|
|
50
|
+
};
|
|
51
|
+
columnPinning: {
|
|
52
|
+
description: string;
|
|
53
|
+
control: false;
|
|
54
|
+
};
|
|
55
|
+
defaultColumnPinning: {
|
|
56
|
+
description: string;
|
|
57
|
+
control: false;
|
|
58
|
+
};
|
|
59
|
+
onColumnPinningChange: {
|
|
60
|
+
description: string;
|
|
61
|
+
control: false;
|
|
62
|
+
};
|
|
63
|
+
getRowCanSelect: {
|
|
64
|
+
description: string;
|
|
65
|
+
control: false;
|
|
66
|
+
};
|
|
67
|
+
getRowClassName: {
|
|
68
|
+
description: string;
|
|
69
|
+
control: false;
|
|
70
|
+
};
|
|
71
|
+
onRowClick: {
|
|
72
|
+
description: string;
|
|
73
|
+
control: false;
|
|
74
|
+
};
|
|
75
|
+
onRowSelectionChange: {
|
|
76
|
+
description: string;
|
|
77
|
+
control: false;
|
|
78
|
+
};
|
|
79
|
+
onReachEnd: {
|
|
80
|
+
description: string;
|
|
81
|
+
control: false;
|
|
82
|
+
};
|
|
83
|
+
isLoading: {
|
|
84
|
+
description: string;
|
|
85
|
+
control: "boolean";
|
|
86
|
+
};
|
|
87
|
+
isFetching: {
|
|
88
|
+
description: string;
|
|
89
|
+
control: "boolean";
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
};
|
|
93
|
+
export default meta;
|
|
94
|
+
type Story = StoryObj<typeof meta>;
|
|
95
|
+
/**
|
|
96
|
+
* Базовый сценарий плоской таблицы с одиночным выбором.
|
|
97
|
+
*/
|
|
98
|
+
export declare const Basic: Story;
|
|
99
|
+
/**
|
|
100
|
+
* Демонстрирует controlled left-pinning через внешний story-state без встроенного UI таблицы.
|
|
101
|
+
*/
|
|
102
|
+
export declare const WithColumnPinning: Story;
|
|
103
|
+
/**
|
|
104
|
+
* Множественный выбор с отображением текущего результата.
|
|
105
|
+
*/
|
|
106
|
+
export declare const MultiSelect: Story;
|
|
107
|
+
/**
|
|
108
|
+
* Часть строк можно показать, но запретить выбирать.
|
|
109
|
+
*/
|
|
110
|
+
export declare const WithDisabledRows: Story;
|
|
111
|
+
/**
|
|
112
|
+
* Сценарий фонового обновления данных без очистки таблицы.
|
|
113
|
+
*/
|
|
114
|
+
export declare const Fetching: Story;
|
|
115
|
+
/**
|
|
116
|
+
* Пустой источник данных.
|
|
117
|
+
*/
|
|
118
|
+
export declare const Empty: Story;
|
|
119
|
+
/**
|
|
120
|
+
* Демонстрация callback при достижении конца списка.
|
|
121
|
+
*/
|
|
122
|
+
export declare const ReachEnd: Story;
|
|
123
|
+
/**
|
|
124
|
+
* Состояние первичной загрузки.
|
|
125
|
+
*/
|
|
126
|
+
export declare const Loading: Story;
|
|
127
|
+
/**
|
|
128
|
+
* Сценарий с formula-based колонкой без кастомного `cell`.
|
|
129
|
+
*/
|
|
130
|
+
export declare const WithFormulaColumn: Story;
|
|
131
|
+
/**
|
|
132
|
+
* Сценарий с pipeline display-formatting и value-state.
|
|
133
|
+
*/
|
|
134
|
+
export declare const WithFormattingPipeline: Story;
|
|
135
|
+
/**
|
|
136
|
+
* Сценарий со скрытием нулевых значений через `emptyWhenZero`.
|
|
137
|
+
*/
|
|
138
|
+
export declare const WithHiddenZero: Story;
|
|
139
|
+
/**
|
|
140
|
+
* Сценарий со display-only слиянием подряд идущих дубликатов через пустые ячейки и CSS-склейку.
|
|
141
|
+
*/
|
|
142
|
+
export declare const WithMergedDuplicates: Story;
|
|
143
|
+
/**
|
|
144
|
+
* Сценарий со статическим OData metadata adapter в режиме enrich.
|
|
145
|
+
*/
|
|
146
|
+
export declare const WithODataMetadataAdapter: Story;
|
|
147
|
+
/**
|
|
148
|
+
* Реальный hook-сценарий `useODataTableColumns(...)` в режиме build.
|
|
149
|
+
*/
|
|
150
|
+
export declare const WithUseODataTableColumnsBuildHook: Story;
|
|
151
|
+
/**
|
|
152
|
+
* Реальный hook-сценарий `useODataTableColumns(...)` в режиме enrich.
|
|
153
|
+
*/
|
|
154
|
+
export declare const WithUseODataTableColumnsEnrichHook: Story;
|
|
155
|
+
//# sourceMappingURL=Table.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/table/stories/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAyC,KAAK,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAGnH,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,OAAO,KAAK,EAAmB,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEvE,UAAU,OAAO;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AA2eD,QAAA,MAAM,IAAI;;eAEsB,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4E7B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAAU,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAwB/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAiB9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KActB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAI/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAUpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAI5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAUlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAUtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iCAAiC,EAAE,KAQ/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kCAAkC,EAAE,KAQhD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeaderInteractionCell.d.ts","sourceRoot":"","sources":["../../src/table-column-interactions/TableHeaderInteractionCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1F,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,2BAA2B,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"TableHeaderInteractionCell.d.ts","sourceRoot":"","sources":["../../src/table-column-interactions/TableHeaderInteractionCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1F,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,2BAA2B,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAKlH,OAAO,EAA2B,KAAK,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AAEvG,MAAM,MAAM,wBAAwB,GAAG;IACtC,UAAU,EAAE,mBAAmB,CAAC;IAChC,SAAS,EAAE,2BAA2B,CAAC;IACvC,mBAAmB,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,GAAG;IACvG,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,SAAS,EAAE,wBAAwB,KAAK,SAAS,CAAC,CAAC;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,4BAA4B,CAAC;CAC5C,CAAC;AAMF,wBAAgB,0BAA0B,CAAC,EAC1C,QAAQ,EACR,QAAQ,EACR,YAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,KAAK,EACL,GAAG,OAAO,EACV,EAAE,+BAA+B,+BA4BjC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/table-column-interactions-
|
|
1
|
+
import { n as e, t } from "../chunks/table-column-interactions-6RGjmiI5.js";
|
|
2
2
|
export { e as TableColumnResizeHandle, t as TableHeaderInteractionCell };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as e } from "../chunks/DropdownMenu-
|
|
1
|
+
import { n as e } from "../chunks/DropdownMenu-DQeR3y7M.js";
|
|
2
2
|
import { BrushCleaningIcon as t, SortAscIcon as n, SortDescIcon as r } from "lucide-react";
|
|
3
3
|
import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
4
4
|
//#region src/table-sorting/TableSortingControls.tsx
|
package/dist/tabs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, r as t, t as n } from "../chunks/tabs-
|
|
1
|
+
import { n as e, r as t, t as n } from "../chunks/tabs-DlnVVMJl.js";
|
|
2
2
|
export { e as Tabs, t as TabsBox, n as TabsLayout };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/tabs/stories/Tabs.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/tabs/stories/Tabs.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,IAAI,CAAC;AAGjE,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA4H5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+EsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as e } from "../../chunks/misc-
|
|
2
|
-
import { n as t, r as n, t as r } from "../../chunks/tabs-
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { c as e } from "../../chunks/misc-DoqZBMof.js";
|
|
2
|
+
import { n as t, r as n, t as r } from "../../chunks/tabs-DlnVVMJl.js";
|
|
3
|
+
import { useState as i } from "react";
|
|
4
|
+
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
5
5
|
//#region src/tabs/stories/Tabs.stories.tsx
|
|
6
6
|
var s = {
|
|
7
7
|
padding: 16,
|
|
@@ -11,7 +11,7 @@ var s = {
|
|
|
11
11
|
{
|
|
12
12
|
id: "profile",
|
|
13
13
|
title: "Профиль",
|
|
14
|
-
content: /* @__PURE__ */
|
|
14
|
+
content: /* @__PURE__ */ a("div", {
|
|
15
15
|
style: s,
|
|
16
16
|
children: "Карточка пользователя и основные поля профиля."
|
|
17
17
|
})
|
|
@@ -19,7 +19,7 @@ var s = {
|
|
|
19
19
|
{
|
|
20
20
|
id: "settings",
|
|
21
21
|
title: "Настройки",
|
|
22
|
-
content: /* @__PURE__ */
|
|
22
|
+
content: /* @__PURE__ */ a("div", {
|
|
23
23
|
style: s,
|
|
24
24
|
children: "Параметры интерфейса, уведомлений и доступа."
|
|
25
25
|
})
|
|
@@ -27,20 +27,20 @@ var s = {
|
|
|
27
27
|
{
|
|
28
28
|
id: "history",
|
|
29
29
|
title: "История",
|
|
30
|
-
content: /* @__PURE__ */
|
|
30
|
+
content: /* @__PURE__ */ a("div", {
|
|
31
31
|
style: s,
|
|
32
32
|
children: "Последние действия, комментарии и изменения."
|
|
33
33
|
})
|
|
34
34
|
}
|
|
35
35
|
];
|
|
36
36
|
function l({ label: e }) {
|
|
37
|
-
let [t, n] =
|
|
38
|
-
return /* @__PURE__ */
|
|
37
|
+
let [t, n] = i(0);
|
|
38
|
+
return /* @__PURE__ */ o("div", {
|
|
39
39
|
style: s,
|
|
40
40
|
children: [
|
|
41
|
-
/* @__PURE__ */
|
|
42
|
-
/* @__PURE__ */
|
|
43
|
-
/* @__PURE__ */
|
|
41
|
+
/* @__PURE__ */ o("div", { children: ["Панель: ", e] }),
|
|
42
|
+
/* @__PURE__ */ o("div", { children: ["Локальный счётчик: ", t] }),
|
|
43
|
+
/* @__PURE__ */ a("button", {
|
|
44
44
|
type: "button",
|
|
45
45
|
onClick: () => n((e) => e + 1),
|
|
46
46
|
children: "Увеличить"
|
|
@@ -52,23 +52,23 @@ var u = [
|
|
|
52
52
|
{
|
|
53
53
|
id: "first",
|
|
54
54
|
title: "Первая",
|
|
55
|
-
content: /* @__PURE__ */
|
|
55
|
+
content: /* @__PURE__ */ a(l, { label: "Первая" })
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
58
|
id: "second",
|
|
59
59
|
title: "Вторая",
|
|
60
|
-
content: /* @__PURE__ */
|
|
60
|
+
content: /* @__PURE__ */ a(l, { label: "Вторая" })
|
|
61
61
|
},
|
|
62
62
|
{
|
|
63
63
|
id: "third",
|
|
64
64
|
title: "Третья",
|
|
65
|
-
content: /* @__PURE__ */
|
|
65
|
+
content: /* @__PURE__ */ a(l, { label: "Третья" })
|
|
66
66
|
}
|
|
67
67
|
], d = [
|
|
68
68
|
{
|
|
69
69
|
id: "overview",
|
|
70
70
|
title: "Обзор",
|
|
71
|
-
content: /* @__PURE__ */
|
|
71
|
+
content: /* @__PURE__ */ a("div", {
|
|
72
72
|
style: s,
|
|
73
73
|
children: "Раздел доступен сразу."
|
|
74
74
|
})
|
|
@@ -77,7 +77,7 @@ var u = [
|
|
|
77
77
|
id: "analytics",
|
|
78
78
|
title: "Аналитика",
|
|
79
79
|
disabled: !0,
|
|
80
|
-
content: /* @__PURE__ */
|
|
80
|
+
content: /* @__PURE__ */ a("div", {
|
|
81
81
|
style: s,
|
|
82
82
|
children: "Пока недоступно."
|
|
83
83
|
})
|
|
@@ -85,61 +85,61 @@ var u = [
|
|
|
85
85
|
{
|
|
86
86
|
id: "history",
|
|
87
87
|
title: "История",
|
|
88
|
-
content: /* @__PURE__ */
|
|
88
|
+
content: /* @__PURE__ */ a("div", {
|
|
89
89
|
style: s,
|
|
90
90
|
children: "История изменений и действий."
|
|
91
91
|
})
|
|
92
92
|
}
|
|
93
93
|
], f = Array.from({ length: 12 }, (e, t) => `Элемент ${t + 1}`);
|
|
94
94
|
function p() {
|
|
95
|
-
let [t, n] =
|
|
96
|
-
return /* @__PURE__ */
|
|
95
|
+
let [t, n] = i("details");
|
|
96
|
+
return /* @__PURE__ */ a("div", {
|
|
97
97
|
style: { height: 360 },
|
|
98
|
-
children: /* @__PURE__ */
|
|
98
|
+
children: /* @__PURE__ */ o(r, {
|
|
99
99
|
value: t,
|
|
100
100
|
onValueChange: n,
|
|
101
101
|
bordered: !0,
|
|
102
102
|
"aria-label": "Составные панели документа",
|
|
103
|
-
children: [/* @__PURE__ */
|
|
103
|
+
children: [/* @__PURE__ */ o(r.Tab, {
|
|
104
104
|
id: "details",
|
|
105
105
|
title: "Детали",
|
|
106
106
|
children: [
|
|
107
|
-
/* @__PURE__ */
|
|
107
|
+
/* @__PURE__ */ a(r.Toolbar, { children: /* @__PURE__ */ a("div", {
|
|
108
108
|
className: "surface0 border radiusSm paddingSm",
|
|
109
109
|
children: "Панель инструментов вне scroll-области."
|
|
110
110
|
}) }),
|
|
111
|
-
/* @__PURE__ */
|
|
111
|
+
/* @__PURE__ */ a(r.Content, { children: /* @__PURE__ */ o("div", {
|
|
112
112
|
style: {
|
|
113
113
|
display: "grid",
|
|
114
114
|
gridTemplateColumns: "1fr 1fr",
|
|
115
115
|
gap: 12,
|
|
116
116
|
height: "100%"
|
|
117
117
|
},
|
|
118
|
-
children: [/* @__PURE__ */
|
|
118
|
+
children: [/* @__PURE__ */ a(e, {
|
|
119
119
|
className: "surface0 border radiusSm paddingSm h100",
|
|
120
|
-
children: f.map((e) => /* @__PURE__ */
|
|
120
|
+
children: f.map((e) => /* @__PURE__ */ o("div", {
|
|
121
121
|
className: "paddingBlockXs",
|
|
122
122
|
children: ["Левая колонка: ", e]
|
|
123
123
|
}, `left-${e}`))
|
|
124
|
-
}), /* @__PURE__ */
|
|
124
|
+
}), /* @__PURE__ */ a(e, {
|
|
125
125
|
className: "surface0 border radiusSm paddingSm h100",
|
|
126
|
-
children: f.map((e) => /* @__PURE__ */
|
|
126
|
+
children: f.map((e) => /* @__PURE__ */ o("div", {
|
|
127
127
|
className: "paddingBlockXs",
|
|
128
128
|
children: ["Правая колонка: ", e]
|
|
129
129
|
}, `right-${e}`))
|
|
130
130
|
})]
|
|
131
131
|
}) }),
|
|
132
|
-
/* @__PURE__ */
|
|
132
|
+
/* @__PURE__ */ a(r.Footer, { children: /* @__PURE__ */ a("div", {
|
|
133
133
|
className: "surface0 border radiusSm paddingSm",
|
|
134
134
|
children: "Футер тоже исключён из scroll-контента."
|
|
135
135
|
}) })
|
|
136
136
|
]
|
|
137
|
-
}), /* @__PURE__ */
|
|
137
|
+
}), /* @__PURE__ */ a(r.Tab, {
|
|
138
138
|
id: "history",
|
|
139
139
|
title: "История",
|
|
140
|
-
children: /* @__PURE__ */
|
|
140
|
+
children: /* @__PURE__ */ a(r.Content, { children: /* @__PURE__ */ a(e, {
|
|
141
141
|
className: "surface0 border radiusSm paddingSm h100",
|
|
142
|
-
children: f.map((e) => /* @__PURE__ */
|
|
142
|
+
children: f.map((e) => /* @__PURE__ */ o("div", {
|
|
143
143
|
className: "paddingBlockXs",
|
|
144
144
|
children: ["История изменения: ", e]
|
|
145
145
|
}, `history-${e}`))
|
|
@@ -233,8 +233,8 @@ var m = {
|
|
|
233
233
|
}
|
|
234
234
|
}, h = { args: { "aria-label": "Основные разделы профиля" } }, g = {
|
|
235
235
|
render: (e) => {
|
|
236
|
-
let [t, r] =
|
|
237
|
-
return /* @__PURE__ */
|
|
236
|
+
let [t, r] = i("settings");
|
|
237
|
+
return /* @__PURE__ */ a(n, {
|
|
238
238
|
...e,
|
|
239
239
|
value: t,
|
|
240
240
|
onValueChange: r
|
|
@@ -245,9 +245,9 @@ var m = {
|
|
|
245
245
|
"aria-label": "Управляемые вкладки"
|
|
246
246
|
}
|
|
247
247
|
}, _ = {
|
|
248
|
-
render: (e) => /* @__PURE__ */
|
|
248
|
+
render: (e) => /* @__PURE__ */ a("div", {
|
|
249
249
|
style: { height: 320 },
|
|
250
|
-
children: /* @__PURE__ */
|
|
250
|
+
children: /* @__PURE__ */ a(n, { ...e })
|
|
251
251
|
}),
|
|
252
252
|
args: {
|
|
253
253
|
orientation: "vertical",
|
|
@@ -255,7 +255,7 @@ var m = {
|
|
|
255
255
|
"aria-label": "Вертикальные вкладки"
|
|
256
256
|
}
|
|
257
257
|
}, v = {
|
|
258
|
-
render: (e) => /* @__PURE__ */
|
|
258
|
+
render: (e) => /* @__PURE__ */ a(n, {
|
|
259
259
|
...e,
|
|
260
260
|
items: u
|
|
261
261
|
}),
|
|
@@ -266,8 +266,8 @@ var m = {
|
|
|
266
266
|
}, y = { args: {
|
|
267
267
|
items: d,
|
|
268
268
|
"aria-label": "Вкладки с недоступным разделом"
|
|
269
|
-
} }, b = { render: () => /* @__PURE__ */
|
|
270
|
-
render: (e) => /* @__PURE__ */
|
|
269
|
+
} }, b = { render: () => /* @__PURE__ */ a(p, {}) }, x = {
|
|
270
|
+
render: (e) => /* @__PURE__ */ a(t, {
|
|
271
271
|
...e,
|
|
272
272
|
items: c,
|
|
273
273
|
"aria-label": "Устаревший совместимый API"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.stories.js","names":[],"sources":["../../../src/tabs/stories/Tabs.stories.tsx"],"sourcesContent":["import { useState, type CSSProperties } from \"react\";\n\nimport { Scrollable } from \"../../misc\";\nimport { Tabs, TabsBox, TabsLayout, type TabsBoxItem } from \"..\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst panelStyle = { padding: 16, display: \"grid\", gap: 12 } satisfies CSSProperties;\n\nconst demoItems: TabsBoxItem[] = [\n\t{\n\t\tid: \"profile\",\n\t\ttitle: \"Профиль\",\n\t\tcontent: <div style={panelStyle}>Карточка пользователя и основные поля профиля.</div>\n\t},\n\t{\n\t\tid: \"settings\",\n\t\ttitle: \"Настройки\",\n\t\tcontent: <div style={panelStyle}>Параметры интерфейса, уведомлений и доступа.</div>\n\t},\n\t{\n\t\tid: \"history\",\n\t\ttitle: \"История\",\n\t\tcontent: <div style={panelStyle}>Последние действия, комментарии и изменения.</div>\n\t}\n];\n\nfunction StatefulPanel({ label }: { label: string }) {\n\tconst [counter, setCounter] = useState(0);\n\n\treturn (\n\t\t<div style={panelStyle}>\n\t\t\t<div>Панель: {label}</div>\n\t\t\t<div>Локальный счётчик: {counter}</div>\n\t\t\t<button type=\"button\" onClick={() => setCounter((prev) => prev + 1)}>\n\t\t\t\tУвеличить\n\t\t\t</button>\n\t\t</div>\n\t);\n}\n\nconst lifecycleItems: TabsBoxItem[] = [\n\t{\n\t\tid: \"first\",\n\t\ttitle: \"Первая\",\n\t\tcontent: <StatefulPanel label=\"Первая\" />\n\t},\n\t{\n\t\tid: \"second\",\n\t\ttitle: \"Вторая\",\n\t\tcontent: <StatefulPanel label=\"Вторая\" />\n\t},\n\t{\n\t\tid: \"third\",\n\t\ttitle: \"Третья\",\n\t\tcontent: <StatefulPanel label=\"Третья\" />\n\t}\n];\n\nconst disabledItems: TabsBoxItem[] = [\n\t{\n\t\tid: \"overview\",\n\t\ttitle: \"Обзор\",\n\t\tcontent: <div style={panelStyle}>Раздел доступен сразу.</div>\n\t},\n\t{\n\t\tid: \"analytics\",\n\t\ttitle: \"Аналитика\",\n\t\tdisabled: true,\n\t\tcontent: <div style={panelStyle}>Пока недоступно.</div>\n\t},\n\t{\n\t\tid: \"history\",\n\t\ttitle: \"История\",\n\t\tcontent: <div style={panelStyle}>История изменений и действий.</div>\n\t}\n];\n\nconst longLines = Array.from({ length: 12 }, (_, index) => `Элемент ${index + 1}`);\n\nfunction LayoutStory() {\n\tconst [value, setValue] = useState(\"details\");\n\n\treturn (\n\t\t<div style={{ height: 360 }}>\n\t\t\t<TabsLayout value={value} onValueChange={setValue} bordered aria-label=\"Составные панели документа\">\n\t\t\t\t<TabsLayout.Tab id=\"details\" title=\"Детали\">\n\t\t\t\t\t<TabsLayout.Toolbar>\n\t\t\t\t\t\t<div className=\"surface0 border radiusSm paddingSm\">Панель инструментов вне scroll-области.</div>\n\t\t\t\t\t</TabsLayout.Toolbar>\n\t\t\t\t\t<TabsLayout.Content>\n\t\t\t\t\t\t<div style={{ display: \"grid\", gridTemplateColumns: \"1fr 1fr\", gap: 12, height: \"100%\" }}>\n\t\t\t\t\t\t\t<Scrollable className=\"surface0 border radiusSm paddingSm h100\">\n\t\t\t\t\t\t\t\t{longLines.map((line) => (\n\t\t\t\t\t\t\t\t\t<div key={`left-${line}`} className=\"paddingBlockXs\">\n\t\t\t\t\t\t\t\t\t\tЛевая колонка: {line}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</Scrollable>\n\t\t\t\t\t\t\t<Scrollable className=\"surface0 border radiusSm paddingSm h100\">\n\t\t\t\t\t\t\t\t{longLines.map((line) => (\n\t\t\t\t\t\t\t\t\t<div key={`right-${line}`} className=\"paddingBlockXs\">\n\t\t\t\t\t\t\t\t\t\tПравая колонка: {line}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</Scrollable>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</TabsLayout.Content>\n\t\t\t\t\t<TabsLayout.Footer>\n\t\t\t\t\t\t<div className=\"surface0 border radiusSm paddingSm\">Футер тоже исключён из scroll-контента.</div>\n\t\t\t\t\t</TabsLayout.Footer>\n\t\t\t\t</TabsLayout.Tab>\n\n\t\t\t\t<TabsLayout.Tab id=\"history\" title=\"История\">\n\t\t\t\t\t<TabsLayout.Content>\n\t\t\t\t\t\t<Scrollable className=\"surface0 border radiusSm paddingSm h100\">\n\t\t\t\t\t\t\t{longLines.map((line) => (\n\t\t\t\t\t\t\t\t<div key={`history-${line}`} className=\"paddingBlockXs\">\n\t\t\t\t\t\t\t\t\tИстория изменения: {line}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</Scrollable>\n\t\t\t\t\t</TabsLayout.Content>\n\t\t\t\t</TabsLayout.Tab>\n\t\t\t</TabsLayout>\n\t\t</div>\n\t);\n}\n\nconst meta = {\n\ttitle: \"Shared/UI/Tabs\",\n\tcomponent: TabsBox,\n\targs: {\n\t\titems: demoItems,\n\t\torientation: \"horizontal\",\n\t\tactivationMode: \"automatic\",\n\t\tmountStrategy: \"unmount\",\n\t\tisLoading: false,\n\t\tloadingText: \"Загрузка вкладок...\",\n\t\tbordered: false,\n\t\tloop: true\n\t},\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"padded\"\n\t},\n\ttags: [\"autodocs\"],\n\targTypes: {\n\t\titems: {\n\t\t\tdescription: \"Набор вкладок для `TabsBox`. Каждая вкладка задаётся через `id`, `title`, `content` и опциональный `disabled`.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tvalue: {\n\t\t\tdescription: \"Активная вкладка в controlled-режиме.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tdefaultValue: {\n\t\t\tdescription: \"Начальная вкладка в uncontrolled-режиме.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tonValueChange: {\n\t\t\tdescription: \"Вызывается при смене активной вкладки.\",\n\t\t\tcontrol: false\n\t\t},\n\t\torientation: {\n\t\t\tdescription: \"Направление списка вкладок.\",\n\t\t\tcontrol: \"inline-radio\",\n\t\t\toptions: [\"horizontal\", \"vertical\"]\n\t\t},\n\t\tactivationMode: {\n\t\t\tdescription: \"Режим клавиатурной активации: `automatic` меняет вкладку стрелками, `manual` только переводит фокус.\",\n\t\t\tcontrol: \"inline-radio\",\n\t\t\toptions: [\"automatic\", \"manual\"]\n\t\t},\n\t\tmountStrategy: {\n\t\t\tdescription: \"Политика монтирования панелей: `unmount`, `lazy` или `keep-mounted`.\",\n\t\t\tcontrol: \"inline-radio\",\n\t\t\toptions: [\"unmount\", \"lazy\", \"keep-mounted\"]\n\t\t},\n\t\tbordered: {\n\t\t\tdescription: \"Добавляет рамку вокруг области панелей.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tloop: {\n\t\t\tdescription: \"Разрешает циклическую навигацию стрелками и Home/End.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tclassName: {\n\t\t\tdescription: \"Дополнительный CSS-класс корневого контейнера.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tisLoading: {\n\t\t\tdescription: \"Показывает loading-состояние `TabsBox`.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tloadingText: {\n\t\t\tdescription: \"Текст внутри loading-состояния.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\t\"aria-label\": {\n\t\t\tdescription: \"Текстовая подпись для `tablist`, если рядом нет видимого заголовка.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\t\"aria-labelledby\": {\n\t\t\tdescription: \"Ссылка на внешний заголовок `tablist`.\",\n\t\t\tcontrol: \"text\"\n\t\t}\n\t}\n} satisfies Meta<typeof TabsBox>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const BoxBasic: Story = {\n\targs: {\n\t\t\"aria-label\": \"Основные разделы профиля\"\n\t}\n};\n\nexport const BoxControlled: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState(\"settings\");\n\n\t\treturn <TabsBox {...args} value={value} onValueChange={setValue} />;\n\t},\n\targs: {\n\t\tvalue: \"settings\",\n\t\t\"aria-label\": \"Управляемые вкладки\"\n\t}\n};\n\nexport const BoxVertical: Story = {\n\trender: (args) => (\n\t\t<div style={{ height: 320 }}>\n\t\t\t<TabsBox {...args} />\n\t\t</div>\n\t),\n\targs: {\n\t\torientation: \"vertical\",\n\t\tbordered: true,\n\t\t\"aria-label\": \"Вертикальные вкладки\"\n\t}\n};\n\nexport const BoxMountStrategies: Story = {\n\trender: (args) => <TabsBox {...args} items={lifecycleItems} />,\n\targs: {\n\t\tmountStrategy: \"lazy\",\n\t\t\"aria-label\": \"Демонстрация стратегий монтирования\"\n\t}\n};\n\nexport const DisabledTabs: Story = {\n\targs: {\n\t\titems: disabledItems,\n\t\t\"aria-label\": \"Вкладки с недоступным разделом\"\n\t}\n};\n\nexport const LayoutPanels: Story = {\n\trender: () => <LayoutStory />\n};\n\nexport const LegacyTabs: Story = {\n\trender: (args) => <Tabs {...args} items={demoItems} aria-label=\"Устаревший совместимый API\" />,\n\tparameters: {\n\t\tdocs: {\n\t\t\tdescription: {\n\t\t\t\tstory: \"Совместимый фасад поверх `TabsBox`. Новый функционал добавляется только в `TabsBox` и `TabsLayout`.\"\n\t\t\t}\n\t\t}\n\t}\n};\n\nexport const Loading: Story = {\n\targs: {\n\t\tisLoading: true,\n\t\titems: demoItems\n\t}\n};\n\nexport const Empty: Story = {\n\targs: {\n\t\titems: []\n\t}\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tabs.stories.js","names":[],"sources":["../../../src/tabs/stories/Tabs.stories.tsx"],"sourcesContent":["import { useState, type CSSProperties } from \"react\";\n\nimport { Tabs, TabsBox, TabsLayout, type TabsBoxItem } from \"..\";\nimport { Scrollable } from \"../../misc\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst panelStyle = { padding: 16, display: \"grid\", gap: 12 } satisfies CSSProperties;\n\nconst demoItems: TabsBoxItem[] = [\n\t{\n\t\tid: \"profile\",\n\t\ttitle: \"Профиль\",\n\t\tcontent: <div style={panelStyle}>Карточка пользователя и основные поля профиля.</div>\n\t},\n\t{\n\t\tid: \"settings\",\n\t\ttitle: \"Настройки\",\n\t\tcontent: <div style={panelStyle}>Параметры интерфейса, уведомлений и доступа.</div>\n\t},\n\t{\n\t\tid: \"history\",\n\t\ttitle: \"История\",\n\t\tcontent: <div style={panelStyle}>Последние действия, комментарии и изменения.</div>\n\t}\n];\n\nfunction StatefulPanel({ label }: { label: string }) {\n\tconst [counter, setCounter] = useState(0);\n\n\treturn (\n\t\t<div style={panelStyle}>\n\t\t\t<div>Панель: {label}</div>\n\t\t\t<div>Локальный счётчик: {counter}</div>\n\t\t\t<button type=\"button\" onClick={() => setCounter((prev) => prev + 1)}>\n\t\t\t\tУвеличить\n\t\t\t</button>\n\t\t</div>\n\t);\n}\n\nconst lifecycleItems: TabsBoxItem[] = [\n\t{\n\t\tid: \"first\",\n\t\ttitle: \"Первая\",\n\t\tcontent: <StatefulPanel label=\"Первая\" />\n\t},\n\t{\n\t\tid: \"second\",\n\t\ttitle: \"Вторая\",\n\t\tcontent: <StatefulPanel label=\"Вторая\" />\n\t},\n\t{\n\t\tid: \"third\",\n\t\ttitle: \"Третья\",\n\t\tcontent: <StatefulPanel label=\"Третья\" />\n\t}\n];\n\nconst disabledItems: TabsBoxItem[] = [\n\t{\n\t\tid: \"overview\",\n\t\ttitle: \"Обзор\",\n\t\tcontent: <div style={panelStyle}>Раздел доступен сразу.</div>\n\t},\n\t{\n\t\tid: \"analytics\",\n\t\ttitle: \"Аналитика\",\n\t\tdisabled: true,\n\t\tcontent: <div style={panelStyle}>Пока недоступно.</div>\n\t},\n\t{\n\t\tid: \"history\",\n\t\ttitle: \"История\",\n\t\tcontent: <div style={panelStyle}>История изменений и действий.</div>\n\t}\n];\n\nconst longLines = Array.from({ length: 12 }, (_, index) => `Элемент ${index + 1}`);\n\nfunction LayoutStory() {\n\tconst [value, setValue] = useState(\"details\");\n\n\treturn (\n\t\t<div style={{ height: 360 }}>\n\t\t\t<TabsLayout value={value} onValueChange={setValue} bordered aria-label=\"Составные панели документа\">\n\t\t\t\t<TabsLayout.Tab id=\"details\" title=\"Детали\">\n\t\t\t\t\t<TabsLayout.Toolbar>\n\t\t\t\t\t\t<div className=\"surface0 border radiusSm paddingSm\">Панель инструментов вне scroll-области.</div>\n\t\t\t\t\t</TabsLayout.Toolbar>\n\t\t\t\t\t<TabsLayout.Content>\n\t\t\t\t\t\t<div style={{ display: \"grid\", gridTemplateColumns: \"1fr 1fr\", gap: 12, height: \"100%\" }}>\n\t\t\t\t\t\t\t<Scrollable className=\"surface0 border radiusSm paddingSm h100\">\n\t\t\t\t\t\t\t\t{longLines.map((line) => (\n\t\t\t\t\t\t\t\t\t<div key={`left-${line}`} className=\"paddingBlockXs\">\n\t\t\t\t\t\t\t\t\t\tЛевая колонка: {line}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</Scrollable>\n\t\t\t\t\t\t\t<Scrollable className=\"surface0 border radiusSm paddingSm h100\">\n\t\t\t\t\t\t\t\t{longLines.map((line) => (\n\t\t\t\t\t\t\t\t\t<div key={`right-${line}`} className=\"paddingBlockXs\">\n\t\t\t\t\t\t\t\t\t\tПравая колонка: {line}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</Scrollable>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</TabsLayout.Content>\n\t\t\t\t\t<TabsLayout.Footer>\n\t\t\t\t\t\t<div className=\"surface0 border radiusSm paddingSm\">Футер тоже исключён из scroll-контента.</div>\n\t\t\t\t\t</TabsLayout.Footer>\n\t\t\t\t</TabsLayout.Tab>\n\n\t\t\t\t<TabsLayout.Tab id=\"history\" title=\"История\">\n\t\t\t\t\t<TabsLayout.Content>\n\t\t\t\t\t\t<Scrollable className=\"surface0 border radiusSm paddingSm h100\">\n\t\t\t\t\t\t\t{longLines.map((line) => (\n\t\t\t\t\t\t\t\t<div key={`history-${line}`} className=\"paddingBlockXs\">\n\t\t\t\t\t\t\t\t\tИстория изменения: {line}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</Scrollable>\n\t\t\t\t\t</TabsLayout.Content>\n\t\t\t\t</TabsLayout.Tab>\n\t\t\t</TabsLayout>\n\t\t</div>\n\t);\n}\n\nconst meta = {\n\ttitle: \"Shared/UI/Tabs\",\n\tcomponent: TabsBox,\n\targs: {\n\t\titems: demoItems,\n\t\torientation: \"horizontal\",\n\t\tactivationMode: \"automatic\",\n\t\tmountStrategy: \"unmount\",\n\t\tisLoading: false,\n\t\tloadingText: \"Загрузка вкладок...\",\n\t\tbordered: false,\n\t\tloop: true\n\t},\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"padded\"\n\t},\n\ttags: [\"autodocs\"],\n\targTypes: {\n\t\titems: {\n\t\t\tdescription: \"Набор вкладок для `TabsBox`. Каждая вкладка задаётся через `id`, `title`, `content` и опциональный `disabled`.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tvalue: {\n\t\t\tdescription: \"Активная вкладка в controlled-режиме.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tdefaultValue: {\n\t\t\tdescription: \"Начальная вкладка в uncontrolled-режиме.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tonValueChange: {\n\t\t\tdescription: \"Вызывается при смене активной вкладки.\",\n\t\t\tcontrol: false\n\t\t},\n\t\torientation: {\n\t\t\tdescription: \"Направление списка вкладок.\",\n\t\t\tcontrol: \"inline-radio\",\n\t\t\toptions: [\"horizontal\", \"vertical\"]\n\t\t},\n\t\tactivationMode: {\n\t\t\tdescription: \"Режим клавиатурной активации: `automatic` меняет вкладку стрелками, `manual` только переводит фокус.\",\n\t\t\tcontrol: \"inline-radio\",\n\t\t\toptions: [\"automatic\", \"manual\"]\n\t\t},\n\t\tmountStrategy: {\n\t\t\tdescription: \"Политика монтирования панелей: `unmount`, `lazy` или `keep-mounted`.\",\n\t\t\tcontrol: \"inline-radio\",\n\t\t\toptions: [\"unmount\", \"lazy\", \"keep-mounted\"]\n\t\t},\n\t\tbordered: {\n\t\t\tdescription: \"Добавляет рамку вокруг области панелей.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tloop: {\n\t\t\tdescription: \"Разрешает циклическую навигацию стрелками и Home/End.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tclassName: {\n\t\t\tdescription: \"Дополнительный CSS-класс корневого контейнера.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tisLoading: {\n\t\t\tdescription: \"Показывает loading-состояние `TabsBox`.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tloadingText: {\n\t\t\tdescription: \"Текст внутри loading-состояния.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\t\"aria-label\": {\n\t\t\tdescription: \"Текстовая подпись для `tablist`, если рядом нет видимого заголовка.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\t\"aria-labelledby\": {\n\t\t\tdescription: \"Ссылка на внешний заголовок `tablist`.\",\n\t\t\tcontrol: \"text\"\n\t\t}\n\t}\n} satisfies Meta<typeof TabsBox>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const BoxBasic: Story = {\n\targs: {\n\t\t\"aria-label\": \"Основные разделы профиля\"\n\t}\n};\n\nexport const BoxControlled: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState(\"settings\");\n\n\t\treturn <TabsBox {...args} value={value} onValueChange={setValue} />;\n\t},\n\targs: {\n\t\tvalue: \"settings\",\n\t\t\"aria-label\": \"Управляемые вкладки\"\n\t}\n};\n\nexport const BoxVertical: Story = {\n\trender: (args) => (\n\t\t<div style={{ height: 320 }}>\n\t\t\t<TabsBox {...args} />\n\t\t</div>\n\t),\n\targs: {\n\t\torientation: \"vertical\",\n\t\tbordered: true,\n\t\t\"aria-label\": \"Вертикальные вкладки\"\n\t}\n};\n\nexport const BoxMountStrategies: Story = {\n\trender: (args) => <TabsBox {...args} items={lifecycleItems} />,\n\targs: {\n\t\tmountStrategy: \"lazy\",\n\t\t\"aria-label\": \"Демонстрация стратегий монтирования\"\n\t}\n};\n\nexport const DisabledTabs: Story = {\n\targs: {\n\t\titems: disabledItems,\n\t\t\"aria-label\": \"Вкладки с недоступным разделом\"\n\t}\n};\n\nexport const LayoutPanels: Story = {\n\trender: () => <LayoutStory />\n};\n\nexport const LegacyTabs: Story = {\n\trender: (args) => <Tabs {...args} items={demoItems} aria-label=\"Устаревший совместимый API\" />,\n\tparameters: {\n\t\tdocs: {\n\t\t\tdescription: {\n\t\t\t\tstory: \"Совместимый фасад поверх `TabsBox`. Новый функционал добавляется только в `TabsBox` и `TabsLayout`.\"\n\t\t\t}\n\t\t}\n\t}\n};\n\nexport const Loading: Story = {\n\targs: {\n\t\tisLoading: true,\n\t\titems: demoItems\n\t}\n};\n\nexport const Empty: Story = {\n\targs: {\n\t\titems: []\n\t}\n};\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextOverflow.d.ts","sourceRoot":"","sources":["../../src/text/TextOverflow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"TextOverflow.d.ts","sourceRoot":"","sources":["../../src/text/TextOverflow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAM/C,UAAU,qBAAqB;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,KAAK,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;CACrE;AAGD,UAAU,oBAAoB;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAGD,UAAU,iBAAiB,CAC1B,CAAC,SAAS,aAAa,CAAC,oBAAoB,CAAC,GAAG,aAAa,CAAC,oBAAoB,CAAC,CAClF,SAAQ,qBAAqB;IAC9B,QAAQ,CAAC,EAAE,CAAC,CAAC;IACb,aAAa,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;CACpD;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,aAAa,CAAC,oBAAoB,CAAC,EAAE,EAC3E,OAAO,EACP,SAAkB,EAClB,UAAc,EACd,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,aAAa,EACb,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BA2BtB"}
|