@uxf/cms 6.0.0-beta.7 → 6.0.0-beta.71

package/pages/{ContentBuilder → content-builder}/types.d.ts

@@ -1,26 +1,26 @@
-import { MenuItemProps } from "@mui/material/MenuItem";
 import { NextPageContext } from "next";
-import React, { ReactNode } from "react";
-import { FieldInputProps } from "react-final-form";
-import { ContentResponse, ContentTagResponse } from "../../api";
-import { FileResponse } from "../../ui/FileUploadInput";
-export declare type VisibilityLevel = "PUBLIC" | "PUBLIC_WITHOUT_SITEMAP" | "PRIVATE";
+import { FC, ReactNode } from "react";
+import { ContentResponse, ContentTagResponse, FileResponse } from "../../api";
+import { Control, ControllerRenderProps } from "react-hook-form";
+import { SelectProps } from "@uxf/form/select";
+export type VisibilityLevel = "PUBLIC" | "PUBLIC_WITHOUT_SITEMAP" | "PRIVATE";
 export interface ContentProps {
     name: string;
     index: number;
     onRemove: () => void;
-    TypeInputProps: FieldInputProps<string> & {
-        options: MenuItemProps[];
+    TypeInputProps: ControllerRenderProps & {
+        options: SelectProps<any>["options"];
     };
+    control: Control<any>;
 }
-export declare type ContentGetConfig<T extends Content<string, any>> = () => {
+export type ContentGetConfig<T extends Content<string, any>> = () => {
     type: T["type"];
     label: ReactNode;
 };
-export declare type ContentComponent<T extends Content<string, any>, Props extends ContentProps = ContentProps> = React.FC<Props> & {
+export type ContentComponent<T extends Content<string, any>, Props extends ContentProps = ContentProps> = FC<Props> & {
     getConfig: ContentGetConfig<T>;
 };
-export declare type ContentPageType = "BLOG" | "LANDING_PAGE" | "QUESTION" | "TERM";
+export type ContentPageType = "BLOG" | "LANDING_PAGE" | "QUESTION" | "TERM";
 export interface ContentBuilderConfig<Contents extends Content<string, any>> {
     type?: ContentPageType;
     allowedTypes?: Array<{
@@ -33,7 +33,7 @@ export interface ContentBuilderConfig<Contents extends Content<string, any>> {
     initialValues?: RootContent<Contents> | ((ctx: NextPageContext) => Promise<RootContent<Contents>>);
     allowedRoles?: string[];
     ui: {
-        Layout?: React.FC<{
+        Layout?: FC<{
             children?: ReactNode;
         }>;
     };
@@ -52,11 +52,11 @@ export interface ContentBuilderConfig<Contents extends Content<string, any>> {
         };
     };
 }
-export interface Content<Type extends string, Content> {
+export interface Content<Type extends string, ContentType> {
     type: Type;
-    content: Content;
+    content: ContentType;
 }
-export declare type RootContent<T> = {
+export type RootContent<T> = {
     type: string | null;
     active: boolean;
     visibilityLevel: VisibilityLevel;

package/pages/content-builder/types.js

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

package/pages/{ForgottenPasswordPage/ForgottenPasswordPage.js → forgotten-password-page/forgotten-password-page.js}

@@ -1,7 +1,11 @@
 "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]; } });
+    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];
@@ -33,7 +37,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]) {
@@ -58,8 +62,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ForgottenPasswordPage = void 0;
 var react_1 = __importStar(require("react"));
 var config_1 = require("../../config");
-var ForgottenPasswordForm_1 = require("../../forms/ForgottenPasswordForm");
-var LoginLayout_1 = require("../../lib/LoginLayout");
+var forgotten_password_form_1 = require("../../forms/forgotten-password-form");
+var login_layout_1 = require("../../lib/login-layout");
 var INITIAL_VALUES = {
     username: "",
 };
@@ -84,10 +88,10 @@ 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, defaultValues: INITIAL_VALUES, onLogin: config.onLogin })));
+        return (react_1.default.createElement(login_layout_1.LoginLayout, { Logo: (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Logo, pageTitle: config.pageTitle, title: config.title },
+            react_1.default.createElement(forgotten_password_form_1.ForgottenPasswordForm, { onSubmit: onSubmit, defaultValues: INITIAL_VALUES, onLogin: config.onLogin })));
     };
     return Component;
 };
 exports.ForgottenPasswordPage = ForgottenPasswordPage;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9yZ290dGVuUGFzc3dvcmRQYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BhZ2VzL0ZvcmdvdHRlblBhc3N3b3JkUGFnZS9Gb3Jnb3R0ZW5QYXNzd29yZFBhZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQSw2Q0FBMkM7QUFDM0MsdUNBQXlDO0FBQ3pDLDJFQUkyQztBQUMzQyxxREFBb0Q7QUFHcEQsSUFBTSxjQUFjLEdBQThCO0lBQzlDLFFBQVEsRUFBRSxFQUFFO0NBQ2YsQ0FBQztBQUVLLElBQU0scUJBQXFCLEdBQUcsVUFBQyxNQUFtQztJQUNyRSxJQUFNLFNBQVMsR0FBYTs7UUFDeEIsSUFBTSxRQUFRLEdBQUcsSUFBQSxtQkFBVyxFQUFzRCxVQUFPLE1BQU07Ozs7Ozt3QkFFdkYscUJBQU0sTUFBTSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLEVBQUE7O3dCQUF0QyxTQUFzQyxDQUFDOzs7O3dCQUV2QyxrQkFBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQyxXQUFXLENBQUMsR0FBQyxDQUFDLENBQUM7Ozs7O2FBRXJELEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFUCxPQUFPLENBQ0gsOEJBQUMseUJBQVcsSUFBQyxJQUFJLEVBQUUsTUFBQSxNQUFNLENBQUMsRUFBRSwwQ0FBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQyxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLO1lBQ2hGLDhCQUFDLDZDQUFxQixJQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUUsYUFBYSxFQUFFLGNBQWMsRUFBRSxPQUFPLEVBQUUsTUFBTSxDQUFDLE9BQU8sR0FBSSxDQUMzRixDQUNqQixDQUFDO0lBQ04sQ0FBQyxDQUFDO0lBRUYsT0FBTyxTQUFTLENBQUM7QUFDckIsQ0FBQyxDQUFDO0FBbEJXLFFBQUEscUJBQXFCLHlCQWtCaEMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9yZ290dGVuLXBhc3N3b3JkLXBhZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFnZXMvZm9yZ290dGVuLXBhc3N3b3JkLXBhZ2UvZm9yZ290dGVuLXBhc3N3b3JkLXBhZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0EsNkNBQTJDO0FBQzNDLHVDQUF5QztBQUN6QywrRUFJNkM7QUFDN0MsdURBQXFEO0FBR3JELElBQU0sY0FBYyxHQUE4QjtJQUM5QyxRQUFRLEVBQUUsRUFBRTtDQUNmLENBQUM7QUFFSyxJQUFNLHFCQUFxQixHQUFHLFVBQUMsTUFBbUM7SUFDckUsSUFBTSxTQUFTLEdBQWE7O1FBQ3hCLElBQU0sUUFBUSxHQUFHLElBQUEsbUJBQVcsRUFBc0QsVUFBTyxNQUFNOzs7Ozs7d0JBRXZGLHFCQUFNLE1BQU0sQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxFQUFBOzt3QkFBdEMsU0FBc0MsQ0FBQzs7Ozt3QkFFdkMsa0JBQVMsQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUMsV0FBVyxDQUFDLEdBQUMsQ0FBQyxDQUFDOzs7OzthQUVyRCxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRVAsT0FBTyxDQUNILDhCQUFDLDBCQUFXLElBQUMsSUFBSSxFQUFFLE1BQUEsTUFBTSxDQUFDLEVBQUUsMENBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSztZQUNoRiw4QkFBQywrQ0FBcUIsSUFBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxjQUFjLEVBQUUsT0FBTyxFQUFFLE1BQU0sQ0FBQyxPQUFPLEdBQUksQ0FDM0YsQ0FDakIsQ0FBQztJQUNOLENBQUMsQ0FBQztJQUVGLE9BQU8sU0FBUyxDQUFDO0FBQ3JCLENBQUMsQ0FBQztBQWxCVyxRQUFBLHFCQUFxQix5QkFrQmhDIn0=

package/pages/forgotten-password-page/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./forgotten-password-page";
+export * from "./types";

package/pages/forgotten-password-page/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("./forgotten-password-page"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFnZXMvZm9yZ290dGVuLXBhc3N3b3JkLXBhZ2UvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDREQUEwQztBQUMxQywwQ0FBd0IifQ==

package/pages/forgotten-password-page/types.js

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

package/pages/form-page/base-field.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { FieldProps } from "./types";
+export declare const BaseField: FC<FieldProps>;

package/pages/form-page/base-field.js

@@ -0,0 +1,99 @@
+"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.BaseField = void 0;
+var react_1 = __importDefault(require("react"));
+var api_1 = require("../../api");
+var select_1 = require("@uxf/form/select");
+var checkbox_input_1 = require("@uxf/form/checkbox-input");
+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");
+// eslint-disable-next-line import/no-cycle
+var field_array_1 = require("./field-array");
+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 dropzone_input_1 = require("@uxf/form/dropzone/dropzone-input");
+var on_upload_file_1 = require("../../forms/utils/on-upload-file");
+var dropzone_list_1 = require("@uxf/form/dropzone/dropzone-list");
+var label_1 = require("@uxf/ui/label");
+var on_upload_dropzone_file_1 = require("../../forms/utils/on-upload-dropzone-file");
+var number_input_1 = require("@uxf/form/number-input");
+var time_picker_input_1 = require("@uxf/form/time-picker-input");
+var datetime_picker_input_1 = require("@uxf/form/datetime-picker-input");
+// eslint-disable-next-line complexity
+var BaseField = function (props) {
+    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);
+    var required = !disabled && fieldSchema.required;
+    /*eslint complexity: ["error", 21]*/
+    switch (type) {
+        case "file":
+        case "logo":
+        case "image":
+            return (react_1.default.createElement(file_input_1.FileInput, { id: fieldName, label: label, name: fieldName, isRequired: required, isDisabled: disabled, onUploadFile: on_upload_file_1.onUploadFile, control: control, isClearable: !required }));
+        case "enum":
+            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, isClearable: !required }));
+        case "content":
+            // return <Content {...props} />;
+            return react_1.default.createElement(react_1.default.Fragment, null, "TODO @honisek Content");
+        case "boolean":
+            return (react_1.default.createElement(checkbox_input_1.CheckboxInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
+        case "date":
+            return (react_1.default.createElement(date_picker_input_1.DatePickerInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control, isClearable: !required }));
+        case "datetime":
+            return (react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control, isClearable: !required }));
+        case "time":
+            return (react_1.default.createElement(time_picker_input_1.TimePickerInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control, isClearable: !required }));
+        case "files":
+        case "images":
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(label_1.Label, null, label),
+                react_1.default.createElement("div", { className: "mb-3" },
+                    react_1.default.createElement(dropzone_input_1.DropzoneInput, { label: label, name: fieldName, control: control, onUploadFile: on_upload_dropzone_file_1.onUploadDropzoneFile })),
+                react_1.default.createElement(dropzone_list_1.DropzoneList, { name: fieldName, control: control, onRemoveWarning: "Opravdu chcete tento soubor odstranit?", onAbortWarning: "Opravdu chcete zru\u0161it nahr\u00E1v\u00E1n\u00ED souboru?", errorText: "Soubor se nepoda\u0159ilo nahr\u00E1t." })));
+        case "manyToMany":
+            return (react_1.default.createElement(multi_combobox_1.MultiCombobox, { name: fieldName, label: label, 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(combobox_1.Combobox, { name: fieldName, label: label, 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; }); }, isClearable: !required }));
+        case "oneToMany":
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+            if (fieldSchema.fields === null) {
+                return null;
+            }
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("p", { className: "mb-2 font-medium" }, fieldSchema.label),
+                react_1.default.createElement(field_array_1.FieldArray, { fieldName: fieldName, fieldSchema: fieldSchema, entityAlias: entityAlias, isEditing: isEditing, control: control })));
+        case "embedded":
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+            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("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 "integer":
+            return (react_1.default.createElement(number_input_1.NumberInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
+        case "text":
+            return (react_1.default.createElement(textarea_1.Textarea, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
+        default:
+            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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1maWVsZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9mb3JtLXBhZ2UvYmFzZS1maWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBa0M7QUFDbEMsaUNBQXlDO0FBRXpDLDJDQUEwQztBQUMxQywyREFBeUQ7QUFDekQsbURBQWlEO0FBQ2pELCtDQUE4QztBQUM5QyxpRUFBOEQ7QUFDOUQsMkNBQTJDO0FBQzNDLDZDQUEyQztBQUMzQywrQ0FBOEM7QUFDOUMsMkRBQXlEO0FBQ3pELG1EQUFpRDtBQUNqRCxvRUFBa0U7QUFDbEUsbUVBQWdFO0FBQ2hFLGtFQUFnRTtBQUNoRSx1Q0FBc0M7QUFDdEMscUZBQWlGO0FBQ2pGLHVEQUFxRDtBQUNyRCxpRUFBOEQ7QUFDOUQseUVBQXNFO0FBRXRFLHNDQUFzQztBQUMvQixJQUFNLFNBQVMsR0FBbUIsVUFBQyxLQUFLO0lBQ25DLElBQUEsV0FBVyxHQUFtRCxLQUFLLFlBQXhELEVBQUUsV0FBVyxHQUFzQyxLQUFLLFlBQTNDLEVBQUUsU0FBUyxHQUEyQixLQUFLLFVBQWhDLEVBQUUsS0FBeUIsS0FBSyxPQUFuQixFQUFYLE1BQU0sbUJBQUcsRUFBRSxLQUFBLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBRXBFLElBQUEsUUFBUSxHQUEyQyxXQUFXLFNBQXRELEVBQUUsS0FBSyxHQUFvQyxXQUFXLE1BQS9DLEVBQUUsSUFBSSxHQUE4QixXQUFXLEtBQXpDLEVBQUUsUUFBUSxHQUFvQixXQUFXLFNBQS9CLEVBQUUsSUFBSSxHQUFjLFdBQVcsS0FBekIsRUFBRSxPQUFPLEdBQUssV0FBVyxRQUFoQixDQUFpQjtJQUN2RSxJQUFNLFNBQVMsR0FBRyxVQUFHLE1BQU0sU0FBRyxJQUFJLENBQUUsQ0FBQztJQUVyQyxJQUFNLFFBQVEsR0FBRyxRQUFRLElBQUksQ0FBQyxTQUFTLElBQUksQ0FBQyxRQUFRLENB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

package/pages/form-page/field/content.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+import { ContentComponent } from "../../content-builder";
+import { FieldProps } from "../types";
+export declare const Content: FC<FieldProps & {
+    contentComponents?: ContentComponent<any>[];
+}>;

package/pages/form-page/field/content.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Content = void 0;
+var react_1 = __importDefault(require("react"));
+var content_builder_1 = require("../../content-builder");
+var wysiwyg_1 = require("../../content-builder/content/wysiwyg");
+var Content = function (props) {
+    var fieldSchema = props.fieldSchema, _a = props.prefix, prefix = _a === void 0 ? "" : _a, contentComponents = props.contentComponents, control = props.control;
+    return (react_1.default.createElement("fieldset", null,
+        react_1.default.createElement("legend", null, fieldSchema.label),
+        react_1.default.createElement(content_builder_1.ContentField, { contentComponents: contentComponents !== null && contentComponents !== void 0 ? contentComponents : [wysiwyg_1.Wysiwyg], name: "".concat(prefix).concat(fieldSchema.name), control: control })));
+};
+exports.Content = Content;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9mb3JtLXBhZ2UvZmllbGQvY29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQWtDO0FBQ2xDLHlEQUF1RTtBQUV2RSxpRUFBZ0U7QUFFekQsSUFBTSxPQUFPLEdBQXFFLFVBQUMsS0FBSztJQUNuRixJQUFBLFdBQVcsR0FBOEMsS0FBSyxZQUFuRCxFQUFFLEtBQTRDLEtBQUssT0FBdEMsRUFBWCxNQUFNLG1CQUFHLEVBQUUsS0FBQSxFQUFFLGlCQUFpQixHQUFjLEtBQUssa0JBQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBQ3ZFLE9BQU8sQ0FDSDtRQUNJLDhDQUFTLFdBQVcsQ0FBQyxLQUFLLENBQVU7UUFDcEMsOEJBQUMsOEJBQVksSUFDVCxpQkFBaUIsRUFBRSxpQkFBaUIsYUFBakIsaUJBQWlCLGNBQWpCLGlCQUFpQixHQUFJLENBQUMsaUJBQU8sQ0FBQyxFQUNqRCxJQUFJLEVBQUUsVUFBRyxNQUFNLFNBQUcsV0FBVyxDQUFDLElBQUksQ0FBRSxFQUNwQyxPQUFPLEVBQUUsT0FBTyxHQUNsQixDQUNLLENBQ2QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQVpXLFFBQUEsT0FBTyxXQVlsQiJ9

package/pages/form-page/field-array.d.ts

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

package/pages/form-page/field-array.js

@@ -0,0 +1,53 @@
+"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;
+};
+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");
+// eslint-disable-next-line import/no-cycle
+var base_field_1 = require("./base-field");
+var icon_1 = require("@uxf/ui/icon");
+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-2" }, fields.map(function (name, index) { return (react_1.default.createElement(react_1.Fragment, { key: name.id },
+            fieldSchema.fields.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(base_field_1.BaseField, { fieldSchema: schema, entityAlias: entityAlias, isEditing: isEditing, prefix: "".concat(index, "."), control: control })));
+            }),
+            react_1.default.createElement("div", { className: "flex justify-end" },
+                react_1.default.createElement(button_1.Button, { variant: "white", isIconButton: true, onClick: function () { return remove(index); } },
+                    react_1.default.createElement(icon_1.Icon, { name: "trash", size: 20 }))))); })),
+        react_1.default.createElement("div", { className: "mt-2" },
+            react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: function () { return append({ id: null }); }, variant: "white" },
+                react_1.default.createElement(icon_1.Icon, { name: "plus", size: 20 })))));
+};
+exports.FieldArray = FieldArray;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtYXJyYXkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFnZXMvZm9ybS1wYWdlL2ZpZWxkLWFycmF5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUE0QztBQUM1QyxtREFBeUQ7QUFDekQseUNBQXdDO0FBRXhDLDJDQUEyQztBQUMzQywyQ0FBeUM7QUFDekMscUNBQW9DO0FBRTdCLElBQU0sVUFBVSxHQU1sQixVQUFDLEtBQUs7SUFDQyxJQUFBLFNBQVMsR0FBbUQsS0FBSyxVQUF4RCxFQUFFLFdBQVcsR0FBc0MsS0FBSyxZQUEzQyxFQUFFLFNBQVMsR0FBMkIsS0FBSyxVQUFoQyxFQUFFLFdBQVcsR0FBYyxLQUFLLFlBQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBRXBFLElBQUEsS0FBNkIsSUFBQSwrQkFBYSxFQUFDLEVBQUUsT0FBTyxTQUFBLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxDQUFDLEVBQXRFLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBZ0QsQ0FBQztJQUUvRSxPQUFPLENBQ0g7UUFDSSx1Q0FBSyxTQUFTLEVBQUMsWUFBWSxJQUN0QixNQUFNLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxFQUFFLEtBQUssSUFBSyxPQUFBLENBQ3pCLDhCQUFDLGdCQUFRLElBQUMsR0FBRyxFQUFFLElBQUksQ0FBQyxFQUFFO1lBQ2pCLFdBQVcsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLFVBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQzlCLElBQUksTUFBTSxDQUFDLElBQUksS0FBSyxJQUFJLEVBQUU7b0JBQ3RCLE9BQU8seUNBQU8sSUFBSSxFQUFDLFFBQVEsRUFBQyxHQUFHLEVBQUUsVUFBRyxNQUFNLENBQUMsSUFBSSxjQUFJLENBQUMsQ0FBRSxFQUFFLElBQUksRUFBQyxJQUFJLEdBQUcsQ0FBQztpQkFDeEU7Z0JBRUQsT0FBTyxDQUNILHVDQUFLLEdBQUcsRUFBRSxVQUFHLE1BQU0sQ0FBQyxJQUFJLGNBQUksQ0FBQyxDQUFFO29CQUMzQiw4QkFBQyxzQkFBUyxJQUNOLFdBQVcsRUFBRSxNQUFNLEVBQ25CLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLE1BQU0sRUFBRSxVQUFHLEtBQUssTUFBRyxFQUNuQixPQUFPLEVBQUUsT0FBTyxHQUNsQixDQUNBLENBQ1QsQ0FBQztZQUNOLENBQUMsQ0FBQztZQUNGLHVDQUFLLFNBQVMsRUFBQyxrQkFBa0I7Z0JBQzdCLDhCQUFDLGVBQU0sSUFBQyxPQUFPLEVBQUMsT0FBTyxFQUFDLFlBQVksUUFBQyxPQUFPLEVBQUUsY0FBTSxPQUFBLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBYixDQUFhO29CQUM3RCw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUUsRUFBRSxHQUFJLENBQzFCLENBQ1AsQ0FDQyxDQUNkLEVBekI0QixDQXlCNUIsQ0FBQyxDQUNBO1FBQ04sdUNBQUssU0FBUyxFQUFDLE1BQU07WUFDakIsOEJBQUMsZUFBTSxJQUFDLFlBQVksUUFBQyxPQUFPLEVBQUUsY0FBTSxPQUFBLE1BQU0sQ0FBQyxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFwQixDQUFvQixFQUFFLE9BQU8sRUFBQyxPQUFPO2dCQUNyRSw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFDLE1BQU0sRUFBQyxJQUFJLEVBQUUsRUFBRSxHQUFJLENBQ3pCLENBQ1AsQ0FDUCxDQUNOLENBQUM7QUFDTixDQUFDLENBQUM7QUFoRFcsUUFBQSxVQUFVLGNBZ0RyQiJ9

