@uxf/cms 6.0.0-beta.3 → 6.0.0-beta.31

package/pages/ChangePasswordPage/ChangePasswordPage.js

@@ -0,0 +1,102 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChangePasswordPage = void 0;
+var react_1 = __importStar(require("react"));
+var config_1 = require("../../config");
+var ChangePasswordForm_1 = require("../../forms/ChangePasswordForm");
+var withAuthenticate_1 = require("../../deprecated/hoc/withAuthenticate");
+var INITIAL_VALUES = {
+    originalPassword: "",
+    newPassword: "",
+    newPasswordAgain: "",
+};
+var ChangePasswordPage = function (config) {
+    var Component = function () {
+        var _a, _b;
+        var onSubmit = (0, react_1.useCallback)(function (values) { return __awaiter(void 0, void 0, void 0, function () {
+            var e_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, config.onSubmit(values)];
+                    case 1:
+                        _a.sent();
+                        return [3 /*break*/, 3];
+                    case 2:
+                        e_1 = _a.sent();
+                        config_1.container.get("service.error").handleError(e_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); }, []);
+        var Layout = (_b = (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Layout) !== null && _b !== void 0 ? _b : react_1.default.createElement("div", null);
+        var Content = react_1.default.createElement(ChangePasswordForm_1.ChangePasswordForm, { onSubmit: onSubmit, defaultValues: INITIAL_VALUES });
+        return react_1.default.cloneElement(Layout, {
+            children: Content,
+        });
+    };
+    return (0, withAuthenticate_1.withAuthenticate)({})(Component);
+};
+exports.ChangePasswordPage = ChangePasswordPage;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hhbmdlUGFzc3dvcmRQYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BhZ2VzL0NoYW5nZVBhc3N3b3JkUGFnZS9DaGFuZ2VQYXNzd29yZFBhZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0EsNkNBQTJDO0FBQzNDLHVDQUF5QztBQUV6QyxxRUFBcUg7QUFDckgsMEVBQXlFO0FBRXpFLElBQU0sY0FBYyxHQUEyQjtJQUMzQyxnQkFBZ0IsRUFBRSxFQUFFO0lBQ3BCLFdBQVcsRUFBRSxFQUFFO0lBQ2YsZ0JBQWdCLEVBQUUsRUFBRTtDQUN2QixDQUFDO0FBRUssSUFBTSxrQkFBa0IsR0FBRyxVQUFDLE1BQWdDO0lBQy9ELElBQU0sU0FBUyxHQUFhOztRQUN4QixJQUFNLFFBQVEsR0FBRyxJQUFBLG1CQUFXLEVBQW1ELFVBQU8sTUFBTTs7Ozs7O3dCQUVwRixxQkFBTSxNQUFNLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFBOzt3QkFBN0IsU0FBNkIsQ0FBQzs7Ozt3QkFFOUIsa0JBQVMsQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUMsV0FBVyxDQUFDLEdBQUMsQ0FBQyxDQUFDOzs7OzthQUVyRCxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRVAsSUFBTSxNQUFNLEdBQUcsTUFBQSxNQUFBLE1BQU0sQ0FBQyxFQUFFLDBDQUFFLE1BQU0sbUNBQUksMENBQU8sQ0FBQztRQUU1QyxJQUFNLE9BQU8sR0FBRyw4QkFBQyx1Q0FBa0IsSUFBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxjQUFjLEdBQUksQ0FBQztRQUUxRixPQUFPLGVBQUssQ0FBQyxZQUFZLENBQUMsTUFBTSxFQUFFO1lBQzlCLFFBQVEsRUFBRSxPQUFPO1NBQ3BCLENBQUMsQ0FBQztJQUNQLENBQUMsQ0FBQztJQUVGLE9BQU8sSUFBQSxtQ0FBZ0IsRUFBQyxFQUFFLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQztBQUMzQyxDQUFDLENBQUM7QUFwQlcsUUFBQSxrQkFBa0Isc0JBb0I3QiJ9

package/pages/ChangePasswordPage/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ChangePasswordPage";
+export * from "./types";

package/pages/ChangePasswordPage/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ChangePasswordPage"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFnZXMvQ2hhbmdlUGFzc3dvcmRQYWdlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSx1REFBcUM7QUFDckMsMENBQXdCIn0=

package/pages/ChangePasswordPage/types.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from "react";
+import { ChangePasswordFormData } from "../../forms/ChangePasswordForm";
+export interface ChangePasswordPageConfig {
+    onSubmit: (values: ChangePasswordFormData) => Promise<void>;
+    ui?: {
+        Layout?: ReactElement;
+    };
+}

package/{ui/Autocomplete → pages/ChangePasswordPage}/types.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvQXV0b2NvbXBsZXRlL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFnZXMvQ2hhbmdlUGFzc3dvcmRQYWdlL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/pages/ContentBuilder/ContentBuilderPage.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -44,7 +48,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -65,15 +69,11 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentBuilderPage = void 0;
 var react_1 = __importStar(require("react"));
 var Form_1 = require("./components/Form");
 var withAuthenticate_1 = require("../../deprecated/hoc/withAuthenticate");
-var Box_1 = __importDefault(require("@mui/material/Box"));
 var api_1 = require("../../api");
 var router_1 = require("@uxf/router");
 var mapper_1 = require("./mapper");
@@ -158,8 +158,8 @@ var ContentBuilderPageComponent = function (props) {
         });
     }); }, [onSubmit, onSubmitSuccess, id, config]);
     return (react_1.default.createElement(Layout, null,
-        react_1.default.createElement(Box_1.default, { pb: 8 },
-            react_1.default.createElement(Form_1.Form, { config: config, id: id, onSubmit: handleSubmit, initialValues: initialValues }))));
+        react_1.default.createElement("div", { className: "pb-8" },
+            react_1.default.createElement(Form_1.Form, { config: config, id: id, onSubmit: handleSubmit, defaultValues: initialValues }))));
 };
 ContentBuilderPageComponent.displayName = "ContentBuilderComponent";
 var ContentBuilderPage = function (config) {
@@ -195,4 +195,4 @@ var ContentBuilderPage = function (config) {
     return (0, withAuthenticate_1.withAuthenticate)({ allowedRoles: config.allowedRoles || ["ROLE_ROOT"] })(Page);
 };
 exports.ContentBuilderPage = ContentBuilderPage;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudEJ1aWxkZXJQYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BhZ2VzL0NvbnRlbnRCdWlsZGVyL0NvbnRlbnRCdWlsZGVyUGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0EsNkNBQTJDO0FBRTNDLDBDQUFvRDtBQUNwRCwwRUFBeUU7QUFDekUsMERBQW9DO0FBQ3BDLGlDQUFxRTtBQUNyRSxzQ0FBaUQ7QUFDakQsbUNBQXVFO0FBQ3ZFLHVDQUF5QztBQUV6QyxJQUFNLGFBQWEsR0FBYSxVQUFDLEtBQUssSUFBSyxPQUFBLGtEQUFTLEtBQUssRUFBSSxFQUFsQixDQUFrQixDQUFDO0FBRTlELElBQU0sb0JBQW9CLEdBQStDLFVBQU8sR0FBRzs7Ozs7Z0JBQ3pFLFNBQVMsR0FBRyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBQSwyQkFBa0IsRUFBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7Z0JBRW5FLElBQUksR0FBRyxJQUFJLElBQUksRUFBRSxDQUFDO2dCQUN4QixJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUNqQixJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUNuQixJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDO3FCQUVqQixTQUFTLEVBQVQsd0JBQVM7Z0JBQ1YscUJBQU0sSUFBQSxnQkFBVSxFQUFDLEdBQUcsRUFBRSxTQUFTLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxJQUFBLDhCQUFxQixFQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBN0IsQ0FBNkIsQ0FBQyxFQUFBOztn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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudEJ1aWxkZXJQYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BhZ2VzL0NvbnRlbnRCdWlsZGVyL0NvbnRlbnRCdWlsZGVyUGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBLDZDQUEyQztBQUUzQywwQ0FBb0Q7QUFDcEQsMEVBQXlFO0FBQ3pFLGlDQUFxRTtBQUNyRSxzQ0FBaUQ7QUFDakQsbUNBQXVFO0FBQ3ZFLHVDQUF5QztBQUV6QyxJQUFNLGFBQWEsR0FBYSxVQUFDLEtBQUssSUFBSyxPQUFBLGtEQUFTLEtBQUssRUFBSSxFQUFsQixDQUFrQixDQUFDO0FBRTlELElBQU0sb0JBQW9CLEdBQStDLFVBQU8sR0FBRzs7Ozs7Z0JBQ3pFLFNBQVMsR0FBRyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBQSwyQkFBa0IsRUFBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7Z0JBRW5FLElBQUksR0FBRyxJQUFJLElBQUksRUFBRSxDQUFDO2dCQUN4QixJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUNqQixJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUNuQixJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDO3FCQUVqQixTQUFTLEVBQVQsd0JBQVM7Z0JBQ1YscUJBQU0sSUFBQSxnQkFBVSxFQUFDLEdBQUcsRUFBRSxTQUFTLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxJQUFBLDhCQUFxQixFQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBN0IsQ0FBNkIsQ0FBQyxFQUFBOztnQkFBM0UsS0FBQSxT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

package/pages/ContentBuilder/ContentField.d.ts

@@ -1,8 +1,10 @@
 import React from "react";
 import { ContentComponent } from "./types";
+import { FormControl } from "@uxf/form/form/form";
 interface ContentFieldProps {
     contentComponents: ContentComponent<any>[];
     name: string;
+    control: FormControl<any>;
 }
 export declare const ContentField: React.FC<ContentFieldProps>;
 export {};

package/pages/ContentBuilder/ContentField.js

@@ -4,32 +4,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentField = void 0;
-var Grid_1 = __importDefault(require("@mui/material/Grid"));
 var FormContent_1 = require("./components/FormContent");
-var Button_1 = __importDefault(require("@mui/material/Button"));
-var react_final_form_arrays_1 = require("react-final-form-arrays");
 var react_1 = __importDefault(require("react"));
-var Box_1 = __importDefault(require("@mui/material/Box"));
-var Add_1 = __importDefault(require("@mui/icons-material/Add"));
-var react_final_form_1 = require("react-final-form");
+var button_1 = require("@uxf/ui/button");
+var react_hook_form_1 = require("react-hook-form");
 var ContentField = function (props) {
-    var contentComponents = props.contentComponents, name = props.name;
-    (0, react_final_form_1.useField)("".concat(name, ".search"), { defaultValue: "" });
-    return (react_1.default.createElement(react_final_form_arrays_1.FieldArray, { name: "".concat(name, ".data") }, function (_a) {
-        var fields = _a.fields;
-        return (react_1.default.createElement(Grid_1.default, { container: true, spacing: 2 },
-            fields.map(function (name, index) { return (react_1.default.createElement(Grid_1.default, { key: name, item: true, xs: 12 },
-                react_1.default.createElement(FormContent_1.FormContent, { name: name, contentComponents: contentComponents, index: index, onRemove: function () { return fields.remove(index); } }))); }),
-            react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                react_1.default.createElement(Box_1.default, { py: 1 },
-                    react_1.default.createElement(Button_1.default, { startIcon: react_1.default.createElement(Add_1.default, null), variant: "outlined", type: "button", onClick: function () {
-                            var _a, _b;
-                            return fields.push({
-                                type: (_b = (_a = contentComponents[0]) === null || _a === void 0 ? void 0 : _a.getConfig().type) !== null && _b !== void 0 ? _b : "unknown",
-                                content: null,
-                            });
-                        } }, "P\u0159idat sekci")))));
-    }));
+    var contentComponents = props.contentComponents, name = props.name, control = props.control;
+    var _a = (0, react_hook_form_1.useFieldArray)({ name: "".concat(name, ".data"), control: control }), fields = _a.fields, remove = _a.remove, append = _a.append;
+    return (react_1.default.createElement("div", { className: "space-y-4" },
+        fields.map(function (field, index) {
+            return (react_1.default.createElement("div", { key: field.id },
+                react_1.default.createElement(FormContent_1.FormContent, { name: "".concat(name, ".data[").concat(index, "]"), contentComponents: contentComponents, index: index, onRemove: function () { return remove(index); }, control: control })));
+        }),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement("div", { className: "p-2" },
+                react_1.default.createElement(button_1.Button, { onClick: function () {
+                        var _a, _b;
+                        return append({
+                            type: (_b = (_a = contentComponents[0]) === null || _a === void 0 ? void 0 : _a.getConfig().type) !== null && _b !== void 0 ? _b : "unknown",
+                            content: null,
+                        });
+                    }, variant: "outlined", size: "sm" }, "P\u0159idat sekci")))));
 };
 exports.ContentField = ContentField;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudEZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BhZ2VzL0NvbnRlbnRCdWlsZGVyL0NvbnRlbnRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsNERBQXNDO0FBQ3RDLHdEQUF1RDtBQUN2RCxnRUFBMEM7QUFDMUMsbUVBQXFEO0FBQ3JELGdEQUEwQjtBQUUxQiwwREFBb0M7QUFDcEMsZ0VBQThDO0FBQzlDLHFEQUE0QztBQU9yQyxJQUFNLFlBQVksR0FBZ0MsVUFBQyxLQUFLO0lBQ25ELElBQUEsaUJBQWlCLEdBQVcsS0FBSyxrQkFBaEIsRUFBRSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFMUMsSUFBQSwyQkFBUSxFQUFDLFVBQUcsSUFBSSxZQUFTLEVBQUUsRUFBRSxZQUFZLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVqRCxPQUFPLENBQ0gsOEJBQUMsb0NBQVUsSUFBQyxJQUFJLEVBQUUsVUFBRyxJQUFJLFVBQU8sSUFDM0IsVUFBQyxFQUFVO1lBQVIsTUFBTSxZQUFBO1FBQU8sT0FBQSxDQUNiLDhCQUFDLGNBQUksSUFBQyxTQUFTLFFBQUMsT0FBTyxFQUFFLENBQUM7WUFDckIsTUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksRUFBRSxLQUFLLElBQUssT0FBQSxDQUN6Qiw4QkFBQyxjQUFJLElBQUMsR0FBRyxFQUFFLElBQUksRUFBRSxJQUFJLFFBQUMsRUFBRSxFQUFFLEVBQUU7Z0JBQ3hCLDhCQUFDLHlCQUFXLElBQ1IsSUFBSSxFQUFFLElBQUksRUFDVixpQkFBaUIsRUFBRSxpQkFBaUIsRUFDcEMsS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEVBQUUsY0FBTSxPQUFBLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQXBCLENBQW9CLEdBQ3RDLENBQ0MsQ0FDVixFQVQ0QixDQVM1QixDQUFDO1lBQ0YsOEJBQUMsY0FBSSxJQUFDLElBQUksUUFBQyxFQUFFLEVBQUUsRUFBRTtnQkFDYiw4QkFBQyxhQUFHLElBQUMsRUFBRSxFQUFFLENBQUM7b0JBQ04sOEJBQUMsZ0JBQU0sSUFDSCxTQUFTLEVBQUUsOEJBQUMsYUFBTyxPQUFHLEVBQ3RCLE9BQU8sRUFBQyxVQUFVLEVBQ2xCLElBQUksRUFBQyxRQUFRLEVBQ2IsT0FBTyxFQUFFOzs0QkFDTCxPQUFBLE1BQU0sQ0FBQyxJQUFJLENBQUM7Z0NBQ1IsSUFBSSxFQUFFLE1BQUEsTUFBQSxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsMENBQUUsU0FBUyxHQUFHLElBQUksbUNBQUksU0FBUztnQ0FDekQsT0FBTyxFQUFFLElBQUk7NkJBQ2hCLENBQUMsQ0FBQTt5QkFBQSx3QkFJRCxDQUNQLENBQ0gsQ0FDSixDQUNWO0lBOUJnQixDQThCaEIsQ0FDUSxDQUNoQixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBeENXLFFBQUEsWUFBWSxnQkF3Q3ZCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudEZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BhZ2VzL0NvbnRlbnRCdWlsZGVyL0NvbnRlbnRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsd0RBQXVEO0FBQ3ZELGdEQUEwQjtBQUcxQix5Q0FBd0M7QUFDeEMsbURBQWdEO0FBUXpDLElBQU0sWUFBWSxHQUFnQyxVQUFDLEtBQUs7SUFDbkQsSUFBQSxpQkFBaUIsR0FBb0IsS0FBSyxrQkFBekIsRUFBRSxJQUFJLEdBQWMsS0FBSyxLQUFuQixFQUFFLE9BQU8sR0FBSyxLQUFLLFFBQVYsQ0FBVztJQUU3QyxJQUFBLEtBQTZCLElBQUEsK0JBQWEsRUFBQyxFQUFFLElBQUksRUFBRSxVQUFHLElBQUksVUFBTyxFQUFFLE9BQU8sU0FBQSxFQUFFLENBQUMsRUFBM0UsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFxRCxDQUFDO0lBRXBGLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsV0FBVztRQUNyQixNQUFNLENBQUMsR0FBRyxDQUFDLFVBQUMsS0FBSyxFQUFFLEtBQUs7WUFDckIsT0FBTyxDQUNILHVDQUFLLEdBQUcsRUFBRSxLQUFLLENBQUMsRUFBRTtnQkFDZCw4QkFBQyx5QkFBVyxJQUNSLElBQUksRUFBRSxVQUFHLElBQUksbUJBQVMsS0FBSyxNQUFHLEVBQzlCLGlCQUFpQixFQUFFLGlCQUFpQixFQUNwQyxLQUFLLEVBQUUsS0FBSyxFQUNaLFFBQVEsRUFBRSxjQUFNLE9BQUEsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFiLENBQWEsRUFDN0IsT0FBTyxFQUFFLE9BQU8sR0FDbEIsQ0FDQSxDQUNULENBQUM7UUFDTixDQUFDLENBQUM7UUFDRjtZQUNJLHVDQUFLLFNBQVMsRUFBQyxLQUFLO2dCQUNoQiw4QkFBQyxlQUFNLElBQ0gsT0FBTyxFQUFFOzt3QkFDTCxPQUFBLE1BQU0sQ0FBQzs0QkFDSCxJQUFJLEVBQUUsTUFBQSxNQUFBLGlCQUFpQixDQUFDLENBQUMsQ0FBQywwQ0FBRSxTQUFTLEdBQUcsSUFBSSxtQ0FBSSxTQUFTOzRCQUN6RCxPQUFPLEVBQUUsSUFBSTt5QkFDaEIsQ0FBQyxDQUFBO3FCQUFBLEVBRU4sT0FBTyxFQUFDLFVBQVUsRUFDbEIsSUFBSSxFQUFDLElBQUksd0JBR0osQ0FDUCxDQUNKLENBQ0osQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBdENXLFFBQUEsWUFBWSxnQkFzQ3ZCIn0=

