@archbase/components 3.0.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/admin/types.d.ts +65 -0
- package/dist/archbase-components-3.0.0.tgz +0 -0
- package/dist/buttons/ActionsDemo.d.ts +2 -0
- package/dist/buttons/ArchbaseActionButtons.d.ts +61 -0
- package/dist/buttons/index.d.ts +2 -0
- package/dist/charts/ArchbaseTimeline.d.ts +24 -0
- package/dist/charts/index.d.ts +3 -0
- package/dist/charts/vis-timeline/ArchbaseVisTimeline.d.ts +9 -0
- package/dist/charts/vis-timeline/ArchbaseVisTimeline.types.d.ts +284 -0
- package/dist/charts/vis-timeline/index.d.ts +9 -0
- package/dist/charts/vis-timeline/utils/timelineOptions.d.ts +68 -0
- package/dist/datagrid/components/index.d.ts +6 -0
- package/dist/datagrid/components/pagination/grid-pagination.d.ts +7 -0
- package/dist/datagrid/components/render/archbase-data-grid-item-renderer.d.ts +10 -0
- package/dist/datagrid/components/toolbar/global-search-input.d.ts +16 -0
- package/dist/datagrid/components/toolbar/grid-toolbar.d.ts +19 -0
- package/dist/datagrid/hooks/index.d.ts +3 -0
- package/dist/datagrid/hooks/use-grid-data-stable-rendering.d.ts +15 -0
- package/dist/datagrid/hooks/use-grid-data.d.ts +32 -0
- package/dist/datagrid/hooks/use-grid-details-panel.d.ts +51 -0
- package/dist/datagrid/index.d.ts +6 -0
- package/dist/datagrid/main/archbase-data-grid-column.d.ts +26 -0
- package/dist/datagrid/main/archbase-data-grid-formatters.d.ts +57 -0
- package/dist/datagrid/main/archbase-data-grid-pagination.d.ts +8 -0
- package/dist/datagrid/main/archbase-data-grid-toolbar.d.ts +7 -0
- package/dist/datagrid/main/archbase-data-grid-types.d.ts +252 -0
- package/dist/datagrid/main/archbase-data-grid-utils.d.ts +45 -0
- package/dist/datagrid/main/archbase-data-grid.d.ts +9 -0
- package/dist/datagrid/main/archbase-detail-panel-component.d.ts +52 -0
- package/dist/datagrid/main/archbase-expand-button.d.ts +22 -0
- package/dist/datagrid/main/archbase-grid-popover.d.ts +37 -0
- package/dist/datagrid/main/grid-row-actions.d.ts +15 -0
- package/dist/datagrid/main/index.d.ts +21 -0
- package/dist/datagrid/modals/export-data.d.ts +13 -0
- package/dist/datagrid/modals/export-modal.d.ts +9 -0
- package/dist/datagrid/modals/index.d.ts +6 -0
- package/dist/datagrid/modals/print-data.d.ts +16 -0
- package/dist/datagrid/modals/print-modal.d.ts +9 -0
- package/dist/datagrid/types/grid-props.d.ts +48 -0
- package/dist/datagrid/types/index.d.ts +1 -0
- package/dist/datagrid/utils/formatter.d.ts +39 -0
- package/dist/datagrid/utils/index.d.ts +1 -0
- package/dist/debug/index.d.ts +4 -0
- package/dist/debug/jsonpathpicker/ArchbaseJsonPathPicker.d.ts +37 -0
- package/dist/debug/jsonpathpicker/index.d.ts +1 -0
- package/dist/debug/jsonview/ArchbaseJsonViewDataRenderer.d.ts +34 -0
- package/dist/debug/jsonview/ArchbaseJsonViewDataTypeDetection.d.ts +8 -0
- package/dist/debug/jsonview/index.d.ts +11 -0
- package/dist/debug/objectinspector/ArchbaseDebugInspector.d.ts +23 -0
- package/dist/debug/objectinspector/ArchbaseFloatingWindow.d.ts +24 -0
- package/dist/debug/objectinspector/ArchbaseObjectInspector.d.ts +6 -0
- package/dist/debug/objectinspector/index.d.ts +3 -0
- package/dist/display/index.d.ts +4 -0
- package/dist/editors/ArchbaseAsyncMultiSelect.d.ts +112 -0
- package/dist/editors/ArchbaseAsyncSelect.context.d.ts +8 -0
- package/dist/editors/ArchbaseAsyncSelect.d.ts +102 -0
- package/dist/editors/ArchbaseAvatarEdit.d.ts +49 -0
- package/dist/editors/ArchbaseCheckbox.d.ts +45 -0
- package/dist/editors/ArchbaseChip.d.ts +43 -0
- package/dist/editors/ArchbaseChipGroup.d.ts +42 -0
- package/dist/editors/ArchbaseChipItem.d.ts +18 -0
- package/dist/editors/ArchbaseColorPicker.d.ts +3 -0
- package/dist/editors/ArchbaseCountdownProgress.d.ts +5 -0
- package/dist/editors/ArchbaseCronExpressionEdit.d.ts +16 -0
- package/dist/editors/ArchbaseCronExpressionEditor.d.ts +8 -0
- package/dist/editors/ArchbaseDatePicker.d.ts +2 -0
- package/dist/editors/ArchbaseDatePickerEdit.d.ts +85 -0
- package/dist/editors/ArchbaseDatePickerRange.d.ts +47 -0
- package/dist/editors/ArchbaseDateTimePickerEdit.d.ts +43 -0
- package/dist/editors/ArchbaseDateTimePickerRange.d.ts +58 -0
- package/dist/editors/ArchbaseEdit.d.ts +56 -0
- package/dist/editors/ArchbaseEdit.example.d.ts +8 -0
- package/dist/editors/ArchbaseFileAttachment.d.ts +17 -0
- package/dist/editors/ArchbaseImageEdit.d.ts +50 -0
- package/dist/editors/ArchbaseJsonEdit.d.ts +49 -0
- package/dist/editors/ArchbaseKeyValueEditor.d.ts +22 -0
- package/dist/editors/ArchbaseLookupEdit.d.ts +57 -0
- package/dist/editors/ArchbaseLookupNumber.d.ts +69 -0
- package/dist/editors/ArchbaseLookupSelect.d.ts +9 -0
- package/dist/editors/ArchbaseMarkdownEdit.d.ts +52 -0
- package/dist/editors/ArchbaseMaskEdit.d.ts +79 -0
- package/dist/editors/ArchbaseNumberEdit.d.ts +51 -0
- package/dist/editors/ArchbaseNumberInput.d.ts +2 -0
- package/dist/editors/ArchbaseOperationHoursEditor.d.ts +8 -0
- package/dist/editors/ArchbasePasswordEdit.d.ts +44 -0
- package/dist/editors/ArchbasePasswordInput.d.ts +2 -0
- package/dist/editors/ArchbaseRadio.d.ts +2 -0
- package/dist/editors/ArchbaseRadioGroup.d.ts +45 -0
- package/dist/editors/ArchbaseRadioItem.d.ts +12 -0
- package/dist/editors/ArchbaseRating.d.ts +52 -0
- package/dist/editors/ArchbaseRichTextEdit.d.ts +80 -0
- package/dist/editors/ArchbaseSelect.context.d.ts +8 -0
- package/dist/editors/ArchbaseSelect.d.ts +107 -0
- package/dist/editors/ArchbaseSelectItem.d.ts +15 -0
- package/dist/editors/ArchbaseSwitch.d.ts +53 -0
- package/dist/editors/ArchbaseTextArea.d.ts +47 -0
- package/dist/editors/ArchbaseTimeEdit.d.ts +52 -0
- package/dist/editors/ArchbaseTimeRangeSelector.d.ts +40 -0
- package/dist/editors/ArchbaseTreeSelect.d.ts +65 -0
- package/dist/editors/index.d.ts +81 -0
- package/dist/feedback/index.d.ts +4 -0
- package/dist/filters/ArchbaseCompositeFilters.d.ts +23 -0
- package/dist/filters/ArchbaseCompositeFilters.types.d.ts +303 -0
- package/dist/filters/ArchbaseCompositeFilters.utils.d.ts +69 -0
- package/dist/filters/components/FilterPill.d.ts +5 -0
- package/dist/filters/hooks/index.d.ts +4 -0
- package/dist/filters/hooks/useArchbaseFilterHistory.d.ts +24 -0
- package/dist/filters/hooks/useArchbaseFilterPresets.d.ts +23 -0
- package/dist/filters/hooks/useArchbaseFilters.d.ts +32 -0
- package/dist/filters/hooks/useArchbaseQuickFilters.d.ts +26 -0
- package/dist/filters/index.d.ts +8 -0
- package/dist/forms/index.d.ts +3 -0
- package/dist/hooks/index.d.ts +5 -0
- package/dist/hooks/useArchbaseContainerDimensions.d.ts +4 -0
- package/dist/hooks/useArchbaseElementSizeArea.d.ts +6 -0
- package/dist/hooks/useArchbaseListContext.d.ts +2 -0
- package/dist/hooks/useArchbaseNavigateParams.d.ts +3 -0
- package/dist/hooks/useArchbaseVisible.d.ts +2 -0
- package/dist/image/ArchbaseImage.d.ts +33 -0
- package/dist/image/ArchbaseMicrosoftAvatar.d.ts +7 -0
- package/dist/image/editor/components/BasicFilters/BasicFilter.d.ts +9 -0
- package/dist/image/editor/components/CropprWrapper/ArchbaseCropperWrapper.d.ts +12 -0
- package/dist/image/editor/components/EditImage/ArchbaseEditImage.d.ts +11 -0
- package/dist/image/editor/components/Input/Input.d.ts +9 -0
- package/dist/image/editor/components/Tab/Tab.d.ts +23 -0
- package/dist/image/editor/functions/croppr/box.d.ts +95 -0
- package/dist/image/editor/functions/croppr/core.d.ts +121 -0
- package/dist/image/editor/functions/croppr/croppr.d.ts +68 -0
- package/dist/image/editor/functions/croppr/handle.d.ts +23 -0
- package/dist/image/editor/functions/croppr/index.d.ts +2 -0
- package/dist/image/editor/functions/croppr/touch.d.ts +10 -0
- package/dist/image/editor/functions/image-processing.d.ts +11 -0
- package/dist/image/editor/index.d.ts +12 -0
- package/dist/image/editor/models/index.models.d.ts +45 -0
- package/dist/image/index.d.ts +7 -0
- package/dist/image/languages.d.ts +299 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +27 -0
- package/dist/index.js +18368 -0
- package/dist/jsonschema/ArchbaseJsonSchemaEditor.types.d.ts +131 -0
- package/dist/jsonschema/JsonSchemaEditor/ArchbaseJsonSchemaEditor.context.d.ts +7 -0
- package/dist/jsonschema/JsonSchemaEditor/ArchbaseJsonSchemaEditor.d.ts +9 -0
- package/dist/jsonschema/JsonSchemaEditor/advanced-boolean/index.d.ts +2 -0
- package/dist/jsonschema/JsonSchemaEditor/advanced-number/index.d.ts +2 -0
- package/dist/jsonschema/JsonSchemaEditor/advanced-string/index.d.ts +2 -0
- package/dist/jsonschema/JsonSchemaEditor/drop-plus/index.d.ts +10 -0
- package/dist/jsonschema/JsonSchemaEditor/index.d.ts +2 -0
- package/dist/jsonschema/JsonSchemaEditor/schema-advanced/index.d.ts +6 -0
- package/dist/jsonschema/JsonSchemaEditor/schema-array/index.d.ts +8 -0
- package/dist/jsonschema/JsonSchemaEditor/schema-item/index.d.ts +11 -0
- package/dist/jsonschema/JsonSchemaEditor/schema-object/index.d.ts +7 -0
- package/dist/jsonschema/JsonSchemaEditor/schema-root/index.d.ts +8 -0
- package/dist/jsonschema/JsonSchemaEditor/utils.d.ts +25 -0
- package/dist/jsonschema/JsonSchemaEditor/whoops.d.ts +2 -0
- package/dist/jsonschema/index.d.ts +2 -0
- package/dist/list/ArchbaseList.context.d.ts +27 -0
- package/dist/list/ArchbaseList.d.ts +104 -0
- package/dist/list/ArchbaseListItem.d.ts +59 -0
- package/dist/list/index.d.ts +8 -0
- package/dist/list/treeview/ArchbaseTreeView.d.ts +44 -0
- package/dist/list/treeview/ArchbaseTreeView.types.d.ts +40 -0
- package/dist/list/treeview/ArchbaseTreeViewItem.d.ts +19 -0
- package/dist/list/treeview/index.d.ts +5 -0
- package/dist/list-view/ArchbaseListViewTable.d.ts +111 -0
- package/dist/list-view/index.d.ts +2 -0
- package/dist/markdown/ArchbaseMarkdown.d.ts +23 -0
- package/dist/markdown/ArchbaseMarkdown.types.d.ts +181 -0
- package/dist/markdown/components/CodeBlock.d.ts +23 -0
- package/dist/markdown/components/LinkRenderer.d.ts +16 -0
- package/dist/markdown/index.d.ts +11 -0
- package/dist/masonry/ArchbaseMasonry.context.d.ts +21 -0
- package/dist/masonry/ArchbaseMasonry.d.ts +35 -0
- package/dist/masonry/index.d.ts +5 -0
- package/dist/navigation/index.d.ts +3 -0
- package/dist/notification/ArchbaseAlert.d.ts +22 -0
- package/dist/notification/ArchbaseDialog.d.ts +16 -0
- package/dist/notification/ArchbaseNotifications.d.ts +5 -0
- package/dist/notification/index.d.ts +4 -0
- package/dist/onboarding/ArchbaseOnboardingTour.d.ts +99 -0
- package/dist/onboarding/index.d.ts +2 -0
- package/dist/printer/ArchbaseThermalPrinter.d.ts +27 -0
- package/dist/printer/ArchbaseThermalPrinter.types.d.ts +199 -0
- package/dist/printer/index.d.ts +9 -0
- package/dist/printer/utils/escpos.d.ts +127 -0
- package/dist/spreadsheet/ArchbaseSpreadsheetImport.d.ts +4 -0
- package/dist/spreadsheet/ArchbaseSpreadsheetImport.types.d.ts +65 -0
- package/dist/spreadsheet/index.d.ts +2 -0
- package/dist/theme-editor/ArchbaseThemeEditor.d.ts +17 -0
- package/dist/theme-editor/ArchbaseThemeEditor.types.d.ts +187 -0
- package/dist/theme-editor/index.d.ts +9 -0
- package/dist/theme-editor/utils/themeExport.d.ts +198 -0
- package/dist/themes/ArchbaseThemeEditor.d.ts +49 -0
- package/dist/types/index.d.ts +106 -0
- package/dist/video/ArchbaseVideoPlayer.d.ts +18 -0
- package/dist/video/ArchbaseVideoPlayer.types.d.ts +200 -0
- package/dist/video/hooks/useVideoPlayer.d.ts +58 -0
- package/dist/video/index.d.ts +10 -0
- package/dist/viewers/ArchbasePDFViewer.annotations.d.ts +20 -0
- package/dist/viewers/ArchbasePDFViewer.d.ts +2 -0
- package/dist/viewers/ArchbasePDFViewer.toolbar.d.ts +20 -0
- package/dist/viewers/ArchbasePDFViewer.types.d.ts +68 -0
- package/dist/viewers/file-preview/ArchbaseFilePreviewer.d.ts +19 -0
- package/dist/viewers/file-preview/ArchbaseFilePreviewer.types.d.ts +153 -0
- package/dist/viewers/file-preview/index.d.ts +13 -0
- package/dist/viewers/file-preview/utils/fileTypeDetector.d.ts +33 -0
- package/dist/viewers/index.d.ts +5 -0
- package/package.json +154 -0
- package/src/admin/types.ts +73 -0
- package/src/arco.css +6 -0
- package/src/buttons/ActionsDemo.tsx +107 -0
- package/src/buttons/ArchbaseActionButtons.d.ts.map +1 -0
- package/src/buttons/ArchbaseActionButtons.tsx +387 -0
- package/src/buttons/index.d.ts.map +1 -0
- package/src/buttons/index.ts +7 -0
- package/src/charts/ArchbaseTimeline.d.ts.map +1 -0
- package/src/charts/ArchbaseTimeline.tsx +332 -0
- package/src/charts/index.d.ts.map +1 -0
- package/src/charts/index.ts +5 -0
- package/src/charts/vis-timeline/ArchbaseVisTimeline.tsx +401 -0
- package/src/charts/vis-timeline/ArchbaseVisTimeline.types.ts +294 -0
- package/src/charts/vis-timeline/index.ts +36 -0
- package/src/charts/vis-timeline/utils/timelineOptions.ts +213 -0
- package/src/datagrid/components/index.d.ts.map +1 -0
- package/src/datagrid/components/index.tsx +14 -0
- package/src/datagrid/components/pagination/grid-pagination.d.ts.map +1 -0
- package/src/datagrid/components/pagination/grid-pagination.tsx +150 -0
- package/src/datagrid/components/render/archbase-data-grid-item-renderer.tsx +26 -0
- package/src/datagrid/components/toolbar/global-search-input.d.ts.map +1 -0
- package/src/datagrid/components/toolbar/global-search-input.tsx +118 -0
- package/src/datagrid/components/toolbar/grid-toolbar.d.ts.map +1 -0
- package/src/datagrid/components/toolbar/grid-toolbar.tsx +106 -0
- package/src/datagrid/hooks/index.d.ts.map +1 -0
- package/src/datagrid/hooks/index.tsx +18 -0
- package/src/datagrid/hooks/use-grid-data-stable-rendering.d.ts.map +1 -0
- package/src/datagrid/hooks/use-grid-data-stable-rendering.ts +168 -0
- package/src/datagrid/hooks/use-grid-data.d.ts.map +1 -0
- package/src/datagrid/hooks/use-grid-data.tsx +598 -0
- package/src/datagrid/hooks/use-grid-details-panel.d.ts.map +1 -0
- package/src/datagrid/hooks/use-grid-details-panel.ts +316 -0
- package/src/datagrid/index.d.ts.map +1 -0
- package/src/datagrid/index.tsx +12 -0
- package/src/datagrid/main/archbase-data-grid-column.d.ts.map +1 -0
- package/src/datagrid/main/archbase-data-grid-column.ts +46 -0
- package/src/datagrid/main/archbase-data-grid-formatters.d.ts.map +1 -0
- package/src/datagrid/main/archbase-data-grid-formatters.tsx +384 -0
- package/src/datagrid/main/archbase-data-grid-pagination.d.ts.map +1 -0
- package/src/datagrid/main/archbase-data-grid-pagination.tsx +63 -0
- package/src/datagrid/main/archbase-data-grid-toolbar.d.ts.map +1 -0
- package/src/datagrid/main/archbase-data-grid-toolbar.tsx +160 -0
- package/src/datagrid/main/archbase-data-grid-types.d.ts.map +1 -0
- package/src/datagrid/main/archbase-data-grid-types.tsx +327 -0
- package/src/datagrid/main/archbase-data-grid-utils.d.ts.map +1 -0
- package/src/datagrid/main/archbase-data-grid-utils.ts +494 -0
- package/src/datagrid/main/archbase-data-grid.d.ts.map +1 -0
- package/src/datagrid/main/archbase-data-grid.tsx +1462 -0
- package/src/datagrid/main/archbase-detail-panel-component.d.ts.map +1 -0
- package/src/datagrid/main/archbase-detail-panel-component.tsx +186 -0
- package/src/datagrid/main/archbase-expand-button.d.ts.map +1 -0
- package/src/datagrid/main/archbase-expand-button.tsx +83 -0
- package/src/datagrid/main/archbase-grid-popover.d.ts.map +1 -0
- package/src/datagrid/main/archbase-grid-popover.tsx +188 -0
- package/src/datagrid/main/grid-row-actions.d.ts.map +1 -0
- package/src/datagrid/main/grid-row-actions.tsx +97 -0
- package/src/datagrid/main/index.d.ts.map +1 -0
- package/src/datagrid/main/index.tsx +75 -0
- package/src/datagrid/modals/export-data.d.ts.map +1 -0
- package/src/datagrid/modals/export-data.tsx +183 -0
- package/src/datagrid/modals/export-modal.d.ts.map +1 -0
- package/src/datagrid/modals/export-modal.tsx +168 -0
- package/src/datagrid/modals/index.d.ts.map +1 -0
- package/src/datagrid/modals/index.tsx +6 -0
- package/src/datagrid/modals/print-data.d.ts.map +1 -0
- package/src/datagrid/modals/print-data.tsx +267 -0
- package/src/datagrid/modals/print-modal.d.ts.map +1 -0
- package/src/datagrid/modals/print-modal.tsx +200 -0
- package/src/datagrid/types/grid-props.d.ts.map +1 -0
- package/src/datagrid/types/grid-props.tsx +53 -0
- package/src/datagrid/types/index.d.ts.map +1 -0
- package/src/datagrid/types/index.tsx +1 -0
- package/src/datagrid/utils/formatter.d.ts.map +1 -0
- package/src/datagrid/utils/formatter.tsx +308 -0
- package/src/datagrid/utils/index.d.ts.map +1 -0
- package/src/datagrid/utils/index.tsx +1 -0
- package/src/debug/index.d.ts.map +1 -0
- package/src/debug/index.ts +4 -0
- package/src/debug/jsonpathpicker/ArchbaseJsonPathPicker.css +46 -0
- package/src/debug/jsonpathpicker/ArchbaseJsonPathPicker.d.ts.map +1 -0
- package/src/debug/jsonpathpicker/ArchbaseJsonPathPicker.tsx +341 -0
- package/src/debug/jsonpathpicker/index.d.ts.map +1 -0
- package/src/debug/jsonpathpicker/index.ts +1 -0
- package/src/debug/jsonview/.eslintrc +5 -0
- package/src/debug/jsonview/ArchbaseJsonViewDataRenderer.d.ts.map +1 -0
- package/src/debug/jsonview/ArchbaseJsonViewDataRenderer.tsx +206 -0
- package/src/debug/jsonview/ArchbaseJsonViewDataTypeDetection.d.ts.map +1 -0
- package/src/debug/jsonview/ArchbaseJsonViewDataTypeDetection.ts +31 -0
- package/src/debug/jsonview/index.d.ts.map +1 -0
- package/src/debug/jsonview/index.tsx +60 -0
- package/src/debug/jsonview/styles.module.css +118 -0
- package/src/debug/jsonview/styles.module.css.d.ts +4 -0
- package/src/debug/objectinspector/ArchbaseDebugInspector.d.ts.map +1 -0
- package/src/debug/objectinspector/ArchbaseDebugInspector.tsx +79 -0
- package/src/debug/objectinspector/ArchbaseFloatingWindow.css +70 -0
- package/src/debug/objectinspector/ArchbaseFloatingWindow.d.ts.map +1 -0
- package/src/debug/objectinspector/ArchbaseFloatingWindow.tsx +266 -0
- package/src/debug/objectinspector/ArchbaseObjectInspector.d.ts.map +1 -0
- package/src/debug/objectinspector/ArchbaseObjectInspector.tsx +21 -0
- package/src/debug/objectinspector/index.d.ts.map +1 -0
- package/src/debug/objectinspector/index.ts +3 -0
- package/src/display/index.d.ts.map +1 -0
- package/src/display/index.ts +5 -0
- package/src/editors/ArchbaseAsyncMultiSelect.d.ts.map +1 -0
- package/src/editors/ArchbaseAsyncMultiSelect.tsx +667 -0
- package/src/editors/ArchbaseAsyncSelect.context.d.ts.map +1 -0
- package/src/editors/ArchbaseAsyncSelect.context.ts +9 -0
- package/src/editors/ArchbaseAsyncSelect.d.ts.map +1 -0
- package/src/editors/ArchbaseAsyncSelect.tsx +581 -0
- package/src/editors/ArchbaseAvatarEdit.d.ts.map +1 -0
- package/src/editors/ArchbaseAvatarEdit.tsx +625 -0
- package/src/editors/ArchbaseCheckbox.d.ts.map +1 -0
- package/src/editors/ArchbaseCheckbox.tsx +250 -0
- package/src/editors/ArchbaseChip.d.ts.map +1 -0
- package/src/editors/ArchbaseChip.tsx +233 -0
- package/src/editors/ArchbaseChipGroup.d.ts.map +1 -0
- package/src/editors/ArchbaseChipGroup.tsx +282 -0
- package/src/editors/ArchbaseChipItem.d.ts.map +1 -0
- package/src/editors/ArchbaseChipItem.tsx +21 -0
- package/src/editors/ArchbaseColorPicker.d.ts.map +1 -0
- package/src/editors/ArchbaseColorPicker.tsx +7 -0
- package/src/editors/ArchbaseCountdownProgress.d.ts.map +1 -0
- package/src/editors/ArchbaseCountdownProgress.tsx +57 -0
- package/src/editors/ArchbaseCronExpressionEdit.d.ts.map +1 -0
- package/src/editors/ArchbaseCronExpressionEdit.tsx +86 -0
- package/src/editors/ArchbaseCronExpressionEditor.d.ts.map +1 -0
- package/src/editors/ArchbaseCronExpressionEditor.tsx +133 -0
- package/src/editors/ArchbaseDatePicker.tsx +3 -0
- package/src/editors/ArchbaseDatePickerEdit.d.ts.map +1 -0
- package/src/editors/ArchbaseDatePickerEdit.tsx +785 -0
- package/src/editors/ArchbaseDatePickerRange.d.ts.map +1 -0
- package/src/editors/ArchbaseDatePickerRange.tsx +142 -0
- package/src/editors/ArchbaseDateTimePickerEdit.d.ts.map +1 -0
- package/src/editors/ArchbaseDateTimePickerEdit.tsx +259 -0
- package/src/editors/ArchbaseDateTimePickerRange.d.ts.map +1 -0
- package/src/editors/ArchbaseDateTimePickerRange.tsx +220 -0
- package/src/editors/ArchbaseEdit.d.ts.map +1 -0
- package/src/editors/ArchbaseEdit.example.tsx +240 -0
- package/src/editors/ArchbaseEdit.tsx +325 -0
- package/src/editors/ArchbaseFileAttachment.d.ts.map +1 -0
- package/src/editors/ArchbaseFileAttachment.tsx +259 -0
- package/src/editors/ArchbaseImageEdit.d.ts.map +1 -0
- package/src/editors/ArchbaseImageEdit.tsx +255 -0
- package/src/editors/ArchbaseJsonEdit.d.ts.map +1 -0
- package/src/editors/ArchbaseJsonEdit.tsx +257 -0
- package/src/editors/ArchbaseKeyValueEditor.d.ts.map +1 -0
- package/src/editors/ArchbaseKeyValueEditor.tsx +180 -0
- package/src/editors/ArchbaseLookupEdit.d.ts.map +1 -0
- package/src/editors/ArchbaseLookupEdit.tsx +368 -0
- package/src/editors/ArchbaseLookupNumber.d.ts.map +1 -0
- package/src/editors/ArchbaseLookupNumber.tsx +390 -0
- package/src/editors/ArchbaseLookupSelect.d.ts.map +1 -0
- package/src/editors/ArchbaseLookupSelect.tsx +225 -0
- package/src/editors/ArchbaseMarkdownEdit.tsx +367 -0
- package/src/editors/ArchbaseMaskEdit.d.ts.map +1 -0
- package/src/editors/ArchbaseMaskEdit.tsx +346 -0
- package/src/editors/ArchbaseNumberEdit.d.ts.map +1 -0
- package/src/editors/ArchbaseNumberEdit.tsx +626 -0
- package/src/editors/ArchbaseNumberInput.tsx +3 -0
- package/src/editors/ArchbaseOperationHoursEditor.d.ts.map +1 -0
- package/src/editors/ArchbaseOperationHoursEditor.tsx +206 -0
- package/src/editors/ArchbasePasswordEdit.d.ts.map +1 -0
- package/src/editors/ArchbasePasswordEdit.tsx +265 -0
- package/src/editors/ArchbasePasswordInput.tsx +3 -0
- package/src/editors/ArchbaseRadio.tsx +3 -0
- package/src/editors/ArchbaseRadioGroup.d.ts.map +1 -0
- package/src/editors/ArchbaseRadioGroup.tsx +293 -0
- package/src/editors/ArchbaseRadioItem.d.ts.map +1 -0
- package/src/editors/ArchbaseRadioItem.tsx +14 -0
- package/src/editors/ArchbaseRating.d.ts.map +1 -0
- package/src/editors/ArchbaseRating.tsx +236 -0
- package/src/editors/ArchbaseRichTextEdit.d.ts.map +1 -0
- package/src/editors/ArchbaseRichTextEdit.tsx +435 -0
- package/src/editors/ArchbaseSelect.context.d.ts.map +1 -0
- package/src/editors/ArchbaseSelect.context.ts +9 -0
- package/src/editors/ArchbaseSelect.d.ts.map +1 -0
- package/src/editors/ArchbaseSelect.tsx +550 -0
- package/src/editors/ArchbaseSelectItem.d.ts.map +1 -0
- package/src/editors/ArchbaseSelectItem.tsx +18 -0
- package/src/editors/ArchbaseSwitch.d.ts.map +1 -0
- package/src/editors/ArchbaseSwitch.tsx +266 -0
- package/src/editors/ArchbaseTextArea.d.ts.map +1 -0
- package/src/editors/ArchbaseTextArea.tsx +263 -0
- package/src/editors/ArchbaseTimeEdit.d.ts.map +1 -0
- package/src/editors/ArchbaseTimeEdit.tsx +319 -0
- package/src/editors/ArchbaseTimeRangeSelector.d.ts.map +1 -0
- package/src/editors/ArchbaseTimeRangeSelector.tsx +397 -0
- package/src/editors/ArchbaseTreeSelect.d.ts.map +1 -0
- package/src/editors/ArchbaseTreeSelect.tsx +434 -0
- package/src/editors/index.d.ts.map +1 -0
- package/src/editors/index.tsx +121 -0
- package/src/editors/intro.mdx +4 -0
- package/src/feedback/index.d.ts.map +1 -0
- package/src/feedback/index.ts +5 -0
- package/src/filters/ArchbaseCompositeFilters.tsx +696 -0
- package/src/filters/ArchbaseCompositeFilters.types.ts +402 -0
- package/src/filters/ArchbaseCompositeFilters.utils.ts +378 -0
- package/src/filters/components/FilterPill.tsx +100 -0
- package/src/filters/hooks/index.ts +4 -0
- package/src/filters/hooks/useArchbaseFilterHistory.ts +111 -0
- package/src/filters/hooks/useArchbaseFilterPresets.ts +157 -0
- package/src/filters/hooks/useArchbaseFilters.ts +279 -0
- package/src/filters/hooks/useArchbaseQuickFilters.ts +80 -0
- package/src/filters/index.ts +55 -0
- package/src/forms/index.d.ts.map +1 -0
- package/src/forms/index.ts +4 -0
- package/src/hooks/index.d.ts.map +1 -0
- package/src/hooks/index.ts +5 -0
- package/src/hooks/useArchbaseContainerDimensions.d.ts.map +1 -0
- package/src/hooks/useArchbaseContainerDimensions.ts +28 -0
- package/src/hooks/useArchbaseElementSizeArea.d.ts.map +1 -0
- package/src/hooks/useArchbaseElementSizeArea.ts +39 -0
- package/src/hooks/useArchbaseListContext.d.ts.map +1 -0
- package/src/hooks/useArchbaseListContext.ts +10 -0
- package/src/hooks/useArchbaseNavigateParams.d.ts.map +1 -0
- package/src/hooks/useArchbaseNavigateParams.ts +17 -0
- package/src/hooks/useArchbaseVisible.d.ts.map +1 -0
- package/src/hooks/useArchbaseVisible.ts +35 -0
- package/src/image/.placeholder +0 -0
- package/src/image/ArchbaseImage.d.ts.map +1 -0
- package/src/image/ArchbaseImage.tsx +56 -0
- package/src/image/ArchbaseMicrosoftAvatar.d.ts.map +1 -0
- package/src/image/ArchbaseMicrosoftAvatar.tsx +50 -0
- package/src/image/editor/components/BasicFilters/BasicFilter.d.ts.map +1 -0
- package/src/image/editor/components/BasicFilters/BasicFilter.tsx +179 -0
- package/src/image/editor/components/CropprWrapper/ArchbaseCropper.scss +73 -0
- package/src/image/editor/components/CropprWrapper/ArchbaseCropperWrapper.d.ts.map +1 -0
- package/src/image/editor/components/CropprWrapper/ArchbaseCropperWrapper.tsx +50 -0
- package/src/image/editor/components/EditImage/ArchbaseEditImage.d.ts.map +1 -0
- package/src/image/editor/components/EditImage/ArchbaseEditImage.scss +221 -0
- package/src/image/editor/components/EditImage/ArchbaseEditImage.tsx +469 -0
- package/src/image/editor/components/Input/Input.d.ts.map +1 -0
- package/src/image/editor/components/Input/Input.tsx +70 -0
- package/src/image/editor/components/Tab/Tab.d.ts.map +1 -0
- package/src/image/editor/components/Tab/Tab.tsx +150 -0
- package/src/image/editor/components/Tab/TabsStyles.scss +72 -0
- package/src/image/editor/functions/croppr/box.d.ts.map +1 -0
- package/src/image/editor/functions/croppr/box.ts +272 -0
- package/src/image/editor/functions/croppr/core.d.ts.map +1 -0
- package/src/image/editor/functions/croppr/core.ts +820 -0
- package/src/image/editor/functions/croppr/croppr.d.ts.map +1 -0
- package/src/image/editor/functions/croppr/croppr.ts +136 -0
- package/src/image/editor/functions/croppr/handle.d.ts.map +1 -0
- package/src/image/editor/functions/croppr/handle.ts +75 -0
- package/src/image/editor/functions/croppr/index.d.ts.map +1 -0
- package/src/image/editor/functions/croppr/index.ts +4 -0
- package/src/image/editor/functions/croppr/touch.d.ts.map +1 -0
- package/src/image/editor/functions/croppr/touch.ts +41 -0
- package/src/image/editor/functions/image-processing.d.ts.map +1 -0
- package/src/image/editor/functions/image-processing.ts +202 -0
- package/src/image/editor/image_editor_styles.scss +284 -0
- package/src/image/editor/index.d.ts.map +1 -0
- package/src/image/editor/index.tsx +437 -0
- package/src/image/editor/models/index.models.d.ts.map +1 -0
- package/src/image/editor/models/index.models.ts +48 -0
- package/src/image/index.d.ts.map +1 -0
- package/src/image/index.ts +7 -0
- package/src/image/intro.mdx +4 -0
- package/src/image/languages.d.ts.map +1 -0
- package/src/image/languages.ts +302 -0
- package/src/index.d.ts.map +1 -0
- package/src/index.ts +50 -0
- package/src/jsonschema/ArchbaseJsonSchemaEditor.types.d.ts.map +1 -0
- package/src/jsonschema/ArchbaseJsonSchemaEditor.types.ts +171 -0
- package/src/jsonschema/JsonSchemaEditor/ArchbaseJsonSchemaEditor.context.d.ts.map +1 -0
- package/src/jsonschema/JsonSchemaEditor/ArchbaseJsonSchemaEditor.context.tsx +8 -0
- package/src/jsonschema/JsonSchemaEditor/ArchbaseJsonSchemaEditor.d.ts.map +1 -0
- package/src/jsonschema/JsonSchemaEditor/ArchbaseJsonSchemaEditor.tsx +99 -0
- package/src/jsonschema/JsonSchemaEditor/JsonSchemaEditor.scss +19 -0
- package/src/jsonschema/JsonSchemaEditor/advanced-boolean/index.d.ts.map +1 -0
- package/src/jsonschema/JsonSchemaEditor/advanced-boolean/index.tsx +33 -0
- package/src/jsonschema/JsonSchemaEditor/advanced-number/index.d.ts.map +1 -0
- package/src/jsonschema/JsonSchemaEditor/advanced-number/index.tsx +119 -0
- package/src/jsonschema/JsonSchemaEditor/advanced-string/index.d.ts.map +1 -0
- package/src/jsonschema/JsonSchemaEditor/advanced-string/index.tsx +146 -0
- package/src/jsonschema/JsonSchemaEditor/drop-plus/index.d.ts.map +1 -0
- package/src/jsonschema/JsonSchemaEditor/drop-plus/index.tsx +80 -0
- package/src/jsonschema/JsonSchemaEditor/index.ts +2 -0
- package/src/jsonschema/JsonSchemaEditor/schema-advanced/index.d.ts.map +1 -0
- package/src/jsonschema/JsonSchemaEditor/schema-advanced/index.tsx +32 -0
- package/src/jsonschema/JsonSchemaEditor/schema-array/index.d.ts.map +1 -0
- package/src/jsonschema/JsonSchemaEditor/schema-array/index.tsx +164 -0
- package/src/jsonschema/JsonSchemaEditor/schema-item/index.d.ts.map +1 -0
- package/src/jsonschema/JsonSchemaEditor/schema-item/index.tsx +213 -0
- package/src/jsonschema/JsonSchemaEditor/schema-object/index.d.ts.map +1 -0
- package/src/jsonschema/JsonSchemaEditor/schema-object/index.tsx +68 -0
- package/src/jsonschema/JsonSchemaEditor/schema-root/index.d.ts.map +1 -0
- package/src/jsonschema/JsonSchemaEditor/schema-root/index.tsx +103 -0
- package/src/jsonschema/JsonSchemaEditor/utils.d.ts.map +1 -0
- package/src/jsonschema/JsonSchemaEditor/utils.ts +195 -0
- package/src/jsonschema/JsonSchemaEditor/whoops.tsx +79 -0
- package/src/jsonschema/index.d.ts.map +1 -0
- package/src/jsonschema/index.ts +2 -0
- package/src/list/ArchbaseList.context.d.ts.map +1 -0
- package/src/list/ArchbaseList.context.ts +28 -0
- package/src/list/ArchbaseList.d.ts.map +1 -0
- package/src/list/ArchbaseList.tsx +533 -0
- package/src/list/ArchbaseListItem.d.ts.map +1 -0
- package/src/list/ArchbaseListItem.tsx +161 -0
- package/src/list/index.d.ts.map +1 -0
- package/src/list/index.ts +9 -0
- package/src/list/treeview/ArchbaseTreeView.d.ts.map +1 -0
- package/src/list/treeview/ArchbaseTreeView.module.css +66 -0
- package/src/list/treeview/ArchbaseTreeView.tsx +657 -0
- package/src/list/treeview/ArchbaseTreeView.types.d.ts.map +1 -0
- package/src/list/treeview/ArchbaseTreeView.types.tsx +42 -0
- package/src/list/treeview/ArchbaseTreeViewItem.d.ts.map +1 -0
- package/src/list/treeview/ArchbaseTreeViewItem.tsx +210 -0
- package/src/list/treeview/index.d.ts.map +1 -0
- package/src/list/treeview/index.ts +5 -0
- package/src/list-view/ArchbaseListViewTable.tsx +150 -0
- package/src/list-view/index.ts +2 -0
- package/src/markdown/ArchbaseMarkdown.tsx +463 -0
- package/src/markdown/ArchbaseMarkdown.types.ts +213 -0
- package/src/markdown/components/CodeBlock.tsx +197 -0
- package/src/markdown/components/LinkRenderer.tsx +98 -0
- package/src/markdown/index.ts +29 -0
- package/src/masonry/ArchbaseMasonry.context.d.ts.map +1 -0
- package/src/masonry/ArchbaseMasonry.context.ts +24 -0
- package/src/masonry/ArchbaseMasonry.d.ts.map +1 -0
- package/src/masonry/ArchbaseMasonry.tsx +156 -0
- package/src/masonry/index.d.ts.map +1 -0
- package/src/masonry/index.ts +5 -0
- package/src/navigation/index.d.ts.map +1 -0
- package/src/navigation/index.ts +4 -0
- package/src/notification/ArchbaseAlert.d.ts.map +1 -0
- package/src/notification/ArchbaseAlert.tsx +77 -0
- package/src/notification/ArchbaseDialog.d.ts.map +1 -0
- package/src/notification/ArchbaseDialog.tsx +212 -0
- package/src/notification/ArchbaseNotifications.d.ts.map +1 -0
- package/src/notification/ArchbaseNotifications.tsx +64 -0
- package/src/notification/index.d.ts.map +1 -0
- package/src/notification/index.ts +4 -0
- package/src/notification/intro.mdx +4 -0
- package/src/onboarding/ArchbaseOnboardingTour.tsx +147 -0
- package/src/onboarding/index.ts +2 -0
- package/src/printer/ArchbaseThermalPrinter.tsx +465 -0
- package/src/printer/ArchbaseThermalPrinter.types.ts +221 -0
- package/src/printer/index.ts +54 -0
- package/src/printer/utils/escpos.ts +531 -0
- package/src/spreadsheet/ArchbaseSpreadsheetImport.tsx +223 -0
- package/src/spreadsheet/ArchbaseSpreadsheetImport.types.ts +66 -0
- package/src/spreadsheet/index.ts +10 -0
- package/src/theme-editor/ArchbaseThemeEditor.tsx +728 -0
- package/src/theme-editor/ArchbaseThemeEditor.types.ts +207 -0
- package/src/theme-editor/index.ts +45 -0
- package/src/theme-editor/utils/themeExport.ts +351 -0
- package/src/themes/.placeholder +0 -0
- package/src/themes/ArchbaseThemeEditor.d.ts.map +1 -0
- package/src/themes/ArchbaseThemeEditor.tsx +110 -0
- package/src/treeviews.scss +80 -0
- package/src/types/index.d.ts.map +1 -0
- package/src/types/index.ts +115 -0
- package/src/video/ArchbaseVideoPlayer.tsx +706 -0
- package/src/video/ArchbaseVideoPlayer.types.ts +221 -0
- package/src/video/hooks/useVideoPlayer.ts +362 -0
- package/src/video/index.ts +28 -0
- package/src/viewers/ArchbasePDFViewer.annotations.tsx +423 -0
- package/src/viewers/ArchbasePDFViewer.toolbar.tsx +218 -0
- package/src/viewers/ArchbasePDFViewer.tsx +317 -0
- package/src/viewers/ArchbasePDFViewer.types.ts +85 -0
- package/src/viewers/file-preview/ArchbaseFilePreviewer.tsx +756 -0
- package/src/viewers/file-preview/ArchbaseFilePreviewer.types.ts +186 -0
- package/src/viewers/file-preview/index.ts +43 -0
- package/src/viewers/file-preview/utils/fileTypeDetector.ts +317 -0
- package/src/viewers/index.ts +17 -0
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import { useCallback, useMemo } from 'react';
|
|
2
|
+
import { useLocalStorage } from '@mantine/hooks';
|
|
3
|
+
import { notifications } from '@mantine/notifications';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import type {
|
|
6
|
+
ArchbaseActiveFilter,
|
|
7
|
+
SavedFilterPreset,
|
|
8
|
+
UseArchbaseFilterPresetsOptions,
|
|
9
|
+
UseArchbaseFilterPresetsReturn,
|
|
10
|
+
} from '../ArchbaseCompositeFilters.types';
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* Hook para gerenciar presets de filtros salvos no localStorage
|
|
14
|
+
*
|
|
15
|
+
* @param options - Opções de configuração
|
|
16
|
+
* @returns Objeto com presets e ações para gerenciá-los
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```ts
|
|
20
|
+
* const {
|
|
21
|
+
* presets,
|
|
22
|
+
* sortedPresets,
|
|
23
|
+
* savePreset,
|
|
24
|
+
* loadPreset,
|
|
25
|
+
* deletePreset,
|
|
26
|
+
* toggleFavorite
|
|
27
|
+
* } = useArchbaseFilterPresets({
|
|
28
|
+
* storageKey: 'my-app-filters',
|
|
29
|
+
* onLoad: (filters) => console.log('Loaded', filters)
|
|
30
|
+
* });
|
|
31
|
+
* ```
|
|
32
|
+
*/
|
|
33
|
+
export function useArchbaseFilterPresets(
|
|
34
|
+
options: UseArchbaseFilterPresetsOptions = {}
|
|
35
|
+
): UseArchbaseFilterPresetsReturn {
|
|
36
|
+
const { storageKey = 'archbase-filter-presets', onLoad } = options;
|
|
37
|
+
|
|
38
|
+
const [savedPresets, setSavedPresets] = useLocalStorage<SavedFilterPreset[]>({
|
|
39
|
+
key: storageKey,
|
|
40
|
+
defaultValue: [],
|
|
41
|
+
});
|
|
42
|
+
|
|
43
|
+
// Presets ordenados (favoritos primeiro)
|
|
44
|
+
const sortedPresets = useMemo(() => {
|
|
45
|
+
return [...savedPresets].sort((a, b) => {
|
|
46
|
+
if (a.isFavorite && !b.isFavorite) return -1;
|
|
47
|
+
if (!a.isFavorite && b.isFavorite) return 1;
|
|
48
|
+
return b.createdAt - a.createdAt;
|
|
49
|
+
});
|
|
50
|
+
}, [savedPresets]);
|
|
51
|
+
|
|
52
|
+
// Salva um preset
|
|
53
|
+
const savePreset = useCallback(
|
|
54
|
+
(filters: ArchbaseActiveFilter[], name?: string): SavedFilterPreset | null => {
|
|
55
|
+
if (filters.length === 0) {
|
|
56
|
+
notifications.show({
|
|
57
|
+
title: String('No filters to save'),
|
|
58
|
+
message: String('Add some filters before saving a preset'),
|
|
59
|
+
color: 'yellow',
|
|
60
|
+
});
|
|
61
|
+
return null;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
const presetName = name || prompt(String('Enter a name for this filter preset:'));
|
|
65
|
+
if (!presetName) return null;
|
|
66
|
+
|
|
67
|
+
const newPreset: SavedFilterPreset = {
|
|
68
|
+
id: `preset-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`,
|
|
69
|
+
name: presetName,
|
|
70
|
+
filters,
|
|
71
|
+
createdAt: Date.now(),
|
|
72
|
+
isFavorite: false,
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
setSavedPresets(prev => [...prev, newPreset]);
|
|
76
|
+
|
|
77
|
+
notifications.show({
|
|
78
|
+
title: String('Preset saved'),
|
|
79
|
+
message: `"${presetName}" has been saved`,
|
|
80
|
+
color: 'green',
|
|
81
|
+
icon: React.createElement(
|
|
82
|
+
'svg',
|
|
83
|
+
{ xmlns: 'http://www.w3.org/2000/svg', width: 16, height: 16, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 2, strokeLinecap: 'round', strokeLinejoin: 'round' },
|
|
84
|
+
React.createElement('path', { d: 'M20 6L9 17l-5-5' })
|
|
85
|
+
),
|
|
86
|
+
});
|
|
87
|
+
|
|
88
|
+
return newPreset;
|
|
89
|
+
},
|
|
90
|
+
[setSavedPresets]
|
|
91
|
+
);
|
|
92
|
+
|
|
93
|
+
// Carrega um preset
|
|
94
|
+
const loadPreset = useCallback(
|
|
95
|
+
(preset: SavedFilterPreset) => {
|
|
96
|
+
onLoad?.(preset.filters);
|
|
97
|
+
notifications.show({
|
|
98
|
+
title: String('Preset loaded'),
|
|
99
|
+
message: `"${preset.name}" has been applied`,
|
|
100
|
+
color: 'blue',
|
|
101
|
+
});
|
|
102
|
+
},
|
|
103
|
+
[onLoad]
|
|
104
|
+
);
|
|
105
|
+
|
|
106
|
+
// Remove um preset
|
|
107
|
+
const deletePreset = useCallback(
|
|
108
|
+
(presetId: string) => {
|
|
109
|
+
setSavedPresets(prev => {
|
|
110
|
+
const preset = prev.find(p => p.id === presetId);
|
|
111
|
+
const updated = prev.filter(p => p.id !== presetId);
|
|
112
|
+
if (preset) {
|
|
113
|
+
notifications.show({
|
|
114
|
+
title: String('Preset deleted'),
|
|
115
|
+
message: `"${preset.name}" has been removed`,
|
|
116
|
+
color: 'red',
|
|
117
|
+
});
|
|
118
|
+
}
|
|
119
|
+
return updated;
|
|
120
|
+
});
|
|
121
|
+
},
|
|
122
|
+
[setSavedPresets]
|
|
123
|
+
);
|
|
124
|
+
|
|
125
|
+
// Alterna favorito
|
|
126
|
+
const toggleFavorite = useCallback(
|
|
127
|
+
(presetId: string) => {
|
|
128
|
+
setSavedPresets(prev =>
|
|
129
|
+
prev.map(p =>
|
|
130
|
+
p.id === presetId ? { ...p, isFavorite: !p.isFavorite } : p
|
|
131
|
+
)
|
|
132
|
+
);
|
|
133
|
+
},
|
|
134
|
+
[setSavedPresets]
|
|
135
|
+
);
|
|
136
|
+
|
|
137
|
+
// Atualiza um preset
|
|
138
|
+
const updatePreset = useCallback(
|
|
139
|
+
(presetId: string, updates: Partial<Omit<SavedFilterPreset, 'id'>>) => {
|
|
140
|
+
setSavedPresets(prev =>
|
|
141
|
+
prev.map(p => (p.id === presetId ? { ...p, ...updates } : p))
|
|
142
|
+
);
|
|
143
|
+
},
|
|
144
|
+
[setSavedPresets]
|
|
145
|
+
);
|
|
146
|
+
|
|
147
|
+
return {
|
|
148
|
+
presets: savedPresets,
|
|
149
|
+
sortedPresets,
|
|
150
|
+
savePreset,
|
|
151
|
+
loadPreset,
|
|
152
|
+
deletePreset,
|
|
153
|
+
updatePreset,
|
|
154
|
+
toggleFavorite,
|
|
155
|
+
hasPresets: savedPresets.length > 0,
|
|
156
|
+
};
|
|
157
|
+
}
|
|
@@ -0,0 +1,279 @@
|
|
|
1
|
+
import { useCallback, useMemo, useState } from 'react';
|
|
2
|
+
import type {
|
|
3
|
+
ArchbaseActiveFilter,
|
|
4
|
+
ArchbaseFilterDefinition,
|
|
5
|
+
UseArchbaseFiltersOptions,
|
|
6
|
+
UseArchbaseFiltersReturn,
|
|
7
|
+
ApiFilterFormat,
|
|
8
|
+
} from '../ArchbaseCompositeFilters.types';
|
|
9
|
+
import {
|
|
10
|
+
convertToRSQL,
|
|
11
|
+
convertToApiFormatList,
|
|
12
|
+
generateFilterId,
|
|
13
|
+
validateFilterValue,
|
|
14
|
+
getDisplayValue,
|
|
15
|
+
} from '../ArchbaseCompositeFilters.utils';
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Hook principal para gerenciamento de filtros com conversão RSQL
|
|
19
|
+
*
|
|
20
|
+
* @param filterDefinitions - Definições dos campos filtráveis
|
|
21
|
+
* @param options - Opções de configuração
|
|
22
|
+
* @returns Objeto com estado e ações para gerenciar filtros
|
|
23
|
+
*
|
|
24
|
+
* @example
|
|
25
|
+
* ```ts
|
|
26
|
+
* const filters: ArchbaseFilterDefinition[] = [
|
|
27
|
+
* { key: 'nome', label: 'Nome', type: 'text' },
|
|
28
|
+
* { key: 'idade', label: 'Idade', type: 'integer' }
|
|
29
|
+
* ];
|
|
30
|
+
*
|
|
31
|
+
* const {
|
|
32
|
+
* activeFilters,
|
|
33
|
+
* rsqlQuery,
|
|
34
|
+
* addFilter,
|
|
35
|
+
* removeFilter,
|
|
36
|
+
* clearFilters
|
|
37
|
+
* } = useArchbaseFilters(filters);
|
|
38
|
+
* ```
|
|
39
|
+
*/
|
|
40
|
+
export function useArchbaseFilters(
|
|
41
|
+
filterDefinitions: ArchbaseFilterDefinition[],
|
|
42
|
+
options?: UseArchbaseFiltersOptions
|
|
43
|
+
): UseArchbaseFiltersReturn {
|
|
44
|
+
const [activeFilters, setActiveFilters] = useState<ArchbaseActiveFilter[]>(
|
|
45
|
+
options?.initialFilters || []
|
|
46
|
+
);
|
|
47
|
+
|
|
48
|
+
// Gera a query RSQL atual
|
|
49
|
+
const rsqlQuery = useMemo(() => {
|
|
50
|
+
return convertToRSQL(activeFilters);
|
|
51
|
+
}, [activeFilters]);
|
|
52
|
+
|
|
53
|
+
// Notifica mudança nos filtros
|
|
54
|
+
const handleFiltersChange = useCallback(
|
|
55
|
+
(newFilters: ArchbaseActiveFilter[]) => {
|
|
56
|
+
setActiveFilters(newFilters);
|
|
57
|
+
options?.onFiltersChange?.(newFilters, convertToRSQL(newFilters));
|
|
58
|
+
},
|
|
59
|
+
[options]
|
|
60
|
+
);
|
|
61
|
+
|
|
62
|
+
// Adiciona um novo filtro
|
|
63
|
+
const addFilter = useCallback(
|
|
64
|
+
(filter: Omit<ArchbaseActiveFilter, 'id'>) => {
|
|
65
|
+
const fieldDef = filterDefinitions.find(f => f.key === filter.key);
|
|
66
|
+
if (!fieldDef) {
|
|
67
|
+
console.warn(`Field definition not found for key: ${filter.key}`);
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
// Valida o valor
|
|
72
|
+
if (!validateFilterValue(filter.value, filter.type, filter.operator)) {
|
|
73
|
+
console.warn(`Invalid filter value for ${filter.key}`);
|
|
74
|
+
return;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
const newFilter: ArchbaseActiveFilter = {
|
|
78
|
+
...filter,
|
|
79
|
+
id: generateFilterId(),
|
|
80
|
+
displayValue: getDisplayValue(
|
|
81
|
+
filter.value,
|
|
82
|
+
filter.type,
|
|
83
|
+
filter.operator,
|
|
84
|
+
fieldDef.options
|
|
85
|
+
),
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
// Verifica se já existe um filtro para o mesmo campo
|
|
89
|
+
const existingIndex = activeFilters.findIndex(f => f.key === filter.key);
|
|
90
|
+
if (existingIndex >= 0) {
|
|
91
|
+
// Substitui o filtro existente
|
|
92
|
+
const newFilters = [...activeFilters];
|
|
93
|
+
newFilters[existingIndex] = newFilter;
|
|
94
|
+
handleFiltersChange(newFilters);
|
|
95
|
+
} else {
|
|
96
|
+
// Adiciona novo filtro
|
|
97
|
+
handleFiltersChange([...activeFilters, newFilter]);
|
|
98
|
+
}
|
|
99
|
+
},
|
|
100
|
+
[activeFilters, filterDefinitions, handleFiltersChange]
|
|
101
|
+
);
|
|
102
|
+
|
|
103
|
+
// Remove um filtro pelo ID
|
|
104
|
+
const removeFilter = useCallback(
|
|
105
|
+
(id: string) => {
|
|
106
|
+
handleFiltersChange(activeFilters.filter(f => f.id !== id));
|
|
107
|
+
},
|
|
108
|
+
[activeFilters, handleFiltersChange]
|
|
109
|
+
);
|
|
110
|
+
|
|
111
|
+
// Limpa todos os filtros
|
|
112
|
+
const clearFilters = useCallback(() => {
|
|
113
|
+
handleFiltersChange([]);
|
|
114
|
+
}, [handleFiltersChange]);
|
|
115
|
+
|
|
116
|
+
// Atualiza um filtro existente
|
|
117
|
+
const updateFilter = useCallback(
|
|
118
|
+
(id: string, updates: Partial<ArchbaseActiveFilter>) => {
|
|
119
|
+
handleFiltersChange(
|
|
120
|
+
activeFilters.map(f => (f.id === id ? { ...f, ...updates } : f))
|
|
121
|
+
);
|
|
122
|
+
},
|
|
123
|
+
[activeFilters, handleFiltersChange]
|
|
124
|
+
);
|
|
125
|
+
|
|
126
|
+
// Define todos os filtros de uma vez
|
|
127
|
+
const setFilters = useCallback(
|
|
128
|
+
(filters: ArchbaseActiveFilter[]) => {
|
|
129
|
+
handleFiltersChange(filters);
|
|
130
|
+
},
|
|
131
|
+
[handleFiltersChange]
|
|
132
|
+
);
|
|
133
|
+
|
|
134
|
+
// Converte para RSQL
|
|
135
|
+
const toRSQL = useCallback(() => {
|
|
136
|
+
return convertToRSQL(activeFilters);
|
|
137
|
+
}, [activeFilters]);
|
|
138
|
+
|
|
139
|
+
// Converte para formato de API
|
|
140
|
+
const toApiFormat = useCallback((): ApiFilterFormat[] => {
|
|
141
|
+
return convertToApiFormatList(activeFilters);
|
|
142
|
+
}, [activeFilters]);
|
|
143
|
+
|
|
144
|
+
// Verifica se existe um filtro para uma chave
|
|
145
|
+
const hasFilter = useCallback(
|
|
146
|
+
(key: string) => {
|
|
147
|
+
return activeFilters.some(f => f.key === key);
|
|
148
|
+
},
|
|
149
|
+
[activeFilters]
|
|
150
|
+
);
|
|
151
|
+
|
|
152
|
+
// Obtém um filtro por chave
|
|
153
|
+
const getFilter = useCallback(
|
|
154
|
+
(key: string) => {
|
|
155
|
+
return activeFilters.find(f => f.key === key);
|
|
156
|
+
},
|
|
157
|
+
[activeFilters]
|
|
158
|
+
);
|
|
159
|
+
|
|
160
|
+
return {
|
|
161
|
+
activeFilters,
|
|
162
|
+
rsqlQuery,
|
|
163
|
+
addFilter,
|
|
164
|
+
removeFilter,
|
|
165
|
+
clearFilters,
|
|
166
|
+
updateFilter,
|
|
167
|
+
setFilters,
|
|
168
|
+
toRSQL,
|
|
169
|
+
toApiFormat,
|
|
170
|
+
filtersCount: activeFilters.length,
|
|
171
|
+
hasFilter,
|
|
172
|
+
getFilter,
|
|
173
|
+
};
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
/**
|
|
177
|
+
* Hook simplificado para gerenciamento de filtros com valor controlado
|
|
178
|
+
*/
|
|
179
|
+
export function useArchbaseFiltersControlled(
|
|
180
|
+
filterDefinitions: ArchbaseFilterDefinition[],
|
|
181
|
+
value: ArchbaseActiveFilter[],
|
|
182
|
+
onChange: (filters: ArchbaseActiveFilter[], rsql?: string) => void
|
|
183
|
+
): Omit<UseArchbaseFiltersReturn, 'activeFilters' | 'rsqlQuery'> & {
|
|
184
|
+
activeFilters: ArchbaseActiveFilter[];
|
|
185
|
+
rsqlQuery: string | undefined;
|
|
186
|
+
} {
|
|
187
|
+
const rsqlQuery = useMemo(() => convertToRSQL(value), [value]);
|
|
188
|
+
|
|
189
|
+
const addFilter = useCallback(
|
|
190
|
+
(filter: Omit<ArchbaseActiveFilter, 'id'>) => {
|
|
191
|
+
const fieldDef = filterDefinitions.find(f => f.key === filter.key);
|
|
192
|
+
if (!fieldDef || !validateFilterValue(filter.value, filter.type, filter.operator)) {
|
|
193
|
+
return;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
const newFilter: ArchbaseActiveFilter = {
|
|
197
|
+
...filter,
|
|
198
|
+
id: generateFilterId(),
|
|
199
|
+
displayValue: getDisplayValue(filter.value, filter.type, filter.operator, fieldDef.options),
|
|
200
|
+
};
|
|
201
|
+
|
|
202
|
+
const existingIndex = value.findIndex(f => f.key === filter.key);
|
|
203
|
+
let newFilters: ArchbaseActiveFilter[];
|
|
204
|
+
if (existingIndex >= 0) {
|
|
205
|
+
newFilters = [...value];
|
|
206
|
+
newFilters[existingIndex] = newFilter;
|
|
207
|
+
} else {
|
|
208
|
+
newFilters = [...value, newFilter];
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
onChange(newFilters, convertToRSQL(newFilters));
|
|
212
|
+
},
|
|
213
|
+
[filterDefinitions, value, onChange]
|
|
214
|
+
);
|
|
215
|
+
|
|
216
|
+
const removeFilter = useCallback(
|
|
217
|
+
(id: string) => {
|
|
218
|
+
const newFilters = value.filter(f => f.id !== id);
|
|
219
|
+
onChange(newFilters, convertToRSQL(newFilters));
|
|
220
|
+
},
|
|
221
|
+
[value, onChange]
|
|
222
|
+
);
|
|
223
|
+
|
|
224
|
+
const clearFilters = useCallback(() => {
|
|
225
|
+
onChange([], undefined);
|
|
226
|
+
}, [onChange]);
|
|
227
|
+
|
|
228
|
+
const updateFilter = useCallback(
|
|
229
|
+
(id: string, updates: Partial<ArchbaseActiveFilter>) => {
|
|
230
|
+
const newFilters = value.map(f => (f.id === id ? { ...f, ...updates } : f));
|
|
231
|
+
onChange(newFilters, convertToRSQL(newFilters));
|
|
232
|
+
},
|
|
233
|
+
[value, onChange]
|
|
234
|
+
);
|
|
235
|
+
|
|
236
|
+
const setFilters = useCallback(
|
|
237
|
+
(filters: ArchbaseActiveFilter[]) => {
|
|
238
|
+
onChange(filters, convertToRSQL(filters));
|
|
239
|
+
},
|
|
240
|
+
[onChange]
|
|
241
|
+
);
|
|
242
|
+
|
|
243
|
+
const toRSQL = useCallback(() => {
|
|
244
|
+
return rsqlQuery;
|
|
245
|
+
}, [rsqlQuery]);
|
|
246
|
+
|
|
247
|
+
const toApiFormat = useCallback(() => {
|
|
248
|
+
return convertToApiFormatList(value);
|
|
249
|
+
}, [value]);
|
|
250
|
+
|
|
251
|
+
const hasFilter = useCallback(
|
|
252
|
+
(key: string) => {
|
|
253
|
+
return value.some(f => f.key === key);
|
|
254
|
+
},
|
|
255
|
+
[value]
|
|
256
|
+
);
|
|
257
|
+
|
|
258
|
+
const getFilter = useCallback(
|
|
259
|
+
(key: string) => {
|
|
260
|
+
return value.find(f => f.key === key);
|
|
261
|
+
},
|
|
262
|
+
[value]
|
|
263
|
+
);
|
|
264
|
+
|
|
265
|
+
return {
|
|
266
|
+
activeFilters: value,
|
|
267
|
+
rsqlQuery,
|
|
268
|
+
addFilter,
|
|
269
|
+
removeFilter,
|
|
270
|
+
clearFilters,
|
|
271
|
+
updateFilter,
|
|
272
|
+
setFilters,
|
|
273
|
+
toRSQL,
|
|
274
|
+
toApiFormat,
|
|
275
|
+
filtersCount: value.length,
|
|
276
|
+
hasFilter,
|
|
277
|
+
getFilter,
|
|
278
|
+
};
|
|
279
|
+
}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { useCallback, useState } from 'react';
|
|
2
|
+
import type {
|
|
3
|
+
ArchbaseActiveFilter,
|
|
4
|
+
QuickFilterPreset,
|
|
5
|
+
UseArchbaseQuickFiltersReturn,
|
|
6
|
+
} from '../ArchbaseCompositeFilters.types';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* Hook para gerenciar filtros rápidos predefinidos
|
|
10
|
+
*
|
|
11
|
+
* @param predefinedFilters - Filtros rápidos predefinidos
|
|
12
|
+
* @param onApply - Callback quando um filtro rápido é aplicado
|
|
13
|
+
* @returns Objeto com filtros rápidos e ações
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* ```ts
|
|
17
|
+
* const quickFilters: QuickFilterPreset[] = [
|
|
18
|
+
* {
|
|
19
|
+
* id: 'active-users',
|
|
20
|
+
* name: 'Active Users',
|
|
21
|
+
* filters: [
|
|
22
|
+
* { key: 'status', label: 'Status', type: 'text', operator: '=', value: 'active', displayValue: 'active' }
|
|
23
|
+
* ]
|
|
24
|
+
* }
|
|
25
|
+
* ];
|
|
26
|
+
*
|
|
27
|
+
* const { quickFilters, applyQuickFilter } = useArchbaseQuickFilters(quickFilters, (filters) => {
|
|
28
|
+
* console.log('Applied:', filters);
|
|
29
|
+
* });
|
|
30
|
+
* ```
|
|
31
|
+
*/
|
|
32
|
+
export function useArchbaseQuickFilters(
|
|
33
|
+
predefinedFilters: QuickFilterPreset[] = [],
|
|
34
|
+
onApply?: (filters: ArchbaseActiveFilter[]) => void
|
|
35
|
+
): UseArchbaseQuickFiltersReturn {
|
|
36
|
+
const [quickFilters, setQuickFilters] = useState<QuickFilterPreset[]>(predefinedFilters);
|
|
37
|
+
|
|
38
|
+
// Aplica um filtro rápido
|
|
39
|
+
const applyQuickFilter = useCallback(
|
|
40
|
+
(presetId: string) => {
|
|
41
|
+
const preset = quickFilters.find(f => f.id === presetId);
|
|
42
|
+
if (!preset) {
|
|
43
|
+
console.warn(`Quick filter not found: ${presetId}`);
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
// Adiciona IDs aos filtros
|
|
48
|
+
const filtersWithIds: ArchbaseActiveFilter[] = preset.filters.map(f => ({
|
|
49
|
+
...f,
|
|
50
|
+
id: `quick-filter-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`,
|
|
51
|
+
}));
|
|
52
|
+
|
|
53
|
+
onApply?.(filtersWithIds);
|
|
54
|
+
},
|
|
55
|
+
[quickFilters, onApply]
|
|
56
|
+
);
|
|
57
|
+
|
|
58
|
+
// Adiciona um novo filtro rápido
|
|
59
|
+
const addQuickFilter = useCallback(
|
|
60
|
+
(preset: QuickFilterPreset) => {
|
|
61
|
+
setQuickFilters(prev => [...prev, preset]);
|
|
62
|
+
},
|
|
63
|
+
[]
|
|
64
|
+
);
|
|
65
|
+
|
|
66
|
+
// Remove um filtro rápido
|
|
67
|
+
const removeQuickFilter = useCallback(
|
|
68
|
+
(presetId: string) => {
|
|
69
|
+
setQuickFilters(prev => prev.filter(f => f.id !== presetId));
|
|
70
|
+
},
|
|
71
|
+
[]
|
|
72
|
+
);
|
|
73
|
+
|
|
74
|
+
return {
|
|
75
|
+
quickFilters,
|
|
76
|
+
applyQuickFilter,
|
|
77
|
+
addQuickFilter,
|
|
78
|
+
removeQuickFilter,
|
|
79
|
+
};
|
|
80
|
+
}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
// Componente principal
|
|
2
|
+
export { ArchbaseCompositeFilters } from './ArchbaseCompositeFilters';
|
|
3
|
+
|
|
4
|
+
// Componentes
|
|
5
|
+
export { FilterPill } from './components/FilterPill';
|
|
6
|
+
|
|
7
|
+
// Hooks
|
|
8
|
+
export {
|
|
9
|
+
useArchbaseFilters,
|
|
10
|
+
useArchbaseFiltersControlled,
|
|
11
|
+
} from './hooks/useArchbaseFilters';
|
|
12
|
+
export { useArchbaseFilterPresets } from './hooks/useArchbaseFilterPresets';
|
|
13
|
+
export { useArchbaseFilterHistory } from './hooks/useArchbaseFilterHistory';
|
|
14
|
+
export { useArchbaseQuickFilters } from './hooks/useArchbaseQuickFilters';
|
|
15
|
+
|
|
16
|
+
// Utilitários
|
|
17
|
+
export {
|
|
18
|
+
convertToRSQL,
|
|
19
|
+
convertToApiFormatList,
|
|
20
|
+
getDisplayValue,
|
|
21
|
+
getOperatorsForType,
|
|
22
|
+
getDefaultOperatorForType,
|
|
23
|
+
validateFilterValue,
|
|
24
|
+
generateFilterId,
|
|
25
|
+
} from './ArchbaseCompositeFilters.utils';
|
|
26
|
+
|
|
27
|
+
// Tipos
|
|
28
|
+
export type {
|
|
29
|
+
ArchbaseFieldDataType,
|
|
30
|
+
ArchbaseFilterOperator,
|
|
31
|
+
ArchbaseFilterDefinition,
|
|
32
|
+
ArchbaseActiveFilter,
|
|
33
|
+
ArchbaseCompositeFiltersProps,
|
|
34
|
+
SavedFilterPreset,
|
|
35
|
+
FilterHistoryEntry,
|
|
36
|
+
QuickFilterPreset,
|
|
37
|
+
FilterValue,
|
|
38
|
+
FilterOption,
|
|
39
|
+
RSQLOutput,
|
|
40
|
+
FilterVariant,
|
|
41
|
+
InputStep,
|
|
42
|
+
ApiFilterFormat,
|
|
43
|
+
UseArchbaseFiltersOptions,
|
|
44
|
+
UseArchbaseFiltersReturn,
|
|
45
|
+
UseArchbaseFilterPresetsOptions,
|
|
46
|
+
UseArchbaseFilterPresetsReturn,
|
|
47
|
+
UseArchbaseFilterHistoryOptions,
|
|
48
|
+
UseArchbaseFilterHistoryReturn,
|
|
49
|
+
FilterPillProps,
|
|
50
|
+
FieldDropdownProps,
|
|
51
|
+
OperatorDropdownProps,
|
|
52
|
+
ValueDropdownProps,
|
|
53
|
+
ArchbaseCompositeFiltersStyles,
|
|
54
|
+
ArchbaseCompositeFiltersClassNames,
|
|
55
|
+
} from './ArchbaseCompositeFilters.types';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { useArchbaseListContext } from './useArchbaseListContext';
|
|
2
|
+
export { useArchbaseVisible } from './useArchbaseVisible';
|
|
3
|
+
export { useArchbaseNavigateParams } from './useArchbaseNavigateParams';
|
|
4
|
+
export { useArchbaseContainerDimensions } from './useArchbaseContainerDimensions';
|
|
5
|
+
export { useArchbaseElementSizeArea } from './useArchbaseElementSizeArea';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useArchbaseContainerDimensions.d.ts","sourceRoot":"","sources":["useArchbaseContainerDimensions.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,8BAA8B;;;CAyB1C,CAAA"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { useEffect, useState } from 'react'
|
|
2
|
+
|
|
3
|
+
export const useArchbaseContainerDimensions = (myRef) => {
|
|
4
|
+
const [dimensions, setDimensions] = useState({ width: 0, height: 0 })
|
|
5
|
+
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
const getDimensions = () => ({
|
|
8
|
+
width: myRef.current.offsetWidth,
|
|
9
|
+
height: myRef.current.offsetHeight
|
|
10
|
+
})
|
|
11
|
+
|
|
12
|
+
const handleResize = () => {
|
|
13
|
+
setDimensions(getDimensions())
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
if (myRef.current) {
|
|
17
|
+
setDimensions(getDimensions())
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
window.addEventListener('resize', handleResize)
|
|
21
|
+
|
|
22
|
+
return () => {
|
|
23
|
+
window.removeEventListener('resize', handleResize)
|
|
24
|
+
}
|
|
25
|
+
}, [myRef])
|
|
26
|
+
|
|
27
|
+
return dimensions
|
|
28
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useArchbaseElementSizeArea.d.ts","sourceRoot":"","sources":["useArchbaseElementSizeArea.ts"],"names":[],"mappings":"AAGA,UAAU,IAAI;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,0BAA0B,CAAC,CAAC,SAAS,WAAW,GAAG,cAAc,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,EAAE,IAAI,CAAC,CA4B9G;AAED,eAAe,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { useCallback, useState } from 'react';
|
|
2
|
+
import { useEventListener, useIsomorphicLayoutEffect } from 'usehooks-ts';
|
|
3
|
+
|
|
4
|
+
interface Size {
|
|
5
|
+
width: number;
|
|
6
|
+
height: number;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
function useArchbaseElementSizeArea<T extends HTMLElement = HTMLDivElement>(): [(node: T | null) => void, Size] {
|
|
10
|
+
// Mutable values like 'ref.current' aren't valid dependencies
|
|
11
|
+
// because mutating them doesn't re-render the component.
|
|
12
|
+
// Instead, we use a state as a ref to be reactive.
|
|
13
|
+
const [ref, setRef] = useState<T | null>(null);
|
|
14
|
+
const [size, setSize] = useState<Size>({
|
|
15
|
+
width: 0,
|
|
16
|
+
height: 0,
|
|
17
|
+
});
|
|
18
|
+
|
|
19
|
+
// Prevent too many rendering using useCallback
|
|
20
|
+
const handleSize = useCallback(() => {
|
|
21
|
+
setSize({
|
|
22
|
+
width: ref?.offsetWidth || 0,
|
|
23
|
+
height: ref?.offsetHeight || 0,
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
27
|
+
}, [ref?.offsetHeight, ref?.offsetWidth]);
|
|
28
|
+
|
|
29
|
+
useEventListener('resize', handleSize);
|
|
30
|
+
|
|
31
|
+
useIsomorphicLayoutEffect(() => {
|
|
32
|
+
handleSize();
|
|
33
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
34
|
+
}, [ref?.offsetHeight, ref?.offsetWidth]);
|
|
35
|
+
|
|
36
|
+
return [setRef, size];
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
export { useArchbaseElementSizeArea };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useArchbaseListContext.d.ts","sourceRoot":"","sources":["useArchbaseListContext.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAEvE,wBAAgB,sBAAsB,CAAC,CAAC,EAAC,EAAE,qCAM1C"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { useContext } from "react"
|
|
2
|
+
import { ArchbaseListContext, ArchbaseListContextValue } from "../list"
|
|
3
|
+
|
|
4
|
+
export function useArchbaseListContext<T,ID>() {
|
|
5
|
+
const context = useContext<ArchbaseListContextValue<T,ID>>(ArchbaseListContext)
|
|
6
|
+
if (!context) {
|
|
7
|
+
throw new Error('useArchbaseListContext deve ser usado dentro de um ArchbaseListProvider')
|
|
8
|
+
}
|
|
9
|
+
return context
|
|
10
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useArchbaseNavigateParams.d.ts","sourceRoot":"","sources":["useArchbaseNavigateParams.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAe,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAsB,MAAM,kBAAkB,CAAC;AAE3E,eAAO,MAAM,yBAAyB,mBAGf,MAAM,YAAY,eAAe,WAAW,mBAAmB,SAUnF,CAAC"}
|