package/pages/{FormPage/FormPage.d.ts → form-page/form-page.d.ts}

@@ -11,4 +11,4 @@ export interface InitialProps<T extends {
 }
 export declare const FormPage: <T extends {
     id?: number | null | undefined;
-}>(config: FormPageConfig<T>) => import("next").NextComponentType<import("../../deprecated/types/App").IAppContext, object, object>;
+}>(config: FormPageConfig<T>) => import("next").NextComponentType<import("../../deprecated/types/app").IAppContext, object, object>;

package/pages/{FormPage/FormPage.js → form-page/form-page.js}

@@ -1,7 +1,11 @@
 "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]; } });
+    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];
@@ -33,7 +37,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]) {
@@ -54,44 +58,27 @@ 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 __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormPage = void 0;
-var final_form_1 = require("final-form");
 var router_1 = __importDefault(require("next/router"));
 var react_1 = __importStar(require("react"));
-var Form_1 = require("./Form");
+var form_1 = require("./form");
 var api_1 = require("../../api");
 var config_1 = require("../../config");
-var withAuthenticate_1 = require("../../deprecated/hoc/withAuthenticate");
+var with_authenticate_1 = require("../../deprecated/hoc/with-authenticate");
 var ValidationError_1 = require("../../errors/ValidationError");
-var Paper_1 = require("../../ui/Paper");
-var BaseField_1 = require("./BaseField");
+var base_field_1 = require("./base-field");
 var mapper_1 = require("./mapper");
+var react_hook_form_1 = require("react-hook-form");
 var resolve = function (value, ctx) { return (typeof value === "function" ? value(ctx) : value !== null && value !== void 0 ? value : null); };
 var FormPage = function (config) {
     var _a, _b, _c;
     var entityIdResolver = (_a = config.entityId) !== null && _a !== void 0 ? _a : (function (_a) {
         var query = _a.query;
-        return (query.id ? Number.parseInt(query.id) : null);
+        return (query.id ? Number.parseInt(query.id, 10) : null);
     });
     var entityAliasResolver = (_b = config.entityAlias) !== null && _b !== void 0 ? _b : (function (_a) {
         var query = _a.query;
@@ -99,12 +86,9 @@ var FormPage = function (config) {
     });
     var onSaveDone = (_c = config.onSaveDone) !== null && _c !== void 0 ? _c : router_1.default.back;
     var Component = function (props) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         var formSchema = props.formSchema, entityAlias = props.entityAlias, entityId = props.entityId, entityMetaSchema = props.entityMetaSchema;
-        var _e = __read((0, react_1.useState)(props.initialValues), 2), initialValues = _e[0], setInitialValues = _e[1];
-        (0, react_1.useEffect)(function () {
-            setInitialValues(props.initialValues);
-        }, [props.initialValues]);
+        var formApi = (0, react_hook_form_1.useForm)({ defaultValues: ((_a = props.initialValues) !== null && _a !== void 0 ? _a : {}) });
         var onSubmit = (0, react_1.useCallback)(function (values) { return __awaiter(void 0, void 0, void 0, function () {
             var newInitialValues, _a, e_1;
             var _b;
@@ -123,26 +107,26 @@ var FormPage = function (config) {
                         _c.label = 4;
                     case 4:
                         newInitialValues = _a;
-                        setInitialValues(newInitialValues);
+                        formApi.reset(newInitialValues);
                         onSaveDone(newInitialValues, entityAlias);
                         return [2 /*return*/];
                     case 5:
                         e_1 = _c.sent();
                         if (e_1 instanceof ValidationError_1.ValidationError) {
+                            // eslint-disable-next-line no-console
                             console.error(e_1);
                             return [2 /*return*/, e_1.fields];
                         }
                         config_1.container.get("service.error").handleError(e_1);
-                        return [2 /*return*/, (_b = {}, _b[final_form_1.FORM_ERROR] = "Error", _b)]; // TODO
+                        return [2 /*return*/, (_b = {}, _b["ERROR"] = "Error", _b)]; // TODO
                     case 6: return [2 /*return*/];
                 }
             });
-        }); }, [entityAlias, entityId, setInitialValues, formSchema]);
-        var FieldComponent = (_b = (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Field) !== null && _b !== void 0 ? _b : BaseField_1.BaseField;
-        var Layout = (_d = (_c = config.ui) === null || _c === void 0 ? void 0 : _c.Layout) !== null && _d !== void 0 ? _d : react_1.default.createElement("div", null);
-        var Content = (react_1.default.createElement(Paper_1.Paper, null,
-            react_1.default.createElement(Form_1.Form, { initialValues: initialValues !== null && initialValues !== void 0 ? initialValues : {}, schema: formSchema, onSubmit: onSubmit, Field: FieldComponent, entityAlias: entityAlias, isEditing: !!entityId })));
-        return react_1.default.cloneElement(typeof Layout === "function" ? Layout(entityMetaSchema) : Layout, {
+        }); }, [entityAlias, entityId, formSchema, formApi]);
+        var FieldComponentElement = (_c = (_b = config.ui) === null || _b === void 0 ? void 0 : _b.Field) !== null && _c !== void 0 ? _c : base_field_1.BaseField;
+        var Layout = (_e = (_d = config.ui) === null || _d === void 0 ? void 0 : _d.Layout) !== null && _e !== void 0 ? _e : react_1.default.createElement("div", null);
+        var Content = (react_1.default.createElement(form_1.Form, { Field: FieldComponentElement, entityAlias: entityAlias, formApi: formApi, id: "".concat(entityAlias, "-form"), isEditing: !!entityId, onSubmit: onSubmit, schema: formSchema }));
+        return (0, react_1.cloneElement)(typeof Layout === "function" ? Layout(entityMetaSchema) : Layout, {
             children: Content,
         });
     };
