@uxf/cms 6.0.0-beta.10 → 6.0.0-beta.12

package/pages/ContentBuilder/content/Gallery.d.ts

@@ -1,5 +1,5 @@
 import { Content, ContentComponent, ContentProps } from "../types";
-import { FileResponse } from "../../../ui/FileUploadInput";
+import { FileResponse } from "../../../api";
 export declare type GalleryFormData = {
     images?: FileResponse[];
 };

package/pages/ContentBuilder/content/Gallery.js

@@ -17,17 +17,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Gallery = void 0;
 var react_1 = __importDefault(require("react"));
 var ContentHeader_1 = require("../ContentHeader");
-var DropZone_1 = require("../../../forms/components/DropZone");
+var dropzone_input_1 = require("@uxf/form/dropzone/dropzone-input");
+var onUploadDropzoneFile_1 = require("../../../forms/utils/onUploadDropzoneFile");
+var dropzone_list_1 = require("@uxf/form/dropzone/dropzone-list");
 var Gallery = function (props) {
-    var name = props.name;
+    var name = props.name, control = props.control;
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(ContentHeader_1.ContentHeader, __assign({}, props)),
         react_1.default.createElement("div", { className: "pt-6" },
-            react_1.default.createElement(DropZone_1.DropZone, { name: "".concat(name, ".images") }))));
+            react_1.default.createElement(dropzone_input_1.DropzoneInput, { name: "".concat(name, ".images"), control: control, onUploadFile: onUploadDropzoneFile_1.onUploadDropzoneFile }),
+            react_1.default.createElement(dropzone_list_1.DropzoneList, { name: "".concat(name, ".images"), control: control }))));
 };
 exports.Gallery = Gallery;
 exports.Gallery.getConfig = function () { return ({
     type: "gallery",
     label: "Galerie",
 }); };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR2FsbGVyeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9Db250ZW50QnVpbGRlci9jb250ZW50L0dhbGxlcnkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQTBCO0FBRTFCLGtEQUFpRDtBQUVqRCwrREFBOEQ7QUFVdkQsSUFBTSxPQUFPLEdBQTRDLFVBQUMsS0FBSztJQUMxRCxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixPQUFPLENBQ0g7UUFDSSw4QkFBQyw2QkFBYSxlQUFLLEtBQUssRUFBSTtRQUM1Qix1Q0FBSyxTQUFTLEVBQUMsTUFBTTtZQUNqQiw4QkFBQyxtQkFBUSxJQUFDLElBQUksRUFBRSxVQUFHLElBQUksWUFBUyxHQUFJLENBQ2xDLENBQ0osQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBWFcsUUFBQSxPQUFPLFdBV2xCO0FBRUYsZUFBTyxDQUFDLFNBQVMsR0FBRyxjQUFNLE9BQUEsQ0FBQztJQUN2QixJQUFJLEVBQUUsU0FBUztJQUNmLEtBQUssRUFBRSxTQUFTO0NBQ25CLENBQUMsRUFId0IsQ0FHeEIsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR2FsbGVyeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9Db250ZW50QnVpbGRlci9jb250ZW50L0dhbGxlcnkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQTBCO0FBRTFCLGtEQUFpRDtBQUNqRCxvRUFBa0U7QUFDbEUsa0ZBQWlGO0FBQ2pGLGtFQUFnRTtBQVd6RCxJQUFNLE9BQU8sR0FBNEMsVUFBQyxLQUFLO0lBQzFELElBQUEsSUFBSSxHQUFjLEtBQUssS0FBbkIsRUFBRSxPQUFPLEdBQUssS0FBSyxRQUFWLENBQVc7SUFFaEMsT0FBTyxDQUNIO1FBQ0ksOEJBQUMsNkJBQWEsZUFBSyxLQUFLLEVBQUk7UUFDNUIsdUNBQUssU0FBUyxFQUFDLE1BQU07WUFDakIsOEJBQUMsOEJBQWEsSUFBQyxJQUFJLEVBQUUsVUFBRyxJQUFJLFlBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSwyQ0FBb0IsR0FBSTtZQUMvRiw4QkFBQyw0QkFBWSxJQUFDLElBQUksRUFBRSxVQUFHLElBQUksWUFBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDeEQsQ0FDSixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFaVyxRQUFBLE9BQU8sV0FZbEI7QUFFRixlQUFPLENBQUMsU0FBUyxHQUFHLGNBQU0sT0FBQSxDQUFDO0lBQ3ZCLElBQUksRUFBRSxTQUFTO0lBQ2YsS0FBSyxFQUFFLFNBQVM7Q0FDbkIsQ0FBQyxFQUh3QixDQUd4QixDQUFDIn0=

package/pages/ContentBuilder/content/HeroSection.js

@@ -15,28 +15,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeroSection = void 0;
+var text_input_1 = require("@uxf/form/text-input");
 var react_1 = __importDefault(require("react"));
-var TextInput_1 = require("../../../forms/components/TextInput");
-var WysiwygField_1 = require("../../../forms/components/WysiwygField");
 var ContentHeader_1 = require("../ContentHeader");
 var HeroSection = function (props) {
-    var name = props.name;
+    var name = props.name, control = props.control;
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(ContentHeader_1.ContentHeader, __assign({}, props)),
         react_1.default.createElement("div", { className: "pt-6" },
             react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
                 react_1.default.createElement("div", { className: "col-span-12" },
-                    react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(name, ".title"), label: "Nadpis", required: true })),
+                    react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".title"), label: "Nadpis", isRequired: true, control: control })),
                 react_1.default.createElement("div", { className: "col-span-12" },
-                    react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(name, ".subtitle"), label: "Podnadpis" })),
+                    react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".subtitle"), label: "Podnadpis", control: control })),
+                react_1.default.createElement("div", { className: "col-span-12" }, "TODO: @honisek - Wysiwyg je z\u00E1visl\u00FD na MUI"),
                 react_1.default.createElement("div", { className: "col-span-12" },
-                    react_1.default.createElement(WysiwygField_1.WysiwygField, { name: "".concat(name, ".text") })),
-                react_1.default.createElement("div", { className: "col-span-12" },
-                    react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(name, ".ctaUrl"), label: "CTA url" }))))));
+                    react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".ctaUrl"), label: "CTA url", control: control }))))));
 };
 exports.HeroSection = HeroSection;
 exports.HeroSection.getConfig = function () { return ({
     type: "heroSection",
     label: "Hero sekce",
 }); };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyb1NlY3Rpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFnZXMvQ29udGVudEJ1aWxkZXIvY29udGVudC9IZXJvU2VjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQSxnREFBMEI7QUFDMUIsaUVBQWdFO0FBQ2hFLHVFQUFzRTtBQUN0RSxrREFBaUQ7QUFjMUMsSUFBTSxXQUFXLEdBQWdELFVBQUMsS0FBSztJQUNsRSxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUN2QixPQUFPLENBQ0g7UUFDSSw4QkFBQyw2QkFBYSxlQUFLLEtBQUssRUFBSTtRQUM1Qix1Q0FBSyxTQUFTLEVBQUMsTUFBTTtZQUNqQix1Q0FBSyxTQUFTLEVBQUMsOEJBQThCO2dCQUN6Qyx1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQkFDeEIsOEJBQUMscUJBQVMsSUFBQyxJQUFJLEVBQUUsVUFBRyxJQUFJLFdBQVEsRUFBRSxLQUFLLEVBQUMsUUFBUSxFQUFDLFFBQVEsU0FBRyxDQUMxRDtnQkFDTix1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQkFDeEIsOEJBQUMscUJBQVMsSUFBQyxJQUFJLEVBQUUsVUFBRyxJQUFJLGNBQVcsRUFBRSxLQUFLLEVBQUMsV0FBVyxHQUFHLENBQ3ZEO2dCQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN4Qiw4QkFBQywyQkFBWSxJQUFDLElBQUksRUFBRSxVQUFHLElBQUksVUFBTyxHQUFJLENBQ3BDO2dCQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN4Qiw4QkFBQyxxQkFBUyxJQUFDLElBQUksRUFBRSxVQUFHLElBQUksWUFBUyxFQUFFLEtBQUssRUFBQyxTQUFTLEdBQUcsQ0FDbkQsQ0FDSixDQUNKLENBQ0osQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBdkJXLFFBQUEsV0FBVyxlQXVCdEI7QUFFRixtQkFBVyxDQUFDLFNBQVMsR0FBRyxjQUFNLE9BQUEsQ0FBQztJQUMzQixJQUFJLEVBQUUsYUFBYTtJQUNuQixLQUFLLEVBQUUsWUFBWTtDQUN0QixDQUFDLEVBSDRCLENBRzVCLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyb1NlY3Rpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFnZXMvQ29udGVudEJ1aWxkZXIvY29udGVudC9IZXJvU2VjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxtREFBaUQ7QUFFakQsZ0RBQTBCO0FBQzFCLGtEQUFpRDtBQWMxQyxJQUFNLFdBQVcsR0FBZ0QsVUFBQyxLQUFLO0lBQ2xFLElBQUEsSUFBSSxHQUFjLEtBQUssS0FBbkIsRUFBRSxPQUFPLEdBQUssS0FBSyxRQUFWLENBQVc7SUFFaEMsT0FBTyxDQUNIO1FBQ0ksOEJBQUMsNkJBQWEsZUFBSyxLQUFLLEVBQUk7UUFDNUIsdUNBQUssU0FBUyxFQUFDLE1BQU07WUFDakIsdUNBQUssU0FBUyxFQUFDLDhCQUE4QjtnQkFDekMsdUNBQUssU0FBUyxFQUFDLGFBQWE7b0JBQ3hCLDhCQUFDLHNCQUFTLElBQUMsSUFBSSxFQUFFLFVBQUcsSUFBSSxXQUFRLEVBQUUsS0FBSyxFQUFDLFFBQVEsRUFBQyxVQUFVLFFBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUM5RTtnQkFDTix1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQkFDeEIsOEJBQUMsc0JBQVMsSUFBQyxJQUFJLEVBQUUsVUFBRyxJQUFJLGNBQVcsRUFBRSxLQUFLLEVBQUMsV0FBVyxFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDekU7Z0JBQ04sdUNBQUssU0FBUyxFQUFDLGFBQWEsMkRBR3RCO2dCQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN4Qiw4QkFBQyxzQkFBUyxJQUFDLElBQUksRUFBRSxVQUFHLElBQUksWUFBUyxFQUFFLEtBQUssRUFBQyxTQUFTLEVBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUNyRSxDQUNKLENBQ0osQ0FDSixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUF6QlcsUUFBQSxXQUFXLGVBeUJ0QjtBQUVGLG1CQUFXLENBQUMsU0FBUyxHQUFHLGNBQU0sT0FBQSxDQUFDO0lBQzNCLElBQUksRUFBRSxhQUFhO0lBQ25CLEtBQUssRUFBRSxZQUFZO0NBQ3RCLENBQUMsRUFINEIsQ0FHNUIsQ0FBQyJ9

