@cratis/components 2.9.1 → 3.1.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/README.md +196 -66
- package/dist/esm/CommandDialog/CommandDialog.d.ts.map +1 -1
- package/dist/esm/CommandDialog/CommandDialog.js +4 -4
- package/dist/esm/CommandDialog/CommandDialog.js.map +1 -1
- package/dist/esm/CommandDialog/CommandStepper.d.ts +18 -4
- package/dist/esm/CommandDialog/CommandStepper.d.ts.map +1 -1
- package/dist/esm/CommandDialog/CommandStepper.js +51 -60
- package/dist/esm/CommandDialog/CommandStepper.js.map +1 -1
- package/dist/esm/CommandDialog/StepperCommandDialog.d.ts +6 -7
- package/dist/esm/CommandDialog/StepperCommandDialog.d.ts.map +1 -1
- package/dist/esm/CommandDialog/StepperCommandDialog.js +18 -15
- package/dist/esm/CommandDialog/StepperCommandDialog.js.map +1 -1
- package/dist/esm/CommandDialog/StepperPanel.d.ts +10 -0
- package/dist/esm/CommandDialog/StepperPanel.d.ts.map +1 -0
- package/dist/esm/CommandDialog/StepperPanel.js +30 -0
- package/dist/esm/CommandDialog/StepperPanel.js.map +1 -0
- package/dist/esm/CommandDialog/index.d.ts +1 -0
- package/dist/esm/CommandDialog/index.d.ts.map +1 -1
- package/dist/esm/CommandDialog/index.js +1 -0
- package/dist/esm/CommandDialog/index.js.map +1 -1
- package/dist/esm/CommandForm/fields/CalendarField.d.ts +3 -3
- package/dist/esm/CommandForm/fields/CalendarField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/CalendarField.js +2 -8
- package/dist/esm/CommandForm/fields/CalendarField.js.map +1 -1
- package/dist/esm/CommandForm/fields/CheckboxField.d.ts +3 -3
- package/dist/esm/CommandForm/fields/CheckboxField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/CheckboxField.js +1 -1
- package/dist/esm/CommandForm/fields/CheckboxField.js.map +1 -1
- package/dist/esm/CommandForm/fields/ChipsField.d.ts +4 -3
- package/dist/esm/CommandForm/fields/ChipsField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/ChipsField.js +3 -3
- package/dist/esm/CommandForm/fields/ChipsField.js.map +1 -1
- package/dist/esm/CommandForm/fields/ColorPickerField.d.ts +3 -3
- package/dist/esm/CommandForm/fields/ColorPickerField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/ColorPickerField.js +16 -8
- package/dist/esm/CommandForm/fields/ColorPickerField.js.map +1 -1
- package/dist/esm/CommandForm/fields/DropdownField.d.ts +1 -1
- package/dist/esm/CommandForm/fields/DropdownField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/DropdownField.js +1 -4
- package/dist/esm/CommandForm/fields/DropdownField.js.map +1 -1
- package/dist/esm/CommandForm/fields/InputTextField.d.ts +1 -1
- package/dist/esm/CommandForm/fields/InputTextField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/InputTextField.js.map +1 -1
- package/dist/esm/CommandForm/fields/MultiSelectField.d.ts +3 -3
- package/dist/esm/CommandForm/fields/MultiSelectField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/MultiSelectField.js +2 -8
- package/dist/esm/CommandForm/fields/MultiSelectField.js.map +1 -1
- package/dist/esm/CommandForm/fields/NumberField.d.ts +3 -3
- package/dist/esm/CommandForm/fields/NumberField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/NumberField.js +1 -1
- package/dist/esm/CommandForm/fields/NumberField.js.map +1 -1
- package/dist/esm/CommandForm/fields/PasswordField.d.ts +13 -0
- package/dist/esm/CommandForm/fields/PasswordField.d.ts.map +1 -0
- package/dist/esm/CommandForm/fields/PasswordField.js +20 -0
- package/dist/esm/CommandForm/fields/PasswordField.js.map +1 -0
- package/dist/esm/CommandForm/fields/RadioButtonField.d.ts +3 -3
- package/dist/esm/CommandForm/fields/RadioButtonField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/RadioButtonField.js +2 -1
- package/dist/esm/CommandForm/fields/RadioButtonField.js.map +1 -1
- package/dist/esm/CommandForm/fields/RadioGroupField.d.ts +3 -3
- package/dist/esm/CommandForm/fields/RadioGroupField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/RadioGroupField.js +2 -1
- package/dist/esm/CommandForm/fields/RadioGroupField.js.map +1 -1
- package/dist/esm/CommandForm/fields/RatingField.d.ts +14 -0
- package/dist/esm/CommandForm/fields/RatingField.d.ts.map +1 -0
- package/dist/esm/CommandForm/fields/RatingField.js +19 -0
- package/dist/esm/CommandForm/fields/RatingField.js.map +1 -0
- package/dist/esm/CommandForm/fields/SliderField.d.ts +3 -3
- package/dist/esm/CommandForm/fields/SliderField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/SliderField.js +1 -1
- package/dist/esm/CommandForm/fields/SliderField.js.map +1 -1
- package/dist/esm/CommandForm/fields/TextAreaField.d.ts +3 -3
- package/dist/esm/CommandForm/fields/TextAreaField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/TextAreaField.js +2 -2
- package/dist/esm/CommandForm/fields/TextAreaField.js.map +1 -1
- package/dist/esm/CommandForm/fields/ToggleSwitchField.d.ts +13 -0
- package/dist/esm/CommandForm/fields/ToggleSwitchField.d.ts.map +1 -0
- package/dist/esm/CommandForm/fields/ToggleSwitchField.js +20 -0
- package/dist/esm/CommandForm/fields/ToggleSwitchField.js.map +1 -0
- package/dist/esm/CommandForm/fields/index.d.ts +3 -0
- package/dist/esm/CommandForm/fields/index.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/index.js +3 -0
- package/dist/esm/CommandForm/fields/index.js.map +1 -1
- package/dist/esm/CommandForm/index.js +3 -0
- package/dist/esm/CommandForm/index.js.map +1 -1
- package/dist/esm/Common/ActionMenubar.d.ts +21 -0
- package/dist/esm/Common/ActionMenubar.d.ts.map +1 -0
- package/dist/esm/Common/ActionMenubar.js +20 -0
- package/dist/esm/Common/ActionMenubar.js.map +1 -0
- package/dist/esm/Common/CratisComponentsProvider.d.ts +5 -3
- package/dist/esm/Common/CratisComponentsProvider.d.ts.map +1 -1
- package/dist/esm/Common/CratisComponentsProvider.js +27 -11
- package/dist/esm/Common/CratisComponentsProvider.js.map +1 -1
- package/dist/esm/Common/DatePickerInput.d.ts +22 -0
- package/dist/esm/Common/DatePickerInput.d.ts.map +1 -0
- package/dist/esm/Common/DatePickerInput.js +18 -0
- package/dist/esm/Common/DatePickerInput.js.map +1 -0
- package/dist/esm/Common/FormElement.d.ts +0 -1
- package/dist/esm/Common/FormElement.d.ts.map +1 -1
- package/dist/esm/Common/FormElement.js +0 -1
- package/dist/esm/Common/FormElement.js.map +1 -1
- package/dist/esm/Common/Tooltip.d.ts +2 -2
- package/dist/esm/Common/Tooltip.d.ts.map +1 -1
- package/dist/esm/Common/Tooltip.js +25 -13
- package/dist/esm/Common/Tooltip.js.map +1 -1
- package/dist/esm/Common/index.d.ts +2 -0
- package/dist/esm/Common/index.d.ts.map +1 -1
- package/dist/esm/Common/index.js +2 -0
- package/dist/esm/Common/index.js.map +1 -1
- package/dist/esm/DataPage/DataPage.d.ts +17 -10
- package/dist/esm/DataPage/DataPage.d.ts.map +1 -1
- package/dist/esm/DataPage/DataPage.js +19 -18
- package/dist/esm/DataPage/DataPage.js.map +1 -1
- package/dist/esm/DataPage/index.d.ts +1 -0
- package/dist/esm/DataPage/index.d.ts.map +1 -1
- package/dist/esm/DataPage/index.js +1 -0
- package/dist/esm/DataPage/index.js.map +1 -1
- package/dist/esm/DataTables/Column.d.ts +25 -0
- package/dist/esm/DataTables/Column.d.ts.map +1 -0
- package/dist/esm/DataTables/Column.js +24 -0
- package/dist/esm/DataTables/Column.js.map +1 -0
- package/dist/esm/DataTables/ColumnFilterMenu.d.ts +10 -0
- package/dist/esm/DataTables/ColumnFilterMenu.d.ts.map +1 -0
- package/dist/esm/DataTables/ColumnFilterMenu.js +44 -0
- package/dist/esm/DataTables/ColumnFilterMenu.js.map +1 -0
- package/dist/esm/DataTables/DataTableCore.d.ts +33 -0
- package/dist/esm/DataTables/DataTableCore.d.ts.map +1 -0
- package/dist/esm/DataTables/DataTableCore.js +59 -0
- package/dist/esm/DataTables/DataTableCore.js.map +1 -0
- package/dist/esm/DataTables/DataTableFilterMeta.d.ts +6 -0
- package/dist/esm/DataTables/DataTableFilterMeta.d.ts.map +1 -0
- package/dist/esm/DataTables/DataTableFilterMeta.js +2 -0
- package/dist/esm/DataTables/DataTableFilterMeta.js.map +1 -0
- package/dist/esm/DataTables/DataTableForObservableQuery.d.ts +9 -8
- package/dist/esm/DataTables/DataTableForObservableQuery.d.ts.map +1 -1
- package/dist/esm/DataTables/DataTableForObservableQuery.js +41 -64
- package/dist/esm/DataTables/DataTableForObservableQuery.js.map +1 -1
- package/dist/esm/DataTables/DataTableForQuery.d.ts +9 -8
- package/dist/esm/DataTables/DataTableForQuery.d.ts.map +1 -1
- package/dist/esm/DataTables/DataTableForQuery.js +17 -44
- package/dist/esm/DataTables/DataTableForQuery.js.map +1 -1
- package/dist/esm/DataTables/DataTableSelectionChangeEvent.d.ts +6 -0
- package/dist/esm/DataTables/DataTableSelectionChangeEvent.d.ts.map +1 -0
- package/dist/esm/DataTables/DataTableSelectionChangeEvent.js +2 -0
- package/dist/esm/DataTables/DataTableSelectionChangeEvent.js.map +1 -0
- package/dist/esm/DataTables/TablePaginator.d.ts +17 -0
- package/dist/esm/DataTables/TablePaginator.d.ts.map +1 -0
- package/dist/esm/DataTables/TablePaginator.js +22 -0
- package/dist/esm/DataTables/TablePaginator.js.map +1 -0
- package/dist/esm/DataTables/index.d.ts +5 -0
- package/dist/esm/DataTables/index.d.ts.map +1 -1
- package/dist/esm/DataTables/index.js +3 -0
- package/dist/esm/DataTables/index.js.map +1 -1
- package/dist/esm/DataTables/paginatorRange.d.ts +2 -0
- package/dist/esm/DataTables/paginatorRange.d.ts.map +1 -0
- package/dist/esm/DataTables/paginatorRange.js +21 -0
- package/dist/esm/DataTables/paginatorRange.js.map +1 -0
- package/dist/esm/DataTables/selectionKeys.d.ts +4 -0
- package/dist/esm/DataTables/selectionKeys.d.ts.map +1 -0
- package/dist/esm/DataTables/selectionKeys.js +34 -0
- package/dist/esm/DataTables/selectionKeys.js.map +1 -0
- package/dist/esm/Dialogs/BusyIndicatorDialog.d.ts.map +1 -1
- package/dist/esm/Dialogs/BusyIndicatorDialog.js +2 -2
- package/dist/esm/Dialogs/BusyIndicatorDialog.js.map +1 -1
- package/dist/esm/Dialogs/Dialog.d.ts +9 -7
- package/dist/esm/Dialogs/Dialog.d.ts.map +1 -1
- package/dist/esm/Dialogs/Dialog.js +45 -23
- package/dist/esm/Dialogs/Dialog.js.map +1 -1
- package/dist/esm/Display/Avatar.d.ts +11 -0
- package/dist/esm/Display/Avatar.d.ts.map +1 -0
- package/dist/esm/Display/Avatar.js +13 -0
- package/dist/esm/Display/Avatar.js.map +1 -0
- package/dist/esm/Display/Badge.d.ts +12 -0
- package/dist/esm/Display/Badge.d.ts.map +1 -0
- package/dist/esm/Display/Badge.js +11 -0
- package/dist/esm/Display/Badge.js.map +1 -0
- package/dist/esm/Display/Chip.d.ts +11 -0
- package/dist/esm/Display/Chip.d.ts.map +1 -0
- package/dist/esm/Display/Chip.js +11 -0
- package/dist/esm/Display/Chip.js.map +1 -0
- package/dist/esm/Display/ProgressBar.d.ts +8 -0
- package/dist/esm/Display/ProgressBar.d.ts.map +1 -0
- package/dist/esm/Display/ProgressBar.js +12 -0
- package/dist/esm/Display/ProgressBar.js.map +1 -0
- package/dist/esm/Display/Skeleton.d.ts +9 -0
- package/dist/esm/Display/Skeleton.d.ts.map +1 -0
- package/dist/esm/Display/Skeleton.js +18 -0
- package/dist/esm/Display/Skeleton.js.map +1 -0
- package/dist/esm/Display/Tag.d.ts +12 -0
- package/dist/esm/Display/Tag.d.ts.map +1 -0
- package/dist/esm/Display/Tag.js +12 -0
- package/dist/esm/Display/Tag.js.map +1 -0
- package/dist/esm/Display/index.d.ts +7 -0
- package/dist/esm/Display/index.d.ts.map +1 -0
- package/dist/esm/Display/index.js +10 -0
- package/dist/esm/Display/index.js.map +1 -0
- package/dist/esm/Dropdown/Dropdown.d.ts +33 -3
- package/dist/esm/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/esm/Dropdown/Dropdown.js +15 -18
- package/dist/esm/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/Filter/FilterPanel.d.ts +3 -2
- package/dist/esm/Filter/FilterPanel.d.ts.map +1 -1
- package/dist/esm/Filter/FilterPanel.js +4 -5
- package/dist/esm/Filter/FilterPanel.js.map +1 -1
- package/dist/esm/Notifications/Toaster.d.ts +9 -0
- package/dist/esm/Notifications/Toaster.d.ts.map +1 -0
- package/dist/esm/Notifications/Toaster.js +43 -0
- package/dist/esm/Notifications/Toaster.js.map +1 -0
- package/dist/esm/Notifications/index.d.ts +4 -0
- package/dist/esm/Notifications/index.d.ts.map +1 -0
- package/dist/{cjs/types → esm/Notifications}/index.js +3 -5
- package/dist/esm/Notifications/index.js.map +1 -0
- package/dist/esm/Notifications/toast.d.ts +3 -0
- package/dist/esm/Notifications/toast.d.ts.map +1 -0
- package/dist/esm/Notifications/toast.js +2 -0
- package/dist/esm/Notifications/toast.js.map +1 -0
- package/dist/esm/Notifications/toastCommandResult.d.ts +11 -0
- package/dist/esm/Notifications/toastCommandResult.d.ts.map +1 -0
- package/dist/esm/Notifications/toastCommandResult.js +59 -0
- package/dist/esm/Notifications/toastCommandResult.js.map +1 -0
- package/dist/esm/ObjectContentEditor/ObjectContentEditor.d.ts.map +1 -1
- package/dist/esm/ObjectContentEditor/ObjectContentEditor.js +11 -15
- package/dist/esm/ObjectContentEditor/ObjectContentEditor.js.map +1 -1
- package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.d.ts +2 -2
- package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.d.ts.map +1 -1
- package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.js +3 -3
- package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.js.map +1 -1
- package/dist/esm/PivotViewer/PivotViewer.d.ts +0 -1
- package/dist/esm/PivotViewer/PivotViewer.d.ts.map +1 -1
- package/dist/esm/PivotViewer/PivotViewer.js +0 -1
- package/dist/esm/PivotViewer/PivotViewer.js.map +1 -1
- package/dist/esm/PivotViewer/components/Spinner.d.ts +0 -1
- package/dist/esm/PivotViewer/components/Spinner.d.ts.map +1 -1
- package/dist/esm/PivotViewer/components/Spinner.js +2 -1
- package/dist/esm/PivotViewer/components/Spinner.js.map +1 -1
- package/dist/esm/SchemaEditor/NameCell.d.ts.map +1 -1
- package/dist/esm/SchemaEditor/NameCell.js +3 -2
- package/dist/esm/SchemaEditor/NameCell.js.map +1 -1
- package/dist/esm/SchemaEditor/SchemaEditor.d.ts +15 -1
- package/dist/esm/SchemaEditor/SchemaEditor.d.ts.map +1 -1
- package/dist/esm/SchemaEditor/SchemaEditor.js +45 -32
- package/dist/esm/SchemaEditor/SchemaEditor.js.map +1 -1
- package/dist/esm/SchemaEditor/TypeCell.d.ts +3 -1
- package/dist/esm/SchemaEditor/TypeCell.d.ts.map +1 -1
- package/dist/esm/SchemaEditor/TypeCell.js +7 -6
- package/dist/esm/SchemaEditor/TypeCell.js.map +1 -1
- package/dist/esm/SchemaEditor/index.js +1 -1
- package/dist/esm/TimeMachine/EventsView.d.ts +5 -4
- package/dist/esm/TimeMachine/EventsView.d.ts.map +1 -1
- package/dist/esm/TimeMachine/EventsView.js +3 -3
- package/dist/esm/TimeMachine/EventsView.js.map +1 -1
- package/dist/esm/TimeMachine/Properties.d.ts +0 -1
- package/dist/esm/TimeMachine/Properties.d.ts.map +1 -1
- package/dist/esm/TimeMachine/Properties.js +0 -1
- package/dist/esm/TimeMachine/Properties.js.map +1 -1
- package/dist/esm/TimeMachine/ReadModelView.d.ts +2 -0
- package/dist/esm/TimeMachine/ReadModelView.d.ts.map +1 -1
- package/dist/esm/TimeMachine/ReadModelView.js +3 -2
- package/dist/esm/TimeMachine/ReadModelView.js.map +1 -1
- package/dist/esm/TimeMachine/TimeMachine.d.ts +4 -1
- package/dist/esm/TimeMachine/TimeMachine.d.ts.map +1 -1
- package/dist/esm/TimeMachine/TimeMachine.js +5 -4
- package/dist/esm/TimeMachine/TimeMachine.js.map +1 -1
- package/dist/esm/TimeMachine/TimeMachineLabels.d.ts +12 -0
- package/dist/esm/TimeMachine/TimeMachineLabels.d.ts.map +1 -0
- package/dist/esm/TimeMachine/TimeMachineLabels.js +16 -0
- package/dist/esm/TimeMachine/TimeMachineLabels.js.map +1 -0
- package/dist/esm/TimeMachine/index.d.ts +2 -0
- package/dist/esm/TimeMachine/index.d.ts.map +1 -1
- package/dist/esm/TimeMachine/index.js +1 -0
- package/dist/esm/TimeMachine/index.js.map +1 -1
- package/dist/esm/Toolbar/Toolbar.d.ts +0 -1
- package/dist/esm/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/esm/Toolbar/Toolbar.js +0 -1
- package/dist/esm/Toolbar/Toolbar.js.map +1 -1
- package/dist/esm/index.d.ts +3 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +22 -18
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/styles.css +4686 -0
- package/dist/esm/theme.css +357 -0
- package/dist/esm/tokens.css +32 -12
- package/package.json +40 -26
- package/dist/cjs/CommandDialog/CommandDialog.js +0 -195
- package/dist/cjs/CommandDialog/CommandDialog.js.map +0 -1
- package/dist/cjs/CommandDialog/CommandStepper.css +0 -24
- package/dist/cjs/CommandDialog/CommandStepper.js +0 -238
- package/dist/cjs/CommandDialog/CommandStepper.js.map +0 -1
- package/dist/cjs/CommandDialog/StepperCommandDialog.js +0 -207
- package/dist/cjs/CommandDialog/StepperCommandDialog.js.map +0 -1
- package/dist/cjs/CommandDialog/applyBeforeExecute.js +0 -42
- package/dist/cjs/CommandDialog/applyBeforeExecute.js.map +0 -1
- package/dist/cjs/CommandDialog/index.js +0 -16
- package/dist/cjs/CommandDialog/index.js.map +0 -1
- package/dist/cjs/CommandDialog/stepChildren.js +0 -31
- package/dist/cjs/CommandDialog/stepChildren.js.map +0 -1
- package/dist/cjs/CommandForm/AutoCommandForm.js +0 -49
- package/dist/cjs/CommandForm/AutoCommandForm.js.map +0 -1
- package/dist/cjs/CommandForm/defaultFieldTypeProviders.js +0 -24
- package/dist/cjs/CommandForm/defaultFieldTypeProviders.js.map +0 -1
- package/dist/cjs/CommandForm/fieldTypeProviderRegistry.js +0 -36
- package/dist/cjs/CommandForm/fieldTypeProviderRegistry.js.map +0 -1
- package/dist/cjs/CommandForm/fields/CalendarField.js +0 -32
- package/dist/cjs/CommandForm/fields/CalendarField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/CheckboxField.js +0 -22
- package/dist/cjs/CommandForm/fields/CheckboxField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/ChipsField.js +0 -28
- package/dist/cjs/CommandForm/fields/ChipsField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/ColorPickerField.js +0 -33
- package/dist/cjs/CommandForm/fields/ColorPickerField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/DropdownField.js +0 -31
- package/dist/cjs/CommandForm/fields/DropdownField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/InputTextField.js +0 -53
- package/dist/cjs/CommandForm/fields/InputTextField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/MultiSelectField.js +0 -36
- package/dist/cjs/CommandForm/fields/MultiSelectField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/NumberField.js +0 -23
- package/dist/cjs/CommandForm/fields/NumberField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/RadioButtonField.js +0 -23
- package/dist/cjs/CommandForm/fields/RadioButtonField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/RadioGroupField.js +0 -40
- package/dist/cjs/CommandForm/fields/RadioGroupField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/SliderField.js +0 -22
- package/dist/cjs/CommandForm/fields/SliderField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/TextAreaField.js +0 -24
- package/dist/cjs/CommandForm/fields/TextAreaField.js.map +0 -1
- package/dist/cjs/CommandForm/index.js +0 -37
- package/dist/cjs/CommandForm/index.js.map +0 -1
- package/dist/cjs/Common/CratisComponentsProvider.js +0 -44
- package/dist/cjs/Common/CratisComponentsProvider.js.map +0 -1
- package/dist/cjs/Common/ErrorBoundary.js +0 -58
- package/dist/cjs/Common/ErrorBoundary.js.map +0 -1
- package/dist/cjs/Common/FormElement.css +0 -26
- package/dist/cjs/Common/FormElement.js +0 -23
- package/dist/cjs/Common/FormElement.js.map +0 -1
- package/dist/cjs/Common/Icon.js +0 -33
- package/dist/cjs/Common/Icon.js.map +0 -1
- package/dist/cjs/Common/Page.js +0 -23
- package/dist/cjs/Common/Page.js.map +0 -1
- package/dist/cjs/Common/Tooltip.css +0 -10
- package/dist/cjs/Common/Tooltip.js +0 -21
- package/dist/cjs/Common/Tooltip.js.map +0 -1
- package/dist/cjs/Common/index.js +0 -23
- package/dist/cjs/Common/index.js.map +0 -1
- package/dist/cjs/Common/normalizeIconClass.js +0 -48
- package/dist/cjs/Common/normalizeIconClass.js.map +0 -1
- package/dist/cjs/DataPage/DataPage.js +0 -219
- package/dist/cjs/DataPage/DataPage.js.map +0 -1
- package/dist/cjs/DataPage/DataPageLayout.js +0 -34
- package/dist/cjs/DataPage/DataPageLayout.js.map +0 -1
- package/dist/cjs/DataPage/index.js +0 -12
- package/dist/cjs/DataPage/index.js.map +0 -1
- package/dist/cjs/DataTables/DataTableForObservableQuery.js +0 -133
- package/dist/cjs/DataTables/DataTableForObservableQuery.js.map +0 -1
- package/dist/cjs/DataTables/DataTableForQuery.js +0 -96
- package/dist/cjs/DataTables/DataTableForQuery.js.map +0 -1
- package/dist/cjs/DataTables/index.js +0 -11
- package/dist/cjs/DataTables/index.js.map +0 -1
- package/dist/cjs/Dialogs/BusyIndicatorDialog.js +0 -63
- package/dist/cjs/Dialogs/BusyIndicatorDialog.js.map +0 -1
- package/dist/cjs/Dialogs/ConfirmationDialog.js +0 -16
- package/dist/cjs/Dialogs/ConfirmationDialog.js.map +0 -1
- package/dist/cjs/Dialogs/Dialog.js +0 -203
- package/dist/cjs/Dialogs/Dialog.js.map +0 -1
- package/dist/cjs/Dialogs/DialogInitialFocus.js +0 -49
- package/dist/cjs/Dialogs/DialogInitialFocus.js.map +0 -1
- package/dist/cjs/Dialogs/index.js +0 -18
- package/dist/cjs/Dialogs/index.js.map +0 -1
- package/dist/cjs/Dropdown/Dropdown.js +0 -29
- package/dist/cjs/Dropdown/Dropdown.js.map +0 -1
- package/dist/cjs/Dropdown/index.js +0 -9
- package/dist/cjs/Dropdown/index.js.map +0 -1
- package/dist/cjs/Filter/FilterEditor.js +0 -28
- package/dist/cjs/Filter/FilterEditor.js.map +0 -1
- package/dist/cjs/Filter/FilterPanel.css +0 -459
- package/dist/cjs/Filter/FilterPanel.js +0 -109
- package/dist/cjs/Filter/FilterPanel.js.map +0 -1
- package/dist/cjs/Filter/RangeHistogramFilter.js +0 -121
- package/dist/cjs/Filter/RangeHistogramFilter.js.map +0 -1
- package/dist/cjs/Filter/index.js +0 -18
- package/dist/cjs/Filter/index.js.map +0 -1
- package/dist/cjs/Filter/useFilterState.js +0 -111
- package/dist/cjs/Filter/useFilterState.js.map +0 -1
- package/dist/cjs/Filter/utils.js +0 -28
- package/dist/cjs/Filter/utils.js.map +0 -1
- package/dist/cjs/ObjectContentEditor/ObjectContentEditor.js +0 -268
- package/dist/cjs/ObjectContentEditor/ObjectContentEditor.js.map +0 -1
- package/dist/cjs/ObjectContentEditor/index.js +0 -9
- package/dist/cjs/ObjectContentEditor/index.js.map +0 -1
- package/dist/cjs/ObjectContentEditor/objectHelpers.js +0 -25
- package/dist/cjs/ObjectContentEditor/objectHelpers.js.map +0 -1
- package/dist/cjs/ObjectNavigationalBar/ObjectNavigationalBar.css +0 -6
- package/dist/cjs/ObjectNavigationalBar/ObjectNavigationalBar.js +0 -49
- package/dist/cjs/ObjectNavigationalBar/ObjectNavigationalBar.js.map +0 -1
- package/dist/cjs/ObjectNavigationalBar/breadcrumbHelpers.js +0 -21
- package/dist/cjs/ObjectNavigationalBar/breadcrumbHelpers.js.map +0 -1
- package/dist/cjs/ObjectNavigationalBar/index.js +0 -9
- package/dist/cjs/ObjectNavigationalBar/index.js.map +0 -1
- package/dist/cjs/PivotViewer/PivotViewer.css +0 -1323
- package/dist/cjs/PivotViewer/PivotViewer.js +0 -307
- package/dist/cjs/PivotViewer/PivotViewer.js.map +0 -1
- package/dist/cjs/PivotViewer/components/AxisLabels.js +0 -28
- package/dist/cjs/PivotViewer/components/AxisLabels.js.map +0 -1
- package/dist/cjs/PivotViewer/components/DetailPanel.js +0 -42
- package/dist/cjs/PivotViewer/components/DetailPanel.js.map +0 -1
- package/dist/cjs/PivotViewer/components/FilterPanel.js +0 -29
- package/dist/cjs/PivotViewer/components/FilterPanel.js.map +0 -1
- package/dist/cjs/PivotViewer/components/FilterPanelContainer.js +0 -11
- package/dist/cjs/PivotViewer/components/FilterPanelContainer.js.map +0 -1
- package/dist/cjs/PivotViewer/components/PivotCanvas.js +0 -558
- package/dist/cjs/PivotViewer/components/PivotCanvas.js.map +0 -1
- package/dist/cjs/PivotViewer/components/PivotViewerMain.js +0 -98
- package/dist/cjs/PivotViewer/components/PivotViewerMain.js.map +0 -1
- package/dist/cjs/PivotViewer/components/Spinner.css +0 -77
- package/dist/cjs/PivotViewer/components/Spinner.js +0 -11
- package/dist/cjs/PivotViewer/components/Spinner.js.map +0 -1
- package/dist/cjs/PivotViewer/components/Toolbar.js +0 -44
- package/dist/cjs/PivotViewer/components/Toolbar.js.map +0 -1
- package/dist/cjs/PivotViewer/components/ToolbarContainer.js +0 -11
- package/dist/cjs/PivotViewer/components/ToolbarContainer.js.map +0 -1
- package/dist/cjs/PivotViewer/components/pivot/animation.js +0 -90
- package/dist/cjs/PivotViewer/components/pivot/animation.js.map +0 -1
- package/dist/cjs/PivotViewer/components/pivot/colorResolver.js +0 -66
- package/dist/cjs/PivotViewer/components/pivot/colorResolver.js.map +0 -1
- package/dist/cjs/PivotViewer/components/pivot/constants.js +0 -22
- package/dist/cjs/PivotViewer/components/pivot/constants.js.map +0 -1
- package/dist/cjs/PivotViewer/components/pivot/groups.js +0 -166
- package/dist/cjs/PivotViewer/components/pivot/groups.js.map +0 -1
- package/dist/cjs/PivotViewer/components/pivot/sprites.js +0 -279
- package/dist/cjs/PivotViewer/components/pivot/sprites.js.map +0 -1
- package/dist/cjs/PivotViewer/components/pivot/visibility.js +0 -359
- package/dist/cjs/PivotViewer/components/pivot/visibility.js.map +0 -1
- package/dist/cjs/PivotViewer/constants.js +0 -16
- package/dist/cjs/PivotViewer/constants.js.map +0 -1
- package/dist/cjs/PivotViewer/engine/layout.js +0 -123
- package/dist/cjs/PivotViewer/engine/layout.js.map +0 -1
- package/dist/cjs/PivotViewer/engine/store.js +0 -365
- package/dist/cjs/PivotViewer/engine/store.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useAnimationModeTracking.js +0 -45
- package/dist/cjs/PivotViewer/hooks/useAnimationModeTracking.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useCardSelection.js +0 -74
- package/dist/cjs/PivotViewer/hooks/useCardSelection.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useContainerDimensions.js +0 -41
- package/dist/cjs/PivotViewer/hooks/useContainerDimensions.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useCurrentFilters.js +0 -58
- package/dist/cjs/PivotViewer/hooks/useCurrentFilters.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useDetailPanelClose.js +0 -73
- package/dist/cjs/PivotViewer/hooks/useDetailPanelClose.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useDimensionState.js +0 -45
- package/dist/cjs/PivotViewer/hooks/useDimensionState.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useFieldExtractors.js +0 -52
- package/dist/cjs/PivotViewer/hooks/useFieldExtractors.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useFilterOptions.js +0 -26
- package/dist/cjs/PivotViewer/hooks/useFilterOptions.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useFilterState.js +0 -101
- package/dist/cjs/PivotViewer/hooks/useFilterState.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/usePanning.js +0 -138
- package/dist/cjs/PivotViewer/hooks/usePanning.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/usePivotEngine.js +0 -229
- package/dist/cjs/PivotViewer/hooks/usePivotEngine.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useScrollSync.js +0 -27
- package/dist/cjs/PivotViewer/hooks/useScrollSync.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useViewModeScrollHandling.js +0 -52
- package/dist/cjs/PivotViewer/hooks/useViewModeScrollHandling.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useWheelZoom.js +0 -106
- package/dist/cjs/PivotViewer/hooks/useWheelZoom.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useZoomState.js +0 -37
- package/dist/cjs/PivotViewer/hooks/useZoomState.js.map +0 -1
- package/dist/cjs/PivotViewer/index.js +0 -13
- package/dist/cjs/PivotViewer/index.js.map +0 -1
- package/dist/cjs/PivotViewer/types.js +0 -33
- package/dist/cjs/PivotViewer/types.js.map +0 -1
- package/dist/cjs/PivotViewer/utils/animations.js +0 -169
- package/dist/cjs/PivotViewer/utils/animations.js.map +0 -1
- package/dist/cjs/PivotViewer/utils/cardPosition.js +0 -82
- package/dist/cjs/PivotViewer/utils/cardPosition.js.map +0 -1
- package/dist/cjs/PivotViewer/utils/constants.js +0 -19
- package/dist/cjs/PivotViewer/utils/constants.js.map +0 -1
- package/dist/cjs/PivotViewer/utils/idResolution.js +0 -50
- package/dist/cjs/PivotViewer/utils/idResolution.js.map +0 -1
- package/dist/cjs/PivotViewer/utils/selection.js +0 -188
- package/dist/cjs/PivotViewer/utils/selection.js.map +0 -1
- package/dist/cjs/PivotViewer/utils/utils.js +0 -153
- package/dist/cjs/PivotViewer/utils/utils.js.map +0 -1
- package/dist/cjs/SchemaEditor/NameCell.js +0 -38
- package/dist/cjs/SchemaEditor/NameCell.js.map +0 -1
- package/dist/cjs/SchemaEditor/SchemaEditor.js +0 -333
- package/dist/cjs/SchemaEditor/SchemaEditor.js.map +0 -1
- package/dist/cjs/SchemaEditor/SchemaEditor.module.css +0 -15
- package/dist/cjs/SchemaEditor/TypeCell.js +0 -102
- package/dist/cjs/SchemaEditor/TypeCell.js.map +0 -1
- package/dist/cjs/SchemaEditor/index.js +0 -11
- package/dist/cjs/SchemaEditor/index.js.map +0 -1
- package/dist/cjs/SchemaEditor/schemaHelpers.js +0 -41
- package/dist/cjs/SchemaEditor/schemaHelpers.js.map +0 -1
- package/dist/cjs/TimeMachine/EventsView.css +0 -213
- package/dist/cjs/TimeMachine/EventsView.js +0 -70
- package/dist/cjs/TimeMachine/EventsView.js.map +0 -1
- package/dist/cjs/TimeMachine/Properties.css +0 -57
- package/dist/cjs/TimeMachine/Properties.js +0 -34
- package/dist/cjs/TimeMachine/Properties.js.map +0 -1
- package/dist/cjs/TimeMachine/ReadModelView.js +0 -51
- package/dist/cjs/TimeMachine/ReadModelView.js.map +0 -1
- package/dist/cjs/TimeMachine/TimeMachine.css +0 -587
- package/dist/cjs/TimeMachine/TimeMachine.js +0 -110
- package/dist/cjs/TimeMachine/TimeMachine.js.map +0 -1
- package/dist/cjs/TimeMachine/index.js +0 -15
- package/dist/cjs/TimeMachine/index.js.map +0 -1
- package/dist/cjs/TimeMachine/propertiesHelpers.js +0 -16
- package/dist/cjs/TimeMachine/propertiesHelpers.js.map +0 -1
- package/dist/cjs/Toolbar/Toolbar.css +0 -357
- package/dist/cjs/Toolbar/Toolbar.js +0 -15
- package/dist/cjs/Toolbar/Toolbar.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarButton.js +0 -42
- package/dist/cjs/Toolbar/ToolbarButton.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarContext.js +0 -14
- package/dist/cjs/Toolbar/ToolbarContext.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarDragContext.js +0 -24
- package/dist/cjs/Toolbar/ToolbarDragContext.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarFanOutItem.js +0 -75
- package/dist/cjs/Toolbar/ToolbarFanOutItem.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarFolder.js +0 -55
- package/dist/cjs/Toolbar/ToolbarFolder.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarFolderContext.js +0 -20
- package/dist/cjs/Toolbar/ToolbarFolderContext.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarGroup.js +0 -107
- package/dist/cjs/Toolbar/ToolbarGroup.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarLayout.js +0 -119
- package/dist/cjs/Toolbar/ToolbarLayout.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarSection.js +0 -127
- package/dist/cjs/Toolbar/ToolbarSection.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarSeparator.js +0 -14
- package/dist/cjs/Toolbar/ToolbarSeparator.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarSlot.js +0 -125
- package/dist/cjs/Toolbar/ToolbarSlot.js.map +0 -1
- package/dist/cjs/Toolbar/index.js +0 -29
- package/dist/cjs/Toolbar/index.js.map +0 -1
- package/dist/cjs/index.js +0 -41
- package/dist/cjs/index.js.map +0 -1
- package/dist/cjs/package.json +0 -3
- package/dist/cjs/tailwind-utilities.css +0 -1159
- package/dist/cjs/tokens.css +0 -83
- package/dist/cjs/types/TypeFormat.js +0 -22
- package/dist/cjs/types/TypeFormat.js.map +0 -1
- package/dist/cjs/types/index.js.map +0 -1
- package/dist/cjs/useOverlayZIndex.js +0 -65
- package/dist/cjs/useOverlayZIndex.js.map +0 -1
- package/dist/esm/CommandDialog/CommandStepper.css +0 -24
- package/dist/esm/Common/FormElement.css +0 -26
- package/dist/esm/Common/Tooltip.css +0 -10
- package/dist/esm/Filter/FilterPanel.css +0 -459
- package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.css +0 -6
- package/dist/esm/PivotViewer/PivotViewer.css +0 -1323
- package/dist/esm/PivotViewer/components/Spinner.css +0 -77
- package/dist/esm/SchemaEditor/SchemaEditor.module.css +0 -15
- package/dist/esm/TimeMachine/EventsView.css +0 -213
- package/dist/esm/TimeMachine/Properties.css +0 -57
- package/dist/esm/TimeMachine/TimeMachine.css +0 -587
- package/dist/esm/Toolbar/Toolbar.css +0 -357
- package/dist/esm/tailwind-utilities.css +0 -1159
- package/dist/esm/tsconfig.tsbuildinfo +0 -1
- package/dist/esm/useOverlayZIndex.d.ts +0 -3
- package/dist/esm/useOverlayZIndex.d.ts.map +0 -1
- package/dist/esm/useOverlayZIndex.js +0 -62
- package/dist/esm/useOverlayZIndex.js.map +0 -1
- package/dist/esm/vite.config.d.ts +0 -3
- package/dist/esm/vite.config.d.ts.map +0 -1
- package/dist/esm/vite.config.js +0 -77
- package/dist/esm/vite.config.js.map +0 -1
- package/dist/esm/vitest.setup.d.ts +0 -2
- package/dist/esm/vitest.setup.d.ts.map +0 -1
- package/dist/esm/vitest.setup.js +0 -6
- package/dist/esm/vitest.setup.js.map +0 -1
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
// Copyright (c) Cratis. All rights reserved.
|
|
4
|
-
// Licensed under the MIT license. See LICENSE file in the project root for full license information.
|
|
5
|
-
/**
|
|
6
|
-
* Normalizes a string icon value into a CSS class for {@link IconDisplay}.
|
|
7
|
-
*
|
|
8
|
-
* A string icon is meant to be a full icon-font CSS class such as `'pi pi-home'`. Two
|
|
9
|
-
* mistakes silently render nothing — and look like the icon "just doesn't work":
|
|
10
|
-
*
|
|
11
|
-
* - A lone PrimeIcons class (`'pi-home'`) missing its required base `pi` class. This is
|
|
12
|
-
* unambiguous, so it is repaired to `'pi pi-home'`.
|
|
13
|
-
* - A bare icon name (`'plus'`, `'home'`) that is not a CSS class at all. There is no safe
|
|
14
|
-
* way to know which icon font it belongs to, so the value is left untouched and a warning
|
|
15
|
-
* is produced pointing at the full class (`'pi pi-plus'`) or a React node.
|
|
16
|
-
*
|
|
17
|
-
* Full class strings (anything containing whitespace) and already-prefixed values pass
|
|
18
|
-
* through unchanged.
|
|
19
|
-
*
|
|
20
|
-
* @param icon - The raw string icon value.
|
|
21
|
-
* @returns The class to render and an optional developer warning.
|
|
22
|
-
*/
|
|
23
|
-
function normalizeIconClass(icon) {
|
|
24
|
-
const trimmed = icon.trim();
|
|
25
|
-
if (trimmed.length === 0) {
|
|
26
|
-
return { className: '' };
|
|
27
|
-
}
|
|
28
|
-
// A full class string (multiple tokens) is taken as-is — the caller spelled it out.
|
|
29
|
-
if (trimmed.includes(' ')) {
|
|
30
|
-
return { className: trimmed };
|
|
31
|
-
}
|
|
32
|
-
// A lone PrimeIcons icon class missing its base `pi` class — repair it.
|
|
33
|
-
if (trimmed.startsWith('pi-')) {
|
|
34
|
-
return { className: `pi pi-${trimmed.slice('pi-'.length)}` };
|
|
35
|
-
}
|
|
36
|
-
// A single plain word (no hyphen, no prefix) is almost certainly a bare icon name that
|
|
37
|
-
// will not render. Leave rendering untouched but guide the caller to the real class.
|
|
38
|
-
if (trimmed !== 'pi' && /^[a-z][a-z0-9]*$/i.test(trimmed)) {
|
|
39
|
-
return {
|
|
40
|
-
className: trimmed,
|
|
41
|
-
warning: `IconDisplay received '${trimmed}', which looks like a bare icon name rather than a CSS class, so it will not render as an icon. Use a full icon class such as 'pi pi-${trimmed}', or pass a React node.`,
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
return { className: trimmed };
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
exports.normalizeIconClass = normalizeIconClass;
|
|
48
|
-
//# sourceMappingURL=normalizeIconClass.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"normalizeIconClass.js","sources":["../../../Common/normalizeIconClass.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;AACA;AAeA;;;;;;;;;;;;;;;;;AAiBG;AACG,SAAU,kBAAkB,CAAC,IAAY,EAAA;AAC3C,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE;AAC3B,IAAA,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;AACtB,QAAA,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE;IAC5B;;AAGA,IAAA,IAAI,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AACvB,QAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE;IACjC;;AAGA,IAAA,IAAI,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;AAC3B,QAAA,OAAO,EAAE,SAAS,EAAE,CAAA,MAAA,EAAS,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA,CAAE,EAAE;IAChE;;;IAIA,IAAI,OAAO,KAAK,IAAI,IAAI,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;QACvD,OAAO;AACH,YAAA,SAAS,EAAE,OAAO;AAClB,YAAA,OAAO,EAAE,CAAA,sBAAA,EAAyB,OAAO,CAAA,qIAAA,EAAwI,OAAO,CAAA,wBAAA,CAA0B;SACrN;IACL;AAEA,IAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE;AACjC;;;;"}
|
|
@@ -1,219 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var Page = require('../Common/Page.js');
|
|
6
|
-
var menubar = require('primereact/menubar');
|
|
7
|
-
var queries = require('@cratis/arc/queries');
|
|
8
|
-
var DataTableForObservableQuery = require('../DataTables/DataTableForObservableQuery.js');
|
|
9
|
-
var DataTableForQuery = require('../DataTables/DataTableForQuery.js');
|
|
10
|
-
var allotment = require('allotment');
|
|
11
|
-
var DataPageLayout = require('./DataPageLayout.js');
|
|
12
|
-
require('allotment/dist/style.css');
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* Declarative menu item for use inside `<DataPage.MenuItems>`. Renders nothing
|
|
16
|
-
* directly; the surrounding {@link MenuItems} component reads its props and
|
|
17
|
-
* forwards them to the action `Menubar`.
|
|
18
|
-
*/
|
|
19
|
-
const MenuItem = (_) => {
|
|
20
|
-
return null;
|
|
21
|
-
};
|
|
22
|
-
/**
|
|
23
|
-
* The action bar is an intrinsically sized item in the page's layout column —
|
|
24
|
-
* it takes the height its menubar needs and never gives any of it up, so the
|
|
25
|
-
* table region below it is the only part that has to adapt to the space left.
|
|
26
|
-
*/
|
|
27
|
-
const actionsStyle = { flexShrink: 0 };
|
|
28
|
-
/**
|
|
29
|
-
* The table region takes every pixel the action bar leaves and no more.
|
|
30
|
-
* `minHeight: 0` is the load-bearing half: without it the region's automatic
|
|
31
|
-
* minimum keeps it at content height, the column grows past the page, and the
|
|
32
|
-
* table's paginator ends up below the clipped edge.
|
|
33
|
-
*/
|
|
34
|
-
const tableRegionStyle = { flexGrow: 1, flexBasis: 0, minHeight: 0 };
|
|
35
|
-
/**
|
|
36
|
-
* The floor a `DataPage` falls back to when its ancestors give it no height at
|
|
37
|
-
* all. A page that renders as an empty sliver is indistinguishable from a
|
|
38
|
-
* broken one, so a contract-violating consumer gets a small but usable page
|
|
39
|
-
* instead of nothing.
|
|
40
|
-
*/
|
|
41
|
-
const pageStyle = { minHeight: '20rem' };
|
|
42
|
-
/**
|
|
43
|
-
* Renders an action `Menubar` at the top of a {@link DataPage}, populated from
|
|
44
|
-
* `<DataPage.MenuItem>` children. Each menu item's `disableOnUnselected` flag
|
|
45
|
-
* is automatically honored against the current row selection.
|
|
46
|
-
*
|
|
47
|
-
* Use as `<DataPage.MenuItems>` inside a `<DataPage>`.
|
|
48
|
-
*/
|
|
49
|
-
const MenuItems = ({ children }) => {
|
|
50
|
-
const context = useDataPageContext();
|
|
51
|
-
const isDisabled = React.useMemo(() => {
|
|
52
|
-
return !context.selectedItem;
|
|
53
|
-
}, [context.selectedItem]);
|
|
54
|
-
const items = React.useMemo(() => {
|
|
55
|
-
const menuItems = [];
|
|
56
|
-
React.Children.forEach(children, (child) => {
|
|
57
|
-
if (React.isValidElement(child) && child.type == MenuItem) {
|
|
58
|
-
const Icon = child.props.icon;
|
|
59
|
-
const menuItem = { ...child.props };
|
|
60
|
-
menuItem.icon = jsxRuntime.jsx(Icon, { className: 'mr-2' });
|
|
61
|
-
menuItem.disabled = isDisabled && child.props.disableOnUnselected;
|
|
62
|
-
menuItems.push(menuItem);
|
|
63
|
-
}
|
|
64
|
-
});
|
|
65
|
-
return menuItems;
|
|
66
|
-
}, [children, context.selectedItem]);
|
|
67
|
-
return (jsxRuntime.jsx("div", { className: "cratis-data-page-actions px-4 py-2", style: actionsStyle, children: jsxRuntime.jsx(menubar.Menubar, { "aria-label": "Actions", model: items, className: context.menubarClassName, pt: context.menubarPt, ptOptions: context.menubarPtOptions, unstyled: context.menubarUnstyled }) }));
|
|
68
|
-
};
|
|
69
|
-
/**
|
|
70
|
-
* Renders the data table at the body of a {@link DataPage}. Automatically
|
|
71
|
-
* selects between {@link DataTableForQuery} (snapshot query) and
|
|
72
|
-
* {@link DataTableForObservableQuery} (real-time observable) based on the
|
|
73
|
-
* `query` type provided to the surrounding `<DataPage>`.
|
|
74
|
-
*
|
|
75
|
-
* Use as `<DataPage.Columns>` inside a `<DataPage>`, with PrimeReact `<Column>`
|
|
76
|
-
* children defining the table columns.
|
|
77
|
-
*/
|
|
78
|
-
const Columns = ({ children }) => {
|
|
79
|
-
const context = useDataPageContext();
|
|
80
|
-
const isSnapshotQuery = context.query.prototype instanceof queries.QueryFor;
|
|
81
|
-
return (jsxRuntime.jsx("div", { className: "cratis-data-page-table", style: tableRegionStyle, children: isSnapshotQuery
|
|
82
|
-
? jsxRuntime.jsx(DataTableForQuery.DataTableForQuery, { ...context, selection: context.selectedItem, onSelectionChange: context.onSelectionChanged, clientFiltering: context.clientFiltering, className: context.tableClassName, pt: context.tablePt, ptOptions: context.tablePtOptions, unstyled: context.tableUnstyled, children: children })
|
|
83
|
-
: jsxRuntime.jsx(DataTableForObservableQuery.DataTableForObservableQuery, { ...context, selection: context.selectedItem, onSelectionChange: context.onSelectionChanged, clientFiltering: context.clientFiltering, className: context.tableClassName, pt: context.tablePt, ptOptions: context.tablePtOptions, unstyled: context.tableUnstyled, children: children }) }));
|
|
84
|
-
};
|
|
85
|
-
const DataPageContext = React.createContext(null);
|
|
86
|
-
function useDataPageContext() {
|
|
87
|
-
const context = React.useContext(DataPageContext);
|
|
88
|
-
if (!context) {
|
|
89
|
-
throw new Error('useDataPageContext must be used within a DataPage component');
|
|
90
|
-
}
|
|
91
|
-
return context;
|
|
92
|
-
}
|
|
93
|
-
/**
|
|
94
|
-
* A page primitive that combines an action menubar, a query-backed data
|
|
95
|
-
* table, and an optional details pane into one layout. Designed as the
|
|
96
|
-
* default rendering for "list view" pages in an Arc app.
|
|
97
|
-
*
|
|
98
|
-
* ## What `TQuery` is
|
|
99
|
-
*
|
|
100
|
-
* `TQuery` is the auto-generated TypeScript class produced by the Arc proxy
|
|
101
|
-
* generator from a C# read model query. Two flavors are accepted and
|
|
102
|
-
* **selected automatically at runtime** based on the class hierarchy:
|
|
103
|
-
*
|
|
104
|
-
* - **`IQueryFor<TDataType, TArguments>`** — a snapshot query. Re-fetched
|
|
105
|
-
* when `queryArguments` change or when the page is mounted. Rendered
|
|
106
|
-
* through {@link DataTableForQuery} internally.
|
|
107
|
-
* - **`IObservableQueryFor<TDataType, TArguments>`** — a real-time
|
|
108
|
-
* subscription. Connects to the backend over WebSocket and re-renders
|
|
109
|
-
* automatically whenever the underlying read model changes server-side.
|
|
110
|
-
* Rendered through {@link DataTableForObservableQuery} internally.
|
|
111
|
-
*
|
|
112
|
-
* You don't pick which inner table to use — `DataPage` inspects the
|
|
113
|
-
* prototype chain (`context.query.prototype instanceof QueryFor`) and
|
|
114
|
-
* mounts the correct one.
|
|
115
|
-
*
|
|
116
|
-
* ## Declarative composition
|
|
117
|
-
*
|
|
118
|
-
* Three children build up the page:
|
|
119
|
-
*
|
|
120
|
-
* - **`<DataPage.MenuItems>`** wraps `<DataPage.MenuItem>` elements that
|
|
121
|
-
* become the action `Menubar` at the top. Each item declares its `icon`,
|
|
122
|
-
* `label`, and `command` (an `onClick` handler). Items can be marked
|
|
123
|
-
* `disableOnUnselected` so they automatically grey out until the user
|
|
124
|
-
* picks a row — useful for Edit / Delete actions that need a target.
|
|
125
|
-
*
|
|
126
|
-
* - **`<DataPage.Columns>`** wraps PrimeReact `<Column>` elements that
|
|
127
|
-
* describe the visible columns. The columns themselves are
|
|
128
|
-
* PrimeReact's — anything supported by their `DataTable` `<Column>` is
|
|
129
|
-
* supported here (sorting, filtering, custom body templates, …).
|
|
130
|
-
*
|
|
131
|
-
* - **`detailsComponent`** (optional) is a React component rendered in a
|
|
132
|
-
* right-hand pane via Allotment when a row is selected. It receives the
|
|
133
|
-
* selected item as `item` and an `onRefresh` callback the parent can
|
|
134
|
-
* invoke to ask the page to refetch.
|
|
135
|
-
*
|
|
136
|
-
* ## Selection lifecycle
|
|
137
|
-
*
|
|
138
|
-
* `DataPage` keeps the current selection in local state and threads it to
|
|
139
|
-
* the inner table, the menubar (`disableOnUnselected` items follow it),
|
|
140
|
-
* and the optional details pane. The `onSelectionChange` prop is invoked
|
|
141
|
-
* after every change if the consumer also needs to react to it.
|
|
142
|
-
*
|
|
143
|
-
* ```tsx
|
|
144
|
-
* <DataPage<AllAuthors, Author, never>
|
|
145
|
-
* title="Authors"
|
|
146
|
-
* query={AllAuthors} // proxy from C#
|
|
147
|
-
* detailsComponent={AuthorDetails}>
|
|
148
|
-
* <DataPage.MenuItems>
|
|
149
|
-
* <DataPage.MenuItem icon={FaPlus} label="Add" command={onAdd} />
|
|
150
|
-
* <DataPage.MenuItem icon={FaPencil} label="Edit" command={onEdit}
|
|
151
|
-
* disableOnUnselected />
|
|
152
|
-
* <DataPage.MenuItem icon={FaTrash} label="Delete" command={onDelete}
|
|
153
|
-
* disableOnUnselected />
|
|
154
|
-
* </DataPage.MenuItems>
|
|
155
|
-
* <DataPage.Columns>
|
|
156
|
-
* <Column field="name" header="Name" sortable />
|
|
157
|
-
* <Column field="email" header="Email" />
|
|
158
|
-
* </DataPage.Columns>
|
|
159
|
-
* </DataPage>
|
|
160
|
-
* ```
|
|
161
|
-
*
|
|
162
|
-
* ## Height — `DataPage` needs a bounded ancestor
|
|
163
|
-
*
|
|
164
|
-
* `DataPage` fills the height it is given and divides it between the action
|
|
165
|
-
* bar and the table region, so the table's paginator always sits at the
|
|
166
|
-
* bottom of the page rather than below its edge. It cannot invent that height:
|
|
167
|
-
* every element from the page root down sizes as a percentage of its parent,
|
|
168
|
-
* so **some ancestor has to have a definite height**.
|
|
169
|
-
*
|
|
170
|
-
* ```tsx
|
|
171
|
-
* // ✅ the router outlet, a sized container, or a flex child with min-height
|
|
172
|
-
* <div style={{ height: '100vh' }}>
|
|
173
|
-
* <DataPage … />
|
|
174
|
-
* </div>
|
|
175
|
-
*
|
|
176
|
-
* // ❌ nothing above resolves to a height — the table grows to its content
|
|
177
|
-
* <div>
|
|
178
|
-
* <DataPage … />
|
|
179
|
-
* </div>
|
|
180
|
-
* ```
|
|
181
|
-
*
|
|
182
|
-
* Without one, the page falls back to a small fixed height so it stays
|
|
183
|
-
* usable instead of collapsing to nothing.
|
|
184
|
-
*
|
|
185
|
-
* ## Styling
|
|
186
|
-
*
|
|
187
|
-
* The inner DataTable and Menubar each have their own per-slot props:
|
|
188
|
-
* `tablePt` / `tableUnstyled` / `tableClassName` for the table;
|
|
189
|
-
* `menubarPt` / `menubarUnstyled` / `menubarClassName` for the action
|
|
190
|
-
* menubar. See the [pass-through cheat sheet](../../Documentation/Styling/pass-through.md)
|
|
191
|
-
* for the full slot reference.
|
|
192
|
-
*
|
|
193
|
-
* @typeParam TQuery - The query class (proxy generated from a C# read model query).
|
|
194
|
-
* @typeParam TDataType - The row type returned by the query.
|
|
195
|
-
* @typeParam TArguments - The query's argument object type.
|
|
196
|
-
* @param props - {@link DataPageProps}.
|
|
197
|
-
*/
|
|
198
|
-
const DataPage = (props) => {
|
|
199
|
-
const [selectedItem, setSelectedItem] = React.useState(undefined);
|
|
200
|
-
const selectionChanged = (e) => {
|
|
201
|
-
setSelectedItem(e.value);
|
|
202
|
-
if (props.onSelectionChange) {
|
|
203
|
-
props.onSelectionChange(e);
|
|
204
|
-
}
|
|
205
|
-
};
|
|
206
|
-
const context = { ...props, selectedItem, onSelectionChanged: selectionChanged };
|
|
207
|
-
return (jsxRuntime.jsx(DataPageContext.Provider, { value: context, children: jsxRuntime.jsx(Page.Page, { title: props.title, panel: true, style: pageStyle, children: props.detailsComponent
|
|
208
|
-
? jsxRuntime.jsxs(allotment.Allotment, { className: "h-full", proportionalLayout: false, children: [jsxRuntime.jsx(allotment.Allotment.Pane, { children: jsxRuntime.jsx(DataPageLayout.DataPageLayout, { children: props.children }) }), selectedItem &&
|
|
209
|
-
jsxRuntime.jsx(allotment.Allotment.Pane, { preferredSize: "450px", children: jsxRuntime.jsx(props.detailsComponent, { item: selectedItem, onRefresh: props.onRefresh }) })] })
|
|
210
|
-
: jsxRuntime.jsx(DataPageLayout.DataPageLayout, { children: props.children }) }) }));
|
|
211
|
-
};
|
|
212
|
-
DataPage.MenuItems = MenuItems;
|
|
213
|
-
DataPage.Columns = Columns;
|
|
214
|
-
|
|
215
|
-
exports.Columns = Columns;
|
|
216
|
-
exports.DataPage = DataPage;
|
|
217
|
-
exports.MenuItem = MenuItem;
|
|
218
|
-
exports.MenuItems = MenuItems;
|
|
219
|
-
//# sourceMappingURL=DataPage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DataPage.js","sources":["../../../DataPage/DataPage.tsx"],"sourcesContent":[null],"names":["useMemo","_jsx","Menubar","QueryFor","DataTableForQuery","DataTableForObservableQuery","Page","_jsxs","Allotment","DataPageLayout"],"mappings":"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"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* The layout root's own style. Declared inline rather than in a stylesheet on
|
|
7
|
-
* purpose: a consumer that never imports a stylesheet from this package still
|
|
8
|
-
* has to get a working page out of `DataPage`, and the height allocation is
|
|
9
|
-
* what the whole component depends on.
|
|
10
|
-
*
|
|
11
|
-
* `minHeight: 0` is what lets the column shrink inside the flex parent that
|
|
12
|
-
* `Page` renders — without it the default `min-height: auto` keeps the column
|
|
13
|
-
* at content height and everything below the available space is clipped.
|
|
14
|
-
*/
|
|
15
|
-
const layoutStyle = {
|
|
16
|
-
display: 'flex',
|
|
17
|
-
flexDirection: 'column',
|
|
18
|
-
height: '100%',
|
|
19
|
-
minHeight: 0
|
|
20
|
-
};
|
|
21
|
-
/**
|
|
22
|
-
* The vertical layout inside a `DataPage`'s primary pane.
|
|
23
|
-
*
|
|
24
|
-
* It is a definite-height flex column, so the action bar can be an intrinsic
|
|
25
|
-
* item while the table region absorbs whatever height is left. That is what
|
|
26
|
-
* keeps the table's own paginator inside the page instead of pushing it past
|
|
27
|
-
* the bottom edge, where the surrounding `overflow: hidden` clips it away.
|
|
28
|
-
*
|
|
29
|
-
* @param props - {@link DataPageLayoutProps}.
|
|
30
|
-
*/
|
|
31
|
-
const DataPageLayout = ({ children }) => (jsxRuntime.jsx("div", { className: 'cratis-data-page-layout', style: layoutStyle, children: children }));
|
|
32
|
-
|
|
33
|
-
exports.DataPageLayout = DataPageLayout;
|
|
34
|
-
//# sourceMappingURL=DataPageLayout.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DataPageLayout.js","sources":["../../../DataPage/DataPageLayout.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAaA;;;;;;;;;AASG;AACH,MAAM,WAAW,GAAkB;AAC/B,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,aAAa,EAAE,QAAQ;AACvB,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,SAAS,EAAE;CACd;AAED;;;;;;;;;AASG;AACI,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAuB,MAC5DA,wBAAK,SAAS,EAAC,yBAAyB,EAAC,KAAK,EAAE,WAAW,EAAA,QAAA,EACtD,QAAQ,EAAA,CACP;;;;"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var DataPage = require('./DataPage.js');
|
|
4
|
-
|
|
5
|
-
// Copyright (c) Cratis. All rights reserved.
|
|
6
|
-
// Licensed under the MIT license. See LICENSE file in the project root for full license information.
|
|
7
|
-
|
|
8
|
-
exports.Columns = DataPage.Columns;
|
|
9
|
-
exports.DataPage = DataPage.DataPage;
|
|
10
|
-
exports.MenuItem = DataPage.MenuItem;
|
|
11
|
-
exports.MenuItems = DataPage.MenuItems;
|
|
12
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../DataPage/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAAA;AACA;;;;;;;"}
|
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var datatable = require('primereact/datatable');
|
|
5
|
-
var paginator = require('primereact/paginator');
|
|
6
|
-
var queries = require('@cratis/arc/queries');
|
|
7
|
-
var queries$1 = require('@cratis/arc.react/queries');
|
|
8
|
-
var React = require('react');
|
|
9
|
-
|
|
10
|
-
const paging = new queries.Paging(0, 20);
|
|
11
|
-
/**
|
|
12
|
-
* A paged data table bound to a Cratis Arc **observable** query
|
|
13
|
-
* (`IObservableQueryFor<TDataType, TArguments>`). Subscribes via
|
|
14
|
-
* `useObservableQueryWithPaging` from `@cratis/arc.react/queries`, which
|
|
15
|
-
* opens a WebSocket connection to the backend and re-renders the table
|
|
16
|
-
* automatically whenever the underlying read model changes server-side.
|
|
17
|
-
*
|
|
18
|
-
* ## What `TQuery` is
|
|
19
|
-
*
|
|
20
|
-
* `TQuery` is the auto-generated TypeScript class produced by the Arc proxy
|
|
21
|
-
* generator from a C# read model's static observable query method (one
|
|
22
|
-
* that returns `ISubject<TDataType>` on the backend). The proxy hooks the
|
|
23
|
-
* WebSocket subscription up; you only deal with the resulting React data.
|
|
24
|
-
*
|
|
25
|
-
* ## What's unique
|
|
26
|
-
*
|
|
27
|
-
* - **Real-time updates**: server-side projection writes flow into the
|
|
28
|
-
* table within the same render cycle, with no manual polling or refresh
|
|
29
|
-
* button. The connection re-subscribes automatically when
|
|
30
|
-
* `queryArguments` change.
|
|
31
|
-
* - **Resize-aware scrollable height**: the wrapper observes its container
|
|
32
|
-
* via `ResizeObserver` and adjusts the inner DataTable height to fit,
|
|
33
|
-
* so the table behaves correctly inside flex layouts (it never overflows
|
|
34
|
-
* beyond its parent or shrinks below 200px).
|
|
35
|
-
* - **Lazy paging + optional client filtering**: same modes as
|
|
36
|
-
* {@link DataTableForQuery}, but the page is re-issued through the
|
|
37
|
-
* observable subscription when the user pages.
|
|
38
|
-
*
|
|
39
|
-
* Use {@link DataTableForQuery} for snapshot queries that don't need live
|
|
40
|
-
* updates. Use {@link DataPage} for a higher-level layout that combines
|
|
41
|
-
* this table with a menubar, selection, and a details pane.
|
|
42
|
-
*
|
|
43
|
-
* ## Children
|
|
44
|
-
*
|
|
45
|
-
* Children are PrimeReact `<Column>` elements — same as
|
|
46
|
-
* {@link DataTableForQuery}.
|
|
47
|
-
*
|
|
48
|
-
* ```tsx
|
|
49
|
-
* import { DataTableForObservableQuery } from '@cratis/components/DataTables';
|
|
50
|
-
* import { Column } from 'primereact/column';
|
|
51
|
-
* import { ActiveSessions } from './ActiveSessions'; // proxy from C#
|
|
52
|
-
*
|
|
53
|
-
* <DataTableForObservableQuery
|
|
54
|
-
* query={ActiveSessions}
|
|
55
|
-
* emptyMessage="No active sessions">
|
|
56
|
-
* <Column field="userName" header="User" />
|
|
57
|
-
* <Column field="startedAt" header="Started" />
|
|
58
|
-
* </DataTableForObservableQuery>
|
|
59
|
-
* ```
|
|
60
|
-
*
|
|
61
|
-
* Rows appear and disappear in this table as users log in / log out
|
|
62
|
-
* server-side — no manual refresh required.
|
|
63
|
-
*
|
|
64
|
-
* ## Styling
|
|
65
|
-
*
|
|
66
|
-
* Identical to {@link DataTableForQuery}: `pt` / `ptOptions` / `unstyled` /
|
|
67
|
-
* `className` target the inner DataTable; `paginatorPt` and friends target
|
|
68
|
-
* the inner Paginator. See [pass-through cheat sheet](../../Documentation/Styling/pass-through.md).
|
|
69
|
-
*
|
|
70
|
-
* @typeParam TQuery - The observable query class (proxy generated from C# `IObservableQueryFor`).
|
|
71
|
-
* @typeParam TDataType - The row type returned by the query.
|
|
72
|
-
* @typeParam TArguments - The query's argument object type.
|
|
73
|
-
* @param props - {@link DataTableForObservableQueryProps}.
|
|
74
|
-
*/
|
|
75
|
-
const DataTableForObservableQuery = (props) => {
|
|
76
|
-
const [filters, setFilters] = React.useState(props.defaultFilters ?? {});
|
|
77
|
-
const [filteredTotal, setFilteredTotal] = React.useState(undefined);
|
|
78
|
-
const [result, , setPage] = queries$1.useObservableQueryWithPaging(props.query, paging, props.queryArguments);
|
|
79
|
-
const containerRef = React.useRef(null);
|
|
80
|
-
const [tableHeight, setTableHeight] = React.useState(600);
|
|
81
|
-
const timeoutRef = React.useRef(undefined);
|
|
82
|
-
const isClientFiltering = props.clientFiltering === true;
|
|
83
|
-
const totalRecords = isClientFiltering && filteredTotal !== undefined ? filteredTotal : result.paging.totalItems;
|
|
84
|
-
React.useEffect(() => {
|
|
85
|
-
if (!containerRef.current)
|
|
86
|
-
return;
|
|
87
|
-
const resizeObserver = new ResizeObserver((entries) => {
|
|
88
|
-
if (timeoutRef.current) {
|
|
89
|
-
clearTimeout(timeoutRef.current);
|
|
90
|
-
}
|
|
91
|
-
timeoutRef.current = setTimeout(() => {
|
|
92
|
-
for (const entry of entries) {
|
|
93
|
-
const containerHeight = entry.contentRect.height;
|
|
94
|
-
if (containerHeight > 0) {
|
|
95
|
-
const paginatorHeight = result.paging.totalItems > 0 ? 56 : 0;
|
|
96
|
-
const calculatedHeight = containerHeight - paginatorHeight - 2;
|
|
97
|
-
const newHeight = Math.max(calculatedHeight, 200);
|
|
98
|
-
setTableHeight(prevHeight => {
|
|
99
|
-
if (Math.abs(newHeight - prevHeight) > 5) {
|
|
100
|
-
return newHeight;
|
|
101
|
-
}
|
|
102
|
-
return prevHeight;
|
|
103
|
-
});
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
}, 10);
|
|
107
|
-
});
|
|
108
|
-
resizeObserver.observe(containerRef.current);
|
|
109
|
-
return () => {
|
|
110
|
-
if (timeoutRef.current) {
|
|
111
|
-
clearTimeout(timeoutRef.current);
|
|
112
|
-
}
|
|
113
|
-
resizeObserver.disconnect();
|
|
114
|
-
};
|
|
115
|
-
}, [result.paging.totalItems]);
|
|
116
|
-
return (jsxRuntime.jsxs("div", { ref: containerRef, style: {
|
|
117
|
-
display: 'flex',
|
|
118
|
-
flexDirection: 'column',
|
|
119
|
-
height: '100%',
|
|
120
|
-
border: '1px solid var(--cratis-surface-border)',
|
|
121
|
-
borderRadius: 'var(--cratis-border-radius)',
|
|
122
|
-
overflow: 'hidden'
|
|
123
|
-
}, children: [jsxRuntime.jsx("div", { style: { height: `${tableHeight}px`, overflow: 'hidden' }, children: jsxRuntime.jsx(datatable.DataTable, { value: result.data, lazy: !isClientFiltering, rows: paging.pageSize, totalRecords: totalRecords, scrollable: true, scrollHeight: '100%', selectionMode: 'single', selection: props.selection, onSelectionChange: props.onSelectionChange, dataKey: props.dataKey, filters: filters, filterDisplay: 'menu', onFilter: (e) => {
|
|
124
|
-
setFilters(e.filters);
|
|
125
|
-
if (isClientFiltering) {
|
|
126
|
-
const filteredValue = e.filteredValue;
|
|
127
|
-
setFilteredTotal(filteredValue ? filteredValue.length : undefined);
|
|
128
|
-
}
|
|
129
|
-
}, globalFilterFields: props.globalFilterFields, emptyMessage: props.emptyMessage, className: props.className, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled, children: props.children }) }), result.paging.totalItems > 0 && (jsxRuntime.jsx("div", { style: { borderTop: '1px solid var(--cratis-surface-border)' }, children: jsxRuntime.jsx(paginator.Paginator, { first: result.paging.page * paging.pageSize, rows: paging.pageSize, totalRecords: result.paging.totalItems, onPageChange: (e) => setPage(e.page), pt: props.paginatorPt, ptOptions: props.paginatorPtOptions, unstyled: props.paginatorUnstyled }) }))] }));
|
|
130
|
-
};
|
|
131
|
-
|
|
132
|
-
exports.DataTableForObservableQuery = DataTableForObservableQuery;
|
|
133
|
-
//# sourceMappingURL=DataTableForObservableQuery.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableForObservableQuery.js","sources":["../../../DataTables/DataTableForObservableQuery.tsx"],"sourcesContent":[null],"names":["Paging","useState","useObservableQueryWithPaging","useRef","useEffect","_jsxs","_jsx","DataTable","Paginator"],"mappings":"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"}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var datatable = require('primereact/datatable');
|
|
5
|
-
var paginator = require('primereact/paginator');
|
|
6
|
-
var queries = require('@cratis/arc/queries');
|
|
7
|
-
var queries$1 = require('@cratis/arc.react/queries');
|
|
8
|
-
var React = require('react');
|
|
9
|
-
|
|
10
|
-
const paging = new queries.Paging(0, 20);
|
|
11
|
-
/**
|
|
12
|
-
* A paged data table bound to a snapshot Cratis Arc query
|
|
13
|
-
* (`IQueryFor<TDataType, TArguments>`). Subscribes via
|
|
14
|
-
* `useQueryWithPaging` from `@cratis/arc.react/queries`, renders the result
|
|
15
|
-
* page in a PrimeReact `DataTable`, and shows a `Paginator` when the result
|
|
16
|
-
* set exceeds one page.
|
|
17
|
-
*
|
|
18
|
-
* ## What `TQuery` is
|
|
19
|
-
*
|
|
20
|
-
* `TQuery` is the auto-generated TypeScript class produced by the Arc proxy
|
|
21
|
-
* generator from a C# read model's static query method. `dotnet build`
|
|
22
|
-
* writes a `.ts` file per query with the right return type and a `use()`
|
|
23
|
-
* hook; importing the class is all the connection-to-the-backend you need.
|
|
24
|
-
*
|
|
25
|
-
* ## What's unique
|
|
26
|
-
*
|
|
27
|
-
* - **Lazy paging**: the table runs in PrimeReact's `lazy` mode by default
|
|
28
|
-
* so the server returns one page at a time. The Paginator's
|
|
29
|
-
* `onPageChange` calls back into the Arc hook to fetch the next page.
|
|
30
|
-
* - **Client-side filtering toggle**: pass `clientFiltering` to keep the
|
|
31
|
-
* page-fetched rows in the browser and filter locally — useful for
|
|
32
|
-
* small result sets where you want PrimeReact's filter UI but don't want
|
|
33
|
-
* to round-trip every keystroke.
|
|
34
|
-
* - **Default filter state**: `defaultFilters` seeds the table's filter
|
|
35
|
-
* meta on first render so saved or URL-encoded filter state can be
|
|
36
|
-
* rehydrated.
|
|
37
|
-
*
|
|
38
|
-
* Use {@link DataTableForObservableQuery} for queries that should update in
|
|
39
|
-
* real time as the underlying read model changes server-side. Use
|
|
40
|
-
* {@link DataPage} for a higher-level layout that combines this table with
|
|
41
|
-
* a menubar, selection, and a details pane.
|
|
42
|
-
*
|
|
43
|
-
* ## Children
|
|
44
|
-
*
|
|
45
|
-
* Children are PrimeReact `<Column>` elements describing the visible
|
|
46
|
-
* columns — sorting, filtering, custom body templates, everything
|
|
47
|
-
* PrimeReact's `<Column>` supports.
|
|
48
|
-
*
|
|
49
|
-
* ```tsx
|
|
50
|
-
* import { DataTableForQuery } from '@cratis/components/DataTables';
|
|
51
|
-
* import { Column } from 'primereact/column';
|
|
52
|
-
* import { AllAuthors } from './AllAuthors'; // proxy from C#
|
|
53
|
-
*
|
|
54
|
-
* <DataTableForQuery query={AllAuthors} emptyMessage="No authors">
|
|
55
|
-
* <Column field="name" header="Name" sortable />
|
|
56
|
-
* <Column field="email" header="Email" />
|
|
57
|
-
* </DataTableForQuery>
|
|
58
|
-
* ```
|
|
59
|
-
*
|
|
60
|
-
* ## Styling
|
|
61
|
-
*
|
|
62
|
-
* Forward `pt` / `ptOptions` / `unstyled` / `className` to the underlying
|
|
63
|
-
* PrimeReact DataTable. Use `paginatorPt` / `paginatorPtOptions` /
|
|
64
|
-
* `paginatorUnstyled` to style the inner Paginator independently. See
|
|
65
|
-
* [pass-through cheat sheet](../../Documentation/Styling/pass-through.md).
|
|
66
|
-
*
|
|
67
|
-
* @typeParam TQuery - The query class (proxy generated from C# `IQueryFor`).
|
|
68
|
-
* @typeParam TDataType - The row type returned by the query.
|
|
69
|
-
* @typeParam TArguments - The query's argument object type.
|
|
70
|
-
* @param props - {@link DataTableForQueryProps}.
|
|
71
|
-
*/
|
|
72
|
-
const DataTableForQuery = (props) => {
|
|
73
|
-
const [filters, setFilters] = React.useState(props.defaultFilters ?? {});
|
|
74
|
-
const [filteredTotal, setFilteredTotal] = React.useState(undefined);
|
|
75
|
-
const [result, , , setPage] = queries$1.useQueryWithPaging(props.query, paging, props.queryArguments);
|
|
76
|
-
const containerRef = React.useRef(null);
|
|
77
|
-
const isClientFiltering = props.clientFiltering === true;
|
|
78
|
-
const totalRecords = isClientFiltering && filteredTotal !== undefined ? filteredTotal : result.paging.totalItems;
|
|
79
|
-
return (jsxRuntime.jsxs("div", { ref: containerRef, style: {
|
|
80
|
-
display: 'flex',
|
|
81
|
-
flexDirection: 'column',
|
|
82
|
-
height: '100%',
|
|
83
|
-
border: '1px solid var(--cratis-surface-border)',
|
|
84
|
-
borderRadius: 'var(--cratis-border-radius)',
|
|
85
|
-
overflow: 'hidden'
|
|
86
|
-
}, children: [jsxRuntime.jsx("div", { style: { flex: 1, minHeight: 0, overflow: 'auto' }, children: jsxRuntime.jsx(datatable.DataTable, { value: result.data, lazy: !isClientFiltering, rows: paging.pageSize, totalRecords: totalRecords, selectionMode: 'single', selection: props.selection, onSelectionChange: props.onSelectionChange, dataKey: props.dataKey, filters: filters, filterDisplay: 'menu', onFilter: (e) => {
|
|
87
|
-
setFilters(e.filters);
|
|
88
|
-
if (isClientFiltering) {
|
|
89
|
-
const filteredValue = e.filteredValue;
|
|
90
|
-
setFilteredTotal(filteredValue ? filteredValue.length : undefined);
|
|
91
|
-
}
|
|
92
|
-
}, globalFilterFields: props.globalFilterFields, emptyMessage: props.emptyMessage, style: { minWidth: '100%' }, className: props.className, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled, children: props.children }) }), result.paging.totalItems > 0 && (jsxRuntime.jsx("div", { style: { borderTop: '1px solid var(--cratis-surface-border)', flexShrink: 0 }, children: jsxRuntime.jsx(paginator.Paginator, { first: result.paging.page * paging.pageSize, rows: paging.pageSize, totalRecords: result.paging.totalItems, onPageChange: (e) => setPage(e.page), pt: props.paginatorPt, ptOptions: props.paginatorPtOptions, unstyled: props.paginatorUnstyled }) }))] }));
|
|
93
|
-
};
|
|
94
|
-
|
|
95
|
-
exports.DataTableForQuery = DataTableForQuery;
|
|
96
|
-
//# sourceMappingURL=DataTableForQuery.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableForQuery.js","sources":["../../../DataTables/DataTableForQuery.tsx"],"sourcesContent":[null],"names":["Paging","useState","useQueryWithPaging","useRef","_jsxs","_jsx","DataTable","Paginator"],"mappings":"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"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var DataTableForQuery = require('./DataTableForQuery.js');
|
|
4
|
-
var DataTableForObservableQuery = require('./DataTableForObservableQuery.js');
|
|
5
|
-
|
|
6
|
-
// Copyright (c) Cratis. All rights reserved.
|
|
7
|
-
// Licensed under the MIT license. See LICENSE file in the project root for full license information.
|
|
8
|
-
|
|
9
|
-
exports.DataTableForQuery = DataTableForQuery.DataTableForQuery;
|
|
10
|
-
exports.DataTableForObservableQuery = DataTableForObservableQuery.DataTableForObservableQuery;
|
|
11
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../DataTables/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAAA;AACA;;;;;"}
|