package/pages/ContentBuilder/ContentHeader.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -29,31 +33,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentHeader = void 0;
 var react_1 = __importStar(require("react"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
-var InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
-var Select_1 = __importDefault(require("@mui/material/Select"));
-var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
-var Button_1 = __importDefault(require("@mui/material/Button"));
+var button_1 = require("@uxf/ui/button");
+var select_1 = require("@uxf/form/select");
 var ContentHeader = function (props) {
-    var index = props.index, name = props.name, TypeInputProps = props.TypeInputProps, onRemove = props.onRemove;
+    var index = props.index, name = props.name, TypeInputProps = props.TypeInputProps, onRemove = props.onRemove, control = props.control;
     var inputId = "field-".concat(name);
     var removeHandler = (0, react_1.useCallback)(function () {
         // eslint-disable-next-line no-alert
@@ -62,19 +48,14 @@ var ContentHeader = function (props) {
         }
     }, [onRemove]);
     return (react_1.default.createElement("div", null,
-        react_1.default.createElement("div", { className: "flex flex-row justify-between items-center pt-8 pb-4" },
-            react_1.default.createElement(Typography_1.default, { variant: "h3", fontWeight: "bold" },
+        react_1.default.createElement("div", { className: "flex flex-row items-center justify-between pt-8 pb-4" },
+            react_1.default.createElement("h3", { className: "uxf-typo-h6" },
                 "Sekce #",
                 index + 1),
             index > 0 ? (react_1.default.createElement("div", null,
-                react_1.default.createElement(Button_1.default, { size: "small", color: "error", onClick: removeHandler }, "Smazat sekci"))) : (react_1.default.createElement("div", null))),
+                react_1.default.createElement(button_1.Button, { size: "sm", onClick: removeHandler }, "Smazat sekci"))) : (react_1.default.createElement("div", null))),
         react_1.default.createElement("div", { className: "pt-2" },
-            react_1.default.createElement(FormControl_1.default, { fullWidth: true },
-                react_1.default.createElement(InputLabel_1.default, { id: inputId }, "Typ"),
-                react_1.default.createElement(Select_1.default, __assign({ label: "Typ", size: "small", labelId: inputId }, TypeInputProps), TypeInputProps.options.map(function (_a) {
-                    var children = _a.children, menuItemProps = __rest(_a, ["children"]);
-                    return (react_1.default.createElement(MenuItem_1.default, __assign({ key: index }, menuItemProps), children));
-                }))))));
+            react_1.default.createElement(select_1.Select, __assign({ label: "typ", id: inputId, control: control }, TypeInputProps)))));
 };
 exports.ContentHeader = ContentHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudEhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9Db250ZW50QnVpbGRlci9Db250ZW50SGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBLDZDQUEyQztBQUMzQyx3RUFBa0Q7QUFDbEQsMEVBQW9EO0FBQ3BELHdFQUFrRDtBQUNsRCxnRUFBMEM7QUFDMUMsb0VBQThDO0FBQzlDLGdFQUEwQztBQUVuQyxJQUFNLGFBQWEsR0FBMkIsVUFBQyxLQUFLO0lBQy9DLElBQUEsS0FBSyxHQUFxQyxLQUFLLE1BQTFDLEVBQUUsSUFBSSxHQUErQixLQUFLLEtBQXBDLEVBQUUsY0FBYyxHQUFlLEtBQUssZUFBcEIsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFFeEQsSUFBTSxPQUFPLEdBQUcsZ0JBQVMsSUFBSSxDQUFFLENBQUM7SUFFaEMsSUFBTSxhQUFhLEdBQUcsSUFBQSxtQkFBVyxFQUFDO1FBQzlCLG9DQUFvQztRQUNwQyxJQUFJLE9BQU8sQ0FBQyw4QkFBOEIsQ0FBQyxFQUFFO1lBQ3pDLFFBQVEsRUFBRSxDQUFDO1NBQ2Q7SUFDTCxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBRWYsT0FBTyxDQUNIO1FBQ0ksdUNBQUssU0FBUyxFQUFDLHNEQUFzRDtZQUNqRSw4QkFBQyxvQkFBVSxJQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUMsVUFBVSxFQUFDLE1BQU07O2dCQUM5QixLQUFLLEdBQUcsQ0FBQyxDQUNSO1lBQ1osS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDVDtnQkFDSSw4QkFBQyxnQkFBTSxJQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsS0FBSyxFQUFDLE9BQU8sRUFBQyxPQUFPLEVBQUUsYUFBYSxtQkFFaEQsQ0FDUCxDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0EsMENBQU8sQ0FDVixDQUNDO1FBQ04sdUNBQUssU0FBUyxFQUFDLE1BQU07WUFDakIsOEJBQUMscUJBQVcsSUFBQyxTQUFTO2dCQUNsQiw4QkFBQyxvQkFBVSxJQUFDLEVBQUUsRUFBRSxPQUFPLFVBQWtCO2dCQUN6Qyw4QkFBQyxnQkFBTSxhQUFDLEtBQUssRUFBQyxLQUFLLEVBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxPQUFPLEVBQUUsT0FBTyxJQUFNLGNBQWMsR0FDaEUsY0FBYyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBQyxFQUE4QjtvQkFBNUIsSUFBQSxRQUFRLGNBQUEsRUFBSyxhQUFhLGNBQTVCLFlBQThCLENBQUY7b0JBQ3JELE9BQU8sQ0FDSCw4QkFBQyxrQkFBUSxhQUFDLEdBQUcsRUFBRSxLQUFLLElBQU0sYUFBYSxHQUNsQyxRQUFRLENBQ0YsQ0FDZCxDQUFDO2dCQUNOLENBQUMsQ0FBQyxDQUNHLENBQ0MsQ0FDWixDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQTVDVyxRQUFBLGFBQWEsaUJBNEN4QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudEhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9Db250ZW50QnVpbGRlci9Db250ZW50SGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0EsNkNBQTJDO0FBQzNDLHlDQUF3QztBQUN4QywyQ0FBMEM7QUFFbkMsSUFBTSxhQUFhLEdBQTJCLFVBQUMsS0FBSztJQUMvQyxJQUFBLEtBQUssR0FBOEMsS0FBSyxNQUFuRCxFQUFFLElBQUksR0FBd0MsS0FBSyxLQUE3QyxFQUFFLGNBQWMsR0FBd0IsS0FBSyxlQUE3QixFQUFFLFFBQVEsR0FBYyxLQUFLLFNBQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBRWpFLElBQU0sT0FBTyxHQUFHLGdCQUFTLElBQUksQ0FBRSxDQUFDO0lBRWhDLElBQU0sYUFBYSxHQUFHLElBQUEsbUJBQVcsRUFBQztRQUM5QixvQ0FBb0M7UUFDcEMsSUFBSSxPQUFPLENBQUMsOEJBQThCLENBQUMsRUFBRTtZQUN6QyxRQUFRLEVBQUUsQ0FBQztTQUNkO0lBQ0wsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztJQUVmLE9BQU8sQ0FDSDtRQUNJLHVDQUFLLFNBQVMsRUFBQyxzREFBc0Q7WUFDakUsc0NBQUksU0FBUyxFQUFDLGFBQWE7O2dCQUFTLEtBQUssR0FBRyxDQUFDLENBQU07WUFDbEQsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDVDtnQkFDSSw4QkFBQyxlQUFNLElBQUMsSUFBSSxFQUFDLElBQUksRUFBQyxPQUFPLEVBQUUsYUFBYSxtQkFFL0IsQ0FDUCxDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0EsMENBQU8sQ0FDVixDQUNDO1FBQ04sdUNBQUssU0FBUyxFQUFDLE1BQU07WUFDakIsOEJBQUMsZUFBTSxhQUFDLEtBQUssRUFBQyxLQUFLLEVBQUMsRUFBRSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxJQUFNLGNBQWMsRUFBSSxDQUN2RSxDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQS9CVyxRQUFBLGFBQWEsaUJBK0J4QiJ9