package/pages/ContentBuilder/content/People.d.ts

@@ -1,5 +1,5 @@
 import { Content, ContentComponent, ContentProps } from "../types";
-import { FileResponse } from "../../../ui/FileUploadInput";
+import { FileResponse } from "../../../api";
 export declare type PersonFormData = {
     name?: string;
     subtitle?: string;

package/pages/ContentBuilder/content/People.js

@@ -16,55 +16,52 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.People = void 0;
 var react_1 = __importDefault(require("react"));
-var Box_1 = __importDefault(require("@mui/material/Box"));
 var ContentHeader_1 = require("../ContentHeader");
-var TextInput_1 = require("../../../forms/components/TextInput");
-var FileUploadInput_1 = require("../../../forms/components/FileUploadInput");
-var react_final_form_arrays_1 = require("react-final-form-arrays");
-var Button_1 = __importDefault(require("@mui/material/Button"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var react_hook_form_1 = require("react-hook-form");
+var button_1 = require("@uxf/ui/button");
+var text_input_1 = require("@uxf/form/text-input");
+var textarea_1 = require("@uxf/form/textarea");
+var file_input_1 = require("@uxf/form/file-input");
+var onUploadFile_1 = require("../../../forms/utils/onUploadFile");
 var People = function (props) {
-    var name = props.name;
+    var name = props.name, control = props.control;
+    var _a = (0, react_hook_form_1.useFieldArray)({ control: control, name: "".concat(name, ".people") }), fields = _a.fields, remove = _a.remove, append = _a.append;
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(ContentHeader_1.ContentHeader, __assign({}, props)),
         react_1.default.createElement("div", { className: "pt-6" },
-            react_1.default.createElement(react_final_form_arrays_1.FieldArray, { name: "".concat(name, ".people") }, function (_a) {
-                var fields = _a.fields;
-                return (react_1.default.createElement(react_1.default.Fragment, null,
-                    fields.map(function (fieldName, index) {
-                        var handleRemove = function () {
-                            // eslint-disable-next-line no-alert
-                            if (confirm("Opravdu chcete smazat osobu?")) {
-                                fields.remove(index);
-                            }
-                        };
-                        return (react_1.default.createElement("div", { key: index, className: "border-primary mb-8 border-l-2 pl-8" },
-                            react_1.default.createElement("div", { className: "flex justify-between" },
-                                react_1.default.createElement(Typography_1.default, { variant: "h4", pt: 1, mb: 3, fontWeight: "bold" },
-                                    "Osoba #",
-                                    index + 1),
-                                index > 0 ? (react_1.default.createElement("div", null,
-                                    react_1.default.createElement(Button_1.default, { size: "small", color: "error", onClick: handleRemove }, "Smazat osobu"))) : (react_1.default.createElement(Box_1.default, null))),
-                            react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
-                                react_1.default.createElement("div", { className: "col-span-12" },
-                                    react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(fieldName, ".name"), label: "Jm\u00E9no", required: true })),
-                                react_1.default.createElement("div", { className: "col-span-12" },
-                                    react_1.default.createElement(FileUploadInput_1.FileUploadInput, { id: "".concat(fieldName, ".image"), name: "".concat(fieldName, ".image"), label: "Obr\u00E1zek" })),
-                                react_1.default.createElement("div", { className: "col-span-12" },
-                                    react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(fieldName, ".subtitle"), label: "Popisek" })),
-                                react_1.default.createElement("div", { className: "col-span-12" },
-                                    react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(fieldName, ".text"), label: "Text", multiline: true, rows: "2" })),
-                                react_1.default.createElement("div", { className: "col-span-6" },
-                                    react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(fieldName, ".phone"), label: "Telefon", type: "tel" })),
-                                react_1.default.createElement("div", { className: "col-span-6" },
-                                    react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(fieldName, ".email"), label: "E-mail", type: "email" })))));
-                    }),
-                    react_1.default.createElement(Button_1.default, { variant: "outlined", onClick: function () { return fields.push({ name: "" }); } }, "P\u0159idat osobu")));
-            }))));
+            fields.map(function (field, index) {
+                var handleRemove = function () {
+                    // eslint-disable-next-line no-alert
+                    if (confirm("Opravdu chcete smazat osobu?")) {
+                        remove(index);
+                    }
+                };
+                return (react_1.default.createElement("div", { key: field.id, className: "border-primary mb-8 border-l-2 pl-8" },
+                    react_1.default.createElement("div", { className: "flex justify-between" },
+                        react_1.default.createElement("h4", { className: "uxf-typo-h6 mb-3 pt-1" },
+                            "Osoba #",
+                            index + 1),
+                        index > 0 ? (react_1.default.createElement("div", null,
+                            react_1.default.createElement(button_1.Button, { size: "sm", onClick: handleRemove }, "Smazat osobu"))) : (react_1.default.createElement("div", null))),
+                    react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
+                        react_1.default.createElement("div", { className: "col-span-12" },
+                            react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".people.").concat(index, ".name"), label: "Jm\u00E9no", isRequired: true, control: control })),
+                        react_1.default.createElement("div", { className: "col-span-12" },
+                            react_1.default.createElement(file_input_1.FileInput, { id: "".concat(name, ".people.").concat(index, ".image"), name: "".concat(name, ".people.").concat(index, ".image"), label: "Obr\u00E1zek", control: control, onUploadFiles: onUploadFile_1.onUploadFile })),
+                        react_1.default.createElement("div", { className: "col-span-12" },
+                            react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".people.").concat(index, ".subtitle"), label: "Popisek", control: control })),
+                        react_1.default.createElement("div", { className: "col-span-12" },
+                            react_1.default.createElement(textarea_1.Textarea, { name: "".concat(name, ".people.").concat(index, ".text"), label: "Text", rows: 2, control: control })),
+                        react_1.default.createElement("div", { className: "col-span-6" },
+                            react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".people.").concat(index, ".phone"), label: "Telefon", type: "tel", control: control })),
+                        react_1.default.createElement("div", { className: "col-span-6" },
+                            react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".people.").concat(index, ".email"), label: "E-mail", type: "email", control: control })))));
+            }),
+            react_1.default.createElement(button_1.Button, { variant: "outlined", onClick: function () { return append({ name: "" }); } }, "P\u0159idat osobu"))));
 };
 exports.People = People;
 exports.People.getConfig = function () { return ({
     type: "people",
     label: "Lidé",
 }); };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGVvcGxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BhZ2VzL0NvbnRlbnRCdWlsZGVyL2NvbnRlbnQvUGVvcGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQiwwREFBb0M7QUFDcEMsa0RBQWlEO0FBQ2pELGlFQUFnRTtBQUNoRSw2RUFBNEU7QUFDNUUsbUVBQXFEO0FBQ3JELGdFQUEwQztBQUMxQyx3RUFBa0Q7QUFvQjNDLElBQU0sTUFBTSxHQUEyQyxVQUFDLEtBQUs7SUFDeEQsSUFBQSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFdkIsT0FBTyxDQUNIO1FBQ0ksOEJBQUMsNkJBQWEsZUFBSyxLQUFLLEVBQUk7UUFDNUIsdUNBQUssU0FBUyxFQUFDLE1BQU07WUFDakIsOEJBQUMsb0NBQVUsSUFBQyxJQUFJLEVBQUUsVUFBRyxJQUFJLFlBQVMsSUFDN0IsVUFBQyxFQUFVO29CQUFSLE1BQU0sWUFBQTtnQkFDTixPQUFPLENBQ0g7b0JBQ0ssTUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFDLFNBQVMsRUFBRSxLQUFLO3dCQUN6QixJQUFNLFlBQVksR0FBRzs0QkFDakIsb0NBQW9DOzRCQUNwQyxJQUFJLE9BQU8sQ0FBQyw4QkFBOEIsQ0FBQyxFQUFFO2dDQUN6QyxNQUFNLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDOzZCQUN4Qjt3QkFDTCxDQUFDLENBQUM7d0JBQ0YsT0FBTyxDQUNILHVDQUFLLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFDLHFDQUFxQzs0QkFDNUQsdUNBQUssU0FBUyxFQUFDLHNCQUFzQjtnQ0FDakMsOEJBQUMsb0JBQVUsSUFBQyxPQUFPLEVBQUMsSUFBSSxFQUFDLEVBQUUsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxVQUFVLEVBQUMsTUFBTTs7b0NBQzVDLEtBQUssR0FBRyxDQUFDLENBQ1I7Z0NBQ1osS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDVDtvQ0FDSSw4QkFBQyxnQkFBTSxJQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsS0FBSyxFQUFDLE9BQU8sRUFBQyxPQUFPLEVBQUUsWUFBWSxtQkFFL0MsQ0FDUCxDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0EsOEJBQUMsYUFBRyxPQUFHLENBQ1YsQ0FDQzs0QkFDTix1Q0FBSyxTQUFTLEVBQUMsOEJBQThCO2dDQUN6Qyx1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQ0FDeEIsOEJBQUMscUJBQVMsSUFBQyxJQUFJLEVBQUUsVUFBRyxTQUFTLFVBQU8sRUFBRSxLQUFLLEVBQUMsWUFBTyxFQUFDLFFBQVEsU0FBRyxDQUM3RDtnQ0FDTix1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQ0FDeEIsOEJBQUMsaUNBQWUsSUFDWixFQUFFLEVBQUUsVUFBRyxTQUFTLFdBQVEsRUFDeEIsSUFBSSxFQUFFLFVBQUcsU0FBUyxXQUFRLEVBQzFCLEtBQUssRUFBQyxjQUFTLEdBQ2pCLENBQ0E7Z0NBQ04sdUNBQUssU0FBUyxFQUFDLGFBQWE7b0NBQ3hCLDhCQUFDLHFCQUFTLElBQUMsSUFBSSxFQUFFLFVBQUcsU0FBUyxjQUFXLEVBQUUsS0FBSyxFQUFDLFNBQVMsR0FBRyxDQUMxRDtnQ0FDTix1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQ0FDeEIsOEJBQUMscUJBQVMsSUFDTixJQUFJLEVBQUUsVUFBRyxTQUFTLFVBQU8sRUFDekIsS0FBSyxFQUFDLE1BQU0sRUFDWixTQUFTLFFBQ1QsSUFBSSxFQUFDLEdBQUcsR0FDVixDQUNBO2dDQUNOLHVDQUFLLFNBQVMsRUFBQyxZQUFZO29DQUN2Qiw4QkFBQyxxQkFBUyxJQUFDLElBQUksRUFBRSxVQUFHLFNBQVMsV0FBUSxFQUFFLEtBQUssRUFBQyxTQUFTLEVBQUMsSUFBSSxFQUFDLEtBQUssR0FBRyxDQUNsRTtnQ0FDTix1Q0FBSyxTQUFTLEVBQUMsWUFBWTtvQ0FDdkIsOEJBQUMscUJBQVMsSUFDTixJQUFJLEVBQUUsVUFBRyxTQUFTLFdBQVEsRUFDMUIsS0FBSyxFQUFDLFFBQVEsRUFDZCxJQUFJLEVBQUMsT0FBTyxHQUNkLENBQ0EsQ0FDSixDQUNKLENBQ1QsQ0FBQztvQkFDTixDQUFDLENBQUM7b0JBQ0YsOEJBQUMsZ0JBQU0sSUFBQyxPQUFPLEVBQUMsVUFBVSxFQUFDLE9BQU8sRUFBRSxjQUFNLE9BQUEsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUF6QixDQUF5Qix3QkFFMUQsQ0FDVixDQUNOLENBQUM7WUFDTixDQUFDLENBQ1EsQ0FDWCxDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWhGVyxRQUFBLE1BQU0sVUFnRmpCO0FBRUYsY0FBTSxDQUFDLFNBQVMsR0FBRyxjQUFNLE9BQUEsQ0FBQztJQUN0QixJQUFJLEVBQUUsUUFBUTtJQUNkLEtBQUssRUFBRSxNQUFNO0NBQ2hCLENBQUMsRUFIdUIsQ0FHdkIsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGVvcGxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BhZ2VzL0NvbnRlbnRCdWlsZGVyL2NvbnRlbnQvUGVvcGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQixrREFBaUQ7QUFDakQsbURBQWdEO0FBQ2hELHlDQUF3QztBQUN4QyxtREFBaUQ7QUFDakQsK0NBQThDO0FBQzlDLG1EQUFpRDtBQUNqRCxrRUFBaUU7QUFvQjFELElBQU0sTUFBTSxHQUEyQyxVQUFDLEtBQUs7SUFDeEQsSUFBQSxJQUFJLEdBQWMsS0FBSyxLQUFuQixFQUFFLE9BQU8sR0FBSyxLQUFLLFFBQVYsQ0FBVztJQUUxQixJQUFBLEtBQTZCLElBQUEsK0JBQWEsRUFBQyxFQUFFLE9BQU8sU0FBQSxFQUFFLElBQUksRUFBRSxVQUFHLElBQUksWUFBUyxFQUFFLENBQUMsRUFBN0UsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUF1RCxDQUFDO0lBRXRGLE9BQU8sQ0FDSDtRQUNJLDhCQUFDLDZCQUFhLGVBQUssS0FBSyxFQUFJO1FBQzVCLHVDQUFLLFNBQVMsRUFBQyxNQUFNO1lBQ2hCLE1BQU0sQ0FBQyxHQUFHLENBQUMsVUFBQyxLQUFLLEVBQUUsS0FBSztnQkFDckIsSUFBTSxZQUFZLEdBQUc7b0JBQ2pCLG9DQUFvQztvQkFDcEMsSUFBSSxPQUFPLENBQUMsOEJBQThCLENBQUMsRUFBRTt3QkFDekMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO3FCQUNqQjtnQkFDTCxDQUFDLENBQUM7Z0JBQ0YsT0FBTyxDQUNILHVDQUFLLEdBQUcsRUFBRSxLQUFLLENBQUMsRUFBRSxFQUFFLFNBQVMsRUFBQyxxQ0FBcUM7b0JBQy9ELHVDQUFLLFNBQVMsRUFBQyxzQkFBc0I7d0JBQ2pDLHNDQUFJLFNBQVMsRUFBQyx1QkFBdUI7OzRCQUFTLEtBQUssR0FBRyxDQUFDLENBQU07d0JBQzVELEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQ1Q7NEJBQ0ksOEJBQUMsZUFBTSxJQUFDLElBQUksRUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFFLFlBQVksbUJBRTlCLENBQ1AsQ0FDVCxDQUFDLENBQUMsQ0FBQyxDQUNBLDBDQUFPLENBQ1YsQ0FDQztvQkFDTix1Q0FBSyxTQUFTLEVBQUMsOEJBQThCO3dCQUN6Qyx1Q0FBSyxTQUFTLEVBQUMsYUFBYTs0QkFDeEIsOEJBQUMsc0JBQVMsSUFDTixJQUFJLEVBQUUsVUFBRyxJQUFJLHFCQUFXLEtBQUssVUFBTyxFQUNwQyxLQUFLLEVBQUMsWUFBTyxFQUNiLFVBQVUsUUFDVixPQUFPLEVBQUUsT0FBTyxHQUNsQixDQUNBO3dCQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhOzRCQUN4Qiw4QkFBQyxzQkFBUyxJQUNOLEVBQUUsRUFBRSxVQUFHLElBQUkscUJBQVcsS0FBSyxXQUFRLEVBQ25DLElBQUksRUFBRSxVQUFHLElBQUkscUJBQVcsS0FBSyxXQUFRLEVBQ3JDLEtBQUssRUFBQyxjQUFTLEVBQ2YsT0FBTyxFQUFFLE9BQU8sRUFDaEIsYUFBYSxFQUFFLDJCQUFZLEdBQzdCLENBQ0E7d0JBQ04sdUNBQUssU0FBUyxFQUFDLGFBQWE7NEJBQ3hCLDhCQUFDLHNCQUFTLElBQ04sSUFBSSxFQUFFLFVBQUcsSUFBSSxxQkFBVyxLQUFLLGNBQVcsRUFDeEMsS0FBSyxFQUFDLFNBQVMsRUFDZixPQUFPLEVBQUUsT0FBTyxHQUNsQixDQUNBO3dCQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhOzRCQUN4Qiw4QkFBQyxtQkFBUSxJQUNMLElBQUksRUFBRSxVQUFHLElBQUkscUJBQVcsS0FBSyxVQUFPLEVBQ3BDLEtBQUssRUFBQyxNQUFNLEVBQ1osSUFBSSxFQUFFLENBQUMsRUFDUCxPQUFPLEVBQUUsT0FBTyxHQUNsQixDQUNBO3dCQUNOLHVDQUFLLFNBQVMsRUFBQyxZQUFZOzRCQUN2Qiw4QkFBQyxzQkFBUyxJQUNOLElBQUksRUFBRSxVQUFHLElBQUkscUJBQVcsS0FBSyxXQUFRLEVBQ3JDLEtBQUssRUFBQyxTQUFTLEVBQ2YsSUFBSSxFQUFDLEtBQUssRUFDVixPQUFPLEVBQUUsT0FBTyxHQUNsQixDQUNBO3dCQUNOLHVDQUFLLFNBQVMsRUFBQyxZQUFZOzRCQUN2Qiw4QkFBQyxzQkFBUyxJQUNOLElBQUksRUFBRSxVQUFHLElBQUkscUJBQVcsS0FBSyxXQUFRLEVBQ3JDLEtBQUssRUFBQyxRQUFRLEVBQ2QsSUFBSSxFQUFDLE9BQU8sRUFDWixPQUFPLEVBQUUsT0FBTyxHQUNsQixDQUNBLENBQ0osQ0FDSixDQUNULENBQUM7WUFDTixDQUFDLENBQUM7WUFDRiw4QkFBQyxlQUFNLElBQUMsT0FBTyxFQUFDLFVBQVUsRUFBQyxPQUFPLEVBQUUsY0FBTSxPQUFBLE1BQU0sQ0FBQyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFwQixDQUFvQix3QkFFckQsQ0FDUCxDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXpGVyxRQUFBLE1BQU0sVUF5RmpCO0FBRUYsY0FBTSxDQUFDLFNBQVMsR0FBRyxjQUFNLE9BQUEsQ0FBQztJQUN0QixJQUFJLEVBQUUsUUFBUTtJQUNkLEtBQUssRUFBRSxNQUFNO0NBQ2hCLENBQUMsRUFIdUIsQ0FHdkIsQ0FBQyJ9

