@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,207 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var dialogs = require('@cratis/arc.react/dialogs');
|
|
5
|
-
var dialog = require('primereact/dialog');
|
|
6
|
-
var button = require('primereact/button');
|
|
7
|
-
var React = require('react');
|
|
8
|
-
var commands = require('@cratis/arc.react/commands');
|
|
9
|
-
var CommandStepper = require('./CommandStepper.js');
|
|
10
|
-
var applyBeforeExecute = require('./applyBeforeExecute.js');
|
|
11
|
-
var stepChildren = require('./stepChildren.js');
|
|
12
|
-
|
|
13
|
-
const StepperCommandDialogWrapper = ({ title, visible = true, width = '600px', style, contentStyle, resizable = false, isValid, onClose, onConfirm, onCancel, onSuccess, onValidationFailure, onFailed, onBeforeExecute, okLabel = 'Submit', nextLabel = 'Next', previousLabel = 'Previous', showCancel = false, cancelLabel = 'Cancel', orientation = 'horizontal', headerPosition, linear = true, onChangeStep, start, end, pt, ptOptions, unstyled, dialogClassName, dialogPt, dialogPtOptions, dialogUnstyled, children }) => {
|
|
14
|
-
const { setCommandValues, setCommandResult, isValid: isCommandFormValid, getFieldError } = commands.useCommandFormContext();
|
|
15
|
-
const commandInstance = commands.useCommandInstance();
|
|
16
|
-
const [isBusy, setIsBusy] = React.useState(false);
|
|
17
|
-
const [activeStep, setActiveStep] = React.useState(0);
|
|
18
|
-
const [visitedSteps, setVisitedSteps] = React.useState(new Set([0]));
|
|
19
|
-
const [stepErrors, setStepErrors] = React.useState([]);
|
|
20
|
-
// useDialogContext() is called unconditionally on every render — the try/catch only suppresses
|
|
21
|
-
// the exception when the dialog is used standalone (outside a provider). React's Rules of Hooks
|
|
22
|
-
// are not violated because the hook is always called; the try/catch never skips the call.
|
|
23
|
-
let contextCloseDialog;
|
|
24
|
-
try {
|
|
25
|
-
const context = dialogs.useDialogContext();
|
|
26
|
-
contextCloseDialog = context?.closeDialog;
|
|
27
|
-
}
|
|
28
|
-
catch {
|
|
29
|
-
contextCloseDialog = undefined;
|
|
30
|
-
}
|
|
31
|
-
// Only the steps that actually render count. That count is not fixed: a conditional step
|
|
32
|
-
// (`{condition && <StepperPanel/>}`) can disappear after the user has already advanced past
|
|
33
|
-
// it — a late-resolving query or a `currentValues` overlay flipping the condition is enough.
|
|
34
|
-
// The step the wizard is on is therefore clamped into the set that still renders, and the
|
|
35
|
-
// last/first tests are inequalities, so an index left stranded above the end still resolves
|
|
36
|
-
// to the last surviving step instead of a step that is neither last nor navigable. Same
|
|
37
|
-
// shape as CommandStepperContent, which this dialog's body is.
|
|
38
|
-
const stepCount = stepChildren.getStepPanels(children).length;
|
|
39
|
-
const currentStep = Math.min(Math.max(activeStep, 0), Math.max(stepCount - 1, 0));
|
|
40
|
-
const isLastStep = currentStep >= stepCount - 1;
|
|
41
|
-
const isFirstStep = currentStep <= 0;
|
|
42
|
-
const isDialogValid = isValid !== false && isCommandFormValid;
|
|
43
|
-
const isCurrentStepInvalid = stepErrors[currentStep] ?? false;
|
|
44
|
-
const handleClose = async (result) => {
|
|
45
|
-
let shouldCloseThroughContext = true;
|
|
46
|
-
if (result === dialogs.DialogResult.Ok || result === dialogs.DialogResult.Yes) {
|
|
47
|
-
if (onConfirm) {
|
|
48
|
-
const closeResult = await onConfirm();
|
|
49
|
-
shouldCloseThroughContext = closeResult === true;
|
|
50
|
-
}
|
|
51
|
-
else if (onClose) {
|
|
52
|
-
const closeResult = await onClose(result);
|
|
53
|
-
shouldCloseThroughContext = closeResult !== false;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
else {
|
|
57
|
-
if (onCancel) {
|
|
58
|
-
const closeResult = await onCancel();
|
|
59
|
-
shouldCloseThroughContext = closeResult === true;
|
|
60
|
-
}
|
|
61
|
-
else if (onClose) {
|
|
62
|
-
const closeResult = await onClose(result);
|
|
63
|
-
shouldCloseThroughContext = closeResult !== false;
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
if (shouldCloseThroughContext) {
|
|
67
|
-
contextCloseDialog?.(result);
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
// Busy is set before anything is awaited, not just around execute(). `onBeforeExecute` may be
|
|
71
|
-
// async, and from the moment Submit is pressed the dialog is committed to running the command -
|
|
72
|
-
// so every dismissal has to be withdrawn for the whole window, not only for the part of it the
|
|
73
|
-
// request is in flight. Setting it after the transform would leave Cancel live while the command
|
|
74
|
-
// is already on its way: the operator cancels, the dialog closes reporting cancellation, the
|
|
75
|
-
// transform resolves, and the command executes anyway. The `finally` is what releases it, so the
|
|
76
|
-
// flag is cleared on the failure paths and on a transform that throws just as it is on success.
|
|
77
|
-
const handleSubmit = async () => {
|
|
78
|
-
setIsBusy(true);
|
|
79
|
-
let result;
|
|
80
|
-
try {
|
|
81
|
-
if (onBeforeExecute) {
|
|
82
|
-
const applied = applyBeforeExecute.applyBeforeExecute(onBeforeExecute, commandInstance);
|
|
83
|
-
setCommandValues(applied instanceof Promise ? await applied : applied);
|
|
84
|
-
}
|
|
85
|
-
result = await commandInstance.execute();
|
|
86
|
-
}
|
|
87
|
-
finally {
|
|
88
|
-
setIsBusy(false);
|
|
89
|
-
}
|
|
90
|
-
if (!result.isSuccess) {
|
|
91
|
-
if (!result.isValid) {
|
|
92
|
-
await onValidationFailure?.(result.validationResults);
|
|
93
|
-
}
|
|
94
|
-
else {
|
|
95
|
-
await onFailed?.(result);
|
|
96
|
-
}
|
|
97
|
-
setCommandResult(result);
|
|
98
|
-
return;
|
|
99
|
-
}
|
|
100
|
-
await onSuccess?.(result.response);
|
|
101
|
-
await handleClose(dialogs.DialogResult.Ok);
|
|
102
|
-
};
|
|
103
|
-
const headerElement = (jsxRuntime.jsx("div", { className: "inline-flex items-center justify-center gap-2", children: jsxRuntime.jsx("span", { className: "font-bold whitespace-nowrap", children: title }) }));
|
|
104
|
-
const footer = (jsxRuntime.jsxs("div", { className: "flex items-center w-full gap-3", children: [showCancel && (jsxRuntime.jsx(button.Button, { label: cancelLabel, icon: "pi pi-times", onClick: () => handleClose(dialogs.DialogResult.Cancelled), disabled: isBusy, outlined: true })), !isFirstStep && (jsxRuntime.jsx(button.Button, { label: previousLabel, icon: "pi pi-arrow-left", onClick: () => setActiveStep(Math.max(0, currentStep - 1)), disabled: isBusy, outlined: true })), jsxRuntime.jsx("div", { className: "flex-1" }), !isLastStep && (jsxRuntime.jsx(button.Button, { label: nextLabel, icon: "pi pi-arrow-right", iconPos: "right", onClick: () => {
|
|
105
|
-
setVisitedSteps(prev => new Set(prev).add(currentStep));
|
|
106
|
-
setActiveStep(Math.min(stepCount - 1, currentStep + 1));
|
|
107
|
-
}, disabled: isBusy || isCurrentStepInvalid })), isLastStep && isDialogValid && (jsxRuntime.jsx(button.Button, { label: okLabel, icon: "pi pi-check", onClick: handleSubmit, loading: isBusy, disabled: isBusy, autoFocus: true }))] }));
|
|
108
|
-
// The header X and the Escape key are withdrawn on the same flag as the footer Cancel. A
|
|
109
|
-
// dismissal that still worked mid-flight would close the dialog and then let onSuccess fire on a
|
|
110
|
-
// dialog that is already gone. PrimeReact gates Escape behind `closable` too, so `closeOnEscape`
|
|
111
|
-
// is stated rather than load-bearing - it keeps the Escape path guarded on its own terms.
|
|
112
|
-
return (jsxRuntime.jsx(dialog.Dialog, { header: headerElement, modal: true, footer: footer, onHide: () => handleClose(dialogs.DialogResult.Cancelled), visible: visible, style: { width, ...style }, contentStyle: contentStyle, resizable: resizable, closable: !isBusy, closeOnEscape: !isBusy, className: dialogClassName, pt: dialogPt, ptOptions: dialogPtOptions, unstyled: dialogUnstyled, children: jsxRuntime.jsx(CommandStepper.CommandStepperContent, { activeStep: currentStep, visitedSteps: visitedSteps, getFieldError: getFieldError, onActiveStepChange: setActiveStep, onVisitedStepsChange: setVisitedSteps, onStepErrorsChange: setStepErrors, showNavigation: false, showSubmit: false, linear: linear, orientation: orientation, headerPosition: headerPosition, onChangeStep: onChangeStep, start: start, end: end, pt: pt, ptOptions: ptOptions, unstyled: unstyled, children: children }) }));
|
|
113
|
-
};
|
|
114
|
-
/**
|
|
115
|
-
* A multi-step wizard dialog backed by a single Cratis Arc command. Wraps
|
|
116
|
-
* PrimeReact's `Stepper` inside a Cratis {@link Dialog}, tracks per-step
|
|
117
|
-
* visit state, surfaces inline error indicators on steps with invalid
|
|
118
|
-
* fields, and executes the bound command when the user submits the last
|
|
119
|
-
* step. Use it when one command has enough fields that they should be
|
|
120
|
-
* broken into named stages; for single-stage commands, use
|
|
121
|
-
* {@link CommandDialog}.
|
|
122
|
-
*
|
|
123
|
-
* ## What `TCommand` is
|
|
124
|
-
*
|
|
125
|
-
* `TCommand` is the auto-generated TypeScript class produced by the Arc
|
|
126
|
-
* proxy generator from a C# `[Command]` record. The wizard fields all bind
|
|
127
|
-
* to properties on this single command — the multi-step UI is purely a
|
|
128
|
-
* presentation grouping of one command's fields, not multiple commands.
|
|
129
|
-
*
|
|
130
|
-
* ## What's unique vs. {@link CommandDialog}
|
|
131
|
-
*
|
|
132
|
-
* - **Progressive disclosure**: fields are grouped into `<StepperPanel>`
|
|
133
|
-
* children and the user advances through them with explicit Previous /
|
|
134
|
-
* Next buttons before reaching Submit on the last step.
|
|
135
|
-
* - **Per-step error indicators**: the step number circle paints red when
|
|
136
|
-
* any field inside that step has a validation error and the step has
|
|
137
|
-
* been visited, so a long wizard doesn't hide a single-field error on
|
|
138
|
-
* page 1 behind page 4. The CratisStepper handles this by reading
|
|
139
|
-
* `getFieldError` from the form context and inspecting which fields
|
|
140
|
-
* belong to which step.
|
|
141
|
-
* - **Visited tracking**: only visited steps show error indicators; an
|
|
142
|
-
* un-visited step is never marked red just because its fields are blank.
|
|
143
|
-
* - **Linear mode (default)**: the user must complete a step before
|
|
144
|
-
* advancing. Set `linear={false}` to allow free navigation.
|
|
145
|
-
* - **Submit only fires on the last step**: the command runs through Arc's
|
|
146
|
-
* command pipeline only when the user clicks the final Submit button —
|
|
147
|
-
* not on every Next click. Failure paths
|
|
148
|
-
* (`onValidationFailure` / `onFailed`) work exactly like
|
|
149
|
-
* {@link CommandDialog}: dialog stays open, errors surface back to the
|
|
150
|
-
* form.
|
|
151
|
-
*
|
|
152
|
-
* ## Typed dialog host usage
|
|
153
|
-
*
|
|
154
|
-
* Same pattern as {@link CommandDialog} — combine with
|
|
155
|
-
* `useDialog<CommandResult<TResponse>>()` from `@cratis/arc.react/dialogs`
|
|
156
|
-
* to get a fully-typed result at the call site:
|
|
157
|
-
*
|
|
158
|
-
* ```tsx
|
|
159
|
-
* import { useDialog, DialogResult } from '@cratis/arc.react/dialogs';
|
|
160
|
-
* import { StepperCommandDialog } from '@cratis/components/CommandDialog';
|
|
161
|
-
* import { StepperPanel } from 'primereact/stepperpanel';
|
|
162
|
-
* import { RegisterOrder } from './RegisterOrder'; // proxy from C#
|
|
163
|
-
*
|
|
164
|
-
* const RegisterOrderDialog = () => {
|
|
165
|
-
* const { closeDialog } = useDialogContext<CommandResult<RegisterOrderResponse>>();
|
|
166
|
-
* return (
|
|
167
|
-
* <StepperCommandDialog<RegisterOrder, RegisterOrderResponse>
|
|
168
|
-
* command={RegisterOrder}
|
|
169
|
-
* title="New order"
|
|
170
|
-
* onSuccess={() => closeDialog(DialogResult.Ok)}
|
|
171
|
-
* onCancel={() => closeDialog(DialogResult.Cancelled)}>
|
|
172
|
-
* <StepperPanel header="Customer">
|
|
173
|
-
* <InputTextField value={c => c.customerName} title="Name" />
|
|
174
|
-
* <InputTextField value={c => c.email} title="Email" />
|
|
175
|
-
* </StepperPanel>
|
|
176
|
-
* <StepperPanel header="Items">
|
|
177
|
-
* <ChipsField value={c => c.items} title="Items" />
|
|
178
|
-
* <NumberField value={c => c.quantity} title="Quantity" min={1} />
|
|
179
|
-
* </StepperPanel>
|
|
180
|
-
* <StepperPanel header="Confirm">
|
|
181
|
-
* <CheckboxField value={c => c.confirmed} label="I confirm the order" />
|
|
182
|
-
* </StepperPanel>
|
|
183
|
-
* </StepperCommandDialog>
|
|
184
|
-
* );
|
|
185
|
-
* };
|
|
186
|
-
* ```
|
|
187
|
-
*
|
|
188
|
-
* ## Styling
|
|
189
|
-
*
|
|
190
|
-
* The inherited `pt` / `ptOptions` / `unstyled` props target the inner
|
|
191
|
-
* **Stepper**. Use `dialogPt` / `dialogPtOptions` / `dialogUnstyled` /
|
|
192
|
-
* `dialogClassName` to style the outer **Dialog** independently. See the
|
|
193
|
-
* [pass-through cheat sheet](../../Documentation/Styling/pass-through.md)
|
|
194
|
-
* for the slot reference.
|
|
195
|
-
*
|
|
196
|
-
* @typeParam TCommand - The command class (proxy generated from C# `[Command]`).
|
|
197
|
-
* @typeParam TResponse - The success payload type returned by the command's `Handle()` method on the backend.
|
|
198
|
-
* @param props - {@link StepperCommandDialogProps}.
|
|
199
|
-
*/
|
|
200
|
-
const StepperCommandDialogComponent = (props) => {
|
|
201
|
-
const { title, visible, width, style, contentStyle, resizable, isValid, onClose, onConfirm, onCancel, onBeforeExecute, okLabel, nextLabel, previousLabel, showCancel, cancelLabel, orientation, headerPosition, linear, onChangeStep, start, end, pt, ptOptions, unstyled, dialogClassName, dialogPt, dialogPtOptions, dialogUnstyled, children, ...commandFormProps } = props;
|
|
202
|
-
return (jsxRuntime.jsx(commands.CommandForm, { ...commandFormProps, children: jsxRuntime.jsx(StepperCommandDialogWrapper, { title: title, visible: visible, width: width, style: style, contentStyle: contentStyle, resizable: resizable, isValid: isValid, onClose: onClose, onConfirm: onConfirm, onCancel: onCancel, onSuccess: props.onSuccess, onValidationFailure: props.onValidationFailure, onFailed: props.onFailed, onBeforeExecute: onBeforeExecute, okLabel: okLabel, nextLabel: nextLabel, previousLabel: previousLabel, showCancel: showCancel, cancelLabel: cancelLabel, orientation: orientation, headerPosition: headerPosition, linear: linear, onChangeStep: onChangeStep, start: start, end: end, pt: pt, ptOptions: ptOptions, unstyled: unstyled, dialogClassName: dialogClassName, dialogPt: dialogPt, dialogPtOptions: dialogPtOptions, dialogUnstyled: dialogUnstyled, children: children }) }));
|
|
203
|
-
};
|
|
204
|
-
const StepperCommandDialog = StepperCommandDialogComponent;
|
|
205
|
-
|
|
206
|
-
exports.StepperCommandDialog = StepperCommandDialog;
|
|
207
|
-
//# sourceMappingURL=StepperCommandDialog.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StepperCommandDialog.js","sources":["../../../CommandDialog/StepperCommandDialog.tsx"],"sourcesContent":[null],"names":["useCommandFormContext","useCommandInstance","useState","useDialogContext","getStepPanels","DialogResult","applyBeforeExecute","_jsx","_jsxs","Button","PrimeDialog","CommandStepperContent","CommandForm"],"mappings":"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"}
|
|
@@ -1,42 +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
|
-
* Applies an `onBeforeExecute` transformer safely.
|
|
7
|
-
*
|
|
8
|
-
* The typed callback contract requires the transformed values to be returned, but
|
|
9
|
-
* JavaScript consumers (and mistyped call sites) can still return `undefined` by
|
|
10
|
-
* using the callback as a side-effect hook. Executing with `undefined` would wipe
|
|
11
|
-
* every command value — silent data loss at submit time. This guard treats a
|
|
12
|
-
* missing return as "keep the current values" and warns, so the command always
|
|
13
|
-
* executes with a real object.
|
|
14
|
-
*
|
|
15
|
-
* A **synchronous** callback is applied synchronously (the result is returned
|
|
16
|
-
* directly, not wrapped in a promise) so the command values are set before the same
|
|
17
|
-
* tick's execution proceeds; an **async** callback returns a promise to await.
|
|
18
|
-
*
|
|
19
|
-
* @typeParam TCommand - The command values type.
|
|
20
|
-
* @param onBeforeExecute - The transformer to apply (sync or async).
|
|
21
|
-
* @param currentValues - The command values to transform.
|
|
22
|
-
* @returns The transformed values, or `currentValues` when the callback returned nothing.
|
|
23
|
-
*/
|
|
24
|
-
function applyBeforeExecute(onBeforeExecute, currentValues) {
|
|
25
|
-
const transformed = onBeforeExecute(currentValues);
|
|
26
|
-
if (transformed instanceof Promise) {
|
|
27
|
-
return transformed.then((resolved) => keepCurrentWhenMissing(resolved, currentValues));
|
|
28
|
-
}
|
|
29
|
-
return keepCurrentWhenMissing(transformed, currentValues);
|
|
30
|
-
}
|
|
31
|
-
function keepCurrentWhenMissing(transformed, currentValues) {
|
|
32
|
-
if (transformed === undefined) {
|
|
33
|
-
console.warn('onBeforeExecute returned no value. It is a transformer and must return the command values ' +
|
|
34
|
-
'(mutated or not). Keeping the current values so the command does not execute with undefined. ' +
|
|
35
|
-
'If you only need a side effect, return the values you received.');
|
|
36
|
-
return currentValues;
|
|
37
|
-
}
|
|
38
|
-
return transformed;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
exports.applyBeforeExecute = applyBeforeExecute;
|
|
42
|
-
//# sourceMappingURL=applyBeforeExecute.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"applyBeforeExecute.js","sources":["../../../CommandDialog/applyBeforeExecute.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;AACA;AAiBA;;;;;;;;;;;;;;;;;;AAkBG;AACG,SAAU,kBAAkB,CAC9B,eAAgD,EAChD,aAAuB,EAAA;AAEvB,IAAA,MAAM,WAAW,GAAG,eAAe,CAAC,aAAa,CAAC;AAClD,IAAA,IAAI,WAAW,YAAY,OAAO,EAAE;AAChC,QAAA,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,sBAAsB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAC1F;AACA,IAAA,OAAO,sBAAsB,CAAC,WAAW,EAAE,aAAa,CAAC;AAC7D;AAEA,SAAS,sBAAsB,CAAW,WAAiC,EAAE,aAAuB,EAAA;AAChG,IAAA,IAAI,WAAW,KAAK,SAAS,EAAE;QAC3B,OAAO,CAAC,IAAI,CACR,4FAA4F;YAC5F,+FAA+F;AAC/F,YAAA,iEAAiE,CACpE;AACD,QAAA,OAAO,aAAa;IACxB;AACA,IAAA,OAAO,WAAW;AACtB;;;;"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var applyBeforeExecute = require('./applyBeforeExecute.js');
|
|
4
|
-
var CommandDialog = require('./CommandDialog.js');
|
|
5
|
-
var CommandStepper = require('./CommandStepper.js');
|
|
6
|
-
var StepperCommandDialog = require('./StepperCommandDialog.js');
|
|
7
|
-
|
|
8
|
-
// Copyright (c) Cratis. All rights reserved.
|
|
9
|
-
// Licensed under the MIT license. See LICENSE file in the project root for full license information.
|
|
10
|
-
|
|
11
|
-
exports.applyBeforeExecute = applyBeforeExecute.applyBeforeExecute;
|
|
12
|
-
exports.CommandDialog = CommandDialog.CommandDialog;
|
|
13
|
-
exports.CommandStepper = CommandStepper.CommandStepper;
|
|
14
|
-
exports.CommandStepperContent = CommandStepper.CommandStepperContent;
|
|
15
|
-
exports.StepperCommandDialog = StepperCommandDialog.StepperCommandDialog;
|
|
16
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../CommandDialog/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;AACA;;;;;;;;"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
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
|
-
* Gets the step panels a stepper will actually render, in render order.
|
|
9
|
-
*
|
|
10
|
-
* A conditional step is written as `{condition && <StepperPanel/>}` — which yields
|
|
11
|
-
* `false` when the condition does not hold — and explicit `null` / `undefined` children
|
|
12
|
-
* are just as common. `React.Children.count` counts those, so anything deriving a step
|
|
13
|
-
* count from it believes the wizard has more steps than it renders: navigation runs past
|
|
14
|
-
* the last real panel and the per-step validation gate reads off the end of its array.
|
|
15
|
-
*
|
|
16
|
-
* `React.Children.toArray` already drops `null`, `undefined` and booleans; filtering to
|
|
17
|
-
* valid elements additionally drops bare text children, which are not steps either.
|
|
18
|
-
*
|
|
19
|
-
* Fragments are deliberately **not** flattened — a `<>…</>` wrapping several panels stays
|
|
20
|
-
* one entry, which is the behavior the stepper has always had. Supporting fragments as a
|
|
21
|
-
* container for multiple steps is a separate, additive change.
|
|
22
|
-
*
|
|
23
|
-
* @param children - The stepper children to inspect.
|
|
24
|
-
* @returns The child elements that render as steps.
|
|
25
|
-
*/
|
|
26
|
-
function getStepPanels(children) {
|
|
27
|
-
return React.Children.toArray(children).filter((child) => React.isValidElement(child));
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
exports.getStepPanels = getStepPanels;
|
|
31
|
-
//# sourceMappingURL=stepChildren.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"stepChildren.js","sources":["../../../CommandDialog/stepChildren.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAAA;AACA;AAIA;;;;;;;;;;;;;;;;;;AAkBG;AACG,SAAU,aAAa,CAAC,QAAyB,EAAA;IACnD,OAAO,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,KAAkC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AACvH;;;;"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var commands = require('@cratis/arc.react/commands');
|
|
6
|
-
var fieldTypeProviderRegistry = require('./fieldTypeProviderRegistry.js');
|
|
7
|
-
require('./defaultFieldTypeProviders.js');
|
|
8
|
-
|
|
9
|
-
function formatTitle(propertyName) {
|
|
10
|
-
return propertyName
|
|
11
|
-
.replace(/([A-Z])/g, ' $1')
|
|
12
|
-
.replace(/^./, character => character.toUpperCase())
|
|
13
|
-
.trim();
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* A `CommandForm` that generates its field list from the command's own properties, choosing each
|
|
17
|
-
* field's component by the property's type through the {@link FieldTypeProvider} registry -
|
|
18
|
-
* `registerFieldTypeProvider` for a type the built-in defaults (`string`, `number`, `boolean`,
|
|
19
|
-
* `Date`) don't cover, or to override one of them.
|
|
20
|
-
*
|
|
21
|
-
* A property whose type no registered provider handles is left out of the generated list -
|
|
22
|
-
* `exclude` it explicitly for clarity, or add a `CommandForm` child by hand alongside this
|
|
23
|
-
* component for that one property.
|
|
24
|
-
*
|
|
25
|
-
* @example
|
|
26
|
-
* ```tsx
|
|
27
|
-
* <AutoCommandForm command={RegisterInvoice} exclude={['invoiceId']} />
|
|
28
|
-
* ```
|
|
29
|
-
*/
|
|
30
|
-
function AutoCommandForm(props) {
|
|
31
|
-
const { exclude, ...commandFormProps } = props;
|
|
32
|
-
const propertyDescriptors = React.useMemo(() => new props.command().propertyDescriptors, [props.command]);
|
|
33
|
-
const excluded = React.useMemo(() => new Set((exclude ?? [])), [exclude]);
|
|
34
|
-
const fields = propertyDescriptors
|
|
35
|
-
.filter(descriptor => !excluded.has(descriptor.name))
|
|
36
|
-
.map(descriptor => {
|
|
37
|
-
const provider = fieldTypeProviderRegistry.resolveFieldTypeProvider(descriptor);
|
|
38
|
-
if (!provider) {
|
|
39
|
-
return null;
|
|
40
|
-
}
|
|
41
|
-
const Field = provider.component;
|
|
42
|
-
return (jsxRuntime.jsx(Field, { value: (instance) => instance[descriptor.name], title: formatTitle(descriptor.name) }, descriptor.name));
|
|
43
|
-
})
|
|
44
|
-
.filter((field) => field !== null);
|
|
45
|
-
return jsxRuntime.jsx(commands.CommandForm, { ...commandFormProps, children: fields });
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
exports.AutoCommandForm = AutoCommandForm;
|
|
49
|
-
//# sourceMappingURL=AutoCommandForm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AutoCommandForm.js","sources":["../../../CommandForm/AutoCommandForm.tsx"],"sourcesContent":[null],"names":["useMemo","resolveFieldTypeProvider","_jsx","CommandForm"],"mappings":";;;;;;;;AAqBA,SAAS,WAAW,CAAC,YAAoB,EAAA;AACrC,IAAA,OAAO;AACF,SAAA,OAAO,CAAC,UAAU,EAAE,KAAK;SACzB,OAAO,CAAC,IAAI,EAAE,SAAS,IAAI,SAAS,CAAC,WAAW,EAAE;AAClD,SAAA,IAAI,EAAE;AACf;AAEA;;;;;;;;;;;;;;AAcG;AACG,SAAU,eAAe,CAC3B,KAAgD,EAAA;IAEhD,MAAM,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,GAAG,KAAK;IAC9C,MAAM,mBAAmB,GAAGA,aAAO,CAAC,MAAO,IAAI,KAAK,CAAC,OAAO,EAAyB,CAAC,mBAAmB,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC3H,MAAM,QAAQ,GAAGA,aAAO,CAAC,MAAM,IAAI,GAAG,EAAU,OAAO,IAAI,EAAE,EAAc,EAAE,CAAC,OAAO,CAAC,CAAC;IAEvF,MAAM,MAAM,GAAG;AACV,SAAA,MAAM,CAAC,UAAU,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC;SACnD,GAAG,CAAC,UAAU,IAAG;AACd,QAAA,MAAM,QAAQ,GAAGC,kDAAwB,CAAC,UAAU,CAAC;QACrD,IAAI,CAAC,QAAQ,EAAE;AACX,YAAA,OAAO,IAAI;QACf;AAEA,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,SAAS;AAChC,QAAA,QACIC,cAAA,CAAC,KAAK,EAAA,EAEF,KAAK,EAAE,CAAC,QAAkB,KAAM,QAA+C,CAAC,UAAU,CAAC,IAAI,CAAC,EAChG,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,EAAA,EAF9B,UAAU,CAAC,IAAI,CAGtB;AAEV,IAAA,CAAC;SACA,MAAM,CAAC,CAAC,KAAK,KAAkC,KAAK,KAAK,IAAI,CAAC;AAEnE,IAAA,OAAOA,eAACC,oBAAW,EAAA,EAAA,GAAK,gBAAgB,EAAA,QAAA,EAAG,MAAM,GAAe;AACpE;;;;"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var fieldTypeProviderRegistry = require('./fieldTypeProviderRegistry.js');
|
|
4
|
-
var InputTextField = require('./fields/InputTextField.js');
|
|
5
|
-
var NumberField = require('./fields/NumberField.js');
|
|
6
|
-
var CheckboxField = require('./fields/CheckboxField.js');
|
|
7
|
-
var CalendarField = require('./fields/CalendarField.js');
|
|
8
|
-
|
|
9
|
-
// Copyright (c) Cratis. All rights reserved.
|
|
10
|
-
// Licensed under the MIT license. See LICENSE file in the project root for full license information.
|
|
11
|
-
/**
|
|
12
|
-
* Registers the built-in {@link FieldTypeProvider}s {@link AutoCommandForm} falls back to for the
|
|
13
|
-
* JavaScript primitive types a command property can have. Registered once, on module load.
|
|
14
|
-
*/
|
|
15
|
-
function registerDefaultFieldTypeProviders() {
|
|
16
|
-
fieldTypeProviderRegistry.registerFieldTypeProvider({ canHandle: descriptor => descriptor.type === String, component: InputTextField.InputTextField });
|
|
17
|
-
fieldTypeProviderRegistry.registerFieldTypeProvider({ canHandle: descriptor => descriptor.type === Number, component: NumberField.NumberField });
|
|
18
|
-
fieldTypeProviderRegistry.registerFieldTypeProvider({ canHandle: descriptor => descriptor.type === Boolean, component: CheckboxField.CheckboxField });
|
|
19
|
-
fieldTypeProviderRegistry.registerFieldTypeProvider({ canHandle: descriptor => descriptor.type === Date, component: CalendarField.CalendarField });
|
|
20
|
-
}
|
|
21
|
-
registerDefaultFieldTypeProviders();
|
|
22
|
-
|
|
23
|
-
exports.registerDefaultFieldTypeProviders = registerDefaultFieldTypeProviders;
|
|
24
|
-
//# sourceMappingURL=defaultFieldTypeProviders.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"defaultFieldTypeProviders.js","sources":["../../../CommandForm/defaultFieldTypeProviders.ts"],"sourcesContent":[null],"names":["registerFieldTypeProvider","InputTextField","NumberField","CheckboxField","CalendarField"],"mappings":";;;;;;;;AAAA;AACA;AAQA;;;AAGG;SACa,iCAAiC,GAAA;AAC7C,IAAAA,mDAAyB,CAAC,EAAE,SAAS,EAAE,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,MAAM,EAAE,SAAS,EAAEC,6BAAc,EAAE,CAAC;AAC7G,IAAAD,mDAAyB,CAAC,EAAE,SAAS,EAAE,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,MAAM,EAAE,SAAS,EAAEE,uBAAW,EAAE,CAAC;AAC1G,IAAAF,mDAAyB,CAAC,EAAE,SAAS,EAAE,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,EAAE,SAAS,EAAEG,2BAAa,EAAE,CAAC;AAC7G,IAAAH,mDAAyB,CAAC,EAAE,SAAS,EAAE,UAAU,IAAI,UAAU,CAAC,IAAI,KAAK,IAAI,EAAE,SAAS,EAAEI,2BAAa,EAAE,CAAC;AAC9G;AAEA,iCAAiC,EAAE;;;;"}
|
|
@@ -1,36 +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
|
-
const providers = [];
|
|
6
|
-
/**
|
|
7
|
-
* Registers a {@link FieldTypeProvider} that {@link AutoCommandForm} consults when choosing which
|
|
8
|
-
* field component to render for a command property.
|
|
9
|
-
*
|
|
10
|
-
* Providers are consulted most-recently-registered first, so a provider registered by consuming
|
|
11
|
-
* application code overrides one of the built-in defaults for the same property type.
|
|
12
|
-
* @param provider The provider to register.
|
|
13
|
-
*/
|
|
14
|
-
function registerFieldTypeProvider(provider) {
|
|
15
|
-
providers.unshift(provider);
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* Finds the first registered {@link FieldTypeProvider} that handles the given property.
|
|
19
|
-
* @param propertyDescriptor The property to resolve a provider for.
|
|
20
|
-
* @returns The matching provider, or undefined if none handles this property's type.
|
|
21
|
-
*/
|
|
22
|
-
function resolveFieldTypeProvider(propertyDescriptor) {
|
|
23
|
-
return providers.find(provider => provider.canHandle(propertyDescriptor));
|
|
24
|
-
}
|
|
25
|
-
/**
|
|
26
|
-
* Clears every registered provider, including the built-in defaults. Exposed for specs; a
|
|
27
|
-
* consuming application should not normally call this.
|
|
28
|
-
*/
|
|
29
|
-
function clearFieldTypeProviders() {
|
|
30
|
-
providers.length = 0;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
exports.clearFieldTypeProviders = clearFieldTypeProviders;
|
|
34
|
-
exports.registerFieldTypeProvider = registerFieldTypeProvider;
|
|
35
|
-
exports.resolveFieldTypeProvider = resolveFieldTypeProvider;
|
|
36
|
-
//# sourceMappingURL=fieldTypeProviderRegistry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fieldTypeProviderRegistry.js","sources":["../../../CommandForm/fieldTypeProviderRegistry.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;AACA;AAKA,MAAM,SAAS,GAAwB,EAAE;AAEzC;;;;;;;AAOG;AACG,SAAU,yBAAyB,CAAC,QAA2B,EAAA;AACjE,IAAA,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC;AAC/B;AAEA;;;;AAIG;AACG,SAAU,wBAAwB,CAAC,kBAAsC,EAAA;AAC3E,IAAA,OAAO,SAAS,CAAC,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC;AAC7E;AAEA;;;AAGG;SACa,uBAAuB,GAAA;AACnC,IAAA,SAAS,CAAC,MAAM,GAAG,CAAC;AACxB;;;;;;"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var commands = require('@cratis/arc.react/commands');
|
|
5
|
-
var calendar = require('primereact/calendar');
|
|
6
|
-
var useOverlayZIndex = require('../../useOverlayZIndex.js');
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* A date (or date-time) picker field bound to a `Date | null` property on a
|
|
10
|
-
* Cratis Arc command. Set `showTime` to add a time selector alongside the
|
|
11
|
-
* date. See {@link InputTextField} for the full `value={c => c.prop}`
|
|
12
|
-
* binding model.
|
|
13
|
-
*
|
|
14
|
-
* ```tsx
|
|
15
|
-
* <CalendarField value={c => c.dueDate}
|
|
16
|
-
* title="Due date"
|
|
17
|
-
* showIcon
|
|
18
|
-
* minDate={new Date()} />
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
const CalendarField = commands.asCommandFormField((props) => {
|
|
22
|
-
// Same overlay treatment as the Dropdown wrapper: the panel must escape
|
|
23
|
-
// dialog scroll containers and stay above modal dialogs.
|
|
24
|
-
useOverlayZIndex.useOverlayZIndex('p-datepicker');
|
|
25
|
-
return (jsxRuntime.jsx(calendar.Calendar, { value: props.value, onChange: (e) => props.onChange(e.value ?? null), onBlur: props.onBlur, invalid: props.invalid, placeholder: props.placeholder, dateFormat: props.dateFormat, showIcon: props.showIcon, showTime: props.showTime, hourFormat: props.hourFormat, minDate: props.minDate, maxDate: props.maxDate, appendTo: document.body, className: props.className ? `w-full ${props.className}` : 'w-full', pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled }));
|
|
26
|
-
}, {
|
|
27
|
-
defaultValue: null,
|
|
28
|
-
extractValue: (e) => e instanceof Date ? e : null
|
|
29
|
-
});
|
|
30
|
-
|
|
31
|
-
exports.CalendarField = CalendarField;
|
|
32
|
-
//# sourceMappingURL=CalendarField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarField.js","sources":["../../../../CommandForm/fields/CalendarField.tsx"],"sourcesContent":[null],"names":["asCommandFormField","useOverlayZIndex","_jsx","Calendar"],"mappings":";;;;;;;AA8CA;;;;;;;;;;;;AAYG;MACU,aAAa,GAAGA,2BAAkB,CAC3C,CAAC,KAAK,KAAI;;;IAGNC,iCAAgB,CAAC,cAAc,CAAC;AAEhC,IAAA,QACIC,cAAA,CAACC,iBAAQ,EAAA,EACL,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAqC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,EACpF,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,QAAQ,CAAC,IAAI,EACvB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAA,OAAA,EAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B;AAEV,CAAC,EACD;AACI,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK,CAAC,YAAY,IAAI,GAAG,CAAC,GAAG;AACzD,CAAA;;;;"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var checkbox = require('primereact/checkbox');
|
|
5
|
-
var commands = require('@cratis/arc.react/commands');
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* A single boolean checkbox field bound to a `boolean` property on a Cratis
|
|
9
|
-
* Arc command. See {@link InputTextField} for the full `value={c => c.prop}`
|
|
10
|
-
* binding model.
|
|
11
|
-
*
|
|
12
|
-
* ```tsx
|
|
13
|
-
* <CheckboxField value={c => c.acceptedTerms} label="I agree to the terms" />
|
|
14
|
-
* ```
|
|
15
|
-
*/
|
|
16
|
-
const CheckboxField = commands.asCommandFormField((props) => (jsxRuntime.jsxs("div", { className: "flex items-center", children: [jsxRuntime.jsx(checkbox.Checkbox, { checked: props.value, onChange: props.onChange, onBlur: props.onBlur, invalid: props.invalid, className: props.className, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled }), props.label && jsxRuntime.jsx("label", { className: "ml-2", children: props.label })] })), {
|
|
17
|
-
defaultValue: false,
|
|
18
|
-
extractValue: (e) => e.checked
|
|
19
|
-
});
|
|
20
|
-
|
|
21
|
-
exports.CheckboxField = CheckboxField;
|
|
22
|
-
//# sourceMappingURL=CheckboxField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxField.js","sources":["../../../../CommandForm/fields/CheckboxField.tsx"],"sourcesContent":[null],"names":["asCommandFormField","_jsxs","_jsx","Checkbox"],"mappings":";;;;;;AA2BA;;;;;;;;AAQG;AACI,MAAM,aAAa,GAAGA,2BAAkB,CAC3C,CAAC,KAAK,MACFC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CAC9BC,eAACC,iBAAQ,EAAA,EACL,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B,EACD,KAAK,CAAC,KAAK,IAAID,cAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,MAAM,YAAE,KAAK,CAAC,KAAK,EAAA,CAAS,CAAA,EAAA,CAC3D,CACT,EACD;AACI,IAAA,YAAY,EAAE,KAAK;IACnB,YAAY,EAAE,CAAC,CAAuB,KAAK,CAAC,CAAC;AAChD,CAAA;;;;"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var commands = require('@cratis/arc.react/commands');
|
|
5
|
-
var chips = require('primereact/chips');
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* A tag/chip input field bound to a `string[]` property on a Cratis Arc
|
|
9
|
-
* command. Each entered token becomes a chip; `separator` splits pasted
|
|
10
|
-
* input into multiple chips at once. See {@link InputTextField} for the
|
|
11
|
-
* full `value={c => c.prop}` binding model.
|
|
12
|
-
*
|
|
13
|
-
* ```tsx
|
|
14
|
-
* <ChipsField value={c => c.tags} title="Tags" separator="," />
|
|
15
|
-
* ```
|
|
16
|
-
*/
|
|
17
|
-
const ChipsField = commands.asCommandFormField((props) => (jsxRuntime.jsx(chips.Chips, { value: props.value, onChange: (e) => props.onChange(e.value ?? []), onBlur: props.onBlur, invalid: props.invalid, placeholder: props.placeholder, max: props.max, separator: props.separator, addOnBlur: props.addOnBlur, allowDuplicate: props.allowDuplicate, className: props.className ? `w-full ${props.className}` : 'w-full', pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled })), {
|
|
18
|
-
defaultValue: [],
|
|
19
|
-
extractValue: (e) => {
|
|
20
|
-
if (!Array.isArray(e)) {
|
|
21
|
-
return [];
|
|
22
|
-
}
|
|
23
|
-
return e.filter((item) => typeof item === 'string');
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
|
|
27
|
-
exports.ChipsField = ChipsField;
|
|
28
|
-
//# sourceMappingURL=ChipsField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChipsField.js","sources":["../../../../CommandForm/fields/ChipsField.tsx"],"sourcesContent":[null],"names":["asCommandFormField","_jsx","Chips"],"mappings":";;;;;;AAuCA;;;;;;;;;AASG;AACI,MAAM,UAAU,GAAGA,2BAAkB,CACxC,CAAC,KAAK,MACFC,cAAA,CAACC,WAAK,EAAA,EACF,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAyC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,EACtF,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,UAAU,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,QAAQ,EACnE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B,CACL,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAI;QACzB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACnB,YAAA,OAAO,EAAE;QACb;AAEA,QAAA,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAqB,OAAO,IAAI,KAAK,QAAQ,CAAC;IACvE;AACH,CAAA;;;;"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var commands = require('@cratis/arc.react/commands');
|
|
5
|
-
var colorpicker = require('primereact/colorpicker');
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* A color picker field bound to a `string` property on a Cratis Arc command,
|
|
9
|
-
* holding a hex color value without the leading `#` (e.g. `"60a5fa"`). Set
|
|
10
|
-
* `inline` to render the picker inline rather than as a popover. See
|
|
11
|
-
* {@link InputTextField} for the full `value={c => c.prop}` binding model.
|
|
12
|
-
*
|
|
13
|
-
* ```tsx
|
|
14
|
-
* <ColorPickerField value={c => c.accentColor} title="Accent" inline />
|
|
15
|
-
* ```
|
|
16
|
-
*/
|
|
17
|
-
const ColorPickerField = commands.asCommandFormField((props) => {
|
|
18
|
-
const defaultColor = props.defaultColor ?? '000000';
|
|
19
|
-
const value = typeof props.value === 'string' && props.value.length > 0 ? props.value : defaultColor;
|
|
20
|
-
// PrimeReact's ColorPicker is the one form component that exposes no `invalid` prop,
|
|
21
|
-
// so we apply the `p-invalid` state class directly. This is the exact class the
|
|
22
|
-
// `invalid` prop emits on the other fields, so the rendered DOM stays consistent —
|
|
23
|
-
// it picks up a theme's invalid styling and harmlessly no-ops in unstyled mode.
|
|
24
|
-
const invalidClass = props.invalid ? 'p-invalid' : undefined;
|
|
25
|
-
const className = [invalidClass, props.className].filter(Boolean).join(' ') || undefined;
|
|
26
|
-
return (jsxRuntime.jsx(colorpicker.ColorPicker, { value: value, onChange: (e) => props.onChange(typeof e.value === 'string' ? e.value : ''), onBlur: props.onBlur, inline: props.inline, defaultColor: defaultColor, className: className, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled }));
|
|
27
|
-
}, {
|
|
28
|
-
defaultValue: '',
|
|
29
|
-
extractValue: (e) => typeof e === 'string' ? e : ''
|
|
30
|
-
});
|
|
31
|
-
|
|
32
|
-
exports.ColorPickerField = ColorPickerField;
|
|
33
|
-
//# sourceMappingURL=ColorPickerField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPickerField.js","sources":["../../../../CommandForm/fields/ColorPickerField.tsx"],"sourcesContent":[null],"names":["asCommandFormField","_jsx","ColorPicker"],"mappings":";;;;;;AA8BA;;;;;;;;;AASG;MACU,gBAAgB,GAAGA,2BAAkB,CAC9C,CAAC,KAAK,KAAI;AACN,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,QAAQ;IACnD,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,YAAY;;;;;AAKpG,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,GAAG,WAAW,GAAG,SAAS;IAC5D,MAAM,SAAS,GAAG,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS;AAExF,IAAA,QACIC,cAAA,CAACC,uBAAW,EAAA,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAqB,KAAK,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC,EAC/F,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,CAC1B;AAEV,CAAC,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAC,GAAG;AAC7D,CAAA;;;;"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var commands = require('@cratis/arc.react/commands');
|
|
5
|
-
var Dropdown = require('../../Dropdown/Dropdown.js');
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* A single-select dropdown field bound to a `string` or `number` property
|
|
9
|
-
* on a Cratis Arc command. The `options` array supplies the choices;
|
|
10
|
-
* `optionValue` and `optionLabel` declare which property on each option
|
|
11
|
-
* holds the bound value and which one holds the visible label. See
|
|
12
|
-
* {@link InputTextField} for the full `value={c => c.prop}` binding model.
|
|
13
|
-
*
|
|
14
|
-
* Renders through the library's own {@link Dropdown} wrapper so the panel
|
|
15
|
-
* escapes dialog scroll containers and stays above modal dialogs.
|
|
16
|
-
*
|
|
17
|
-
* ```tsx
|
|
18
|
-
* <DropdownField value={c => c.country}
|
|
19
|
-
* options={countries}
|
|
20
|
-
* optionValue="code"
|
|
21
|
-
* optionLabel="name"
|
|
22
|
-
* title="Country" />
|
|
23
|
-
* ```
|
|
24
|
-
*/
|
|
25
|
-
const DropdownField = commands.asCommandFormField((props) => (jsxRuntime.jsx(Dropdown.Dropdown, { value: props.value, onChange: (e) => props.onChange(e.value), onBlur: props.onBlur, options: props.options, optionValue: props.optionValue, optionLabel: props.optionLabel, placeholder: props.placeholder, invalid: props.invalid, className: props.className ? `w-full ${props.className}` : 'w-full', pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled })), {
|
|
26
|
-
defaultValue: '',
|
|
27
|
-
extractValue: (e) => e
|
|
28
|
-
});
|
|
29
|
-
|
|
30
|
-
exports.DropdownField = DropdownField;
|
|
31
|
-
//# sourceMappingURL=DropdownField.js.map
|