@uxf/cms 6.0.0-beta.1 → 6.0.0-beta.11

package/pages/ChangePasswordPage/ChangePasswordPage.js

@@ -0,0 +1,98 @@
+"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;
+};
+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 (_) 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hhbmdlUGFzc3dvcmRQYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BhZ2VzL0NoYW5nZVBhc3N3b3JkUGFnZS9DaGFuZ2VQYXNzd29yZFBhZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQSw2Q0FBMkM7QUFDM0MsdUNBQXlDO0FBRXpDLHFFQUFxSDtBQUNySCwwRUFBeUU7QUFFekUsSUFBTSxjQUFjLEdBQTJCO0lBQzNDLGdCQUFnQixFQUFFLEVBQUU7SUFDcEIsV0FBVyxFQUFFLEVBQUU7SUFDZixnQkFBZ0IsRUFBRSxFQUFFO0NBQ3ZCLENBQUM7QUFFSyxJQUFNLGtCQUFrQixHQUFHLFVBQUMsTUFBZ0M7SUFDL0QsSUFBTSxTQUFTLEdBQWE7O1FBQ3hCLElBQU0sUUFBUSxHQUFHLElBQUEsbUJBQVcsRUFBbUQsVUFBTyxNQUFNOzs7Ozs7d0JBRXBGLHFCQUFNLE1BQU0sQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEVBQUE7O3dCQUE3QixTQUE2QixDQUFDOzs7O3dCQUU5QixrQkFBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQyxXQUFXLENBQUMsR0FBQyxDQUFDLENBQUM7Ozs7O2FBRXJELEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFUCxJQUFNLE1BQU0sR0FBRyxNQUFBLE1BQUEsTUFBTSxDQUFDLEVBQUUsMENBQUUsTUFBTSxtQ0FBSSwwQ0FBTyxDQUFDO1FBRTVDLElBQU0sT0FBTyxHQUFHLDhCQUFDLHVDQUFrQixJQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUUsYUFBYSxFQUFFLGNBQWMsR0FBSSxDQUFDO1FBRTFGLE9BQU8sZUFBSyxDQUFDLFlBQVksQ0FBQyxNQUFNLEVBQUU7WUFDOUIsUUFBUSxFQUFFLE9BQU87U0FDcEIsQ0FBQyxDQUFDO0lBQ1AsQ0FBQyxDQUFDO0lBRUYsT0FBTyxJQUFBLG1DQUFnQixFQUFDLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0FBQzNDLENBQUMsQ0FBQztBQXBCVyxRQUFBLGtCQUFrQixzQkFvQjdCIn0=

package/pages/ChangePasswordPage/index.d.ts

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

package/{forms/components/DatePicker → pages/ChangePasswordPage}/index.js

@@ -10,6 +10,6 @@ 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("./DatePicker"), exports);
+__exportStar(require("./ChangePasswordPage"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9EYXRlUGlja2VyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLCtDQUE2QjtBQUM3QiwwQ0FBd0IifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFnZXMvQ2hhbmdlUGFzc3dvcmRQYWdlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLHVEQUFxQztBQUNyQywwQ0FBd0IifQ==

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/{forms/components/RadioGroup → pages/ChangePasswordPage}/types.js

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

package/pages/ContentBuilder/ContentHeader.js

@@ -62,7 +62,7 @@ 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("div", { className: "flex flex-row items-center justify-between pt-8 pb-4" },
             react_1.default.createElement(Typography_1.default, { variant: "h3", fontWeight: "bold" },
                 "Sekce #",
                 index + 1),

package/pages/ContentBuilder/components/FormContent.js

@@ -32,7 +32,7 @@ var FormContent = function (props) {
                     children: s.getConfig().label,
                 }); }) }) }));
     }
