@uxf/cms 2.9.0 → 2.9.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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/pages/FormPage/Form.d.ts +6 -2
  3. package/pages/FormPage/Form.js +11 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/cms",
3
- "version": "2.9.0",
3
+ "version": "2.9.1",
4
4
  "description": "UXF Cms",
5
5
  "author": "UXFans <dev@uxf.cz>",
6
6
  "homepage": "https://gitlab.com/uxf-npm/cms#readme",
package/pages/FormPage/Form.d.ts CHANGED
@@ -1,13 +1,17 @@
1
- import { ReactElement } from "react";
1
+ import React from "react";
2
2
  import { FormProps as ReactFinalFormProps } from "react-final-form";
3
3
  import { FormSchemaResponse } from "../../api";
4
4
  import { FieldComponent } from "./types";
5
+ import { FormState } from "final-form";
6
+ declare type SubmitButtonComponent = React.FC<{
7
+ formState: FormState<any>;
8
+ }>;
5
9
  interface FormProps<T> extends ReactFinalFormProps<T> {
6
10
  schema: FormSchemaResponse;
7
11
  Field?: FieldComponent;
8
12
  entityAlias: string;
9
13
  isEditing?: boolean;
10
- submitButton?: ReactElement;
14
+ SubmitButton?: SubmitButtonComponent;
11
15
  }
12
16
  export declare const Form: <T extends unknown>(props: FormProps<T>) => JSX.Element;
13
17
  export {};
package/pages/FormPage/Form.js CHANGED
@@ -22,15 +22,19 @@ var Save_1 = __importDefault(require("@mui/icons-material/Save"));
22
22
  var react_1 = __importDefault(require("react"));
23
23
  var react_final_form_1 = require("react-final-form");
24
24
  var BaseField_1 = require("./BaseField");
25
+ var BaseSubmitButton = function (props) {
26
+ var formState = props.formState;
27
+ return (react_1.default.createElement(styles_1.Fab, { title: "Ulo\u017Eit", type: "submit", disabled: formState.submitting || formState.pristine },
28
+ react_1.default.createElement(Save_1.default, null)));
29
+ };
25
30
  var Form = function (props) {
26
- var initialValues = props.initialValues, onSubmit = props.onSubmit, schema = props.schema, _a = props.Field, Field = _a === void 0 ? BaseField_1.BaseField : _a, entityAlias = props.entityAlias, isEditing = props.isEditing, submitButton = props.submitButton;
27
- return (react_1.default.createElement(react_final_form_1.Form, { initialValues: initialValues, onSubmit: onSubmit, mutators: __assign({}, final_form_arrays_1.default) }, function (_a) {
28
- var handleSubmit = _a.handleSubmit, submitting = _a.submitting, pristine = _a.pristine;
29
- return (react_1.default.createElement("form", { onSubmit: handleSubmit },
31
+ var initialValues = props.initialValues, onSubmit = props.onSubmit, schema = props.schema, _a = props.Field, Field = _a === void 0 ? BaseField_1.BaseField : _a, entityAlias = props.entityAlias, isEditing = props.isEditing, _b = props.SubmitButton, SubmitButton = _b === void 0 ? BaseSubmitButton : _b;
32
+ return (react_1.default.createElement(react_final_form_1.Form, { initialValues: initialValues, onSubmit: onSubmit, mutators: __assign({}, final_form_arrays_1.default) }, function (formState) {
33
+ return (react_1.default.createElement("form", { onSubmit: formState.handleSubmit },
30
34
  react_1.default.createElement(Grid_1.default, { container: true, spacing: 3 }, schema.fields.map(function (field, i) { return (react_1.default.createElement(Grid_1.default, { item: true, key: i, xs: 12 },
31
- react_1.default.createElement(Field, { fieldSchema: field, entityAlias: entityAlias, isEditing: isEditing }))); })), submitButton !== null && submitButton !== void 0 ? submitButton : (react_1.default.createElement(styles_1.Fab, { title: "Ulo\u017Eit", type: "submit", disabled: submitting || pristine },
32
- react_1.default.createElement(Save_1.default, null)))));
35
+ react_1.default.createElement(Field, { fieldSchema: field, entityAlias: entityAlias, isEditing: isEditing }))); })),
36
+ react_1.default.createElement(SubmitButton, { formState: formState })));
33
37
  }));
34
38
  };
35
39
  exports.Form = Form;
