@tsed/react-formio 2.3.1 → 3.0.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/index.js +45 -0
- package/dist/chunks/index.js.map +1 -0
- package/dist/components/actions-table/actionsTable.component.d.ts +10 -11
- package/dist/components/actions-table/actionsTable.component.js +53 -0
- package/dist/components/actions-table/actionsTable.component.js.map +1 -0
- package/dist/components/alert/alert.component.d.ts +5 -6
- package/dist/components/alert/alert.component.js +24 -0
- package/dist/components/alert/alert.component.js.map +1 -0
- package/dist/components/card/card.component.d.ts +6 -7
- package/dist/components/card/card.component.js +12 -0
- package/dist/components/card/card.component.js.map +1 -0
- package/dist/components/form/form.component.d.ts +62 -63
- package/dist/components/form/form.component.js +64 -0
- package/dist/components/form/form.component.js.map +1 -0
- package/dist/components/form/useForm.hook.d.ts +59 -60
- package/dist/components/form/useForm.hook.js +64 -0
- package/dist/components/form/useForm.hook.js.map +1 -0
- package/dist/components/form-access/formAccess.component.d.ts +9 -20
- package/dist/components/form-access/formAccess.component.js +95 -0
- package/dist/components/form-access/formAccess.component.js.map +1 -0
- package/dist/components/form-access/formAccess.schema.d.ts +5 -5
- package/dist/components/form-access/formAccess.schema.js +164 -0
- package/dist/components/form-access/formAccess.schema.js.map +1 -0
- package/dist/components/form-access/formAccess.utils.d.ts +24 -24
- package/dist/components/form-access/formAccess.utils.js +68 -0
- package/dist/components/form-access/formAccess.utils.js.map +1 -0
- package/dist/components/form-action/formAction.component.d.ts +9 -9
- package/dist/components/form-action/formAction.component.js +32 -0
- package/dist/components/form-action/formAction.component.js.map +1 -0
- package/dist/components/form-builder/formBuilder.component.d.ts +53 -53
- package/dist/components/form-builder/formBuilder.component.js +142 -0
- package/dist/components/form-builder/formBuilder.component.js.map +1 -0
- package/dist/components/form-control/formControl.component.d.ts +14 -22
- package/dist/components/form-control/formControl.component.js +26 -0
- package/dist/components/form-control/formControl.component.js.map +1 -0
- package/dist/components/form-edit/formCtas.component.d.ts +28 -28
- package/dist/components/form-edit/formCtas.component.js +70 -0
- package/dist/components/form-edit/formCtas.component.js.map +1 -0
- package/dist/components/form-edit/formEdit.component.d.ts +18 -19
- package/dist/components/form-edit/formEdit.component.js +57 -0
- package/dist/components/form-edit/formEdit.component.js.map +1 -0
- package/dist/components/form-edit/formEdit.reducer.d.ts +10 -10
- package/dist/components/form-edit/formEdit.reducer.js +65 -0
- package/dist/components/form-edit/formEdit.reducer.js.map +1 -0
- package/dist/components/form-edit/formParameters.component.d.ts +34 -34
- package/dist/components/form-edit/formParameters.component.js +92 -0
- package/dist/components/form-edit/formParameters.component.js.map +1 -0
- package/dist/components/form-edit/useFormEdit.hook.d.ts +29 -29
- package/dist/components/form-edit/useFormEdit.hook.js +36 -0
- package/dist/components/form-edit/useFormEdit.hook.js.map +1 -0
- package/dist/components/form-settings/formSettings.component.d.ts +7 -8
- package/dist/components/form-settings/formSettings.component.js +38 -0
- package/dist/components/form-settings/formSettings.component.js.map +1 -0
- package/dist/components/form-settings/formSettings.schema.d.ts +2 -2
- package/dist/components/form-settings/formSettings.schema.js +60 -0
- package/dist/components/form-settings/formSettings.schema.js.map +1 -0
- package/dist/components/form-settings/formSettings.utils.d.ts +8 -8
- package/dist/components/form-settings/formSettings.utils.js +23 -0
- package/dist/components/form-settings/formSettings.utils.js.map +1 -0
- package/dist/components/forms-table/components/formCell.component.d.ts +6 -7
- package/dist/components/forms-table/components/formCell.component.js +50 -0
- package/dist/components/forms-table/components/formCell.component.js.map +1 -0
- package/dist/components/forms-table/formsTable.component.d.ts +10 -11
- package/dist/components/forms-table/formsTable.component.js +29 -0
- package/dist/components/forms-table/formsTable.component.js.map +1 -0
- package/dist/components/index.d.ts +25 -26
- package/dist/components/index.js +86 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/input-tags/inputTags.component.d.ts +18 -19
- package/dist/components/input-tags/inputTags.component.js +37 -0
- package/dist/components/input-tags/inputTags.component.js.map +1 -0
- package/dist/components/input-text/inputText.component.d.ts +27 -28
- package/dist/components/input-text/inputText.component.js +70 -0
- package/dist/components/input-text/inputText.component.js.map +1 -0
- package/dist/components/loader/loader.component.d.ts +17 -17
- package/dist/components/loader/loader.component.js +26 -0
- package/dist/components/loader/loader.component.js.map +1 -0
- package/dist/components/modal/modal.component.d.ts +15 -15
- package/dist/components/modal/modal.component.js +62 -0
- package/dist/components/modal/modal.component.js.map +1 -0
- package/dist/components/modal/removeModal.component.d.ts +9 -9
- package/dist/components/modal/removeModal.component.js +71 -0
- package/dist/components/modal/removeModal.component.js.map +1 -0
- package/dist/components/pagination/pagination.component.d.ts +17 -18
- package/dist/components/pagination/pagination.component.js +87 -0
- package/dist/components/pagination/pagination.component.js.map +1 -0
- package/dist/components/select/select.component.d.ts +14 -27
- package/dist/components/select/select.component.js +60 -0
- package/dist/components/select/select.component.js.map +1 -0
- package/dist/components/submissions-table/submissionsTable.component.d.ts +6 -7
- package/dist/components/submissions-table/submissionsTable.component.js +11 -0
- package/dist/components/submissions-table/submissionsTable.component.js.map +1 -0
- package/dist/components/table/components/defaultArrowSort.component.d.ts +1 -2
- package/dist/components/table/components/defaultArrowSort.component.js +10 -0
- package/dist/components/table/components/defaultArrowSort.component.js.map +1 -0
- package/dist/components/table/components/defaultCell.component.d.ts +1 -2
- package/dist/components/table/components/defaultCell.component.js +11 -0
- package/dist/components/table/components/defaultCell.component.js.map +1 -0
- package/dist/components/table/components/defaultCellHeader.component.d.ts +5 -6
- package/dist/components/table/components/defaultCellHeader.component.js +14 -0
- package/dist/components/table/components/defaultCellHeader.component.js.map +1 -0
- package/dist/components/table/components/defaultCellOperations.component.d.ts +12 -2
- package/dist/components/table/components/defaultCellOperations.component.js +21 -0
- package/dist/components/table/components/defaultCellOperations.component.js.map +1 -0
- package/dist/components/table/components/defaultCells.component.d.ts +4 -5
- package/dist/components/table/components/defaultCells.component.js +23 -0
- package/dist/components/table/components/defaultCells.component.js.map +1 -0
- package/dist/components/table/components/defaultOperationButton.component.d.ts +15 -14
- package/dist/components/table/components/defaultOperationButton.component.js +45 -0
- package/dist/components/table/components/defaultOperationButton.component.js.map +1 -0
- package/dist/components/table/components/defaultRow.component.d.ts +12 -12
- package/dist/components/table/components/defaultRow.component.js +25 -0
- package/dist/components/table/components/defaultRow.component.js.map +1 -0
- package/dist/components/table/components/dragNDropContainer.d.ts +4 -4
- package/dist/components/table/components/dragNDropContainer.js +10 -0
- package/dist/components/table/components/dragNDropContainer.js.map +1 -0
- package/dist/components/table/filters/defaultColumnFilter.component.d.ts +5 -6
- package/dist/components/table/filters/defaultColumnFilter.component.js +32 -0
- package/dist/components/table/filters/defaultColumnFilter.component.js.map +1 -0
- package/dist/components/table/filters/selectColumnFilter.component.d.ts +10 -11
- package/dist/components/table/filters/selectColumnFilter.component.js +34 -0
- package/dist/components/table/filters/selectColumnFilter.component.js.map +1 -0
- package/dist/components/table/filters/sliderColumnFilter.component.d.ts +2 -3
- package/dist/components/table/filters/sliderColumnFilter.component.js +27 -0
- package/dist/components/table/filters/sliderColumnFilter.component.js.map +1 -0
- package/dist/components/table/hooks/useCustomTable.hook.d.ts +128 -128
- package/dist/components/table/hooks/useCustomTable.hook.js +130 -0
- package/dist/components/table/hooks/useCustomTable.hook.js.map +1 -0
- package/dist/components/table/hooks/useDragnDropRow.hook.d.ts +272 -274
- package/dist/components/table/hooks/useDragnDropRow.hook.js +40 -0
- package/dist/components/table/hooks/useDragnDropRow.hook.js.map +1 -0
- package/dist/components/table/hooks/useOperations.hook.d.ts +11 -11
- package/dist/components/table/hooks/useOperations.hook.js +25 -0
- package/dist/components/table/hooks/useOperations.hook.js.map +1 -0
- package/dist/components/table/index.d.ts +15 -15
- package/dist/components/table/index.js +35 -0
- package/dist/components/table/index.js.map +1 -0
- package/dist/components/table/table.component.d.ts +3 -3
- package/dist/components/table/table.component.js +81 -0
- package/dist/components/table/table.component.js.map +1 -0
- package/dist/components/table/utils/getPageNumbers.d.ts +3 -3
- package/dist/components/table/utils/getPageNumbers.js +25 -0
- package/dist/components/table/utils/getPageNumbers.js.map +1 -0
- package/dist/components/table/utils/mapFormToColumns.d.ts +3 -3
- package/dist/components/table/utils/mapFormToColumns.js +23 -0
- package/dist/components/table/utils/mapFormToColumns.js.map +1 -0
- package/dist/components/table/utils/swapElements.d.ts +1 -1
- package/dist/components/table/utils/swapElements.js +5 -0
- package/dist/components/table/utils/swapElements.js.map +1 -0
- package/dist/components/tabs/tabs.component.d.ts +19 -19
- package/dist/components/tabs/tabs.component.js +72 -0
- package/dist/components/tabs/tabs.component.js.map +1 -0
- package/dist/hooks/useTooltip.d.ts +2 -3
- package/dist/hooks/useTooltip.js +12 -0
- package/dist/hooks/useTooltip.js.map +1 -0
- package/dist/index.d.ts +13 -13
- package/dist/index.js +107 -7803
- package/dist/index.js.map +1 -1
- package/dist/interfaces/ActionSchema.d.ts +23 -23
- package/dist/interfaces/ActionSchema.js +2 -0
- package/dist/interfaces/ActionSchema.js.map +1 -0
- package/dist/interfaces/ColumnIdentifier.d.ts +14 -14
- package/dist/interfaces/ColumnIdentifier.js +2 -0
- package/dist/interfaces/ColumnIdentifier.js.map +1 -0
- package/dist/interfaces/FormOptions.d.ts +10 -10
- package/dist/interfaces/FormOptions.js +2 -0
- package/dist/interfaces/FormOptions.js.map +1 -0
- package/dist/interfaces/FormSchema.d.ts +12 -12
- package/dist/interfaces/FormSchema.js +2 -0
- package/dist/interfaces/FormSchema.js.map +1 -0
- package/dist/interfaces/Operation.d.ts +29 -29
- package/dist/interfaces/Operation.js +2 -0
- package/dist/interfaces/Operation.js.map +1 -0
- package/dist/interfaces/QueryOptions.d.ts +23 -23
- package/dist/interfaces/QueryOptions.js +2 -0
- package/dist/interfaces/QueryOptions.js.map +1 -0
- package/dist/interfaces/RoleSchema.d.ts +6 -6
- package/dist/interfaces/RoleSchema.js +2 -0
- package/dist/interfaces/RoleSchema.js.map +1 -0
- package/dist/interfaces/Submission.d.ts +5 -5
- package/dist/interfaces/Submission.js +2 -0
- package/dist/interfaces/Submission.js.map +1 -0
- package/dist/interfaces/index.d.ts +8 -8
- package/dist/interfaces/index.js +2 -0
- package/dist/interfaces/index.js.map +1 -0
- package/dist/react-app-env.d.js +2 -0
- package/dist/react-app-env.d.js.map +1 -0
- package/dist/react-table.d.js +2 -0
- package/dist/react-table.d.js.map +1 -0
- package/dist/typings.d.js +2 -0
- package/dist/typings.d.js.map +1 -0
- package/dist/utils/callLast.d.ts +1 -1
- package/dist/utils/callLast.js +10 -0
- package/dist/utils/callLast.js.map +1 -0
- package/dist/utils/getEventValue.d.ts +1 -1
- package/dist/utils/getEventValue.js +8 -0
- package/dist/utils/getEventValue.js.map +1 -0
- package/dist/utils/iconClass.d.ts +1 -1
- package/dist/utils/iconClass.js +9 -0
- package/dist/utils/iconClass.js.map +1 -0
- package/dist/utils/mapPagination.d.ts +1 -1
- package/dist/utils/mapPagination.js +11 -0
- package/dist/utils/mapPagination.js.map +1 -0
- package/dist/utils/stopPropagationWrapper.d.ts +1 -1
- package/dist/utils/stopPropagationWrapper.js +7 -0
- package/dist/utils/stopPropagationWrapper.js.map +1 -0
- package/package.json +28 -15
- package/src/components/__fixtures__/form-actions.json +240 -0
- package/src/components/actions-table/__fixtures__/data.json +12 -0
- package/src/components/actions-table/actionsTable.component.spec.tsx +47 -17
- package/src/components/actions-table/actionsTable.component.tsx +3 -2
- package/src/components/actions-table/actionsTable.stories.tsx +71 -289
- package/src/components/alert/alert.component.spec.tsx +0 -1
- package/src/components/alert/alert.component.tsx +0 -2
- package/src/components/alert/alert.stories.tsx +0 -2
- package/src/components/card/card.component.spec.tsx +0 -1
- package/src/components/card/card.component.tsx +1 -2
- package/src/components/card/card.stories.tsx +0 -2
- package/src/components/form/form.component.spec.tsx +1 -1
- package/src/components/form/form.component.tsx +0 -1
- package/src/components/form/form.stories.tsx +2 -3
- package/src/components/form-access/formAccess.component.tsx +2 -13
- package/src/components/form-access/formAccess.stories.tsx +55 -49
- package/src/components/form-action/formAction.component.tsx +2 -1
- package/src/components/form-action/formAction.stories.tsx +0 -2
- package/src/components/form-builder/formBuilder.component.tsx +4 -4
- package/src/components/form-builder/formBuilder.stories.tsx +0 -2
- package/src/components/form-control/formControl.component.spec.tsx +0 -1
- package/src/components/form-control/formControl.component.tsx +8 -15
- package/src/components/form-control/formControl.stories.tsx +0 -2
- package/src/components/form-edit/formCtas.component.tsx +1 -1
- package/src/components/form-edit/formEdit.component.tsx +0 -1
- package/src/components/form-edit/formEdit.reducer.ts +0 -1
- package/src/components/form-edit/formEdit.stories.tsx +0 -2
- package/src/components/form-edit/formParameters.component.tsx +1 -1
- package/src/components/form-settings/formSettings.component.spec.tsx +5 -6
- package/src/components/form-settings/formSettings.component.tsx +1 -1
- package/src/components/form-settings/formSettings.stories.tsx +0 -2
- package/src/components/forms-table/components/formCell.component.tsx +0 -1
- package/src/components/forms-table/formsTable.component.tsx +0 -2
- package/src/components/forms-table/formsTable.stories.tsx +0 -1
- package/src/components/index.ts +0 -1
- package/src/components/input-tags/inputTags.component.tsx +1 -1
- package/src/components/input-tags/inputTags.stories.tsx +1 -1
- package/src/components/input-text/inputText.component.spec.tsx +0 -1
- package/src/components/input-text/inputText.component.tsx +1 -1
- package/src/components/input-text/inputText.stories.tsx +1 -1
- package/src/components/loader/loader.component.spec.tsx +1 -1
- package/src/components/loader/loader.component.tsx +1 -1
- package/src/components/loader/loader.stories.tsx +0 -2
- package/src/components/modal/modal.component.spec.tsx +2 -5
- package/src/components/modal/modal.component.tsx +1 -1
- package/src/components/modal/modal.stories.tsx +0 -2
- package/src/components/modal/removeModal.component.tsx +1 -1
- package/src/components/pagination/pagination.component.spec.tsx +7 -10
- package/src/components/pagination/pagination.component.tsx +1 -1
- package/src/components/pagination/pagination.stories.tsx +1 -1
- package/src/components/select/select.component.spec.tsx +1 -2
- package/src/components/select/select.component.tsx +10 -23
- package/src/components/select/select.stories.tsx +1 -1
- package/src/components/submissions-table/submissionsTable.component.tsx +0 -2
- package/src/components/submissions-table/submissionsTable.stories.tsx +4 -4
- package/src/components/table/components/defaultArrowSort.component.tsx +0 -2
- package/src/components/table/components/defaultCell.component.tsx +0 -2
- package/src/components/table/components/defaultCellHeader.component.tsx +0 -1
- package/src/components/table/components/defaultCellOperations.component.tsx +16 -5
- package/src/components/table/components/defaultCells.component.tsx +0 -1
- package/src/components/table/components/defaultOperationButton.component.tsx +14 -4
- package/src/components/table/components/defaultRow.component.tsx +2 -1
- package/src/components/table/components/dragNDropContainer.tsx +1 -1
- package/src/components/table/filters/defaultColumnFilter.component.spec.tsx +2 -5
- package/src/components/table/filters/defaultColumnFilter.component.tsx +2 -1
- package/src/components/table/filters/selectColumnFilter.component.spec.tsx +3 -6
- package/src/components/table/filters/selectColumnFilter.component.tsx +0 -1
- package/src/components/table/filters/sliderColumnFilter.component.tsx +7 -10
- package/src/components/table/hooks/useCustomTable.hook.tsx +16 -20
- package/src/components/table/hooks/useOperations.hook.tsx +3 -3
- package/src/components/table/table.component.tsx +1 -1
- package/src/components/table/table.stories.tsx +8 -8
- package/src/components/table/utils/mapFormToColumns.tsx +0 -1
- package/src/components/tabs/tabs.component.spec.tsx +2 -2
- package/src/components/tabs/tabs.component.stories.tsx +1 -1
- package/src/components/tabs/tabs.component.tsx +1 -1
- package/src/react-table.d.ts +2 -0
- package/src/utils/iconClass.ts +3 -1
- package/tsconfig.app.json +11 -0
- package/tsconfig.json +8 -6
- package/tsconfig.spec.json +14 -0
- package/vite.config.mts +69 -0
- package/vitest.config.mts +21 -0
- package/.eslintignore +0 -13
- package/.eslintrc.js +0 -7
- package/coverage.json +0 -6
- package/dist/components/actions-table/actionsTable.component.spec.d.ts +0 -1
- package/dist/components/actions-table/actionsTable.stories.d.ts +0 -85
- package/dist/components/alert/alert.component.spec.d.ts +0 -1
- package/dist/components/alert/alert.stories.d.ts +0 -15
- package/dist/components/card/card.component.spec.d.ts +0 -1
- package/dist/components/card/card.stories.d.ts +0 -16
- package/dist/components/form/form.component.spec.d.ts +0 -1
- package/dist/components/form/form.stories.d.ts +0 -6445
- package/dist/components/form-access/formAccess.stories.d.ts +0 -62
- package/dist/components/form-access/formAccess.utils.spec.d.ts +0 -1
- package/dist/components/form-action/formAction.stories.d.ts +0 -409
- package/dist/components/form-builder/formBuilder.stories.d.ts +0 -5989
- package/dist/components/form-control/formControl.component.spec.d.ts +0 -1
- package/dist/components/form-control/formControl.stories.d.ts +0 -58
- package/dist/components/form-edit/formEdit.stories.d.ts +0 -396
- package/dist/components/form-settings/formSettings.component.spec.d.ts +0 -1
- package/dist/components/form-settings/formSettings.stories.d.ts +0 -58
- package/dist/components/form-settings/formSettings.utils.spec.d.ts +0 -1
- package/dist/components/forms-table/formsTable.stories.d.ts +0 -117
- package/dist/components/input-tags/inputTags.stories.d.ts +0 -76
- package/dist/components/input-text/inputText.component.spec.d.ts +0 -1
- package/dist/components/input-text/inputText.stories.d.ts +0 -101
- package/dist/components/loader/loader.component.spec.d.ts +0 -1
- package/dist/components/loader/loader.stories.d.ts +0 -15
- package/dist/components/modal/modal.component.spec.d.ts +0 -1
- package/dist/components/modal/modal.stories.d.ts +0 -44
- package/dist/components/pagination/pagination.component.spec.d.ts +0 -1
- package/dist/components/pagination/pagination.stories.d.ts +0 -16
- package/dist/components/react-component/reactComponent.component.d.ts +0 -90
- package/dist/components/select/select.component.spec.d.ts +0 -1
- package/dist/components/select/select.stories.d.ts +0 -164
- package/dist/components/submissions-table/submissionsTable.stories.d.ts +0 -649
- package/dist/components/table/filters/defaultColumnFilter.component.spec.d.ts +0 -1
- package/dist/components/table/filters/selectColumnFilter.component.spec.d.ts +0 -1
- package/dist/components/table/table.stories.d.ts +0 -71
- package/dist/components/table/utils/swapElements.spec.d.ts +0 -1
- package/dist/components/tabs/tabs.component.spec.d.ts +0 -1
- package/dist/components/tabs/tabs.component.stories.d.ts +0 -47
- package/dist/index.modern.js +0 -7453
- package/dist/index.modern.js.map +0 -1
- package/dist/package.json +0 -3
- package/dist/setupTests.d.ts +0 -1
- package/jest.config.js +0 -6
- package/src/components/react-component/reactComponent.component.tsx +0 -197
- package/src/setupTests.tsx +0 -5
- package/tsconfig.node.json +0 -8
|
@@ -1,53 +1,53 @@
|
|
|
1
|
-
import { ComponentSchema } from
|
|
2
|
-
import PropTypes from
|
|
3
|
-
import
|
|
4
|
-
export interface FormBuilderProps {
|
|
5
|
-
components: ComponentSchema[];
|
|
6
|
-
display?: string;
|
|
7
|
-
options?: any;
|
|
8
|
-
builder?: any;
|
|
9
|
-
onChange?: (components: ComponentSchema[]) => void;
|
|
10
|
-
onAddComponent?: Function;
|
|
11
|
-
onUpdateComponent?: Function;
|
|
12
|
-
onRemoveComponent?: Function;
|
|
13
|
-
onSaveComponent?: Function;
|
|
14
|
-
onCancelComponent?: Function;
|
|
15
|
-
onMoveComponent?: Function;
|
|
16
|
-
onEditComponent?: Function;
|
|
17
|
-
onEditJson?: Function;
|
|
18
|
-
onCopyComponent?: Function;
|
|
19
|
-
onPasteComponent?: Function;
|
|
20
|
-
}
|
|
21
|
-
export declare class FormBuilder extends
|
|
22
|
-
static defaultProps: {
|
|
23
|
-
options: {};
|
|
24
|
-
onChange: (...args: any[]) => void;
|
|
25
|
-
onReady: (...args: any[]) => void;
|
|
26
|
-
onDestroy: (...args: any[]) => void;
|
|
27
|
-
};
|
|
28
|
-
static propTypes: {
|
|
29
|
-
components: PropTypes.Requireable<any[]>;
|
|
30
|
-
display: PropTypes.Requireable<string>;
|
|
31
|
-
options: PropTypes.Requireable<object>;
|
|
32
|
-
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
33
|
-
onAddComponent: PropTypes.Requireable<(...args: any[]) => any>;
|
|
34
|
-
onUpdateComponent: PropTypes.Requireable<(...args: any[]) => any>;
|
|
35
|
-
onRemoveComponent: PropTypes.Requireable<(...args: any[]) => any>;
|
|
36
|
-
onSaveComponent: PropTypes.Requireable<(...args: any[]) => any>;
|
|
37
|
-
onCancelComponent: PropTypes.Requireable<(...args: any[]) => any>;
|
|
38
|
-
onMoveComponent: PropTypes.Requireable<(...args: any[]) => any>;
|
|
39
|
-
onEditComponent: PropTypes.Requireable<(...args: any[]) => any>;
|
|
40
|
-
onEditJson: PropTypes.Requireable<(...args: any[]) => any>;
|
|
41
|
-
onCopyComponent: PropTypes.Requireable<(...args: any[]) => any>;
|
|
42
|
-
onPasteComponent: PropTypes.Requireable<(...args: any[]) => any>;
|
|
43
|
-
};
|
|
44
|
-
private elRef;
|
|
45
|
-
private builderRef;
|
|
46
|
-
constructor(props: FormBuilderProps);
|
|
47
|
-
componentDidMount(): Promise<void>;
|
|
48
|
-
create(props: FormBuilderProps): Promise<void>;
|
|
49
|
-
componentWillUnmount(): void;
|
|
50
|
-
componentWillReceiveProps(nextProps: FormBuilderProps): Promise<void>;
|
|
51
|
-
whenComponentsChange(components: ComponentSchema[]): void;
|
|
52
|
-
render():
|
|
53
|
-
}
|
|
1
|
+
import { ComponentSchema } from 'formiojs';
|
|
2
|
+
import { default as PropTypes } from 'prop-types';
|
|
3
|
+
import { Component } from 'react';
|
|
4
|
+
export interface FormBuilderProps {
|
|
5
|
+
components: ComponentSchema[];
|
|
6
|
+
display?: string;
|
|
7
|
+
options?: any;
|
|
8
|
+
builder?: any;
|
|
9
|
+
onChange?: (components: ComponentSchema[]) => void;
|
|
10
|
+
onAddComponent?: Function;
|
|
11
|
+
onUpdateComponent?: Function;
|
|
12
|
+
onRemoveComponent?: Function;
|
|
13
|
+
onSaveComponent?: Function;
|
|
14
|
+
onCancelComponent?: Function;
|
|
15
|
+
onMoveComponent?: Function;
|
|
16
|
+
onEditComponent?: Function;
|
|
17
|
+
onEditJson?: Function;
|
|
18
|
+
onCopyComponent?: Function;
|
|
19
|
+
onPasteComponent?: Function;
|
|
20
|
+
}
|
|
21
|
+
export declare class FormBuilder extends Component<FormBuilderProps, any> {
|
|
22
|
+
static defaultProps: {
|
|
23
|
+
options: {};
|
|
24
|
+
onChange: (...args: any[]) => void;
|
|
25
|
+
onReady: (...args: any[]) => void;
|
|
26
|
+
onDestroy: (...args: any[]) => void;
|
|
27
|
+
};
|
|
28
|
+
static propTypes: {
|
|
29
|
+
components: PropTypes.Requireable<any[]>;
|
|
30
|
+
display: PropTypes.Requireable<string>;
|
|
31
|
+
options: PropTypes.Requireable<object>;
|
|
32
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
33
|
+
onAddComponent: PropTypes.Requireable<(...args: any[]) => any>;
|
|
34
|
+
onUpdateComponent: PropTypes.Requireable<(...args: any[]) => any>;
|
|
35
|
+
onRemoveComponent: PropTypes.Requireable<(...args: any[]) => any>;
|
|
36
|
+
onSaveComponent: PropTypes.Requireable<(...args: any[]) => any>;
|
|
37
|
+
onCancelComponent: PropTypes.Requireable<(...args: any[]) => any>;
|
|
38
|
+
onMoveComponent: PropTypes.Requireable<(...args: any[]) => any>;
|
|
39
|
+
onEditComponent: PropTypes.Requireable<(...args: any[]) => any>;
|
|
40
|
+
onEditJson: PropTypes.Requireable<(...args: any[]) => any>;
|
|
41
|
+
onCopyComponent: PropTypes.Requireable<(...args: any[]) => any>;
|
|
42
|
+
onPasteComponent: PropTypes.Requireable<(...args: any[]) => any>;
|
|
43
|
+
};
|
|
44
|
+
private elRef;
|
|
45
|
+
private builderRef;
|
|
46
|
+
constructor(props: FormBuilderProps);
|
|
47
|
+
componentDidMount(): Promise<void>;
|
|
48
|
+
create(props: FormBuilderProps): Promise<void>;
|
|
49
|
+
componentWillUnmount(): void;
|
|
50
|
+
componentWillReceiveProps(nextProps: FormBuilderProps): Promise<void>;
|
|
51
|
+
whenComponentsChange(components: ComponentSchema[]): void;
|
|
52
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
53
|
+
}
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import g from "formiojs/components";
|
|
3
|
+
import b from "formiojs/components/Components";
|
|
4
|
+
import w from "formiojs/FormBuilder";
|
|
5
|
+
import f from "lodash/cloneDeep";
|
|
6
|
+
import d from "lodash/noop";
|
|
7
|
+
import n from "prop-types";
|
|
8
|
+
import { Component as S } from "react";
|
|
9
|
+
import { callLast as A } from "../../utils/callLast.js";
|
|
10
|
+
b.setComponents(g);
|
|
11
|
+
const T = [
|
|
12
|
+
"addComponent",
|
|
13
|
+
"updateComponent",
|
|
14
|
+
"removeComponent",
|
|
15
|
+
"saveComponent",
|
|
16
|
+
"cancelComponent",
|
|
17
|
+
"moveComponent",
|
|
18
|
+
"editComponent",
|
|
19
|
+
"editJson",
|
|
20
|
+
"copyComponent",
|
|
21
|
+
"pasteComponent"
|
|
22
|
+
], D = ["addComponent", "saveComponent", "updateComponent", "removeComponent"];
|
|
23
|
+
async function J(u, { components: o = [], display: s, options: m, onChange: a, events: p = {} }) {
|
|
24
|
+
const r = {
|
|
25
|
+
display: s,
|
|
26
|
+
components: [...o]
|
|
27
|
+
};
|
|
28
|
+
try {
|
|
29
|
+
const e = await new w(u, r, { ...m }).ready, c = (t) => (...C) => {
|
|
30
|
+
p[t] && p[t](...C), D.includes(t) && a(e.form.components);
|
|
31
|
+
};
|
|
32
|
+
return T.forEach((t) => e.on(t, A(c(t), 200))), e;
|
|
33
|
+
} catch (e) {
|
|
34
|
+
console.error(e);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
const i = class i extends S {
|
|
38
|
+
constructor(o) {
|
|
39
|
+
super(o), this.state = {
|
|
40
|
+
display: o.display,
|
|
41
|
+
components: f(o.components)
|
|
42
|
+
}, this.elRef = null, this.builderRef = null;
|
|
43
|
+
}
|
|
44
|
+
async componentDidMount() {
|
|
45
|
+
await this.create(this.props);
|
|
46
|
+
}
|
|
47
|
+
async create(o) {
|
|
48
|
+
const {
|
|
49
|
+
options: s,
|
|
50
|
+
display: m,
|
|
51
|
+
components: a,
|
|
52
|
+
onAddComponent: p,
|
|
53
|
+
onUpdateComponent: r,
|
|
54
|
+
onRemoveComponent: e,
|
|
55
|
+
onSaveComponent: c,
|
|
56
|
+
onCancelComponent: t,
|
|
57
|
+
onMoveComponent: C,
|
|
58
|
+
onEditComponent: y,
|
|
59
|
+
onEditJson: v,
|
|
60
|
+
onCopyComponent: R,
|
|
61
|
+
onPasteComponent: E
|
|
62
|
+
} = o;
|
|
63
|
+
this.builderRef = await J(this.elRef.firstChild, {
|
|
64
|
+
display: m,
|
|
65
|
+
options: { ...s },
|
|
66
|
+
components: f(a),
|
|
67
|
+
onChange: this.whenComponentsChange.bind(this),
|
|
68
|
+
events: {
|
|
69
|
+
onAddComponent: p,
|
|
70
|
+
onUpdateComponent: r,
|
|
71
|
+
onRemoveComponent: e,
|
|
72
|
+
onSaveComponent: c,
|
|
73
|
+
onCancelComponent: t,
|
|
74
|
+
onMoveComponent: C,
|
|
75
|
+
onEditComponent: y,
|
|
76
|
+
onEditJson: v,
|
|
77
|
+
onCopyComponent: R,
|
|
78
|
+
onPasteComponent: E
|
|
79
|
+
}
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
componentWillUnmount() {
|
|
83
|
+
var o;
|
|
84
|
+
(o = this.builderRef) == null || o.destroy();
|
|
85
|
+
}
|
|
86
|
+
// eslint-disable-next-line react/no-deprecated
|
|
87
|
+
async componentWillReceiveProps(o) {
|
|
88
|
+
this.builderRef && (o.display !== this.state.display ? await this.create({
|
|
89
|
+
...this.props,
|
|
90
|
+
display: o.display
|
|
91
|
+
}) : o.components !== this.state.components && (this.builderRef.form = {
|
|
92
|
+
display: this.state.display,
|
|
93
|
+
components: o.components
|
|
94
|
+
}));
|
|
95
|
+
}
|
|
96
|
+
whenComponentsChange(o) {
|
|
97
|
+
this.setState({ components: o }, () => {
|
|
98
|
+
var s;
|
|
99
|
+
(s = this.props) != null && s.onChange && this.props.onChange(o);
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
103
|
+
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
|
104
|
+
render() {
|
|
105
|
+
return /* @__PURE__ */ l(
|
|
106
|
+
"div",
|
|
107
|
+
{
|
|
108
|
+
ref: (o) => {
|
|
109
|
+
this.elRef = o;
|
|
110
|
+
},
|
|
111
|
+
onClick: (o) => o.stopPropagation(),
|
|
112
|
+
children: /* @__PURE__ */ l("div", {})
|
|
113
|
+
}
|
|
114
|
+
);
|
|
115
|
+
}
|
|
116
|
+
};
|
|
117
|
+
i.defaultProps = {
|
|
118
|
+
options: {},
|
|
119
|
+
onChange: d,
|
|
120
|
+
onReady: d,
|
|
121
|
+
onDestroy: d
|
|
122
|
+
}, i.propTypes = {
|
|
123
|
+
components: n.array,
|
|
124
|
+
display: n.string,
|
|
125
|
+
options: n.object,
|
|
126
|
+
onChange: n.func,
|
|
127
|
+
onAddComponent: n.func,
|
|
128
|
+
onUpdateComponent: n.func,
|
|
129
|
+
onRemoveComponent: n.func,
|
|
130
|
+
onSaveComponent: n.func,
|
|
131
|
+
onCancelComponent: n.func,
|
|
132
|
+
onMoveComponent: n.func,
|
|
133
|
+
onEditComponent: n.func,
|
|
134
|
+
onEditJson: n.func,
|
|
135
|
+
onCopyComponent: n.func,
|
|
136
|
+
onPasteComponent: n.func
|
|
137
|
+
};
|
|
138
|
+
let h = i;
|
|
139
|
+
export {
|
|
140
|
+
h as FormBuilder
|
|
141
|
+
};
|
|
142
|
+
//# sourceMappingURL=formBuilder.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formBuilder.component.js","sources":["../../../src/components/form-builder/formBuilder.component.tsx"],"sourcesContent":["import { ComponentSchema } from \"formiojs\";\nimport AllComponents from \"formiojs/components\";\nimport Components from \"formiojs/components/Components\";\nimport FormioFormBuilder from \"formiojs/FormBuilder\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport noop from \"lodash/noop\";\nimport PropTypes from \"prop-types\";\nimport { Component } from \"react\";\n\nimport { callLast } from \"../../utils/callLast\";\n\nComponents.setComponents(AllComponents);\n\nconst EVENTS = [\n \"addComponent\",\n \"updateComponent\",\n \"removeComponent\",\n \"saveComponent\",\n \"cancelComponent\",\n \"moveComponent\",\n \"editComponent\",\n \"editJson\",\n \"copyComponent\",\n \"pasteComponent\"\n];\n\nconst EVENTS_CHANGE = [\"addComponent\", \"saveComponent\", \"updateComponent\", \"removeComponent\"];\n\nasync function createBuilder(el: Element, { components = [], display, options, onChange, events = {} }: any): Promise<void> {\n const form = {\n display,\n components: [...components]\n };\n\n try {\n const builder = await new FormioFormBuilder(el, form, { ...options }).ready;\n\n const handleEvent = (event: string) => {\n return (...args: any[]) => {\n events[event] && events[event](...args);\n\n if (EVENTS_CHANGE.includes(event)) {\n onChange(builder.form.components);\n }\n };\n };\n\n EVENTS.forEach((event) => builder.on(event, callLast(handleEvent(event), 200)));\n\n return builder;\n } catch (er) {\n console.error(er);\n }\n}\n\nexport interface FormBuilderProps {\n components: ComponentSchema[];\n display?: string;\n options?: any;\n builder?: any;\n onChange?: (components: ComponentSchema[]) => void;\n onAddComponent?: Function;\n onUpdateComponent?: Function;\n onRemoveComponent?: Function;\n onSaveComponent?: Function;\n onCancelComponent?: Function;\n onMoveComponent?: Function;\n onEditComponent?: Function;\n onEditJson?: Function;\n onCopyComponent?: Function;\n onPasteComponent?: Function;\n}\n\nexport class FormBuilder extends Component<FormBuilderProps, any> {\n static defaultProps = {\n options: {},\n onChange: noop,\n onReady: noop,\n onDestroy: noop\n };\n\n static propTypes = {\n components: PropTypes.array,\n display: PropTypes.string,\n options: PropTypes.object,\n onChange: PropTypes.func,\n onAddComponent: PropTypes.func,\n onUpdateComponent: PropTypes.func,\n onRemoveComponent: PropTypes.func,\n onSaveComponent: PropTypes.func,\n onCancelComponent: PropTypes.func,\n onMoveComponent: PropTypes.func,\n onEditComponent: PropTypes.func,\n onEditJson: PropTypes.func,\n onCopyComponent: PropTypes.func,\n onPasteComponent: PropTypes.func\n };\n\n private elRef: any;\n private builderRef: any;\n\n constructor(props: FormBuilderProps) {\n super(props);\n\n this.state = {\n display: props.display,\n components: cloneDeep(props.components)\n };\n this.elRef = null;\n this.builderRef = null;\n }\n\n async componentDidMount(): Promise<void> {\n await this.create(this.props);\n }\n\n async create(props: FormBuilderProps) {\n const {\n options,\n display,\n components,\n onAddComponent,\n onUpdateComponent,\n onRemoveComponent,\n onSaveComponent,\n onCancelComponent,\n onMoveComponent,\n onEditComponent,\n onEditJson,\n onCopyComponent,\n onPasteComponent\n } = props;\n\n this.builderRef = await createBuilder(this.elRef.firstChild, {\n display,\n options: { ...options },\n components: cloneDeep(components),\n onChange: this.whenComponentsChange.bind(this),\n events: {\n onAddComponent,\n onUpdateComponent,\n onRemoveComponent,\n onSaveComponent,\n onCancelComponent,\n onMoveComponent,\n onEditComponent,\n onEditJson,\n onCopyComponent,\n onPasteComponent\n }\n });\n }\n\n componentWillUnmount(): void {\n this.builderRef?.destroy();\n }\n\n // eslint-disable-next-line react/no-deprecated\n async componentWillReceiveProps(nextProps: FormBuilderProps) {\n if (this.builderRef) {\n if (nextProps.display !== this.state.display) {\n await this.create({\n ...this.props,\n display: nextProps.display\n });\n } else if (nextProps.components !== this.state.components) {\n this.builderRef.form = {\n display: this.state.display,\n components: nextProps.components\n };\n }\n }\n }\n\n whenComponentsChange(components: ComponentSchema[]) {\n this.setState({ components }, () => {\n this.props?.onChange && this.props.onChange(components);\n });\n }\n\n /* eslint-disable jsx-a11y/no-static-element-interactions */\n /* eslint-disable jsx-a11y/click-events-have-key-events */\n render() {\n return (\n <div\n ref={(ref) => {\n this.elRef = ref;\n }}\n onClick={(e) => e.stopPropagation()}\n >\n <div />\n </div>\n );\n }\n}\n"],"names":["Components","AllComponents","EVENTS","EVENTS_CHANGE","createBuilder","el","components","display","options","onChange","events","form","builder","FormioFormBuilder","handleEvent","event","args","callLast","er","_FormBuilder","Component","props","cloneDeep","onAddComponent","onUpdateComponent","onRemoveComponent","onSaveComponent","onCancelComponent","onMoveComponent","onEditComponent","onEditJson","onCopyComponent","onPasteComponent","_a","nextProps","jsx","ref","e","noop","PropTypes","FormBuilder"],"mappings":"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"}
|
|
@@ -1,22 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
required?: boolean;
|
|
6
|
-
label?: string;
|
|
7
|
-
className?: string;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
export declare
|
|
15
|
-
var propTypes: {
|
|
16
|
-
label: PropTypes.Requireable<string>;
|
|
17
|
-
name: PropTypes.Validator<string>;
|
|
18
|
-
children: PropTypes.Requireable<any>;
|
|
19
|
-
required: PropTypes.Requireable<boolean>;
|
|
20
|
-
description: PropTypes.Requireable<any>;
|
|
21
|
-
};
|
|
22
|
-
}
|
|
1
|
+
import { PropsWithChildren, ReactNode } from 'react';
|
|
2
|
+
export interface FormControlProps<Data = any> {
|
|
3
|
+
name: string;
|
|
4
|
+
value?: Data;
|
|
5
|
+
required?: boolean;
|
|
6
|
+
label?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
onChange?: (name: string, value: any) => void;
|
|
9
|
+
description?: string | ReactNode;
|
|
10
|
+
prefix?: ReactNode | string;
|
|
11
|
+
suffix?: ReactNode | string;
|
|
12
|
+
shadow?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export declare function FormControl({ children, name, required, prefix, suffix, description, label, className }: PropsWithChildren<FormControlProps>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsxs as d, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { c as n } from "../../chunks/index.js";
|
|
3
|
+
function u({
|
|
4
|
+
children: i,
|
|
5
|
+
name: t,
|
|
6
|
+
required: l,
|
|
7
|
+
prefix: o,
|
|
8
|
+
suffix: e,
|
|
9
|
+
description: a,
|
|
10
|
+
label: s,
|
|
11
|
+
className: c
|
|
12
|
+
}) {
|
|
13
|
+
return /* @__PURE__ */ d("div", { "data-testid": t && `form-group-${t}`, id: `form-group-${t || ""}`, className: n("form-group", c), children: [
|
|
14
|
+
s && /* @__PURE__ */ r("label", { htmlFor: t, "data-testid": "form-control-label", className: `col-form-label ${l ? " field-required" : ""}`, children: s }),
|
|
15
|
+
/* @__PURE__ */ d("div", { className: "input-group", children: [
|
|
16
|
+
o && /* @__PURE__ */ r("div", { className: "input-group-prepend", children: /* @__PURE__ */ r("span", { className: "input-group-text", "data-testid": "form-control-prefix", children: o }) }),
|
|
17
|
+
i,
|
|
18
|
+
e && /* @__PURE__ */ r("div", { className: "input-group-append", children: /* @__PURE__ */ r("span", { className: "input-group-text", "data-testid": "form-control-suffix", children: e }) })
|
|
19
|
+
] }),
|
|
20
|
+
a && /* @__PURE__ */ r("div", { "data-testid": "form-control-description", className: "form-text text-muted", children: a })
|
|
21
|
+
] });
|
|
22
|
+
}
|
|
23
|
+
export {
|
|
24
|
+
u as FormControl
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=formControl.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formControl.component.js","sources":["../../../src/components/form-control/formControl.component.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport type { PropsWithChildren, ReactNode } from \"react\";\n\nexport interface FormControlProps<Data = any> {\n name: string;\n value?: Data;\n required?: boolean;\n label?: string;\n className?: string;\n onChange?: (name: string, value: any) => void;\n description?: string | ReactNode;\n prefix?: ReactNode | string;\n suffix?: ReactNode | string;\n shadow?: boolean;\n}\n\nexport function FormControl({\n children,\n name,\n required,\n prefix,\n suffix,\n description,\n label,\n className\n}: PropsWithChildren<FormControlProps>) {\n return (\n <div data-testid={name && `form-group-${name}`} id={`form-group-${name || \"\"}`} className={classnames(\"form-group\", className)}>\n {label && (\n <label htmlFor={name} data-testid='form-control-label' className={`col-form-label ${required ? \" field-required\" : \"\"}`}>\n {label}\n </label>\n )}\n <div className={\"input-group\"}>\n {prefix && (\n <div className='input-group-prepend'>\n <span className='input-group-text' data-testid='form-control-prefix'>\n {prefix}\n </span>\n </div>\n )}\n {children}\n {suffix && (\n <div className='input-group-append'>\n <span className='input-group-text' data-testid='form-control-suffix'>\n {suffix}\n </span>\n </div>\n )}\n </div>\n {description && (\n <div data-testid='form-control-description' className='form-text text-muted'>\n {description}\n </div>\n )}\n </div>\n );\n}\n"],"names":["FormControl","children","name","required","prefix","suffix","description","label","className","classnames","jsx","jsxs"],"mappings":";;AAgBO,SAASA,EAAY;AAAA,EAC1B,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAAwC;AACtC,2BACG,OAAI,EAAA,eAAaN,KAAQ,cAAcA,CAAI,IAAI,IAAI,cAAcA,KAAQ,EAAE,IAAI,WAAWO,EAAW,cAAcD,CAAS,GAC1H,UAAA;AAAA,IAAAD,KACE,gBAAAG,EAAA,SAAA,EAAM,SAASR,GAAM,eAAY,sBAAqB,WAAW,kBAAkBC,IAAW,oBAAoB,EAAE,IAClH,UACHI,GAAA;AAAA,IAEF,gBAAAI,EAAC,OAAI,EAAA,WAAW,eACb,UAAA;AAAA,MACCP,KAAA,gBAAAM,EAAC,OAAI,EAAA,WAAU,uBACb,UAAA,gBAAAA,EAAC,QAAK,EAAA,WAAU,oBAAmB,eAAY,uBAC5C,UAAAN,EACH,CAAA,GACF;AAAA,MAEDH;AAAA,MACAI,KACC,gBAAAK,EAAC,OAAI,EAAA,WAAU,sBACb,UAAA,gBAAAA,EAAC,QAAK,EAAA,WAAU,oBAAmB,eAAY,uBAC5C,UAAAL,EAAA,CACH,EACF,CAAA;AAAA,IAAA,GAEJ;AAAA,IACCC,KACE,gBAAAI,EAAA,OAAA,EAAI,eAAY,4BAA2B,WAAU,wBACnD,UACHJ,EAAA,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import PropTypes from
|
|
2
|
-
import { ReactElement } from
|
|
3
|
-
import { FormOptions } from
|
|
4
|
-
export interface FormEditCTAsProps extends Record<string, unknown> {
|
|
5
|
-
saveText?: string;
|
|
6
|
-
options?: FormOptions;
|
|
7
|
-
hasUndo?: boolean;
|
|
8
|
-
hasRedo?: boolean;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
onCopy?: Function;
|
|
11
|
-
onSubmit?: Function;
|
|
12
|
-
onReset?: Function;
|
|
13
|
-
onUndo?: Function;
|
|
14
|
-
onRedo?: Function;
|
|
15
|
-
}
|
|
16
|
-
export declare function FormEditCTAs({ saveText, disabled, options, onCopy, hasUndo, hasRedo, onUndo, onRedo, onReset, onSubmit }: FormEditCTAsProps): ReactElement;
|
|
17
|
-
export declare namespace FormEditCTAs {
|
|
18
|
-
var propTypes: {
|
|
19
|
-
saveText: PropTypes.Requireable<string>;
|
|
20
|
-
options: PropTypes.Requireable<object>;
|
|
21
|
-
hasUndo: PropTypes.Requireable<boolean>;
|
|
22
|
-
hasRedo: PropTypes.Requireable<boolean>;
|
|
23
|
-
disabled: PropTypes.Requireable<boolean>;
|
|
24
|
-
onCopy: PropTypes.Requireable<(...args: any[]) => any>;
|
|
25
|
-
onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
|
|
26
|
-
onReset: PropTypes.Requireable<(...args: any[]) => any>;
|
|
27
|
-
};
|
|
28
|
-
}
|
|
1
|
+
import { default as PropTypes } from 'prop-types';
|
|
2
|
+
import { ReactElement } from 'react';
|
|
3
|
+
import { FormOptions } from '../../interfaces';
|
|
4
|
+
export interface FormEditCTAsProps extends Record<string, unknown> {
|
|
5
|
+
saveText?: string;
|
|
6
|
+
options?: FormOptions;
|
|
7
|
+
hasUndo?: boolean;
|
|
8
|
+
hasRedo?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
onCopy?: Function;
|
|
11
|
+
onSubmit?: Function;
|
|
12
|
+
onReset?: Function;
|
|
13
|
+
onUndo?: Function;
|
|
14
|
+
onRedo?: Function;
|
|
15
|
+
}
|
|
16
|
+
export declare function FormEditCTAs({ saveText, disabled, options, onCopy, hasUndo, hasRedo, onUndo, onRedo, onReset, onSubmit }: FormEditCTAsProps): ReactElement;
|
|
17
|
+
export declare namespace FormEditCTAs {
|
|
18
|
+
var propTypes: {
|
|
19
|
+
saveText: PropTypes.Requireable<string>;
|
|
20
|
+
options: PropTypes.Requireable<object>;
|
|
21
|
+
hasUndo: PropTypes.Requireable<boolean>;
|
|
22
|
+
hasRedo: PropTypes.Requireable<boolean>;
|
|
23
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
24
|
+
onCopy: PropTypes.Requireable<(...args: any[]) => any>;
|
|
25
|
+
onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
|
|
26
|
+
onReset: PropTypes.Requireable<(...args: any[]) => any>;
|
|
27
|
+
};
|
|
28
|
+
}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { jsx as e, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
import t from "prop-types";
|
|
3
|
+
import { useTooltip as s } from "../../hooks/useTooltip.js";
|
|
4
|
+
import { iconClass as n } from "../../utils/iconClass.js";
|
|
5
|
+
function C({
|
|
6
|
+
saveText: p = "Save",
|
|
7
|
+
disabled: c,
|
|
8
|
+
options: o = {},
|
|
9
|
+
onCopy: r,
|
|
10
|
+
hasUndo: h,
|
|
11
|
+
hasRedo: f,
|
|
12
|
+
onUndo: a,
|
|
13
|
+
onRedo: d,
|
|
14
|
+
onReset: m,
|
|
15
|
+
onSubmit: b
|
|
16
|
+
}) {
|
|
17
|
+
const { i18n: i = (T) => T } = o, g = s({
|
|
18
|
+
trigger: "hover",
|
|
19
|
+
placement: "top",
|
|
20
|
+
title: i("Copy")
|
|
21
|
+
}), u = s({
|
|
22
|
+
trigger: "hover",
|
|
23
|
+
placement: "top",
|
|
24
|
+
title: i("Undo last change")
|
|
25
|
+
}), v = s({
|
|
26
|
+
trigger: "hover",
|
|
27
|
+
placement: "top",
|
|
28
|
+
title: i("Redo last change")
|
|
29
|
+
}), N = s({
|
|
30
|
+
trigger: "hover",
|
|
31
|
+
placement: "top",
|
|
32
|
+
title: i("Reset all changes")
|
|
33
|
+
});
|
|
34
|
+
return /* @__PURE__ */ e("div", { className: "form-edit__actions", children: /* @__PURE__ */ l("div", { children: [
|
|
35
|
+
/* @__PURE__ */ l(
|
|
36
|
+
"button",
|
|
37
|
+
{
|
|
38
|
+
className: `btn btn-primary btn-save flex ${c ? "disabled" : ""}`,
|
|
39
|
+
disabled: c,
|
|
40
|
+
onClick: () => !c && b && b(),
|
|
41
|
+
children: [
|
|
42
|
+
/* @__PURE__ */ e("i", { className: `mr-1 ${n(o.iconset, "save")}` }),
|
|
43
|
+
p
|
|
44
|
+
]
|
|
45
|
+
}
|
|
46
|
+
),
|
|
47
|
+
/* @__PURE__ */ l("div", { children: [
|
|
48
|
+
/* @__PURE__ */ e("button", { className: `btn btn-light btn-undo ${h ? "" : "disabled"}`, onClick: () => a && a(), ref: u, children: /* @__PURE__ */ e("i", { className: n(o.iconset, "undo") }) }),
|
|
49
|
+
/* @__PURE__ */ e("button", { className: `btn btn-light btn-redo ${f ? "" : "disabled"}`, onClick: () => d && d(), ref: v, children: /* @__PURE__ */ e("i", { className: n(o.iconset, "redo") }) })
|
|
50
|
+
] }),
|
|
51
|
+
/* @__PURE__ */ l("div", { children: [
|
|
52
|
+
r && /* @__PURE__ */ e("button", { className: "btn btn-light", onClick: () => r(), ref: g, children: /* @__PURE__ */ e("i", { className: n(o.iconset, "copy") }) }),
|
|
53
|
+
/* @__PURE__ */ e("button", { className: "btn btn-light btn-reset", onClick: () => m && m(), ref: N, children: /* @__PURE__ */ e("i", { className: n(o.iconset, "reset") }) })
|
|
54
|
+
] })
|
|
55
|
+
] }) });
|
|
56
|
+
}
|
|
57
|
+
C.propTypes = {
|
|
58
|
+
saveText: t.string,
|
|
59
|
+
options: t.object,
|
|
60
|
+
hasUndo: t.bool,
|
|
61
|
+
hasRedo: t.bool,
|
|
62
|
+
disabled: t.bool,
|
|
63
|
+
onCopy: t.func,
|
|
64
|
+
onSubmit: t.func,
|
|
65
|
+
onReset: t.func
|
|
66
|
+
};
|
|
67
|
+
export {
|
|
68
|
+
C as FormEditCTAs
|
|
69
|
+
};
|
|
70
|
+
//# sourceMappingURL=formCtas.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formCtas.component.js","sources":["../../../src/components/form-edit/formCtas.component.tsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport { ReactElement } from \"react\";\n\nimport { useTooltip } from \"../../hooks/useTooltip\";\nimport { FormOptions } from \"../../interfaces\";\nimport { iconClass } from \"../../utils/iconClass\";\n\nexport interface FormEditCTAsProps extends Record<string, unknown> {\n saveText?: string;\n options?: FormOptions;\n hasUndo?: boolean;\n hasRedo?: boolean;\n disabled?: boolean;\n onCopy?: Function;\n onSubmit?: Function;\n onReset?: Function;\n onUndo?: Function;\n onRedo?: Function;\n}\n\nexport function FormEditCTAs({\n saveText = \"Save\",\n disabled,\n options = {},\n onCopy,\n hasUndo,\n hasRedo,\n onUndo,\n onRedo,\n onReset,\n onSubmit\n}: FormEditCTAsProps): ReactElement {\n const { i18n: t = (t: string): string => t } = options;\n\n const copyTooltipRef: any = useTooltip({\n trigger: \"hover\",\n placement: \"top\",\n title: t(\"Copy\")\n });\n\n const undoTooltipRef: any = useTooltip({\n trigger: \"hover\",\n placement: \"top\",\n title: t(\"Undo last change\")\n });\n\n const redoTooltipRef: any = useTooltip({\n trigger: \"hover\",\n placement: \"top\",\n title: t(\"Redo last change\")\n });\n\n const resetTooltipRef: any = useTooltip({\n trigger: \"hover\",\n placement: \"top\",\n title: t(\"Reset all changes\")\n });\n\n return (\n <div className={\"form-edit__actions\"}>\n <div>\n <button\n className={`btn btn-primary btn-save flex ${disabled ? \"disabled\" : \"\"}`}\n disabled={disabled}\n onClick={() => !disabled && onSubmit && onSubmit()}\n >\n <i className={`mr-1 ${iconClass(options.iconset, \"save\")}`} />\n {saveText}\n </button>\n\n <div>\n <button className={`btn btn-light btn-undo ${hasUndo ? \"\" : \"disabled\"}`} onClick={() => onUndo && onUndo()} ref={undoTooltipRef}>\n <i className={iconClass(options.iconset, \"undo\")} />\n </button>\n\n <button className={`btn btn-light btn-redo ${hasRedo ? \"\" : \"disabled\"}`} onClick={() => onRedo && onRedo()} ref={redoTooltipRef}>\n <i className={iconClass(options.iconset, \"redo\")} />\n </button>\n </div>\n\n <div>\n {onCopy && (\n <button className='btn btn-light' onClick={() => onCopy()} ref={copyTooltipRef!}>\n <i className={iconClass(options.iconset, \"copy\")} />\n </button>\n )}\n\n <button className={`btn btn-light btn-reset`} onClick={() => onReset && onReset()} ref={resetTooltipRef!}>\n <i className={iconClass(options.iconset, \"reset\")} />\n </button>\n </div>\n </div>\n </div>\n );\n}\n\nFormEditCTAs.propTypes = {\n saveText: PropTypes.string,\n options: PropTypes.object,\n hasUndo: PropTypes.bool,\n hasRedo: PropTypes.bool,\n disabled: PropTypes.bool,\n onCopy: PropTypes.func,\n onSubmit: PropTypes.func,\n onReset: PropTypes.func\n};\n"],"names":["FormEditCTAs","saveText","disabled","options","onCopy","hasUndo","hasRedo","onUndo","onRedo","onReset","onSubmit","t","copyTooltipRef","useTooltip","undoTooltipRef","redoTooltipRef","resetTooltipRef","jsx","jsxs","iconClass","PropTypes"],"mappings":";;;;AAoBO,SAASA,EAAa;AAAA,EAC3B,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,SAAAC,IAAU,CAAC;AAAA,EACX,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,GAAoC;AAClC,QAAM,EAAE,MAAMC,IAAI,CAACA,MAAsBA,EAAM,IAAAR,GAEzCS,IAAsBC,EAAW;AAAA,IACrC,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAOF,EAAE,MAAM;AAAA,EAAA,CAChB,GAEKG,IAAsBD,EAAW;AAAA,IACrC,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAOF,EAAE,kBAAkB;AAAA,EAAA,CAC5B,GAEKI,IAAsBF,EAAW;AAAA,IACrC,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAOF,EAAE,kBAAkB;AAAA,EAAA,CAC5B,GAEKK,IAAuBH,EAAW;AAAA,IACtC,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAOF,EAAE,mBAAmB;AAAA,EAAA,CAC7B;AAED,SACG,gBAAAM,EAAA,OAAA,EAAI,WAAW,sBACd,4BAAC,OACC,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,iCAAiChB,IAAW,aAAa,EAAE;AAAA,QACtE,UAAAA;AAAA,QACA,SAAS,MAAM,CAACA,KAAYQ,KAAYA,EAAS;AAAA,QAEjD,UAAA;AAAA,UAAC,gBAAAO,EAAA,KAAA,EAAE,WAAW,QAAQE,EAAUhB,EAAQ,SAAS,MAAM,CAAC,GAAI,CAAA;AAAA,UAC3DF;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,sBAEC,OACC,EAAA,UAAA;AAAA,MAAC,gBAAAgB,EAAA,UAAA,EAAO,WAAW,0BAA0BZ,IAAU,KAAK,UAAU,IAAI,SAAS,MAAME,KAAUA,EAAA,GAAU,KAAKO,GAChH,4BAAC,KAAE,EAAA,WAAWK,EAAUhB,EAAQ,SAAS,MAAM,EAAA,CAAG,EACpD,CAAA;AAAA,MAEA,gBAAAc,EAAC,YAAO,WAAW,0BAA0BX,IAAU,KAAK,UAAU,IAAI,SAAS,MAAME,KAAUA,KAAU,KAAKO,GAChH,UAAA,gBAAAE,EAAC,KAAE,EAAA,WAAWE,EAAUhB,EAAQ,SAAS,MAAM,EAAG,CAAA,EACpD,CAAA;AAAA,IAAA,GACF;AAAA,sBAEC,OACE,EAAA,UAAA;AAAA,MAAAC,uBACE,UAAO,EAAA,WAAU,iBAAgB,SAAS,MAAMA,EAAU,GAAA,KAAKQ,GAC9D,UAAA,gBAAAK,EAAC,OAAE,WAAWE,EAAUhB,EAAQ,SAAS,MAAM,EAAG,CAAA,GACpD;AAAA,wBAGD,UAAO,EAAA,WAAW,2BAA2B,SAAS,MAAMM,KAAWA,EAAQ,GAAG,KAAKO,GACtF,UAAA,gBAAAC,EAAC,OAAE,WAAWE,EAAUhB,EAAQ,SAAS,OAAO,GAAG,EACrD,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;AAEAH,EAAa,YAAY;AAAA,EACvB,UAAUoB,EAAU;AAAA,EACpB,SAASA,EAAU;AAAA,EACnB,SAASA,EAAU;AAAA,EACnB,SAASA,EAAU;AAAA,EACnB,UAAUA,EAAU;AAAA,EACpB,QAAQA,EAAU;AAAA,EAClB,UAAUA,EAAU;AAAA,EACpB,SAASA,EAAU;AACrB;"}
|
|
@@ -1,19 +1,18 @@
|
|
|
1
|
-
import PropTypes from
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
export declare
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
1
|
+
import { default as PropTypes } from 'prop-types';
|
|
2
|
+
import { FormOptions } from '../../interfaces/FormOptions';
|
|
3
|
+
import { UseFormEditHookProps } from './useFormEdit.hook';
|
|
4
|
+
export interface FormEditProps extends UseFormEditHookProps {
|
|
5
|
+
builder?: any;
|
|
6
|
+
options?: FormOptions;
|
|
7
|
+
}
|
|
8
|
+
export declare function FormEdit(props: FormEditProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare namespace FormEdit {
|
|
10
|
+
var propTypes: {
|
|
11
|
+
form: PropTypes.Validator<object>;
|
|
12
|
+
options: PropTypes.Requireable<object>;
|
|
13
|
+
typeChoices: PropTypes.Requireable<any[]>;
|
|
14
|
+
displayChoices: PropTypes.Requireable<any[]>;
|
|
15
|
+
enableTags: PropTypes.Requireable<boolean>;
|
|
16
|
+
onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
|
|
17
|
+
};
|
|
18
|
+
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { jsxs as t, jsx as C } from "react/jsx-runtime";
|
|
2
|
+
import { createElement as m } from "react";
|
|
3
|
+
import e from "prop-types";
|
|
4
|
+
import { FormBuilder as g } from "../form-builder/formBuilder.component.js";
|
|
5
|
+
import { FormEditCTAs as F } from "./formCtas.component.js";
|
|
6
|
+
import { FormParameters as j } from "./formParameters.component.js";
|
|
7
|
+
import { useFormEdit as E } from "./useFormEdit.hook.js";
|
|
8
|
+
function R(r) {
|
|
9
|
+
const { form: o, isValid: n, setChange: i, hasRedo: d, hasChanged: a, hasUndo: c, redo: p, undo: l, reset: f, onSubmit: h, onCopy: u } = E(r), { options: s = {}, builder: y } = r;
|
|
10
|
+
return /* @__PURE__ */ t("div", { children: [
|
|
11
|
+
/* @__PURE__ */ t("div", { className: "form-edit", children: [
|
|
12
|
+
/* @__PURE__ */ m(j, { ...r, className: "", key: `form-settings-${o._id}`, form: o, onChange: i }),
|
|
13
|
+
/* @__PURE__ */ m(
|
|
14
|
+
F,
|
|
15
|
+
{
|
|
16
|
+
...r,
|
|
17
|
+
className: "",
|
|
18
|
+
key: `form-edit-ctas-${o._id}`,
|
|
19
|
+
options: s,
|
|
20
|
+
hasRedo: d,
|
|
21
|
+
hasUndo: c,
|
|
22
|
+
disabled: !(n && a),
|
|
23
|
+
onRedo: p,
|
|
24
|
+
onUndo: l,
|
|
25
|
+
onReset: f,
|
|
26
|
+
onCopy: u,
|
|
27
|
+
onSubmit: h
|
|
28
|
+
}
|
|
29
|
+
)
|
|
30
|
+
] }),
|
|
31
|
+
/* @__PURE__ */ C(
|
|
32
|
+
g,
|
|
33
|
+
{
|
|
34
|
+
components: o.components,
|
|
35
|
+
display: o.display,
|
|
36
|
+
options: s,
|
|
37
|
+
builder: y,
|
|
38
|
+
onChange: (b) => {
|
|
39
|
+
i("components", b);
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
`form-builder-${o._id}`
|
|
43
|
+
)
|
|
44
|
+
] });
|
|
45
|
+
}
|
|
46
|
+
R.propTypes = {
|
|
47
|
+
form: e.object.isRequired,
|
|
48
|
+
options: e.object,
|
|
49
|
+
typeChoices: e.array,
|
|
50
|
+
displayChoices: e.array,
|
|
51
|
+
enableTags: e.bool,
|
|
52
|
+
onSubmit: e.func
|
|
53
|
+
};
|
|
54
|
+
export {
|
|
55
|
+
R as FormEdit
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=formEdit.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formEdit.component.js","sources":["../../../src/components/form-edit/formEdit.component.tsx"],"sourcesContent":["import PropTypes from \"prop-types\";\n\nimport { FormOptions } from \"../../interfaces/FormOptions\";\nimport { FormBuilder } from \"../form-builder/formBuilder.component\";\nimport { FormEditCTAs } from \"./formCtas.component\";\nimport { FormParameters } from \"./formParameters.component\";\nimport { useFormEdit, UseFormEditHookProps } from \"./useFormEdit.hook\";\n\nexport interface FormEditProps extends UseFormEditHookProps {\n builder?: any;\n options?: FormOptions;\n}\n\nexport function FormEdit(props: FormEditProps) {\n const { form, isValid, setChange, hasRedo, hasChanged, hasUndo, redo, undo, reset, onSubmit, onCopy } = useFormEdit(props);\n const { options = {}, builder } = props;\n\n return (\n <div>\n <div className='form-edit'>\n <FormParameters {...props} className={\"\"} key={`form-settings-${form._id}`} form={form} onChange={setChange} />\n <FormEditCTAs\n {...props}\n className={\"\"}\n key={`form-edit-ctas-${form._id}`}\n options={options}\n hasRedo={hasRedo}\n hasUndo={hasUndo}\n disabled={!(isValid && hasChanged)}\n onRedo={redo}\n onUndo={undo}\n onReset={reset}\n onCopy={onCopy}\n onSubmit={onSubmit}\n />\n </div>\n\n <FormBuilder\n key={`form-builder-${form._id}`}\n components={form.components!}\n display={form.display}\n options={options}\n builder={builder}\n onChange={(components) => {\n setChange(\"components\", components);\n }}\n />\n </div>\n );\n}\n\nFormEdit.propTypes = {\n form: PropTypes.object.isRequired,\n options: PropTypes.object,\n typeChoices: PropTypes.array,\n displayChoices: PropTypes.array,\n enableTags: PropTypes.bool,\n onSubmit: PropTypes.func\n};\n"],"names":["FormEdit","props","form","isValid","setChange","hasRedo","hasChanged","hasUndo","redo","undo","reset","onSubmit","onCopy","useFormEdit","options","builder","jsxs","createElement","FormParameters","FormEditCTAs","jsx","FormBuilder","components","PropTypes"],"mappings":";;;;;;;AAaO,SAASA,EAASC,GAAsB;AAC7C,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,WAAAC,GAAW,SAAAC,GAAS,YAAAC,GAAY,SAAAC,GAAS,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,UAAAC,GAAU,QAAAC,EAAO,IAAIC,EAAYZ,CAAK,GACnH,EAAE,SAAAa,IAAU,IAAI,SAAAC,EAAY,IAAAd;AAElC,2BACG,OACC,EAAA,UAAA;AAAA,IAAC,gBAAAe,EAAA,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAgB,EAAA,GAAGjB,GAAO,WAAW,IAAI,KAAK,iBAAiBC,EAAK,GAAG,IAAI,MAAAA,GAAY,UAAUE,GAAW;AAAA,MAC7G,gBAAAa;AAAA,QAACE;AAAA,QAAA;AAAA,UACE,GAAGlB;AAAA,UACJ,WAAW;AAAA,UACX,KAAK,kBAAkBC,EAAK,GAAG;AAAA,UAC/B,SAAAY;AAAA,UACA,SAAAT;AAAA,UACA,SAAAE;AAAA,UACA,UAAU,EAAEJ,KAAWG;AAAA,UACvB,QAAQE;AAAA,UACR,QAAQC;AAAA,UACR,SAASC;AAAA,UACT,QAAAE;AAAA,UACA,UAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,IAEA,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,YAAYnB,EAAK;AAAA,QACjB,SAASA,EAAK;AAAA,QACd,SAAAY;AAAA,QACA,SAAAC;AAAA,QACA,UAAU,CAACO,MAAe;AACxB,UAAAlB,EAAU,cAAckB,CAAU;AAAA,QAAA;AAAA,MACpC;AAAA,MAPK,gBAAgBpB,EAAK,GAAG;AAAA,IAAA;AAAA,EAQ/B,GACF;AAEJ;AAEAF,EAAS,YAAY;AAAA,EACnB,MAAMuB,EAAU,OAAO;AAAA,EACvB,SAASA,EAAU;AAAA,EACnB,aAAaA,EAAU;AAAA,EACvB,gBAAgBA,EAAU;AAAA,EAC1B,YAAYA,EAAU;AAAA,EACtB,UAAUA,EAAU;AACtB;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { FormSchema } from
|
|
2
|
-
export declare const hasChanged: (form: Partial<FormSchema>, value: Partial<FormSchema>) => boolean;
|
|
3
|
-
export interface FormEditState {
|
|
4
|
-
past: Partial<FormSchema>[];
|
|
5
|
-
future: Partial<FormSchema>[];
|
|
6
|
-
current: Partial<FormSchema>;
|
|
7
|
-
original: Partial<FormSchema>;
|
|
8
|
-
}
|
|
9
|
-
export declare function createInitialState(props: any): FormEditState;
|
|
10
|
-
export declare const reducer: (state: FormEditState, { type, value }: any) => FormEditState;
|
|
1
|
+
import { FormSchema } from '../../interfaces';
|
|
2
|
+
export declare const hasChanged: (form: Partial<FormSchema>, value: Partial<FormSchema>) => boolean;
|
|
3
|
+
export interface FormEditState {
|
|
4
|
+
past: Partial<FormSchema>[];
|
|
5
|
+
future: Partial<FormSchema>[];
|
|
6
|
+
current: Partial<FormSchema>;
|
|
7
|
+
original: Partial<FormSchema>;
|
|
8
|
+
}
|
|
9
|
+
export declare function createInitialState(props: any): FormEditState;
|
|
10
|
+
export declare const reducer: (state: FormEditState, { type, value }: any) => FormEditState;
|