-    return (react_1.default.createElement("div", { className: "flex align-center justify-center p-4" },
+    return (react_1.default.createElement("div", { className: "align-center flex 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")));
 };

package/pages/ContentBuilder/content/FeatureSection.js

@@ -29,7 +29,7 @@ var FeatureSection = function (props) {
     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: "grid grid-cols-12 gap-4 mt-2" },
+            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("div", { className: "col-span-12" },
@@ -45,14 +45,14 @@ var FeatureSection = function (props) {
                                         fields.remove(index);
                                     }
                                 };
-                                return (react_1.default.createElement("div", { key: "feature-".concat(index), className: "border-l-2 border-primary pl-8 mb-8" },
+                                return (react_1.default.createElement("div", { key: "feature-".concat(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" },
                                             "Feature #",
                                             index + 1),
                                         index > 0 ? (react_1.default.createElement("div", null,
                                             react_1.default.createElement(Button_1.Button, { size: "small", color: "error", onClick: handleRemove }, "Smazat feature"))) : (react_1.default.createElement(material_1.Box, null))),
-                                    react_1.default.createElement("div", { className: "grid grid-cols-12 gap-4 mt-2" },
+                                    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, ".title"), label: "Nadpis", required: true })),
                                         react_1.default.createElement("div", { className: "col-span-12" },

package/pages/ContentBuilder/content/HeroSection.js

@@ -24,7 +24,7 @@ var HeroSection = function (props) {
     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: "grid grid-cols-12 gap-4 mt-2" },
+            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("div", { className: "col-span-12" },

package/pages/ContentBuilder/content/People.js

@@ -38,14 +38,14 @@ var People = function (props) {
                                 fields.remove(index);
                             }
                         };
-                        return (react_1.default.createElement("div", { key: index, className: "border-l-2 border-primary pl-8 mb-8" },
+                        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: "grid grid-cols-12 gap-4 mt-2" },
+                            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" },

package/pages/ForgottenPasswordPage/ForgottenPasswordPage.js

@@ -85,9 +85,9 @@ var ForgottenPasswordPage = function (config) {
             });
         }); }, []);
         return (react_1.default.createElement(LoginLayout_1.LoginLayout, { Logo: (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Logo, pageTitle: config.pageTitle, title: config.title },
-            react_1.default.createElement(ForgottenPasswordForm_1.ForgottenPasswordForm, { onSubmit: onSubmit, initialValues: INITIAL_VALUES, onLogin: config.onLogin })));
+            react_1.default.createElement(ForgottenPasswordForm_1.ForgottenPasswordForm, { onSubmit: onSubmit, defaultValues: INITIAL_VALUES, onLogin: config.onLogin })));
     };
     return Component;
 };
 exports.ForgottenPasswordPage = ForgottenPasswordPage;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9yZ290dGVuUGFzc3dvcmRQYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BhZ2VzL0ZvcmdvdHRlblBhc3N3b3JkUGFnZS9Gb3Jnb3R0ZW5QYXNzd29yZFBhZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQSw2Q0FBMkM7QUFDM0MsdUNBQXlDO0FBQ3pDLDJFQUkyQztBQUMzQyxxREFBb0Q7QUFHcEQsSUFBTSxjQUFjLEdBQThCO0lBQzlDLFFBQVEsRUFBRSxFQUFFO0NBQ2YsQ0FBQztBQUVLLElBQU0scUJBQXFCLEdBQUcsVUFBQyxNQUFtQztJQUNyRSxJQUFNLFNBQVMsR0FBYTs7UUFDeEIsSUFBTSxRQUFRLEdBQUcsSUFBQSxtQkFBVyxFQUF5QyxVQUFPLE1BQU07Ozs7Ozt3QkFFMUUscUJBQU0sTUFBTSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLEVBQUE7O3dCQUF0QyxTQUFzQyxDQUFDOzs7O3dCQUV2QyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQyxXQUFXLENBQUMsR0FBQyxDQUFDLENBQUM7Ozs7O2FBRXJELEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFUCxPQUFPLENBQ0gsOEJBQUMseUJBQVcsSUFBQyxJQUFJLEVBQUUsTUFBQSxNQUFNLENBQUMsRUFBRSwwQ0FBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQyxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLO1lBQ2hGLDhCQUFDLDZDQUFxQixJQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUUsYUFBYSxFQUFFLGNBQWMsRUFBRSxPQUFPLEVBQUUsTUFBTSxDQUFDLE9BQU8sR0FBSSxDQUMzRixDQUNqQixDQUFDO0lBQ04sQ0FBQyxDQUFDO0lBRUYsT0FBTyxTQUFTLENBQUM7QUFDckIsQ0FBQyxDQUFDO0FBbEJXLFFBQUEscUJBQXFCLHlCQWtCaEMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9yZ290dGVuUGFzc3dvcmRQYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BhZ2VzL0ZvcmdvdHRlblBhc3N3b3JkUGFnZS9Gb3Jnb3R0ZW5QYXNzd29yZFBhZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQSw2Q0FBMkM7QUFDM0MsdUNBQXlDO0FBQ3pDLDJFQUkyQztBQUMzQyxxREFBb0Q7QUFHcEQsSUFBTSxjQUFjLEdBQThCO0lBQzlDLFFBQVEsRUFBRSxFQUFFO0NBQ2YsQ0FBQztBQUVLLElBQU0scUJBQXFCLEdBQUcsVUFBQyxNQUFtQztJQUNyRSxJQUFNLFNBQVMsR0FBYTs7UUFDeEIsSUFBTSxRQUFRLEdBQUcsSUFBQSxtQkFBVyxFQUFzRCxVQUFPLE1BQU07Ozs7Ozt3QkFFdkYscUJBQU0sTUFBTSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLEVBQUE7O3dCQUF0QyxTQUFzQyxDQUFDOzs7O3dCQUV2QyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQyxXQUFXLENBQUMsR0FBQyxDQUFDLENBQUM7Ozs7O2FBRXJELEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFUCxPQUFPLENBQ0gsOEJBQUMseUJBQVcsSUFBQyxJQUFJLEVBQUUsTUFBQSxNQUFNLENBQUMsRUFBRSwwQ0FBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQyxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLO1lBQ2hGLDhCQUFDLDZDQUFxQixJQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUUsYUFBYSxFQUFFLGNBQWMsRUFBRSxPQUFPLEVBQUUsTUFBTSxDQUFDLE9BQU8sR0FBSSxDQUMzRixDQUNqQixDQUFDO0lBQ04sQ0FBQyxDQUFDO0lBRUYsT0FBTyxTQUFTLENBQUM7QUFDckIsQ0FBQyxDQUFDO0FBbEJXLFFBQUEscUJBQXFCLHlCQWtCaEMifQ==

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: "text-sm text-gray-600 pb-1" }, 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/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 {};