@@ -157,6 +141,7 @@ var FormPage = function (config) {
                     return [4 /*yield*/, (0, api_1.getEntityMetaSchemas)(ctx).then(function (r) { return r.data; })];
                 case 1:
                     metaSchemas = _b.sent();
+                    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
                     if (!metaSchemas[entityAlias]) {
                         throw new Error("Entity meta schema for alias ".concat(entityAlias, " does not exist."));
                     }
@@ -189,7 +174,7 @@ var FormPage = function (config) {
             }
         });
     }); };
-    return (0, withAuthenticate_1.withAuthenticate)({ allowedRoles: config.allowedRoles || ["ROLE_ROOT"] })(Component);
+    return (0, with_authenticate_1.withAuthenticate)({ allowedRoles: config.allowedRoles || ["ROLE_ROOT"] })(Component);
 };
 exports.FormPage = FormPage;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybVBhZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFnZXMvRm9ybVBhZ2UvRm9ybVBhZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEseUNBQXdDO0FBRXhDLHVEQUFpQztBQUNqQyw2Q0FBZ0U7QUFFaEUsK0JBQThCO0FBQzlCLGlDQU9tQjtBQUNuQix1Q0FBeUM7QUFDekMsMEVBQXlFO0FBQ3pFLGdFQUErRDtBQUMvRCx3Q0FBdUM7QUFDdkMseUNBQXdDO0FBRXhDLG1DQUE4QztBQVU5QyxJQUFNLE9BQU8sR0FBRyxVQUNaLEtBQXNELEVBQ3RELEdBQVEsSUFDRyxPQUFBLENBQUMsT0FBTyxLQUFLLEtBQUssVUFBVSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLElBQUksQ0FBQyxFQUExRCxDQUEwRCxDQUFDO0FBRW5FLElBQU0sUUFBUSxHQUFHLFVBQW1DLE1BQXlCOztJQUNoRixJQUFNLGdCQUFnQixHQUFHLE1BQUEsTUFBTSxDQUFDLFFBQVEsbUNBQUksQ0FBQyxVQUFDLEVBQVM7WUFBUCxLQUFLLFdBQUE7UUFBTyxPQUFBLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUE3QyxDQUE2QyxDQUFDLENBQUM7SUFDM0csSUFBTSxtQkFBbUIsR0FDckIsTUFBQSxNQUFNLENBQUMsV0FBVyxtQ0FBSSxDQUFDLFVBQUMsRUFBUztZQUFQLEtBQUssV0FBQTtRQUFPLE9BQUEsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1wYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BhZ2VzL2Zvcm0tcGFnZS9mb3JtLXBhZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0EsdURBQWlDO0FBQ2pDLDZDQUF5RDtBQUV6RCwrQkFBOEI7QUFDOUIsaUNBT21CO0FBQ25CLHVDQUF5QztBQUN6Qyw0RUFBMEU7QUFDMUUsZ0VBQStEO0FBQy9ELDJDQUF5QztBQUV6QyxtQ0FBOEM7QUFDOUMsbURBQXVEO0FBVXZELElBQU0sT0FBTyxHQUFHLFVBQ1osS0FBc0QsRUFDdEQsR0FBUSxJQUNHLE9BQUEsQ0FBQyxPQUFPLEtBQUssS0FBSyxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksSUFBSSxDQUFDLEVBQTFELENBQTBELENBQUM7QUFFbkUsSUFBTSxRQUFRLEdBQUcsVUFBbUMsTUFBeUI7O0lBQ2hGLElBQU0sZ0JBQWdCLEdBQUcsTUFBQSxNQUFNLENBQUMsUUFBUSxtQ0FBSSxDQUFDLFVBQUMsRUFBUztZQUFQLEtBQUssV0FBQTtRQUFPLE9BQUEsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUFqRCxDQUFpRCxDQUFDLENBQUM7SUFDL0csSUFBTSxtQkFBbUIsR0FDckIsTUFBQSxNQUFNLENBQUMsV0FBVyxtQ0FBSSxDQUFDLFVBQUMsRUFBUztZQUFQLEtBQUssV0FBQTtRQUFPLE9BQUEsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxVQUFHLEtBQUss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