36
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9Gb3JtUGFnZS9Gb3JtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLHdFQUE4QztBQUM5Qyw0REFBc0M7QUFDdEMsbUNBQStCO0FBQy9CLGtFQUFnRDtBQUNoRCxnREFBNEM7QUFDNUMscURBQTRGO0FBRzVGLHlDQUF3QztBQVVqQyxJQUFNLElBQUksR0FBRyxVQUFnQixLQUFtQjtJQUMzQyxJQUFBLGFBQWEsR0FBZ0YsS0FBSyxjQUFyRixFQUFFLFFBQVEsR0FBc0UsS0FBSyxTQUEzRSxFQUFFLE1BQU0sR0FBOEQsS0FBSyxPQUFuRSxFQUFFLEtBQTRELEtBQUssTUFBaEQsRUFBakIsS0FBSyxtQkFBRyxxQkFBUyxLQUFBLEVBQUUsV0FBVyxHQUE4QixLQUFLLFlBQW5DLEVBQUUsU0FBUyxHQUFtQixLQUFLLFVBQXhCLEVBQUUsWUFBWSxHQUFLLEtBQUssYUFBVixDQUFXO0lBRTNHLE9BQU8sQ0FDSCw4QkFBQyx1QkFBYyxJQUFDLGFBQWEsRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLGVBQU8sMkJBQWEsS0FDekYsVUFBQyxFQUFzQztZQUFwQyxZQUFZLGtCQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFFBQVEsY0FBQTtRQUFPLE9BQUEsQ0FDekMsd0NBQU0sUUFBUSxFQUFFLFlBQVk7WUFDeEIsOEJBQUMsY0FBSSxJQUFDLFNBQVMsUUFBQyxPQUFPLEVBQUUsQ0FBQyxJQUNyQixNQUFNLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFDLEtBQUssRUFBRSxDQUFDLElBQUssT0FBQSxDQUM3Qiw4QkFBQyxjQUFJLElBQUMsSUFBSSxRQUFDLEdBQUcsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUU7Z0JBQ3JCLDhCQUFDLEtBQUssSUFBQyxXQUFXLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLFNBQVMsR0FBSSxDQUMxRSxDQUNWLEVBSmdDLENBSWhDLENBQUMsQ0FDQyxFQUNOLFlBQVksYUFBWixZQUFZLGNBQVosWUFBWSxHQUFJLENBQ2IsOEJBQUMsWUFBRyxJQUFDLEtBQUssRUFBQyxhQUFRLEVBQUMsSUFBSSxFQUFDLFFBQVEsRUFBQyxRQUFRLEVBQUUsVUFBVSxJQUFJLFFBQVE7WUFDOUQsOEJBQUMsY0FBUSxPQUFHLENBQ1YsQ0FDVCxDQUNFLENBQ1Y7SUFmNEMsQ0FlNUMsQ0FDWSxDQUNwQixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBdkJXLFFBQUEsSUFBSSxRQXVCZiJ9
40
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9Gb3JtUGFnZS9Gb3JtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLHdFQUE4QztBQUM5Qyw0REFBc0M7QUFDdEMsbUNBQStCO0FBQy9CLGtFQUFnRDtBQUNoRCxnREFBMEI7QUFDMUIscURBQTRGO0FBRzVGLHlDQUF3QztBQWF4QyxJQUFNLGdCQUFnQixHQUEwQixVQUFDLEtBQUs7SUFDMUMsSUFBQSxTQUFTLEdBQUssS0FBSyxVQUFWLENBQVc7SUFDNUIsT0FBTyxDQUNILDhCQUFDLFlBQUcsSUFBQyxLQUFLLEVBQUMsYUFBUSxFQUFDLElBQUksRUFBQyxRQUFRLEVBQUMsUUFBUSxFQUFFLFNBQVMsQ0FBQyxVQUFVLElBQUksU0FBUyxDQUFDLFFBQVE7UUFDbEYsOEJBQUMsY0FBUSxPQUFHLENBQ1YsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBRUssSUFBTSxJQUFJLEdBQUcsVUFBZ0IsS0FBbUI7SUFFL0MsSUFBQSxhQUFhLEdBT2IsS0FBSyxjQVBRLEVBQ2IsUUFBUSxHQU1SLEtBQUssU0FORyxFQUNSLE1BQU0sR0FLTixLQUFLLE9BTEMsRUFDTixLQUlBLEtBQUssTUFKWSxFQUFqQixLQUFLLG1CQUFHLHFCQUFTLEtBQUEsRUFDakIsV0FBVyxHQUdYLEtBQUssWUFITSxFQUNYLFNBQVMsR0FFVCxLQUFLLFVBRkksRUFDVCxLQUNBLEtBQUssYUFEMEIsRUFBL0IsWUFBWSxtQkFBRyxnQkFBZ0IsS0FBQSxDQUN6QjtJQUVWLE9BQU8sQ0FDSCw4QkFBQyx1QkFBYyxJQUFDLGFBQWEsRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLGVBQU8sMkJBQWEsS0FDekYsVUFBQyxTQUFTO1FBQ1AsT0FBTyxDQUNILHdDQUFNLFFBQVEsRUFBRSxTQUFTLENBQUMsWUFBWTtZQUNsQyw4QkFBQyxjQUFJLElBQUMsU0FBUyxRQUFDLE9BQU8sRUFBRSxDQUFDLElBQ3JCLE1BQU0sQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLFVBQUMsS0FBSyxFQUFFLENBQUMsSUFBSyxPQUFBLENBQzdCLDhCQUFDLGNBQUksSUFBQyxJQUFJLFFBQUMsR0FBRyxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRTtnQkFDckIsOEJBQUMsS0FBSyxJQUFDLFdBQVcsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsU0FBUyxHQUFJLENBQzFFLENBQ1YsRUFKZ0MsQ0FJaEMsQ0FBQyxDQUNDO1lBQ1AsOEJBQUMsWUFBWSxJQUFDLFNBQVMsRUFBRSxTQUFTLEdBQUksQ0FDbkMsQ0FDVixDQUFDO0lBQ04sQ0FBQyxDQUNZLENBQ3BCLENBQUM7QUFDTixDQUFDLENBQUM7QUE3QlcsUUFBQSxJQUFJLFFBNkJmIn0=