package/pages/FormPage/Form.js

@@ -1,43 +1,29 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = void 0;
-var final_form_arrays_1 = __importDefault(require("final-form-arrays"));
-var Grid_1 = __importDefault(require("@mui/material/Grid"));
-var styles_1 = require("./styles");
-var Save_1 = __importDefault(require("@mui/icons-material/Save"));
 var react_1 = __importDefault(require("react"));
-var react_final_form_1 = require("react-final-form");
+var form_1 = require("@uxf/form/form");
 var BaseField_1 = require("./BaseField");
+var button_1 = require("@uxf/ui/button");
 var BaseSubmitButton = function (props) {
-    var formState = props.formState;
-    return (react_1.default.createElement(styles_1.Fab, { title: "Ulo\u017Eit", type: "submit", disabled: formState.submitting || formState.pristine },
-        react_1.default.createElement(Save_1.default, null)));
+    var isSubmitting = props.formState.isSubmitting;
+    return (react_1.default.createElement(button_1.Button, { type: "submit", disabled: isSubmitting }, "Ulo\u017Eit"));
 };
 var Form = function (props) {
     var _a, _b;
     var SubmitButton = (_a = props.SubmitButton) !== null && _a !== void 0 ? _a : BaseSubmitButton;
     var Field = (_b = props.Field) !== null && _b !== void 0 ? _b : BaseField_1.BaseField;
-    return (react_1.default.createElement(react_final_form_1.Form, { initialValues: props.initialValues, onSubmit: props.onSubmit, mutators: __assign({}, final_form_arrays_1.default) }, function (formState) {
+    return (react_1.default.createElement(form_1.Form, { defaultValues: props.defaultValues, onSubmit: props.onSubmit }, function (control, formApi) {
         var _a;
-        return (react_1.default.createElement("form", { onSubmit: formState.handleSubmit, className: (_a = props.className) !== null && _a !== void 0 ? _a : "pb-20" },
-            react_1.default.createElement(Grid_1.default, { container: true, spacing: 3 }, props.schema.fields.map(function (field, i) { return (react_1.default.createElement(Grid_1.default, { item: true, key: i, xs: 12 },
-                react_1.default.createElement(Field, { fieldSchema: field, entityAlias: props.entityAlias, isEditing: props.isEditing }))); })),
-            react_1.default.createElement(SubmitButton, { formState: formState })));
+        return (react_1.default.createElement("div", { className: (_a = props.className) !== null && _a !== void 0 ? _a : "pb-10" },
+            react_1.default.createElement("div", { className: "space-y-4" },
+                props.schema.fields.map(function (field, i) { return (react_1.default.createElement("div", { key: i },
+                    react_1.default.createElement(Field, { fieldSchema: field, entityAlias: props.entityAlias, isEditing: props.isEditing, control: control }))); }),
+                react_1.default.createElement(SubmitButton, { formState: formApi.formState }))));
     }));
 };
 exports.Form = Form;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9Gb3JtUGFnZS9Gb3JtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLHdFQUE4QztBQUM5Qyw0REFBc0M7QUFDdEMsbUNBQStCO0FBQy9CLGtFQUFnRDtBQUNoRCxnREFBMEI7QUFDMUIscURBQTRGO0FBRzVGLHlDQUF3QztBQWN4QyxJQUFNLGdCQUFnQixHQUEwQixVQUFDLEtBQUs7SUFDMUMsSUFBQSxTQUFTLEdBQUssS0FBSyxVQUFWLENBQVc7SUFDNUIsT0FBTyxDQUNILDhCQUFDLFlBQUcsSUFBQyxLQUFLLEVBQUMsYUFBUSxFQUFDLElBQUksRUFBQyxRQUFRLEVBQUMsUUFBUSxFQUFFLFNBQVMsQ0FBQyxVQUFVLElBQUksU0FBUyxDQUFDLFFBQVE7UUFDbEYsOEJBQUMsY0FBUSxPQUFHLENBQ1YsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBRUssSUFBTSxJQUFJLEdBQUcsVUFBZ0IsS0FBbUI7O0lBQ25ELElBQU0sWUFBWSxHQUFHLE1BQUEsS0FBSyxDQUFDLFlBQVksbUNBQUksZ0JBQWdCLENBQUM7SUFDNUQsSUFBTSxLQUFLLEdBQUcsTUFBQSxLQUFLLENBQUMsS0FBSyxtQ0FBSSxxQkFBUyxDQUFDO0lBRXZDLE9BQU8sQ0FDSCw4QkFBQyx1QkFBYyxJQUFDLGFBQWEsRUFBRSxLQUFLLENBQUMsYUFBYSxFQUFFLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUFFLFFBQVEsZUFBTywyQkFBYSxLQUNyRyxVQUFDLFNBQVM7O1FBQ1AsT0FBTyxDQUNILHdDQUFNLFFBQVEsRUFBRSxTQUFTLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxNQUFBLEtBQUssQ0FBQyxTQUFTLG1DQUFJLE9BQU87WUFDekUsOEJBQUMsY0FBSSxJQUFDLFNBQVMsUUFBQyxPQUFPLEVBQUUsQ0FBQyxJQUNyQixLQUFLLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsVUFBQyxLQUFLLEVBQUUsQ0FBQyxJQUFLLE9BQUEsQ0FDbkMsOEJBQUMsY0FBSSxJQUFDLElBQUksUUFBQyxHQUFHLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFO2dCQUNyQiw4QkFBQyxLQUFLLElBQ0YsV0FBVyxFQUFFLEtBQUssRUFDbEIsV0FBVyxFQUFFLEtBQUssQ0FBQyxXQUFXLEVBQzlCLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUyxHQUM1QixDQUNDLENBQ1YsRUFSc0MsQ0FRdEMsQ0FBQyxDQUNDO1lBQ1AsOEJBQUMsWUFBWSxJQUFDLFNBQVMsRUFBRSxTQUFTLEdBQUksQ0FDbkMsQ0FDVixDQUFDO0lBQ04sQ0FBQyxDQUNZLENBQ3BCLENBQUM7QUFDTixDQUFDLENBQUM7QUExQlcsUUFBQSxJQUFJLFFBMEJmIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9Gb3JtUGFnZS9Gb3JtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBa0M7QUFDbEMsdUNBQTRFO0FBRzVFLHlDQUF3QztBQUV4Qyx5Q0FBd0M7QUFheEMsSUFBTSxnQkFBZ0IsR0FBMEIsVUFBQyxLQUFLO0lBQzFDLElBQUEsWUFBWSxHQUFLLEtBQUssQ0FBQyxTQUFTLGFBQXBCLENBQXFCO0lBRXpDLE9BQU8sQ0FDSCw4QkFBQyxlQUFNLElBQUMsSUFBSSxFQUFDLFFBQVEsRUFBQyxRQUFRLEVBQUUsWUFBWSxrQkFFbkMsQ0FDWixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBRUssSUFBTSxJQUFJLEdBQUcsVUFBd0IsS0FBbUI7O0lBQzNELElBQU0sWUFBWSxHQUFHLE1BQUEsS0FBSyxDQUFDLFlBQVksbUNBQUksZ0JBQWdCLENBQUM7SUFDNUQsSUFBTSxLQUFLLEdBQUcsTUFBQSxLQUFLLENBQUMsS0FBSyxtQ0FBSSxxQkFBUyxDQUFDO0lBRXZDLE9BQU8sQ0FDSCw4QkFBQyxXQUFPLElBQUksYUFBYSxFQUFFLEtBQUssQ0FBQyxhQUFhLEVBQUUsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRLElBQ25FLFVBQUMsT0FBTyxFQUFFLE9BQU87O1FBQ2QsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBRSxNQUFBLEtBQUssQ0FBQyxTQUFTLG1DQUFJLE9BQU87WUFDdEMsdUNBQUssU0FBUyxFQUFDLFdBQVc7Z0JBQ3JCLEtBQUssQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFDLEtBQUssRUFBRSxDQUFDLElBQUssT0FBQSxDQUNuQyx1Q0FBSyxHQUFHLEVBQUUsQ0FBQztvQkFDUCw4QkFBQyxLQUFLLElBQ0YsV0FBVyxFQUFFLEtBQUssRUFDbEIsV0FBVyxFQUFFLEtBQUssQ0FBQyxXQUFXLEVBQzlCLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUyxFQUMxQixPQUFPLEVBQUUsT0FBTyxHQUNsQixDQUNBLENBQ1QsRUFUc0MsQ0FTdEMsQ0FBQztnQkFDRiw4QkFBQyxZQUFZLElBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQyxTQUFTLEdBQUksQ0FDNUMsQ0FDSixDQUNULENBQUM7SUFDTixDQUFDLENBQ0ssQ0FDYixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBM0JXLFFBQUEsSUFBSSxRQTJCZiJ9