package/pages/ContentBuilder/content/Wysiwyg.js

@@ -41,12 +41,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wysiwyg = exports.DEFAULT_EDITOR_PLUGINS = exports.DefaultImagePlugin = void 0;
 var react_1 = __importDefault(require("react"));
-var Box_1 = __importDefault(require("@mui/material/Box"));
 var Editor_1 = require("@uxf/wysiwyg/Editor");
-var react_final_form_1 = require("react-final-form");
 var ContentHeader_1 = require("../ContentHeader");
 var wysiwyg_mui5_plugins_1 = require("@uxf/wysiwyg-mui5-plugins");
 var config_1 = require("../../../config");
+var react_hook_form_1 = require("react-hook-form");
 exports.DefaultImagePlugin = __assign(__assign({}, wysiwyg_mui5_plugins_1.ImagePlugin), { imageNamespace: "default", imageUrlClient: function (uuid, extension, namespace) {
         return "/upload/".concat(namespace, "/").concat(uuid.charAt(0), "/").concat(uuid.charAt(1), "/").concat(uuid, ".").concat(extension);
     }, imageUploadHandler: config_1.container.get("api.uploadFile") });
@@ -70,13 +69,13 @@ exports.DEFAULT_EDITOR_PLUGINS = __spreadArray(__spreadArray([
 ], false);
 var Wysiwyg = function (props) {
     var _a, _b, _c, _d, _e;
-    var name = props.name, editorProps = props.editorProps;
-    var input = (0, react_final_form_1.useField)(name, { allowNull: true }).input;
-    var value = Array.isArray(input.value) ? input.value : (_b = (_a = input.value) === null || _a === void 0 ? void 0 : _a.content) !== null && _b !== void 0 ? _b : null; // backward compatibility
-    return (react_1.default.createElement(Box_1.default, null,
-        react_1.default.createElement(Box_1.default, { pb: 2 },
+    var name = props.name, editorProps = props.editorProps, control = props.control;
+    var field = (0, react_hook_form_1.useController)({ control: control, name: name }).field;
+    var value = Array.isArray(field.value) ? field.value : (_b = (_a = field.value) === null || _a === void 0 ? void 0 : _a.content) !== null && _b !== void 0 ? _b : null; // backward compatibility
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: "p-4" },
             react_1.default.createElement(ContentHeader_1.ContentHeader, __assign({}, props))),
-        react_1.default.createElement(Editor_1.WysiwygEditor, { value: Array.isArray(value) && value.length === 0 ? null : value, onChange: input.onChange, Toolbar: (_c = editorProps === null || editorProps === void 0 ? void 0 : editorProps.Toolbar) !== null && _c !== void 0 ? _c : wysiwyg_mui5_plugins_1.Toolbar, plugins: (_d = editorProps === null || editorProps === void 0 ? void 0 : editorProps.plugins) !== null && _d !== void 0 ? _d : exports.DEFAULT_EDITOR_PLUGINS, stylesForEditable: (_e = editorProps === null || editorProps === void 0 ? void 0 : editorProps.stylesForEditable) !== null && _e !== void 0 ? _e : {
+        react_1.default.createElement(Editor_1.WysiwygEditor, { value: Array.isArray(value) && value.length === 0 ? null : value, onChange: field.onChange, Toolbar: (_c = editorProps === null || editorProps === void 0 ? void 0 : editorProps.Toolbar) !== null && _c !== void 0 ? _c : wysiwyg_mui5_plugins_1.Toolbar, plugins: (_d = editorProps === null || editorProps === void 0 ? void 0 : editorProps.plugins) !== null && _d !== void 0 ? _d : exports.DEFAULT_EDITOR_PLUGINS, stylesForEditable: (_e = editorProps === null || editorProps === void 0 ? void 0 : editorProps.stylesForEditable) !== null && _e !== void 0 ? _e : {
                 border: "1px solid #e1e1e1",
                 padding: 12,
                 borderBottomLeftRadius: 4,
@@ -97,4 +96,4 @@ exports.Wysiwyg.create = function (config) {
     return Component;
 };
 exports.Wysiwyg.getConfig = defaultGetConfig;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV3lzaXd5Zy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9Db250ZW50QnVpbGRlci9jb250ZW50L1d5c2l3eWcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQiwwREFBb0M7QUFDcEMsOENBQWdIO0FBQ2hILHFEQUE0QztBQUM1QyxrREFBaUQ7QUFDakQsa0VBZW1DO0FBQ25DLDBDQUE0QztBQVUvQixRQUFBLGtCQUFrQix5QkFDeEIsa0NBQVcsS0FDZCxjQUFjLEVBQUUsU0FBUyxFQUN6QixjQUFjLEVBQUUsVUFBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLFNBQVM7UUFDdkMsT0FBQSxrQkFBVyxTQUFTLGNBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsY0FBSSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxjQUFJLElBQUksY0FBSSxTQUFTLENBQUU7SUFBL0UsQ0FBK0UsRUFDbkYsa0JBQWtCLEVBQUUsa0JBQVMsQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLENBQVEsSUFDNUQ7QUFFVyxRQUFBLHNCQUFzQjtJQUMvQixzQ0FBZTtVQUNaLHFDQUFjO0lBQ2pCLDhCQUFXO0lBQ1gsaUNBQVU7SUFDVixtQ0FBWTtJQUNaLHNDQUFlO0lBQ2YsOEJBQVc7SUFDWCxpQ0FBVTtJQUNWLHVDQUFnQjtJQUNoQixpQ0FBVTtJQUNWLDhCQUFXO0lBQ1gseUNBQWtCO0lBQ2xCLHlDQUFrQjtJQUNsQixxQ0FBYztJQUNkLDhCQUFXO0lBQ1gsMEJBQWtCO1VBQ3BCO0FBRUssSUFBTSxPQUFPLEdBRWhCLFVBQUMsS0FBSzs7SUFDRSxJQUFBLElBQUksR0FBa0IsS0FBSyxLQUF2QixFQUFFLFdBQVcsR0FBSyxLQUFLLFlBQVYsQ0FBVztJQUM1QixJQUFBLEtBQUssR0FBSyxJQUFBLDJCQUFRLEVBQUMsSUFBSSxFQUFFLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxDQUFDLE1BQXhDLENBQXlDO0lBRXRELElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFBLE1BQUEsS0FBSyxDQUFDLEtBQUssMENBQUUsT0FBTyxtQ0FBSSxJQUFJLENBQUMsQ0FBQyx5QkFBeUI7SUFFaEgsT0FBTyxDQUNILDhCQUFDLGFBQUc7UUFDQSw4QkFBQyxhQUFHLElBQUMsRUFBRSxFQUFFLENBQUM7WUFDTiw4QkFBQyw2QkFBYSxlQUFLLEtBQUssRUFBSSxDQUMxQjtRQUNOLDhCQUFDLHNCQUFhLElBQ1YsS0FBSyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLElBQUksS0FBSyxDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxFQUNoRSxRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFDeEIsT0FBTyxFQUFFLE1BQUEsV0FBVyxhQUFYLFdBQVcsdUJBQVgsV0FBVyxDQUFFLE9BQU8sbUNBQUksOEJBQU8sRUFDeEMsT0FBTyxFQUFFLE1BQUEsV0FBVyxhQUFYLFdBQVcsdUJBQVgsV0FBVyxDQUFFLE9BQU8sbUNBQUksOEJBQXNCLEVBQ3ZELGlCQUFpQixFQUNiLE1BQUEsV0FBVyxhQUFYLFdBQVcsdUJBQVgsV0FBVyxDQUFFLGlCQUFpQixtQ0FBSTtnQkFDOUIsTUFBTSxFQUFFLG1CQUFtQjtnQkFDM0IsT0FBTyxFQUFFLEVBQUU7Z0JBQ1gsc0JBQXNCLEVBQUUsQ0FBQztnQkFDekIsdUJBQXVCLEVBQUUsQ0FBQztnQkFDMUIsU0FBUyxFQUFFLENBQUM7YUFDZixHQUVQLENBQ0EsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBOUJXLFFBQUEsT0FBTyxXQThCbEI7QUFFRixJQUFNLGdCQUFnQixHQUFxQyxjQUFNLE9BQUEsQ0FBQztJQUM5RCxJQUFJLEVBQUUsU0FBUztJQUNmLEtBQUssRUFBRSxvQkFBb0I7Q0FDOUIsQ0FBQyxFQUgrRCxDQUcvRCxDQUFDO0FBRUgsZUFBTyxDQUFDLE1BQU0sR0FBRyxVQUFDLE1BQVc7SUFBWCx1QkFBQSxFQUFBLFdBQVc7SUFDakIsSUFBQSxXQUFXLEdBQUssTUFBTSxZQUFYLENBQVk7SUFDL0IsSUFBTSxTQUFTLEdBQXFDLFVBQUMsS0FBSyxJQUFLLE9BQUEsOEJBQUMsZUFBTyxlQUFLLEtBQUssSUFBRSxXQUFXLEVBQUUsV0FBVyxJQUFJLEVBQWhELENBQWdELENBQUM7SUFDaEgsU0FBUyxDQUFDLFNBQVMsR0FBRyxnQkFBZ0IsQ0FBQztJQUV2QyxPQUFPLFNBQVMsQ0FBQztBQUNyQixDQUFDLENBQUM7QUFFRixlQUFPLENBQUMsU0FBUyxHQUFHLGdCQUFnQixDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV3lzaXd5Zy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9Db250ZW50QnVpbGRlci9jb250ZW50L1d5c2l3eWcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQiw4Q0FBZ0g7QUFDaEgsa0RBQWlEO0FBQ2pELGtFQWVtQztBQUNuQywwQ0FBNEM7QUFDNUMsbURBQWdEO0FBVW5DLFFBQUEsa0JBQWtCLHlCQUN4QixrQ0FBVyxLQUNkLGNBQWMsRUFBRSxTQUFTLEVBQ3pCLGNBQWMsRUFBRSxVQUFDLElBQUksRUFBRSxTQUFTLEVBQUUsU0FBUztRQUN2QyxPQUFBLGtCQUFXLFNBQVMsY0FBSSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxjQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLGNBQUksSUFBSSxjQUFJLFNBQVMsQ0FBRTtJQUEvRSxDQUErRSxFQUNuRixrQkFBa0IsRUFBRSxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBUSxJQUM1RDtBQUVXLFFBQUEsc0JBQXNCO0lBQy9CLHNDQUFlO1VBQ1oscUNBQWM7SUFDakIsOEJBQVc7SUFDWCxpQ0FBVTtJQUNWLG1DQUFZO0lBQ1osc0NBQWU7SUFDZiw4QkFBVztJQUNYLGlDQUFVO0lBQ1YsdUNBQWdCO0lBQ2hCLGlDQUFVO0lBQ1YsOEJBQVc7SUFDWCx5Q0FBa0I7SUFDbEIseUNBQWtCO0lBQ2xCLHFDQUFjO0lBQ2QsOEJBQVc7SUFDWCwwQkFBa0I7VUFDcEI7QUFFSyxJQUFNLE9BQU8sR0FFaEIsVUFBQyxLQUFLOztJQUNFLElBQUEsSUFBSSxHQUEyQixLQUFLLEtBQWhDLEVBQUUsV0FBVyxHQUFjLEtBQUssWUFBbkIsRUFBRSxPQUFPLEdBQUssS0FBSyxRQUFWLENBQVc7SUFDckMsSUFBQSxLQUFLLEdBQUssSUFBQSwrQkFBYSxFQUFDLEVBQUUsT0FBTyxTQUFBLEVBQUUsSUFBSSxNQUFBLEVBQUUsQ0FBQyxNQUFyQyxDQUFzQztJQUVuRCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBQSxNQUFBLEtBQUssQ0FBQyxLQUFLLDBDQUFFLE9BQU8sbUNBQUksSUFBSSxDQUFDLENBQUMseUJBQXlCO0lBRWhILE9BQU8sQ0FDSDtRQUNJLHVDQUFLLFNBQVMsRUFBQyxLQUFLO1lBQ2hCLDhCQUFDLDZCQUFhLGVBQUssS0FBSyxFQUFJLENBQzFCO1FBQ04sOEJBQUMsc0JBQWEsSUFDVixLQUFLLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQ2hFLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUN4QixPQUFPLEVBQUUsTUFBQSxXQUFXLGFBQVgsV0FBVyx1QkFBWCxXQUFXLENBQUUsT0FBTyxtQ0FBSSw4QkFBTyxFQUN4QyxPQUFPLEVBQUUsTUFBQSxXQUFXLGFBQVgsV0FBVyx1QkFBWCxXQUFXLENBQUUsT0FBTyxtQ0FBSSw4QkFBc0IsRUFDdkQsaUJBQWlCLEVBQ2IsTUFBQSxXQUFXLGFBQVgsV0FBVyx1QkFBWCxXQUFXLENBQUUsaUJBQWlCLG1DQUFJO2dCQUM5QixNQUFNLEVBQUUsbUJBQW1CO2dCQUMzQixPQUFPLEVBQUUsRUFBRTtnQkFDWCxzQkFBc0IsRUFBRSxDQUFDO2dCQUN6Qix1QkFBdUIsRUFBRSxDQUFDO2dCQUMxQixTQUFTLEVBQUUsQ0FBQzthQUNmLEdBRVAsQ0FDQSxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUE5QlcsUUFBQSxPQUFPLFdBOEJsQjtBQUVGLElBQU0sZ0JBQWdCLEdBQXFDLGNBQU0sT0FBQSxDQUFDO0lBQzlELElBQUksRUFBRSxTQUFTO0lBQ2YsS0FBSyxFQUFFLG9CQUFvQjtDQUM5QixDQUFDLEVBSCtELENBRy9ELENBQUM7QUFFSCxlQUFPLENBQUMsTUFBTSxHQUFHLFVBQUMsTUFBVztJQUFYLHVCQUFBLEVBQUEsV0FBVztJQUNqQixJQUFBLFdBQVcsR0FBSyxNQUFNLFlBQVgsQ0FBWTtJQUMvQixJQUFNLFNBQVMsR0FBcUMsVUFBQyxLQUFLLElBQUssT0FBQSw4QkFBQyxlQUFPLGVBQUssS0FBSyxJQUFFLFdBQVcsRUFBRSxXQUFXLElBQUksRUFBaEQsQ0FBZ0QsQ0FBQztJQUNoSCxTQUFTLENBQUMsU0FBUyxHQUFHLGdCQUFnQixDQUFDO0lBRXZDLE9BQU8sU0FBUyxDQUFDO0FBQ3JCLENBQUMsQ0FBQztBQUVGLGVBQU8sQ0FBQyxTQUFTLEdBQUcsZ0JBQWdCLENBQUMifQ==

package/pages/ContentBuilder/types.d.ts

@@ -1,17 +1,18 @@
-import { MenuItemProps } from "@mui/material/MenuItem";
 import { NextPageContext } from "next";
 import React, { ReactNode } from "react";
-import { FieldInputProps } from "react-final-form";
-import { ContentResponse, ContentTagResponse } from "../../api";
-import { FileResponse } from "../../ui/FileUploadInput";
+import { ContentResponse, ContentTagResponse, FileResponse } from "../../api";
+import { ControllerRenderProps } from "react-hook-form";
+import { SelectProps } from "@uxf/form/select";
+import { FormControl } from "@uxf/form/form/form";
 export declare type VisibilityLevel = "PUBLIC" | "PUBLIC_WITHOUT_SITEMAP" | "PRIVATE";
 export interface ContentProps {
     name: string;
     index: number;
     onRemove: () => void;
-    TypeInputProps: FieldInputProps<string> & {
-        options: MenuItemProps[];
+    TypeInputProps: ControllerRenderProps & {
+        options: SelectProps<any>["options"];
     };
+    control: FormControl<any>;
 }
 export declare type ContentGetConfig<T extends Content<string, any>> = () => {
     type: T["type"];

package/pages/FormPage/BaseField.js

@@ -10,52 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseField = void 0;
-var Box_1 = __importDefault(require("@mui/material/Box"));
-var Grid_1 = __importDefault(require("@mui/material/Grid"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var react_1 = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var api_1 = require("../../api");
-var Autocomplete_1 = require("../../forms/components/Autocomplete");
-var AutocompleteMultiple_1 = require("../../forms/components/AutocompleteMultiple");
-var Checkbox_1 = require("../../forms/components/Checkbox");
-var DatePicker_1 = require("../../forms/components/DatePicker");
-var DateTimePicker_1 = require("../../forms/components/DateTimePicker");
-var TextInput_1 = require("../../forms/components/TextInput");
-var react_final_form_1 = require("react-final-form");
-var react_final_form_arrays_1 = require("react-final-form-arrays");
-var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
-var Add_1 = __importDefault(require("@mui/icons-material/Add"));
-var Button_1 = require("../../ui/Button");
-var Content_1 = require("./Field/Content");
-var FileUploadInput_1 = require("../../forms/components/FileUploadInput");
-var Select_1 = require("../../forms/components/Select");
-var DropZone_1 = require("../../forms/components/DropZone");
+var select_1 = require("@uxf/form/select");
+var checkbox_1 = require("@uxf/form/checkbox");
+var text_input_1 = require("@uxf/form/text-input");
+var textarea_1 = require("@uxf/form/textarea");
+var date_picker_input_1 = require("@uxf/form/date-picker-input");
+var FieldArray_1 = require("./FieldArray");
+var combobox_1 = require("@uxf/form/combobox");
+var multi_combobox_1 = require("@uxf/form/multi-combobox");
+var file_input_1 = require("@uxf/form/file-input");
+var DateTimePicker2_1 = require("../../forms/components/DateTimePicker2");
+var dropzone_input_1 = require("@uxf/form/dropzone/dropzone-input");
+var onUploadFile_1 = require("../../forms/utils/onUploadFile");
+var onUploadDropzoneFile_1 = require("../../forms/utils/onUploadDropzoneFile");
+var dropzone_list_1 = require("@uxf/form/dropzone/dropzone-list");
 var BaseField = function (props) {
-    var fieldSchema = props.fieldSchema, entityAlias = props.entityAlias, isEditing = props.isEditing, _a = props.prefix, prefix = _a === void 0 ? "" : _a;
+    var fieldSchema = props.fieldSchema, entityAlias = props.entityAlias, isEditing = props.isEditing, _a = props.prefix, prefix = _a === void 0 ? "" : _a, control = props.control;
     var editable = fieldSchema.editable, label = fieldSchema.label, name = fieldSchema.name, readOnly = fieldSchema.readOnly, type = fieldSchema.type, options = fieldSchema.options;
     var fieldName = "".concat(prefix).concat(name);
     var disabled = readOnly || (isEditing && !editable);
@@ -64,61 +41,48 @@ var BaseField = function (props) {
     switch (type) {
         case "file":
         case "image":
-            return (react_1.default.createElement(FileUploadInput_1.FileUploadInput, { id: fieldName, label: label, name: fieldName, required: required, disabled: disabled, placeholder: "Vyberte soubor" }));
+            return (react_1.default.createElement(file_input_1.FileInput, { id: fieldName, label: "".concat(label, " (TODO: nefunguje zobrazen\u00ED defaultValue p\u0159i editaci)"), name: fieldName, isRequired: required, isDisabled: disabled, onUploadFiles: onUploadFile_1.onUploadFile, control: control }));
         case "enum":
-            return (react_1.default.createElement(Select_1.Select, { options: options !== null && options !== void 0 ? options : [], name: fieldName, label: label, required: required, disabled: disabled }));
+            return (react_1.default.createElement(select_1.Select, { options: options !== null && options !== void 0 ? options : [], name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
         case "content":
-            return react_1.default.createElement(Content_1.Content, __assign({}, props));
+            // return <Content {...props} />;
+            return react_1.default.createElement(react_1.default.Fragment, null, "TODO @honisek Content");
         case "boolean":
-            return react_1.default.createElement(Checkbox_1.Checkbox, { name: fieldName, label: label, required: required, disabled: disabled });
+            return (react_1.default.createElement(checkbox_1.Checkbox, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
         case "date":
-            return react_1.default.createElement(DatePicker_1.DatePicker, { name: fieldName, label: label, required: required, disabled: disabled });
+            return (react_1.default.createElement(date_picker_input_1.DatePickerInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
         case "datetime":
-            return react_1.default.createElement(DateTimePicker_1.DateTimePicker, { name: fieldName, label: label, required: required, disabled: disabled });
+            return (react_1.default.createElement(DateTimePicker2_1.DateTimePicker2, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
         case "files":
         case "images":
-            return (react_1.default.createElement("div", null,
-                react_1.default.createElement("div", { className: "pb-1 text-sm text-gray-600" }, label),
-                react_1.default.createElement(DropZone_1.DropZone, { name: fieldName })));
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(dropzone_input_1.DropzoneInput, { label: label, name: fieldName, control: control, onUploadFile: onUploadDropzoneFile_1.onUploadDropzoneFile }),
+                react_1.default.createElement(dropzone_list_1.DropzoneList, { name: fieldName, control: control })));
         case "manyToMany":
-            return (react_1.default.createElement(AutocompleteMultiple_1.AutocompleteMultiple, { name: fieldName, label: label, required: required, disabled: disabled, loadOptions: function (term) { var _a; return (0, api_1.autocomplete)(null, { name: (_a = fieldSchema.autocomplete) !== null && _a !== void 0 ? _a : "" }, { term: term }).then(function (r) { return r.data; }); } }));
+            return (react_1.default.createElement(multi_combobox_1.MultiCombobox, { name: fieldName, label: "".concat(label, " (NEFUNGUJE, nutn\u00E1 \u00FAprava v UI bal\u00ED\u010Dku)"), isRequired: required, isDisabled: disabled, control: control, loadOptions: function (term) { var _a; return (0, api_1.autocomplete)(null, { name: (_a = fieldSchema.autocomplete) !== null && _a !== void 0 ? _a : "" }, { term: term }).then(function (r) { return r.data; }); } }));
         case "manyToOne":
-            return (react_1.default.createElement(Autocomplete_1.Autocomplete, { name: fieldName, label: label, required: required, disabled: disabled, loadOptions: function (term) { var _a; return (0, api_1.autocomplete)(null, { name: (_a = fieldSchema.autocomplete) !== null && _a !== void 0 ? _a : "" }, { term: term }).then(function (r) { return r.data; }); } }));
+            return (react_1.default.createElement(combobox_1.Combobox, { name: fieldName, label: "".concat(label, " (NEFUNGUJE, nutn\u00E1 \u00FAprava v UI bal\u00ED\u010Dku)"), isRequired: required, isDisabled: disabled, control: control, loadOptions: function (term) { var _a; return (0, api_1.autocomplete)(null, { name: (_a = fieldSchema.autocomplete) !== null && _a !== void 0 ? _a : "" }, { term: term }).then(function (r) { return r.data; }); } }));
         case "oneToMany":
             if (fieldSchema.fields === null) {
                 return null;
             }
             return (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(Typography_1.default, { color: "textSecondary", variant: "caption" }, fieldSchema.label),
-                react_1.default.createElement(react_final_form_arrays_1.FieldArray, { name: fieldName }, function (_a) {
-                    var fields = _a.fields;
-                    return (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(Grid_1.default, { container: true, spacing: 1 }, fields.map(function (name, index) {
-                            var _a;
-                            return (react_1.default.createElement(react_1.Fragment, { key: "".concat(name, "-").concat(index) }, (_a = fieldSchema.fields) === null || _a === void 0 ? void 0 :
-                                _a.map(function (schema, i) {
-                                    if (schema.name === "id") {
-                                        return (react_1.default.createElement(react_final_form_1.Field, { key: "".concat(schema.name, "-").concat(i), name: "id", component: "input", hidden: true }));
-                                    }
-                                    return (react_1.default.createElement(Grid_1.default, { item: true, xs: 5, key: "".concat(schema.name, "-").concat(i) },
-                                        react_1.default.createElement(exports.BaseField, { fieldSchema: schema, entityAlias: entityAlias, isEditing: isEditing, prefix: "".concat(name, ".") })));
-                                }),
-                                react_1.default.createElement(Grid_1.default, { item: true, xs: 2 },
-                                    react_1.default.createElement(Button_1.Button, { mt: 2, startIcon: react_1.default.createElement(Delete_1.default, null), variant: "contained", color: "secondary", size: "small", onClick: function () { return fields.remove(index); } }, "Remove"))));
-                        })),
-                        react_1.default.createElement(Button_1.Button, { variant: "contained", size: "small", color: "primary", startIcon: react_1.default.createElement(Add_1.default, null), onClick: function () { return fields.push({ id: null }); }, mt: 2 }, "Add")));
-                })));
+                react_1.default.createElement("p", null,
+                    fieldSchema.label,
+                    " ",
+                    react_1.default.createElement("strong", null, "(NUTNO OTESTOVAT, MO\u017DN\u00C1 NEFUNK\u010CN\u00CD!!!)")),
+                react_1.default.createElement(FieldArray_1.FieldArray, { fieldName: fieldName, fieldSchema: fieldSchema, entityAlias: entityAlias, isEditing: isEditing, control: control })));
         case "embedded":
             if (fieldSchema.fields === null) {
                 return null;
             }
-            return (react_1.default.createElement(react_1.default.Fragment, null, fieldSchema.fields.map(function (schema, i) { return (react_1.default.createElement(Box_1.default, { sx: { mt: i === 0 ? undefined : 2 }, key: i },
+            return (react_1.default.createElement(react_1.default.Fragment, null, fieldSchema.fields.map(function (schema, i) { return (react_1.default.createElement("div", { key: i },
                 react_1.default.createElement(exports.BaseField, __assign({}, props, { fieldSchema: __assign(__assign({}, schema), { label: "".concat(fieldSchema.label, " ").concat(schema.label) }), prefix: "".concat(fieldSchema.name, ".") })))); })));
         case "text":
-            return react_1.default.createElement(TextInput_1.TextInput, { name: fieldName, label: label, required: required, disabled: disabled, multiline: true });
+            return (react_1.default.createElement(textarea_1.Textarea, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
         default:
-            return react_1.default.createElement(TextInput_1.TextInput, { name: fieldName, label: label, required: required, disabled: disabled });
+            return (react_1.default.createElement(text_input_1.TextInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
     }
 };
 exports.BaseField = BaseField;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFzZUZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BhZ2VzL0Zvcm1QYWdlL0Jhc2VGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMERBQW9DO0FBQ3BDLDREQUFzQztBQUN0Qyx3RUFBa0Q7QUFDbEQsNkNBQXdDO0FBQ3hDLGlDQUF5QztBQUN6QyxvRUFBbUU7QUFDbkUsb0ZBQW1GO0FBQ25GLDREQUEyRDtBQUMzRCxnRUFBK0Q7QUFDL0Qsd0VBQXVFO0FBQ3ZFLDhEQUE2RDtBQUU3RCxxREFBeUM7QUFDekMsbUVBQXFEO0FBQ3JELHNFQUFvRDtBQUNwRCxnRUFBOEM7QUFDOUMsMENBQXlDO0FBQ3pDLDJDQUEwQztBQUMxQywwRUFBeUU7QUFDekUsd0RBQXVEO0FBQ3ZELDREQUEyRDtBQUVwRCxJQUFNLFNBQVMsR0FBeUIsVUFBQyxLQUFLO0lBQ3pDLElBQUEsV0FBVyxHQUEwQyxLQUFLLFlBQS9DLEVBQUUsV0FBVyxHQUE2QixLQUFLLFlBQWxDLEVBQUUsU0FBUyxHQUFrQixLQUFLLFVBQXZCLEVBQUUsS0FBZ0IsS0FBSyxPQUFWLEVBQVgsTUFBTSxtQkFBRyxFQUFFLEtBQUEsQ0FBVztJQUUzRCxJQUFBLFFBQVEsR0FBMkMsV0FBVyxTQUF0RCxFQUFFLEtBQUssR0FBb0MsV0FBVyxNQUEvQyxFQUFFLElBQUksR0FBOEIsV0FBVyxLQUF6QyxFQUFFLFFBQVEsR0FBb0IsV0FBVyxTQUEvQixFQUFFLElBQUksR0FBYyxXQUFXLEtBQXpCLEVBQUUsT0FBTyxHQUFLLFdBQVcsUUFBaEIsQ0FBaUI7SUFDdkUsSUFBTSxTQUFTLEdBQUcsVUFBRyxNQUFNLFNBQUcsSUFBSSxDQUFFLENBQUM7SUFFckMsSUFBTSxRQUFRLEdBQUcsUUFBUSxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDdEQsSUFBTSxRQUFR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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFzZUZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BhZ2VzL0Zvcm1QYWdlL0Jhc2VGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFDMUIsaUNBQXlDO0FBRXpDLDJDQUEwQztBQUMxQywrQ0FBOEM7QUFDOUMsbURBQWlEO0FBQ2pELCtDQUE4QztBQUM5QyxpRUFBOEQ7QUFDOUQsMkNBQTBDO0FBQzFDLCtDQUE4QztBQUM5QywyREFBeUQ7QUFDekQsbURBQWlEO0FBQ2pELDBFQUF5RTtBQUN6RSxvRUFBa0U7QUFDbEUsK0RBQThEO0FBQzlELCtFQUE4RTtBQUM5RSxrRUFBZ0U7QUFFekQsSUFBTSxTQUFTLEdBQXlCLFVBQUMsS0FBSztJQUN6QyxJQUFBLFdBQVcsR0FBbUQsS0FBSyxZQUF4RCxFQUFFLFdBQVcsR0FBc0MsS0FBSyxZQUEzQyxFQUFFLFNBQVMsR0FBMkIsS0FBSyxVQUFoQyxFQUFFLEtBQXlCLEtBQUssT0FBbkIsRUFBWCxNQUFNLG1CQUFHLEVBQUUsS0FBQSxFQUFFLE9BQU8sR0FBSyxLQUFLLFFBQVYsQ0FBVztJQUVwRSxJQUFBLFFBQVEsR0FBMkMsV0FBVyxTQUF0RCxFQUFFLEtBQUssR0FBb0MsV0FBVyxNQUEvQyxFQUFFLElBQUksR0FBOEIsV0FBVyxLQUF6QyxFQUFFLFFBQVEsR0FBb0IsV0FBVyxTQUEvQixFQUFFLElBQUksR0FBYyxXQUFXLEtBQXpCLEVBQUUsT0FBTyxHQUFLLFdBQVcsUUFBaEIsQ0FBaUI7SUFDdkUsSUFBTSxTQUFTLEdBQUcsVUFBRyxNQUFNLFNBQUcsSUFBSSxDQUFFLENBQUM7SUFFckMsSUFBTSxRQUFRLEdBQUcsUUFBUSxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDdEQsSUFBTSxRQUFRLEdBQUcsQ0FBQyxRQUFRLElBQUksV0FBVyxDQUFDLFFBQVEsQ0FBQztJQUVu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

package/pages/FormPage/Field/Content.js

@@ -6,12 +6,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Content = void 0;
 var react_1 = __importDefault(require("react"));
 var ContentBuilder_1 = require("../../ContentBuilder");
-var Wysiwyg_1 = require("../../ContentBuilder/content/Wysiwyg");
+// import { Wysiwyg } from "../../ContentBuilder/content/Wysiwyg";
 var Content = function (props) {
-    var fieldSchema = props.fieldSchema, _a = props.prefix, prefix = _a === void 0 ? "" : _a, contentComponents = props.contentComponents;
+    var fieldSchema = props.fieldSchema, _a = props.prefix, prefix = _a === void 0 ? "" : _a, contentComponents = props.contentComponents, control = props.control;
     return (react_1.default.createElement("fieldset", null,
         react_1.default.createElement("legend", null, fieldSchema.label),
-        react_1.default.createElement(ContentBuilder_1.ContentField, { contentComponents: contentComponents !== null && contentComponents !== void 0 ? contentComponents : [Wysiwyg_1.Wysiwyg], name: "".concat(prefix).concat(fieldSchema.name) })));
+        react_1.default.createElement(ContentBuilder_1.ContentField
+        // TODO: @honisek - Wysiwyg je závislý na MUI
+        , { 
+            // TODO: @honisek - Wysiwyg je závislý na MUI
+            contentComponents: contentComponents !== null && contentComponents !== void 0 ? contentComponents : [
+            /*Wysiwyg*/
+            ], name: "".concat(prefix).concat(fieldSchema.name), control: control })));
 };
 exports.Content = Content;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9Gb3JtUGFnZS9GaWVsZC9Db250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFDMUIsdURBQXNFO0FBRXRFLGdFQUErRDtBQUV4RCxJQUFNLE9BQU8sR0FBMkUsVUFBQyxLQUFLO0lBQ3pGLElBQUEsV0FBVyxHQUFxQyxLQUFLLFlBQTFDLEVBQUUsS0FBbUMsS0FBSyxPQUE3QixFQUFYLE1BQU0sbUJBQUcsRUFBRSxLQUFBLEVBQUUsaUJBQWlCLEdBQUssS0FBSyxrQkFBVixDQUFXO0lBQzlELE9BQU8sQ0FDSDtRQUNJLDhDQUFTLFdBQVcsQ0FBQyxLQUFLLENBQVU7UUFDcEMsOEJBQUMsNkJBQVksSUFBQyxpQkFBaUIsRUFBRSxpQkFBaUIsYUFBakIsaUJBQWlCLGNBQWpCLGlCQUFpQixHQUFJLENBQUMsaUJBQU8sQ0FBQyxFQUFFLElBQUksRUFBRSxVQUFHLE1BQU0sU0FBRyxXQUFXLENBQUMsSUFBSSxDQUFFLEdBQUksQ0FDbEcsQ0FDZCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBUlcsUUFBQSxPQUFPLFdBUWxCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9Gb3JtUGFnZS9GaWVsZC9Db250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFDMUIsdURBQXNFO0FBRXRFLGtFQUFrRTtBQUUzRCxJQUFNLE9BQU8sR0FBMkUsVUFBQyxLQUFLO0lBQ3pGLElBQUEsV0FBVyxHQUE4QyxLQUFLLFlBQW5ELEVBQUUsS0FBNEMsS0FBSyxPQUF0QyxFQUFYLE1BQU0sbUJBQUcsRUFBRSxLQUFBLEVBQUUsaUJBQWlCLEdBQWMsS0FBSyxrQkFBbkIsRUFBRSxPQUFPLEdBQUssS0FBSyxRQUFWLENBQVc7SUFDdkUsT0FBTyxDQUNIO1FBQ0ksOENBQVMsV0FBVyxDQUFDLEtBQUssQ0FBVTtRQUNwQyw4QkFBQyw2QkFBWTtRQUNULDZDQUE2Qzs7WUFBN0MsNkNBQTZDO1lBQzdDLGlCQUFpQixFQUNiLGlCQUFpQixhQUFqQixpQkFBaUIsY0FBakIsaUJBQWlCLEdBQ2pCO1lBQ0ksV0FBVzthQUNkLEVBRUwsSUFBSSxFQUFFLFVBQUcsTUFBTSxTQUFHLFdBQVcsQ0FBQyxJQUFJLENBQUUsRUFDcEMsT0FBTyxFQUFFLE9BQU8sR0FDbEIsQ0FDSyxDQUNkLENBQUM7QUFDTixDQUFDLENBQUM7QUFsQlcsUUFBQSxPQUFPLFdBa0JsQiJ9

package/pages/FormPage/FieldArray.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { FieldSchemaResponse } from "../../api";
+import { FormControl } from "@uxf/form/form/form";
+export declare const FieldArray: React.FC<{
+    fieldName: string;
+    fieldSchema: FieldSchemaResponse;
+    entityAlias: string;
+    isEditing?: boolean;
+    control: FormControl<any>;
+}>;

package/pages/FormPage/FieldArray.js

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldArray = void 0;
+var react_1 = __importStar(require("react"));
+var react_hook_form_1 = require("react-hook-form");
+var button_1 = require("@uxf/ui/button");
+var BaseField_1 = require("./BaseField");
+var FieldArray = function (props) {
+    var fieldName = props.fieldName, fieldSchema = props.fieldSchema, isEditing = props.isEditing, entityAlias = props.entityAlias, control = props.control;
+    var _a = (0, react_hook_form_1.useFieldArray)({ control: control, name: fieldName }), fields = _a.fields, remove = _a.remove, append = _a.append;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "grid gap-1" }, fields.map(function (name, index) {
+            var _a;
+            return (react_1.default.createElement(react_1.Fragment, { key: name.id }, (_a = fieldSchema.fields) === null || _a === void 0 ? void 0 :
+                _a.map(function (schema, i) {
+                    if (schema.name === "id") {
+                        return react_1.default.createElement("input", { type: "hidden", key: "".concat(schema.name, "-").concat(i), name: "id" });
+                    }
+                    return (react_1.default.createElement("div", { key: "".concat(schema.name, "-").concat(i) },
+                        react_1.default.createElement(BaseField_1.BaseField, { fieldSchema: schema, entityAlias: entityAlias, isEditing: isEditing, prefix: "".concat(index, "."), control: control })));
+                }),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(button_1.Button, { onClick: function () { return remove(index); } }, "Remove"))));
+        })),
+        react_1.default.createElement(button_1.Button, { onClick: function () { return append({ id: null }); } }, "Add")));
+};
+exports.FieldArray = FieldArray;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRBcnJheS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9Gb3JtUGFnZS9GaWVsZEFycmF5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQXdDO0FBQ3hDLG1EQUFnRDtBQUNoRCx5Q0FBd0M7QUFFeEMseUNBQXdDO0FBR2pDLElBQU0sVUFBVSxHQU1sQixVQUFDLEtBQUs7SUFDQyxJQUFBLFNBQVMsR0FBbUQsS0FBSyxVQUF4RCxFQUFFLFdBQVcsR0FBc0MsS0FBSyxZQUEzQyxFQUFFLFNBQVMsR0FBMkIsS0FBSyxVQUFoQyxFQUFFLFdBQVcsR0FBYyxLQUFLLFlBQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBRXBFLElBQUEsS0FBNkIsSUFBQSwrQkFBYSxFQUFDLEVBQUUsT0FBTyxTQUFBLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxDQUFDLEVBQXRFLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBZ0QsQ0FBQztJQUUvRSxPQUFPLENBQ0g7UUFDSSx1Q0FBSyxTQUFTLEVBQUMsWUFBWSxJQUN0QixNQUFNLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxFQUFFLEtBQUs7O1lBQUssT0FBQSxDQUN6Qiw4QkFBQyxnQkFBUSxJQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsRUFBRSxJQUNqQixNQUFBLFdBQVcsQ0FBQyxNQUFNO21CQUFFLEdBQUcsQ0FBQyxVQUFDLE1BQU0sRUFBRSxDQUFDO29CQUMvQixJQUFJLE1BQU0sQ0FBQyxJQUFJLEtBQUssSUFBSSxFQUFFO3dCQUN0QixPQUFPLHlDQUFPLElBQUksRUFBQyxRQUFRLEVBQUMsR0FBRyxFQUFFLFVBQUcsTUFBTSxDQUFDLElBQUksY0FBSSxDQUFDLENBQUUsRUFBRSxJQUFJLEVBQUMsSUFBSSxHQUFHLENBQUM7cUJBQ3hFO29CQUVELE9BQU8sQ0FDSCx1Q0FBSyxHQUFHLEVBQUUsVUFBRyxNQUFNLENBQUMsSUFBSSxjQUFJLENBQUMsQ0FBRTt3QkFDM0IsOEJBQUMscUJBQVMsSUFDTixXQUFXLEVBQUUsTUFBTSxFQUNuQixXQUFXLEVBQUUsV0FBVyxFQUN4QixTQUFTLEVBQUUsU0FBUyxFQUNwQixNQUFNLEVBQUUsVUFBRyxLQUFLLE1BQUcsRUFDbkIsT0FBTyxFQUFFLE9BQU8sR0FDbEIsQ0FDQSxDQUNULENBQUM7Z0JBQ04sQ0FBQyxDQUFDO2dCQUNGO29CQUNJLDhCQUFDLGVBQU0sSUFBQyxPQUFPLEVBQUUsY0FBTSxPQUFBLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBYixDQUFhLGFBQWlCLENBQ25ELENBQ0MsQ0FDZCxDQUFBO1NBQUEsQ0FBQyxDQUNBO1FBQ04sOEJBQUMsZUFBTSxJQUFDLE9BQU8sRUFBRSxjQUFNLE9BQUEsTUFBTSxDQUFDLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxDQUFDLEVBQXBCLENBQW9CLFVBQWMsQ0FDMUQsQ0FDTixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBMUNXLFFBQUEsVUFBVSxjQTBDckIifQ==

package/pages/FormPage/Form.d.ts

@@ -1,18 +1,18 @@
-import React from "react";
-import { FormProps as ReactFinalFormProps } from "react-final-form";
+import { FC } from "react";
+import { FormProps as UXFFormProps } from "@uxf/form/form";
 import { FormSchemaResponse } from "../../api";
 import { FieldComponent } from "./types";
-import { FormState } from "final-form";
-declare type SubmitButtonComponent = React.FC<{
-    formState: FormState<any>;
+import { FieldValues, FormState } from "react-hook-form";
+declare type SubmitButtonComponent<TFieldValues extends FieldValues = FieldValues> = FC<{
+    formState: FormState<TFieldValues>;
 }>;
-interface FormProps<T> extends ReactFinalFormProps<T> {
+interface FormProps<T extends FieldValues> extends Omit<UXFFormProps<T>, "children"> {
     className?: string;
     schema: FormSchemaResponse;
     Field?: FieldComponent;
     entityAlias: string;
     isEditing?: boolean;
-    SubmitButton?: SubmitButtonComponent;
+    SubmitButton?: SubmitButtonComponent<T>;
 }
-export declare const Form: <T extends unknown>(props: FormProps<T>) => JSX.Element;
+export declare const Form: <T extends FieldValues>(props: FormProps<T>) => JSX.Element;
 export {};