@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,102 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var button = require('primereact/button');
|
|
5
|
-
var dropdown = require('primereact/dropdown');
|
|
6
|
-
var faIcons = require('react-icons/fa6');
|
|
7
|
-
|
|
8
|
-
function _interopNamespaceDefault(e) {
|
|
9
|
-
var n = Object.create(null);
|
|
10
|
-
if (e) {
|
|
11
|
-
Object.keys(e).forEach(function (k) {
|
|
12
|
-
if (k !== 'default') {
|
|
13
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
15
|
-
enumerable: true,
|
|
16
|
-
get: function () { return e[k]; }
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
n.default = e;
|
|
22
|
-
return Object.freeze(n);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
var faIcons__namespace = /*#__PURE__*/_interopNamespaceDefault(faIcons);
|
|
26
|
-
|
|
27
|
-
const CONTAINER_TYPES = [
|
|
28
|
-
{ label: 'array', value: 'array' },
|
|
29
|
-
{ label: 'object', value: 'object' }
|
|
30
|
-
];
|
|
31
|
-
const TypeCell = ({ rowData, isEditMode, typeFormats, onUpdateProperty, onUpdateArrayItemType, onNavigateToProperty, onNavigateToArrayItems, onRemoveProperty }) => {
|
|
32
|
-
const DEFAULT_TYPE_OPTIONS = [
|
|
33
|
-
{ label: 'string', value: 'string' },
|
|
34
|
-
{ label: 'integer', value: 'integer' },
|
|
35
|
-
{ label: 'number', value: 'number' },
|
|
36
|
-
{ label: 'boolean', value: 'boolean' }
|
|
37
|
-
];
|
|
38
|
-
const formatOptions = typeFormats.length > 0
|
|
39
|
-
? typeFormats.map(tf => {
|
|
40
|
-
const format = (!tf.format || tf.format === '' ? tf.jsonType : tf.format);
|
|
41
|
-
return { label: format, value: format };
|
|
42
|
-
})
|
|
43
|
-
: DEFAULT_TYPE_OPTIONS;
|
|
44
|
-
const allTypeOptions = [
|
|
45
|
-
...formatOptions,
|
|
46
|
-
...CONTAINER_TYPES
|
|
47
|
-
];
|
|
48
|
-
const displayValue = rowData.format || rowData.type || 'string';
|
|
49
|
-
const currentValue = rowData.format || rowData.type || 'string';
|
|
50
|
-
const handleTypeChange = (value, propertyName, isArrayItem = false) => {
|
|
51
|
-
if (value === 'array' || value === 'object') {
|
|
52
|
-
if (isArrayItem) {
|
|
53
|
-
onUpdateArrayItemType(propertyName, value);
|
|
54
|
-
}
|
|
55
|
-
else {
|
|
56
|
-
onUpdateProperty(propertyName, 'type', value, { format: undefined });
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
else {
|
|
60
|
-
const typeFormat = typeFormats.find(tf => {
|
|
61
|
-
const effectiveFormat = (!tf.format || tf.format === '' ? tf.jsonType : tf.format);
|
|
62
|
-
return effectiveFormat === value;
|
|
63
|
-
});
|
|
64
|
-
if (typeFormat) {
|
|
65
|
-
if (isArrayItem) {
|
|
66
|
-
onUpdateArrayItemType(propertyName, typeFormat.jsonType);
|
|
67
|
-
}
|
|
68
|
-
else {
|
|
69
|
-
if (typeFormat.format && typeFormat.format !== '') {
|
|
70
|
-
onUpdateProperty(propertyName, 'type', typeFormat.jsonType, { format: value });
|
|
71
|
-
}
|
|
72
|
-
else {
|
|
73
|
-
onUpdateProperty(propertyName, 'type', typeFormat.jsonType, { format: undefined });
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
else {
|
|
78
|
-
if (isArrayItem) {
|
|
79
|
-
onUpdateArrayItemType(propertyName, value);
|
|
80
|
-
}
|
|
81
|
-
else {
|
|
82
|
-
onUpdateProperty(propertyName, 'type', value, { format: undefined });
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
};
|
|
87
|
-
if (!isEditMode) {
|
|
88
|
-
if (rowData.type === 'array') {
|
|
89
|
-
const itemType = rowData.items?.type || 'string';
|
|
90
|
-
const isNavigable = itemType === 'object';
|
|
91
|
-
return (jsxRuntime.jsxs("div", { className: "flex items-center gap-2 w-full", style: { height: '100%' }, "data-pr-tooltip": isNavigable ? 'Click to navigate to item definition' : undefined, "data-pr-position": "top", children: [jsxRuntime.jsxs("span", { children: ["Array of ", itemType] }), isNavigable && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { style: { flex: 1 } }), jsxRuntime.jsx("span", { style: { display: 'flex', alignItems: 'center' }, children: jsxRuntime.jsx(faIcons__namespace.FaArrowRight, { style: { fontSize: '1rem', color: 'var(--cratis-primary-color)' } }) })] }))] }));
|
|
92
|
-
}
|
|
93
|
-
else if (rowData.type === 'object') {
|
|
94
|
-
return (jsxRuntime.jsxs("div", { className: "flex items-center gap-2 w-full", style: { height: '100%' }, "data-pr-tooltip": "Click to navigate to object properties", "data-pr-position": "top", children: [jsxRuntime.jsx("span", { children: "Object" }), jsxRuntime.jsx("div", { style: { flex: 1 } }), jsxRuntime.jsx("span", { style: { display: 'flex', alignItems: 'center' }, children: jsxRuntime.jsx(faIcons__namespace.FaArrowRight, { style: { fontSize: '1rem', color: 'var(--cratis-primary-color)' } }) })] }));
|
|
95
|
-
}
|
|
96
|
-
return displayValue;
|
|
97
|
-
}
|
|
98
|
-
return (jsxRuntime.jsxs("div", { className: "flex items-center gap-2 w-full", style: { minHeight: '2.5rem' }, children: [jsxRuntime.jsx(dropdown.Dropdown, { value: currentValue, options: allTypeOptions, onChange: (e) => handleTypeChange(e.value, rowData.name || ''), className: "flex-1" }), rowData.type === 'array' && rowData.items && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { style: { whiteSpace: 'nowrap', display: 'flex', alignItems: 'center' }, children: "of" }), jsxRuntime.jsx(dropdown.Dropdown, { value: rowData.items.type || 'string', options: allTypeOptions, onChange: (e) => handleTypeChange(e.value, rowData.name || '', true), className: "flex-1" })] })), jsxRuntime.jsxs("div", { style: { marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '0.5rem' }, children: [rowData.type === 'array' && rowData.items?.type === 'object' && rowData.name && (jsxRuntime.jsx(button.Button, { icon: jsxRuntime.jsx(faIcons__namespace.FaArrowRight, {}), text: true, size: "small", onClick: () => onNavigateToArrayItems(rowData.name), tooltip: "Navigate to item definition", tooltipOptions: { position: 'top' } })), rowData.type === 'object' && rowData.name && (jsxRuntime.jsx(button.Button, { icon: jsxRuntime.jsx(faIcons__namespace.FaArrowRight, {}), text: true, size: "small", onClick: () => onNavigateToProperty(rowData.name), tooltip: "Navigate to object properties", tooltipOptions: { position: 'top' } })), rowData.name && (jsxRuntime.jsx(button.Button, { icon: jsxRuntime.jsx(faIcons__namespace.FaTrash, {}), text: true, severity: "danger", size: "small", onClick: () => onRemoveProperty(rowData.name), tooltip: "Delete property", tooltipOptions: { position: 'top' } }))] })] }));
|
|
99
|
-
};
|
|
100
|
-
|
|
101
|
-
exports.TypeCell = TypeCell;
|
|
102
|
-
//# sourceMappingURL=TypeCell.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TypeCell.js","sources":["../../../SchemaEditor/TypeCell.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","faIcons","Dropdown","_Fragment","Button"],"mappings":"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"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var SchemaEditor = require('./SchemaEditor.js');
|
|
4
|
-
var TypeFormat = require('../types/TypeFormat.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.SchemaEditor = SchemaEditor.SchemaEditor;
|
|
10
|
-
exports.DEFAULT_TYPE_FORMATS = TypeFormat.DEFAULT_TYPE_FORMATS;
|
|
11
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../SchemaEditor/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAAA;AACA;;;;;"}
|
|
@@ -1,41 +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
|
-
* Validates a property name, returning an error string or undefined if valid.
|
|
7
|
-
*/
|
|
8
|
-
function validatePropertyName(name, propertyId, allProperties) {
|
|
9
|
-
if (!name || name.trim() === '') {
|
|
10
|
-
return 'Property name cannot be empty';
|
|
11
|
-
}
|
|
12
|
-
const validIdentifierPattern = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
|
|
13
|
-
if (!validIdentifierPattern.test(name)) {
|
|
14
|
-
return 'Property name must start with a letter or underscore and contain only letters, numbers, and underscores';
|
|
15
|
-
}
|
|
16
|
-
const duplicates = allProperties.filter(p => p.name === name && p.id !== propertyId);
|
|
17
|
-
if (duplicates.length > 0) {
|
|
18
|
-
return 'Property name must be unique';
|
|
19
|
-
}
|
|
20
|
-
return undefined;
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* Builds the list of breadcrumb navigation items from a path, using the event type name as the root.
|
|
24
|
-
*/
|
|
25
|
-
function buildBreadcrumbItems(eventTypeName, currentPath) {
|
|
26
|
-
const items = [{ name: eventTypeName, path: [] }];
|
|
27
|
-
for (let i = 0; i < currentPath.length; i++) {
|
|
28
|
-
const segment = currentPath[i];
|
|
29
|
-
if (segment === '$items') {
|
|
30
|
-
items.push({ name: '[items]', path: currentPath.slice(0, i + 1) });
|
|
31
|
-
}
|
|
32
|
-
else {
|
|
33
|
-
items.push({ name: segment, path: currentPath.slice(0, i + 1) });
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
return items;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
exports.buildBreadcrumbItems = buildBreadcrumbItems;
|
|
40
|
-
exports.validatePropertyName = validatePropertyName;
|
|
41
|
-
//# sourceMappingURL=schemaHelpers.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"schemaHelpers.js","sources":["../../../SchemaEditor/schemaHelpers.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;AACA;AAIA;;AAEG;SACa,oBAAoB,CAAC,IAAY,EAAE,UAAkB,EAAE,aAAmC,EAAA;IACtG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;AAC7B,QAAA,OAAO,+BAA+B;IAC1C;IAEA,MAAM,sBAAsB,GAAG,0BAA0B;IACzD,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;AACpC,QAAA,OAAO,yGAAyG;IACpH;IAEA,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,IAAI,CAAC,CAAC,EAAE,KAAK,UAAU,CAAC;AACpF,IAAA,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;AACvB,QAAA,OAAO,8BAA8B;IACzC;AAEA,IAAA,OAAO,SAAS;AACpB;AAEA;;AAEG;AACG,SAAU,oBAAoB,CAAC,aAAqB,EAAE,WAAqB,EAAA;AAC7E,IAAA,MAAM,KAAK,GAAqB,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AAEnE,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACzC,QAAA,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC;AAC9B,QAAA,IAAI,OAAO,KAAK,QAAQ,EAAE;YACtB,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;QACtE;aAAO;YACH,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;QACpE;IACJ;AAEA,IAAA,OAAO,KAAK;AAChB;;;;;"}
|
|
@@ -1,213 +0,0 @@
|
|
|
1
|
-
/* Events View Container */
|
|
2
|
-
.events-view-container {
|
|
3
|
-
position: absolute;
|
|
4
|
-
inset: 0;
|
|
5
|
-
padding: 5rem 2rem 2rem;
|
|
6
|
-
overflow-y: auto;
|
|
7
|
-
background: transparent;
|
|
8
|
-
z-index: 1;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
/* Timeline customization */
|
|
12
|
-
.events-view-timeline {
|
|
13
|
-
max-width: 1200px;
|
|
14
|
-
margin: 0 auto;
|
|
15
|
-
padding: 2.5rem 0 3rem;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.events-view-timeline .p-timeline {
|
|
19
|
-
display: flex;
|
|
20
|
-
flex-direction: column;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.events-view-scroll-button {
|
|
24
|
-
position: relative;
|
|
25
|
-
margin-right: 0.5rem;
|
|
26
|
-
width: 44px;
|
|
27
|
-
height: 44px;
|
|
28
|
-
border-radius: 50%;
|
|
29
|
-
border: 1px solid var(--tm-border-subtle);
|
|
30
|
-
background: var(--tm-dark-surface);
|
|
31
|
-
color: var(--tm-text);
|
|
32
|
-
display: flex;
|
|
33
|
-
align-items: center;
|
|
34
|
-
justify-content: center;
|
|
35
|
-
backdrop-filter: blur(8px);
|
|
36
|
-
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
|
|
37
|
-
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
|
38
|
-
z-index: 5;
|
|
39
|
-
pointer-events: auto;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.events-view-scroll-button:hover {
|
|
43
|
-
transform: translateY(-2px);
|
|
44
|
-
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4);
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.events-view-scroll-button:active {
|
|
48
|
-
transform: translateY(0);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.events-view-scroll-button--top {
|
|
52
|
-
top: auto;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.events-view-scroll-button--bottom {
|
|
56
|
-
bottom: auto;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.events-view-scroll-button-wrapper {
|
|
60
|
-
position: sticky;
|
|
61
|
-
display: flex;
|
|
62
|
-
justify-content: flex-end;
|
|
63
|
-
padding-right: 0.5rem;
|
|
64
|
-
pointer-events: none;
|
|
65
|
-
z-index: 5;
|
|
66
|
-
height: 0;
|
|
67
|
-
overflow: visible;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.events-view-scroll-button-wrapper--top {
|
|
71
|
-
top: 4.5rem;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.events-view-scroll-button-wrapper--bottom {
|
|
75
|
-
bottom: 2.5rem;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
/* Event Card */
|
|
79
|
-
.events-view-event-card {
|
|
80
|
-
background: var(--tm-surface);
|
|
81
|
-
border: 1px solid var(--tm-border);
|
|
82
|
-
border-radius: 12px;
|
|
83
|
-
padding: 1.5rem;
|
|
84
|
-
backdrop-filter: blur(10px);
|
|
85
|
-
transition: all 0.3s ease;
|
|
86
|
-
max-width: 380px;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.events-view-event-card:hover {
|
|
90
|
-
background: var(--tm-surface-hover);
|
|
91
|
-
border-color: var(--tm-accent-border);
|
|
92
|
-
transform: translateY(-2px);
|
|
93
|
-
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
/* Event Header */
|
|
97
|
-
.events-view-event-header {
|
|
98
|
-
margin-bottom: 1rem;
|
|
99
|
-
padding-bottom: 1rem;
|
|
100
|
-
border-bottom: 1px solid var(--tm-border);
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
.events-view-event-name {
|
|
104
|
-
font-size: 1.25rem;
|
|
105
|
-
font-weight: 600;
|
|
106
|
-
color: var(--tm-text);
|
|
107
|
-
margin: 0 0 0.5rem 0;
|
|
108
|
-
font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
.events-view-event-timestamp {
|
|
112
|
-
font-size: 0.875rem;
|
|
113
|
-
color: var(--tm-text-muted);
|
|
114
|
-
font-family: -apple-system, BlinkMacSystemFont, 'SF Mono', monospace;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
.events-view-event-header--right {
|
|
118
|
-
text-align: right;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
.events-view-event-name--right,
|
|
122
|
-
.events-view-event-timestamp--right {
|
|
123
|
-
text-align: right;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
/* Event Properties */
|
|
127
|
-
.events-view-event-properties {
|
|
128
|
-
margin-top: 1rem;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
/* Custom Marker */
|
|
132
|
-
.events-view-marker {
|
|
133
|
-
display: flex;
|
|
134
|
-
align-items: center;
|
|
135
|
-
justify-content: center;
|
|
136
|
-
width: 2.5rem;
|
|
137
|
-
height: 2.5rem;
|
|
138
|
-
background: linear-gradient(135deg, var(--tm-accent-bg), rgba(100, 150, 255, 0.1));
|
|
139
|
-
border: 2px solid var(--tm-accent-border);
|
|
140
|
-
border-radius: 50%;
|
|
141
|
-
position: relative;
|
|
142
|
-
backdrop-filter: blur(5px);
|
|
143
|
-
transition: all 0.3s ease;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
.events-view-marker:hover {
|
|
147
|
-
background: linear-gradient(135deg, var(--tm-accent-bg-hover), var(--tm-accent-bg));
|
|
148
|
-
border-color: var(--tm-accent-border-hover);
|
|
149
|
-
transform: scale(1.1);
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
.events-view-marker-dot {
|
|
153
|
-
width: 0.75rem;
|
|
154
|
-
height: 0.75rem;
|
|
155
|
-
background: var(--tm-accent);
|
|
156
|
-
border-radius: 50%;
|
|
157
|
-
box-shadow: 0 0 10px var(--tm-accent-glow);
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
/* PrimeReact Timeline connector styling */
|
|
161
|
-
.events-view-timeline .p-timeline-event-connector {
|
|
162
|
-
background: linear-gradient(to bottom, var(--tm-accent-border), var(--tm-accent-bg));
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
.events-view-timeline .p-timeline-event:last-child .p-timeline-event-connector {
|
|
166
|
-
visibility: hidden;
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
/* Remove default padding from PrimeReact timeline content areas */
|
|
170
|
-
.events-view-timeline .p-timeline-event-opposite,
|
|
171
|
-
.events-view-timeline .p-timeline-event-content {
|
|
172
|
-
padding: 0 1.5rem;
|
|
173
|
-
display: flex;
|
|
174
|
-
align-items: center;
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
/* Ensure cards hug the timeline on both sides */
|
|
178
|
-
.events-view-timeline .p-timeline-event:nth-child(odd) .p-timeline-event-content {
|
|
179
|
-
justify-content: flex-start;
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
.events-view-timeline .p-timeline-event:nth-child(even) .p-timeline-event-content {
|
|
183
|
-
justify-content: flex-end;
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
.events-view-timeline .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
|
|
187
|
-
justify-content: flex-end;
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
.events-view-timeline .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
|
|
191
|
-
justify-content: flex-start;
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
.events-view-event-card--left,
|
|
195
|
-
.events-view-event-card--right {
|
|
196
|
-
max-width: 380px;
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
/* Right-align content in left-side cards */
|
|
200
|
-
.events-view-timeline .p-timeline-event-opposite .events-view-event-card {
|
|
201
|
-
text-align: right;
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
.events-view-timeline .p-timeline-event-opposite .events-view-event-card table {
|
|
205
|
-
margin-left: auto;
|
|
206
|
-
direction: rtl;
|
|
207
|
-
}
|
|
208
|
-
|
|
209
|
-
.events-view-timeline .p-timeline-event-opposite .events-view-event-card table td {
|
|
210
|
-
direction: ltr;
|
|
211
|
-
text-align: right;
|
|
212
|
-
}
|
|
213
|
-
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var timeline = require('primereact/timeline');
|
|
6
|
-
var Properties = require('./Properties.js');
|
|
7
|
-
require('./EventsView.css');
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Vertical timeline visualization of an ordered list of Cratis events.
|
|
11
|
-
* Renders each event on alternating sides of a central spine with its
|
|
12
|
-
* properties shown in a popup, and tracks scroll boundaries so up/down
|
|
13
|
-
* arrows appear only when there's content to scroll to.
|
|
14
|
-
*
|
|
15
|
-
* Used inside {@link TimeMachine} to show the events that produced a given
|
|
16
|
-
* read-model version, but can be reused for any event timeline UI.
|
|
17
|
-
*
|
|
18
|
-
* @param props - {@link EventsViewProps}.
|
|
19
|
-
*/
|
|
20
|
-
const EventsView = ({ events, className, pt, ptOptions, unstyled }) => {
|
|
21
|
-
// Use test data if no events provided
|
|
22
|
-
const displayEvents = events.length > 0 ? events : [];
|
|
23
|
-
const containerRef = React.useRef(null);
|
|
24
|
-
const [canScrollUp, setCanScrollUp] = React.useState(false);
|
|
25
|
-
const [canScrollDown, setCanScrollDown] = React.useState(false);
|
|
26
|
-
const updateScrollState = () => {
|
|
27
|
-
const container = containerRef.current;
|
|
28
|
-
if (!container) {
|
|
29
|
-
setCanScrollUp(false);
|
|
30
|
-
setCanScrollDown(false);
|
|
31
|
-
return;
|
|
32
|
-
}
|
|
33
|
-
const { scrollTop, scrollHeight, clientHeight } = container;
|
|
34
|
-
const epsilon = 1;
|
|
35
|
-
setCanScrollUp(scrollTop > epsilon);
|
|
36
|
-
setCanScrollDown(scrollTop + clientHeight < scrollHeight - epsilon);
|
|
37
|
-
};
|
|
38
|
-
React.useEffect(() => {
|
|
39
|
-
updateScrollState();
|
|
40
|
-
const container = containerRef.current;
|
|
41
|
-
if (!container)
|
|
42
|
-
return;
|
|
43
|
-
const handleScroll = () => updateScrollState();
|
|
44
|
-
container.addEventListener('scroll', handleScroll);
|
|
45
|
-
return () => container.removeEventListener('scroll', handleScroll);
|
|
46
|
-
}, [displayEvents.length]);
|
|
47
|
-
const renderEventCard = (event, position) => {
|
|
48
|
-
const isLeft = position === 'left';
|
|
49
|
-
return (jsxRuntime.jsxs("div", { className: `events-view-event-card events-view-event-card--${position}`, children: [jsxRuntime.jsxs("div", { className: `events-view-event-header ${isLeft ? 'events-view-event-header--right' : ''}`, children: [jsxRuntime.jsx("h3", { className: `events-view-event-name ${isLeft ? 'events-view-event-name--right' : ''}`, children: event.type }), jsxRuntime.jsx("div", { className: `events-view-event-timestamp ${isLeft ? 'events-view-event-timestamp--right' : ''}`, children: event.occurred.toLocaleString() })] }), jsxRuntime.jsx("div", { className: "events-view-event-properties", children: jsxRuntime.jsx(Properties.Properties, { data: event.content || {}, align: "left" }) })] }));
|
|
50
|
-
};
|
|
51
|
-
const customContent = (event, index) => {
|
|
52
|
-
// PrimeReact places even indices (0,2,4,...) on the right, odd on the left
|
|
53
|
-
const position = index % 2 === 0 ? 'right' : 'left';
|
|
54
|
-
return renderEventCard(event, position);
|
|
55
|
-
};
|
|
56
|
-
const customMarker = () => {
|
|
57
|
-
return (jsxRuntime.jsx("div", { className: "events-view-marker", children: jsxRuntime.jsx("div", { className: "events-view-marker-dot" }) }));
|
|
58
|
-
};
|
|
59
|
-
const scrollToTop = () => containerRef.current?.scrollTo({ top: 0, behavior: 'smooth' });
|
|
60
|
-
const scrollToBottom = () => {
|
|
61
|
-
const container = containerRef.current;
|
|
62
|
-
if (!container)
|
|
63
|
-
return;
|
|
64
|
-
container.scrollTo({ top: container.scrollHeight, behavior: 'smooth' });
|
|
65
|
-
};
|
|
66
|
-
return (jsxRuntime.jsxs("div", { className: "events-view-container", ref: containerRef, children: [canScrollUp && (jsxRuntime.jsx("div", { className: "events-view-scroll-button-wrapper events-view-scroll-button-wrapper--top", children: jsxRuntime.jsx("button", { type: "button", className: "events-view-scroll-button events-view-scroll-button--top", onClick: scrollToTop, "aria-label": "Scroll to top", children: jsxRuntime.jsx("i", { className: "pi pi-arrow-up" }) }) })), jsxRuntime.jsx(timeline.Timeline, { value: displayEvents, align: "alternate", content: customContent, marker: customMarker, className: className ? `events-view-timeline ${className}` : 'events-view-timeline', pt: pt, ptOptions: ptOptions, unstyled: unstyled }), canScrollDown && (jsxRuntime.jsx("div", { className: "events-view-scroll-button-wrapper events-view-scroll-button-wrapper--bottom", children: jsxRuntime.jsx("button", { type: "button", className: "events-view-scroll-button events-view-scroll-button--bottom", onClick: scrollToBottom, "aria-label": "Scroll to bottom", children: jsxRuntime.jsx("i", { className: "pi pi-arrow-down" }) }) }))] }));
|
|
67
|
-
};
|
|
68
|
-
|
|
69
|
-
exports.EventsView = EventsView;
|
|
70
|
-
//# sourceMappingURL=EventsView.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EventsView.js","sources":["../../../TimeMachine/EventsView.tsx"],"sourcesContent":[null],"names":["useRef","useState","useEffect","_jsxs","_jsx","Properties","Timeline"],"mappings":"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"}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
/* Copyright (c) Cratis. All rights reserved. */
|
|
2
|
-
/* Licensed under the MIT license. See LICENSE file in the project root for full license information. */
|
|
3
|
-
|
|
4
|
-
.tm-properties-table {
|
|
5
|
-
width: 100%;
|
|
6
|
-
border-collapse: collapse;
|
|
7
|
-
font-family: -apple-system, BlinkMacSystemFont, 'SF Mono', monospace;
|
|
8
|
-
font-size: 13px;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.tm-properties-row {
|
|
12
|
-
border-bottom: 1px solid var(--tm-border, rgba(255, 255, 255, 0.1));
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.tm-properties-label {
|
|
16
|
-
padding: 8px 12px;
|
|
17
|
-
color: var(--tm-text-muted, rgba(255, 255, 255, 0.6));
|
|
18
|
-
font-weight: 500;
|
|
19
|
-
width: 40%;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.tm-properties-label--right {
|
|
23
|
-
text-align: right;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.tm-properties-value {
|
|
27
|
-
padding: 8px 12px;
|
|
28
|
-
color: var(--tm-text, rgba(255, 255, 255, 0.9));
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.tm-properties-value--right {
|
|
32
|
-
text-align: right;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.tm-properties-null {
|
|
36
|
-
color: var(--tm-text-faint, rgba(255, 255, 255, 0.4));
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.tm-properties-boolean-true {
|
|
40
|
-
color: #4ade80;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.tm-properties-boolean-false {
|
|
44
|
-
color: #f87171;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.tm-properties-number {
|
|
48
|
-
color: #fbbf24;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.tm-properties-date {
|
|
52
|
-
color: #60a5fa;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.tm-properties-complex {
|
|
56
|
-
color: var(--tm-text-dim, rgba(255, 255, 255, 0.7));
|
|
57
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var propertiesHelpers = require('./propertiesHelpers.js');
|
|
5
|
-
require('./Properties.css');
|
|
6
|
-
|
|
7
|
-
const Properties = ({ data, className, align = 'left' }) => {
|
|
8
|
-
const isRight = align === 'right';
|
|
9
|
-
const renderValue = (value) => {
|
|
10
|
-
if (value === null || value === undefined) {
|
|
11
|
-
return jsxRuntime.jsx("span", { className: "tm-properties-null", children: "null" });
|
|
12
|
-
}
|
|
13
|
-
if (typeof value === 'boolean') {
|
|
14
|
-
return jsxRuntime.jsx("span", { className: value ? 'tm-properties-boolean-true' : 'tm-properties-boolean-false', children: value.toString() });
|
|
15
|
-
}
|
|
16
|
-
if (typeof value === 'number') {
|
|
17
|
-
return jsxRuntime.jsx("span", { className: "tm-properties-number", children: value });
|
|
18
|
-
}
|
|
19
|
-
if (value instanceof Date) {
|
|
20
|
-
return jsxRuntime.jsx("span", { className: "tm-properties-date", children: value.toLocaleString() });
|
|
21
|
-
}
|
|
22
|
-
if (Array.isArray(value)) {
|
|
23
|
-
return (jsxRuntime.jsxs("span", { className: "tm-properties-complex", children: ["Array[", value.length, "]"] }));
|
|
24
|
-
}
|
|
25
|
-
if (typeof value === 'object') {
|
|
26
|
-
return (jsxRuntime.jsxs("span", { className: "tm-properties-complex", children: ['{', "...", '}'] }));
|
|
27
|
-
}
|
|
28
|
-
return jsxRuntime.jsx("span", { children: String(value) });
|
|
29
|
-
};
|
|
30
|
-
return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsx("table", { className: "tm-properties-table", children: jsxRuntime.jsx("tbody", { children: data && Object.entries(data).map(([key, value], index) => (jsxRuntime.jsxs("tr", { className: "tm-properties-row", children: [jsxRuntime.jsx("td", { className: `tm-properties-label${isRight ? ' tm-properties-label--right' : ''}`, children: propertiesHelpers.formatPropertyName(key) }), jsxRuntime.jsx("td", { className: `tm-properties-value${isRight ? ' tm-properties-value--right' : ''}`, children: renderValue(value) })] }, `${key}-${index}`))) }) }) }));
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
exports.Properties = Properties;
|
|
34
|
-
//# sourceMappingURL=Properties.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Properties.js","sources":["../../../TimeMachine/Properties.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","formatPropertyName"],"mappings":";;;;;;AAeO,MAAM,UAAU,GAA8B,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,EAAE,KAAI;AACzF,IAAA,MAAM,OAAO,GAAG,KAAK,KAAK,OAAO;AAEjC,IAAA,MAAM,WAAW,GAAG,CAAC,KAAc,KAAqB;QACpD,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;AACvC,YAAA,OAAOA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,oBAAoB,qBAAY;QAC3D;AAEA,QAAA,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE;AAC5B,YAAA,OAAOA,yBAAM,SAAS,EAAE,KAAK,GAAG,4BAA4B,GAAG,6BAA6B,EAAA,QAAA,EAAG,KAAK,CAAC,QAAQ,EAAE,GAAQ;QAC3H;AAEA,QAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC3B,YAAA,OAAOA,yBAAM,SAAS,EAAC,sBAAsB,EAAA,QAAA,EAAE,KAAK,GAAQ;QAChE;AAEA,QAAA,IAAI,KAAK,YAAY,IAAI,EAAE;YACvB,OAAOA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAAE,KAAK,CAAC,cAAc,EAAE,EAAA,CAAQ;QAC/E;AAEA,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACtB,QACIC,eAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CAAA,QAAA,EAC5B,KAAK,CAAC,MAAM,EAAA,GAAA,CAAA,EAAA,CAChB;QAEf;AAEA,QAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,QACIA,eAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CAClC,GAAG,EAAA,KAAA,EAAK,GAAG,CAAA,EAAA,CACT;QAEf;AAEA,QAAA,OAAOD,mCAAO,MAAM,CAAC,KAAK,CAAC,GAAQ;AACvC,IAAA,CAAC;IAED,QACIA,wBAAK,SAAS,EAAE,SAAS,EAAA,QAAA,EACrBA,cAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,qBAAqB,YAClCA,cAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EACK,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,MAClDC,eAAA,CAAA,IAAA,EAAA,EAA4B,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CACrDD,uBAAI,SAAS,EAAE,CAAA,mBAAA,EAAsB,OAAO,GAAG,6BAA6B,GAAG,EAAE,EAAE,EAAA,QAAA,EAAGE,oCAAkB,CAAC,GAAG,CAAC,GAAM,EACnHF,cAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,CAAA,mBAAA,EAAsB,OAAO,GAAG,6BAA6B,GAAG,EAAE,EAAE,EAAA,QAAA,EAAG,WAAW,CAAC,KAAK,CAAC,GAAM,CAAA,EAAA,EAFzG,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,KAAK,EAAE,CAGrB,CACR,CAAC,EAAA,CACE,EAAA,CACJ,EAAA,CACN;AAEd;;;;"}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var Properties = require('./Properties.js');
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Visual representation of a read-model's version history as a row of
|
|
9
|
-
* flippable "window" cards. Each card shows the read-model state at that
|
|
10
|
-
* version on its front face and can be flipped to reveal additional metadata.
|
|
11
|
-
*
|
|
12
|
-
* Selection and hover are externally controlled so the parent {@link TimeMachine}
|
|
13
|
-
* can synchronize the read-model view with the events timeline.
|
|
14
|
-
*
|
|
15
|
-
* @param props - {@link ReadModelViewProps}.
|
|
16
|
-
*/
|
|
17
|
-
const ReadModelView = ({ versions, selectedIndex, hoveredIndex, onVersionSelect, onHoveringCardChange, }) => {
|
|
18
|
-
const displayIndex = hoveredIndex ?? selectedIndex;
|
|
19
|
-
const [flippedMap, setFlippedMap] = React.useState({});
|
|
20
|
-
const toggleFlip = (id) => (event) => {
|
|
21
|
-
event.stopPropagation();
|
|
22
|
-
setFlippedMap(previous => ({
|
|
23
|
-
...previous,
|
|
24
|
-
[id]: !previous[id]
|
|
25
|
-
}));
|
|
26
|
-
};
|
|
27
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "time-machine-background", children: [jsxRuntime.jsx("div", { className: "stars" }), jsxRuntime.jsx("div", { className: "stars stars-2" }), jsxRuntime.jsx("div", { className: "stars stars-3" })] }), jsxRuntime.jsx("div", { className: "time-machine-viewport", children: jsxRuntime.jsx("div", { className: "windows-container", children: versions.map((version, index) => {
|
|
28
|
-
const depth = index - displayIndex;
|
|
29
|
-
const isActive = index === displayIndex;
|
|
30
|
-
const isVisible = depth >= 0 && depth < 10;
|
|
31
|
-
const isFlipped = flippedMap[version.id] ?? false;
|
|
32
|
-
if (!isVisible)
|
|
33
|
-
return null;
|
|
34
|
-
// Only prepare events for the active version to avoid showing all events at once
|
|
35
|
-
const events = isActive && version.events?.length
|
|
36
|
-
? version.events.map(event => ({
|
|
37
|
-
...event,
|
|
38
|
-
occurred: new Date(event.occurred)
|
|
39
|
-
}))
|
|
40
|
-
: [];
|
|
41
|
-
return (jsxRuntime.jsx("div", { className: `version-window ${isActive ? 'active' : ''} ${isFlipped ? 'flipped' : ''}`, style: {
|
|
42
|
-
'--depth': depth,
|
|
43
|
-
'--z-offset': -depth * 150,
|
|
44
|
-
'--scale': 1 - depth * 0.05,
|
|
45
|
-
'--opacity': 1 - depth * 0.12,
|
|
46
|
-
}, onClick: () => onVersionSelect(index), onMouseEnter: () => onHoveringCardChange(true), onMouseLeave: () => onHoveringCardChange(false), children: jsxRuntime.jsxs("div", { className: "version-window-inner", children: [jsxRuntime.jsxs("div", { className: "version-window-face version-window-face--front", children: [jsxRuntime.jsxs("div", { className: "window-chrome", children: [jsxRuntime.jsxs("div", { className: "window-controls", children: [jsxRuntime.jsx("span", { className: "control close" }), jsxRuntime.jsx("span", { className: "control minimize" }), jsxRuntime.jsx("span", { className: "control maximize" })] }), jsxRuntime.jsx("div", { className: "window-title", children: version.label }), jsxRuntime.jsx("div", { className: "window-actions", children: jsxRuntime.jsx("button", { type: "button", className: "window-flip-button", onClick: toggleFlip(version.id), "aria-label": "Show related events", "aria-pressed": isFlipped, children: jsxRuntime.jsx("i", { className: `pi ${isFlipped ? 'pi-undo' : 'pi-refresh'}` }) }) })] }), jsxRuntime.jsx("div", { className: "window-content", children: version.content })] }), jsxRuntime.jsxs("div", { className: "version-window-face version-window-face--back", children: [jsxRuntime.jsxs("div", { className: "window-chrome window-chrome--back", children: [jsxRuntime.jsxs("div", { className: "window-controls", children: [jsxRuntime.jsx("span", { className: "control close" }), jsxRuntime.jsx("span", { className: "control minimize" }), jsxRuntime.jsx("span", { className: "control maximize" })] }), jsxRuntime.jsx("div", { className: "window-title", children: "Related Events" }), jsxRuntime.jsx("div", { className: "window-actions", children: jsxRuntime.jsx("button", { type: "button", className: "window-flip-button", onClick: toggleFlip(version.id), "aria-label": "Show read model snapshot", "aria-pressed": isFlipped, children: jsxRuntime.jsx("i", { className: `pi ${isFlipped ? 'pi-undo' : 'pi-refresh'}` }) }) })] }), jsxRuntime.jsx("div", { className: "window-content window-content--events", children: jsxRuntime.jsx("div", { className: "snapshot-event-list", children: events.map((event, eventIndex) => (jsxRuntime.jsxs("div", { className: "snapshot-event", children: [jsxRuntime.jsxs("div", { className: "snapshot-event-header", children: [jsxRuntime.jsx("span", { className: "snapshot-event-name", children: event.type }), jsxRuntime.jsx("span", { className: "snapshot-event-timestamp", children: event.occurred.toLocaleString() })] }), jsxRuntime.jsx(Properties.Properties, { data: event.content, align: "left" })] }, `${version.id}-${event.sequenceNumber ?? eventIndex}`))) }) })] })] }) }, version.id));
|
|
47
|
-
}) }) })] }));
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
exports.ReadModelView = ReadModelView;
|
|
51
|
-
//# sourceMappingURL=ReadModelView.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ReadModelView.js","sources":["../../../TimeMachine/ReadModelView.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","_jsx","Properties"],"mappings":"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"}
|