package/pages/ContentBuilder/components/Form.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { FormProps as ReactFinalFormProps } from "react-final-form";
+import { FormProps as UXFFormProps } from "@uxf/form/form";
 import { ContentBuilderConfig, RootContent } from "../types";
-export interface FormProps extends ReactFinalFormProps<RootContent<any>> {
+export interface FormProps extends Omit<UXFFormProps<RootContent<any>>, "children"> {
     config: ContentBuilderConfig<any>;
     id: number | null;
 }

package/pages/ContentBuilder/components/Form.js

@@ -27,43 +27,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = void 0;
 var react_1 = __importDefault(require("react"));
-var react_final_form_1 = require("react-final-form");
-var final_form_arrays_1 = __importDefault(require("final-form-arrays"));
-var Save_1 = __importDefault(require("@mui/icons-material/Save"));
-var Fab_1 = __importDefault(require("@mui/material/Fab"));
+var form_1 = require("@uxf/form/form");
 var FormRootFields_1 = require("./FormRootFields");
 var ContentField_1 = require("../ContentField");
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var Box_1 = __importDefault(require("@mui/material/Box"));
-var final_form_calculate_1 = __importDefault(require("final-form-calculate"));
-var slugify_1 = require("@uxf/core/utils/slugify");
-// Create Decorator
-var decorator = (0, final_form_calculate_1.default)(
-// Calculations:
-{
-    field: "name",
-    updates: {
-        // ...update maximum to the result of this function
-        "seo.name": function (nameValue, allValues, prevValues) {
-            var _a;
-            return !allValues.seo.name || allValues.seo.name === (0, slugify_1.slugify)((_a = prevValues.name) !== null && _a !== void 0 ? _a : "")
-                ? (0, slugify_1.slugify)(nameValue !== null && nameValue !== void 0 ? nameValue : "")
-                : allValues.seo.name;
-        },
-    },
-});
+var button_1 = require("@uxf/ui/button");
 var Form = function (props) {
     var config = props.config, id = props.id, formProps = __rest(props, ["config", "id"]);
-    return (react_1.default.createElement(react_final_form_1.Form, __assign({}, formProps, { mutators: __assign({}, final_form_arrays_1.default), decorators: [decorator] }), function (_a) {
-        var handleSubmit = _a.handleSubmit, submitting = _a.submitting, pristine = _a.pristine;
-        return (react_1.default.createElement("form", { onSubmit: handleSubmit },
-            react_1.default.createElement(FormRootFields_1.FormRootFields, { config: config, id: id },
-                react_1.default.createElement(Box_1.default, { px: 2 },
-                    react_1.default.createElement(Typography_1.default, { variant: "h2", pt: 6, pb: 2, style: { fontWeight: 500 } }, "Obsah"),
-                    react_1.default.createElement(ContentField_1.ContentField, { name: "content", contentComponents: config.contentComponents }))),
-            react_1.default.createElement(Fab_1.default, { color: "primary", type: "submit", sx: { position: "fixed", bottom: 16, right: 16 }, disabled: submitting || pristine },
-                react_1.default.createElement(Save_1.default, null))));
-    }));
+    return (react_1.default.createElement(form_1.Form, __assign({}, formProps), function (control, formApi) { return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(FormRootFields_1.FormRootFields, { config: config, id: id, control: control },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement("h2", { className: "uxf-typo-h5 px-4 pt-6 pb-4" }, "Obsah"),
+                react_1.default.createElement(ContentField_1.ContentField, { name: "content", contentComponents: config.contentComponents, control: control }))),
+        react_1.default.createElement(button_1.Button, { type: "submit", disabled: formApi.formState.isSubmitting }, "Ulo\u017Eit"))); }));
 };
 exports.Form = Form;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9Db250ZW50QnVpbGRlci9jb21wb25lbnRzL0Zvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFDMUIscURBQTRGO0FBQzVGLHdFQUE4QztBQUM5QyxrRUFBZ0Q7QUFDaEQsMERBQW9DO0FBRXBDLG1EQUFrRDtBQUNsRCxnREFBK0M7QUFDL0Msd0VBQWtEO0FBQ2xELDBEQUFvQztBQUNwQyw4RUFBbUQ7QUFDbkQsbURBQWtEO0FBTWxELG1CQUFtQjtBQUNuQixJQUFNLFNBQVMsR0FBRyxJQUFBLDhCQUFlO0FBQzdCLGdCQUFnQjtBQUNoQjtJQUNJLEtBQUssRUFBRSxNQUFNO0lBQ2IsT0FBTyxFQUFFO1FBQ0wsbURBQW1EO1FBQ25ELFVBQVUsRUFBRSxVQUFDLFNBQVMsRUFBRSxTQUFjLEVBQUUsVUFBZTs7WUFDbkQsT0FBTyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxJQUFJLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxLQUFLLElBQUEsaUJBQU8sRUFBQyxNQUFBLFVBQVUsQ0FBQyxJQUFJLG1DQUFJLEVBQUUsQ0FBQztnQkFDL0UsQ0FBQyxDQUFDLElBQUEsaUJBQU8sRUFBQyxTQUFTLGFBQVQsU0FBUyxjQUFULFNBQVMsR0FBSSxFQUFFLENBQUM7Z0JBQzFCLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQztRQUM3QixDQUFDO0tBQ0o7Q0FDSixDQUNKLENBQUM7QUFDSyxJQUFNLElBQUksR0FBd0IsVUFBQyxLQUFLO0lBQ25DLElBQUEsTUFBTSxHQUF1QixLQUFLLE9BQTVCLEVBQUUsRUFBRSxHQUFtQixLQUFLLEdBQXhCLEVBQUssU0FBUyxVQUFLLEtBQUssRUFBcEMsZ0JBQTRCLENBQUYsQ0FBVztJQUUzQyxPQUFPLENBQ0gsOEJBQUMsdUJBQWMsZUFDUCxTQUFTLElBQ2IsUUFBUSxlQUNELDJCQUFhLEdBRXBCLFVBQVUsRUFBRSxDQUFDLFNBQWdCLENBQUMsS0FFN0IsVUFBQyxFQUFzQztZQUFwQyxZQUFZLGtCQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFFBQVEsY0FBQTtRQUFPLE9BQUEsQ0FDekMsd0NBQU0sUUFBUSxFQUFFLFlBQVk7WUFDeEIsOEJBQUMsK0JBQWMsSUFBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxFQUFFO2dCQUNsQyw4QkFBQyxhQUFHLElBQUMsRUFBRSxFQUFFLENBQUM7b0JBQ04sOEJBQUMsb0JBQVUsSUFBQyxPQUFPLEVBQUMsSUFBSSxFQUFDLEVBQUUsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLFlBRXBEO29CQUNiLDhCQUFDLDJCQUFZLElBQUMsSUFBSSxFQUFDLFNBQVMsRUFBQyxpQkFBaUIsRUFBRSxNQUFNLENBQUMsaUJBQWlCLEdBQUksQ0FDMUUsQ0FDTztZQUNqQiw4QkFBQyxhQUFHLElBQ0EsS0FBSyxFQUFDLFNBQVMsRUFDZixJQUFJLEVBQUMsUUFBUSxFQUNiLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEVBQ2hELFFBQVEsRUFBRSxVQUFVLElBQUksUUFBUTtnQkFFaEMsOEJBQUMsY0FBUSxPQUFHLENBQ1YsQ0FDSCxDQUNWO0lBbkI0QyxDQW1CNUMsQ0FDWSxDQUNwQixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBakNXLFFBQUEsSUFBSSxRQWlDZiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9Db250ZW50QnVpbGRlci9jb21wb25lbnRzL0Zvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFDMUIsdUNBQTRFO0FBRTVFLG1EQUFrRDtBQUNsRCxnREFBK0M7QUFDL0MseUNBQXdDO0FBT2pDLElBQU0sSUFBSSxHQUF3QixVQUFDLEtBQUs7SUFDbkMsSUFBQSxNQUFNLEdBQXVCLEtBQUssT0FBNUIsRUFBRSxFQUFFLEdBQW1CLEtBQUssR0FBeEIsRUFBSyxTQUFTLFVBQUssS0FBSyxFQUFwQyxnQkFBNEIsQ0FBRixDQUFXO0lBRTNDLE9BQU8sQ0FDSCw4QkFBQyxXQUFPLGVBQXVCLFNBQVMsR0FDbkMsVUFBQyxPQUFPLEVBQUUsT0FBTyxJQUFLLE9BQUEsQ0FDbkI7UUFDSSw4QkFBQywrQkFBYyxJQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTztZQUNwRDtnQkFDSSxzQ0FBSSxTQUFTLEVBQUMsNEJBQTRCLFlBQVc7Z0JBQ3JELDhCQUFDLDJCQUFZLElBQ1QsSUFBSSxFQUFDLFNBQVMsRUFDZCxpQkFBaUIsRUFBRSxNQUFNLENBQUMsaUJBQWlCLEVBQzNDLE9BQU8sRUFBRSxPQUFPLEdBQ2xCLENBQ0EsQ0FDTztRQUNqQiw4QkFBQyxlQUFNLElBQUMsSUFBSSxFQUFDLFFBQVEsRUFBQyxRQUFRLEVBQUUsT0FBTyxDQUFDLFNBQVMsQ0FBQyxZQUFZLGtCQUVyRCxDQUNWLENBQ04sRUFoQnNCLENBZ0J0QixDQUNLLENBQ2IsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXhCVyxRQUFBLElBQUksUUF3QmYifQ==