package/pages/form-page/form.d.ts

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

package/pages/form-page/form.js

@@ -0,0 +1,27 @@
+"use strict";
+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 react_1 = __importDefault(require("react"));
+var form_1 = require("@uxf/form/form");
+var base_field_1 = require("./base-field");
+var button_1 = require("@uxf/ui/button");
+var widget_1 = require("../../ui/widget");
+var BaseSubmitButton = function (props) {
+    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, _c;
+    var SubmitButton = (_a = props.SubmitButton) !== null && _a !== void 0 ? _a : BaseSubmitButton;
+    var Field = (_b = props.Field) !== null && _b !== void 0 ? _b : base_field_1.BaseField;
+    return (react_1.default.createElement(form_1.Form, { formApi: props.formApi, id: props.id, onSubmit: props.onSubmit },
+        react_1.default.createElement("div", { className: (_c = props.className) !== null && _c !== void 0 ? _c : "pb-10" },
+            react_1.default.createElement(widget_1.Widget, { withDividers: true, footer: react_1.default.createElement("div", { className: "text-right" },
+                    react_1.default.createElement(SubmitButton, { formState: props.formApi.formState })) }, props.schema.fields.map(function (field, i) { return (react_1.default.createElement("div", { key: i, className: "p-4" },
+                react_1.default.createElement(Field, { fieldSchema: field, entityAlias: props.entityAlias, isEditing: props.isEditing, control: props.formApi.control }))); })))));
+};
+exports.Form = Form;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9mb3JtLXBhZ2UvZm9ybS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQWtDO0FBQ2xDLHVDQUE0RTtBQUc1RSwyQ0FBeUM7QUFFekMseUNBQXdDO0FBQ3hDLDBDQUF5QztBQWF6QyxJQUFNLGdCQUFnQixHQUEwQixVQUFDLEtBQUs7SUFDMUMsSUFBQSxZQUFZLEdBQUssS0FBSyxDQUFDLFNBQVMsYUFBcEIsQ0FBcUI7SUFFekMsT0FBTyxDQUNILDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUMsUUFBUSxFQUFDLFFBQVEsRUFBRSxZQUFZLGtCQUVuQyxDQUNaLENBQUM7QUFDTixDQUFDLENBQUM7QUFFSyxJQUFNLElBQUksR0FBRyxVQUF3QixLQUFtQjs7SUFDM0QsSUFBTSxZQUFZLEdBQUcsTUFBQSxLQUFLLENBQUMsWUFBWSxtQ0FBSSxnQkFBZ0IsQ0FBQztJQUM1RCxJQUFNLEtBQUssR0FBRyxNQUFBLEtBQUssQ0FBQyxLQUFLLG1DQUFJLHNCQUFTLENBQUM7SUFFdkMsT0FBTyxDQUNILDhCQUFDLFdBQU8sSUFBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU8sRUFBRSxFQUFFLEVBQUUsS0FBSyxDQUFDLEVBQUUsRUFBRSxRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVE7UUFDbkUsdUNBQUssU0FBUyxFQUFFLE1BQUEsS0FBSyxDQUFDLFNBQVMsbUNBQUksT0FBTztZQUN0Qyw4QkFBQyxlQUFNLElBQ0gsWUFBWSxRQUNaLE1BQU0sRUFDRix1Q0FBSyxTQUFTLEVBQUMsWUFBWTtvQkFDdkIsOEJBQUMsWUFBWSxJQUFDLFNBQVMsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLFNBQVMsR0FBSSxDQUNsRCxJQUdULEtBQUssQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFDLEtBQUssRUFBRSxDQUFDLElBQUssT0FBQSxDQUNuQyx1Q0FBSyxHQUFHLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBQyxLQUFLO2dCQUN4Qiw4QkFBQyxLQUFLLElBQ0YsV0FBVyxFQUFFLEtBQUssRUFDbEIsV0FBVyxFQUFFLEtBQUssQ0FBQyxXQUFXLEVBQzlCLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUyxFQUMxQixPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxPQUFPLEdBQ2hDLENBQ0EsQ0FDVCxFQVRzQyxDQVN0QyxDQUFDLENBQ0csQ0FDUCxDQUNBLENBQ2IsQ0FBQztBQUNOLENBQUMsQ0FBQztBQTdCVyxRQUFBLElBQUksUUE2QmYifQ==

package/pages/form-page/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./form-page";
+export * from "./base-field";
+export * from "./types";
+export * from "./mapper";
+export * from "./form";

package/pages/{ContentBuilder → form-page}/index.js

@@ -1,7 +1,11 @@
 "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]; } });
+    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];
@@ -10,9 +14,9 @@ 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("./form-page"), exports);
+__exportStar(require("./base-field"), exports);
 __exportStar(require("./types"), exports);
-__exportStar(require("./ContentBuilderPage"), exports);
-__exportStar(require("./ContentHeader"), exports);
-__exportStar(require("./ContentField"), exports);
 __exportStar(require("./mapper"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFnZXMvQ29udGVudEJ1aWxkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsMENBQXdCO0FBQ3hCLHVEQUFxQztBQUNyQyxrREFBZ0M7QUFDaEMsaURBQStCO0FBQy9CLDJDQUF5QiJ9
+__exportStar(require("./form"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFnZXMvZm9ybS1wYWdlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw4Q0FBNEI7QUFDNUIsK0NBQTZCO0FBQzdCLDBDQUF3QjtBQUN4QiwyQ0FBeUI7QUFDekIseUNBQXVCIn0=