package/pages/ContentBuilder/components/FormContent.d.ts

@@ -1,7 +1,9 @@
 import React from "react";
 import { ContentComponent, ContentProps } from "../types";
+import { FormControl } from "@uxf/form/form/form";
 interface FormSectionProps extends Omit<ContentProps, "TypeInputProps"> {
     contentComponents: ContentComponent<any>[];
+    control: FormControl<any>;
 }
 export declare const FormContent: React.FC<FormSectionProps>;
 export {};

package/pages/ContentBuilder/components/FormContent.js

@@ -16,25 +16,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormContent = void 0;
 var react_1 = __importDefault(require("react"));
-var react_final_form_1 = require("react-final-form");
-var Warning_1 = __importDefault(require("@mui/icons-material/Warning"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var react_hook_form_1 = require("react-hook-form");
 var getSection = function (sections, type) {
     return sections.find(function (s) { return s.getConfig().type === type; });
 };
 var FormContent = function (props) {
-    var contentComponents = props.contentComponents, onRemove = props.onRemove, name = props.name, index = props.index;
-    var input = (0, react_final_form_1.useField)("".concat(name, ".type")).input;
-    var SectionContent = getSection(contentComponents, input.value);
+    var contentComponents = props.contentComponents, onRemove = props.onRemove, name = props.name, index = props.index, control = props.control;
+    var field = (0, react_hook_form_1.useController)({ control: control, name: "".concat(name, ".type") }).field;
+    var SectionContent = getSection(contentComponents, field.value);
     if (SectionContent) {
-        return (react_1.default.createElement(SectionContent, { name: "".concat(name, ".content"), onRemove: onRemove, index: index, TypeInputProps: __assign(__assign({}, input), { options: contentComponents.map(function (s) { return ({
-                    value: s.getConfig().type,
-                    children: s.getConfig().label,
-                }); }) }) }));
+        return (react_1.default.createElement(SectionContent, { name: "".concat(name, ".content"), onRemove: onRemove, index: index, TypeInputProps: __assign(__assign({}, field), { options: contentComponents.map(function (s) { return ({
+                    id: s.getConfig().type,
+                    label: s.getConfig().label,
+                }); }) }), control: control }));
     }
-    return (react_1.default.createElement("div", { className: "flex align-center justify-center p-4" },
-        react_1.default.createElement(Warning_1.default, { color: "error" }),
-        react_1.default.createElement(Typography_1.default, { color: "error", ml: 2, fontWeight: "bold" }, "Nepodporovan\u00E1 sekce")));
+    return (react_1.default.createElement("div", { className: "align-center flex justify-center p-4" },
+        react_1.default.createElement("p", { className: "text-error ml-4 font-bold" }, "Nepodporovan\u00E1 sekce")));
 };
 exports.FormContent = FormContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybUNvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFnZXMvQ29udGVudEJ1aWxkZXIvY29tcG9uZW50cy9Gb3JtQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFDMUIscURBQTRDO0FBQzVDLHdFQUFzRDtBQUN0RCx3RUFBa0Q7QUFPbEQsSUFBTSxVQUFVLEdBQUcsVUFBQyxRQUFpQyxFQUFFLElBQVk7SUFDL0QsT0FBTyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDLElBQUksS0FBSyxJQUFJLEVBQTNCLENBQTJCLENBQUMsQ0FBQztBQUM3RCxDQUFDLENBQUM7QUFFSyxJQUFNLFdBQVcsR0FBK0IsVUFBQyxLQUFLO0lBQ2pELElBQUEsaUJBQWlCLEdBQTRCLEtBQUssa0JBQWpDLEVBQUUsUUFBUSxHQUFrQixLQUFLLFNBQXZCLEVBQUUsSUFBSSxHQUFZLEtBQUssS0FBakIsRUFBRSxLQUFLLEdBQUssS0FBSyxNQUFWLENBQVc7SUFFbkQsSUFBQSxLQUFLLEdBQUssSUFBQSwyQkFBUSxFQUFDLFVBQUcsSUFBSSxVQUFPLENBQUMsTUFBN0IsQ0FBOEI7SUFFM0MsSUFBTSxjQUFjLEdBQUcsVUFBVSxDQUFDLGlCQUFpQixFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUVsRSxJQUFJLGNBQWMsRUFBRTtRQUNoQixPQUFPLENBQ0gsOEJBQUMsY0FBYyxJQUNYLElBQUksRUFBRSxVQUFHLElBQUksYUFBVSxFQUN2QixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsS0FBSyxFQUNaLGNBQWMsd0JBQ1AsS0FBSyxLQUNSLE9BQU8sRUFBRSxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDO29CQUNuQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDLElBQUk7b0JBQ3pCLFFBQVEsRUFBRSxDQUFDLENBQUMsU0FBUyxFQUFFLENBQUMsS0FBSztpQkFDaEMsQ0FBQyxFQUhvQyxDQUdwQyxDQUFDLE1BRVQsQ0FDTCxDQUFDO0tBQ0w7SUFFRCxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLHNDQUFzQztRQUNqRCw4QkFBQyxpQkFBVyxJQUFDLEtBQUssRUFBQyxPQUFPLEdBQUc7UUFDN0IsOEJBQUMsb0JBQVUsSUFBQyxLQUFLLEVBQUMsT0FBTyxFQUFDLEVBQUUsRUFBRSxDQUFDLEVBQUUsVUFBVSxFQUFDLE1BQU0sK0JBRXJDLENBQ1gsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBaENXLFFBQUEsV0FBVyxlQWdDdEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybUNvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFnZXMvQ29udGVudEJ1aWxkZXIvY29tcG9uZW50cy9Gb3JtQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFFMUIsbURBQWdEO0FBUWhELElBQU0sVUFBVSxHQUFHLFVBQUMsUUFBaUMsRUFBRSxJQUFZO0lBQy9ELE9BQU8sUUFBUSxDQUFDLElBQUksQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxJQUFJLEtBQUssSUFBSSxFQUEzQixDQUEyQixDQUFDLENBQUM7QUFDN0QsQ0FBQyxDQUFDO0FBRUssSUFBTSxXQUFXLEdBQStCLFVBQUMsS0FBSztJQUNqRCxJQUFBLGlCQUFpQixHQUFxQyxLQUFLLGtCQUExQyxFQUFFLFFBQVEsR0FBMkIsS0FBSyxTQUFoQyxFQUFFLElBQUksR0FBcUIsS0FBSyxLQUExQixFQUFFLEtBQUssR0FBYyxLQUFLLE1BQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBRTVELElBQUEsS0FBSyxHQUFLLElBQUEsK0JBQWEsRUFBQyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQUcsSUFBSSxVQUFPLEVBQUUsQ0FBQyxNQUE5RCxDQUErRDtJQUU1RSxJQUFNLGNBQWMsR0FBRyxVQUFVLENBQUMsaUJBQWlCLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRWxFLElBQUksY0FBYyxFQUFFO1FBQ2hCLE9BQU8sQ0FDSCw4QkFBQyxjQUFjLElBQ1gsSUFBSSxFQUFFLFVBQUcsSUFBSSxhQUFVLEVBQ3ZCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxLQUFLLEVBQ1osY0FBYyx3QkFDUCxLQUFLLEtBQ1IsT0FBTyxFQUFFLGlCQUFpQixDQUFDLEdBQUcsQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUM7b0JBQ25DLEVBQUUsRUFBRSxDQUFDLENBQUMsU0FBUyxFQUFFLENBQUMsSUFBSTtvQkFDdEIsS0FBSyxFQUFFLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxLQUFLO2lCQUM3QixDQUFDLEVBSG9DLENBR3BDLENBQUMsS0FFUCxPQUFPLEVBQUUsT0FBTyxHQUNsQixDQUNMLENBQUM7S0FDTDtJQUVELE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsc0NBQXNDO1FBQ2pELHFDQUFHLFNBQVMsRUFBQywyQkFBMkIsK0JBQXdCLENBQzlELENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQTlCVyxRQUFBLFdBQVcsZUE4QnRCIn0=

package/pages/ContentBuilder/components/FormRootFields.d.ts

@@ -1,9 +1,11 @@
 import React, { ReactNode } from "react";
 import { ContentBuilderConfig } from "../types";
+import { FormControl } from "@uxf/form/form/form";
 interface Props {
     config: ContentBuilderConfig<any>;
     id: number | null;
     children?: ReactNode;
+    control: FormControl<any>;
 }
 export declare const FormRootFields: React.FC<Props>;
 export {};