@uxf/cms 11.66.1 → 11.67.0

package/{pages/form-page → form-renderer}/field/content-dynamic.d.ts

@@ -1,6 +1,6 @@
+import { FieldProps } from "@uxf/form/form-renderer";
 import React from "react";
-import { ContentComponent } from "../../content-builder";
-import { FieldProps } from "../types";
+import { ContentComponent } from "../../pages/content-builder";
 export interface Props extends FieldProps {
     contentComponents?: ContentComponent<any>[];
 }

package/form-renderer/field/content-dynamic.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const content_builder_1 = require("../../pages/content-builder");
+const wysiwyg_1 = require("../../pages/content-builder/content/wysiwyg");
+function Component(props) {
+    var _a, _b;
+    return (react_1.default.createElement("fieldset", null,
+        react_1.default.createElement("legend", null, props.fieldSchema.label),
+        react_1.default.createElement(content_builder_1.ContentField, { contentComponents: (_a = props.contentComponents) !== null && _a !== void 0 ? _a : [wysiwyg_1.Wysiwyg], control: props.control, name: `${(_b = props.prefix) !== null && _b !== void 0 ? _b : ""}${props.fieldSchema.name}` })));
+}
+exports.default = Component;

package/form-renderer/field/content.d.ts

@@ -0,0 +1,5 @@
+import { FieldProps } from "@uxf/form/form-renderer";
+import React, { FunctionComponent } from "react";
+import { ContentComponent } from "../../pages/content-builder";
+export declare const Content: React.ComponentType<import("./content-dynamic").Props>;
+export declare function createContentField(contentComponents: ContentComponent<any>[]): FunctionComponent<FieldProps>;

package/{pages/form-page → form-renderer}/field/content.js

@@ -27,5 +27,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Content = void 0;
+exports.createContentField = createContentField;
 const dynamic_1 = __importDefault(require("next/dynamic"));
+const react_1 = __importDefault(require("react"));
 exports.Content = (0, dynamic_1.default)(() => Promise.resolve().then(() => __importStar(require("./content-dynamic"))), { ssr: false });
+function createContentField(contentComponents) {
+    return function ContentField(props) {
+        return react_1.default.createElement(exports.Content, { ...props, contentComponents: contentComponents });
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/cms",
-    "version": "11.66.1",
+    "version": "11.67.0",
     "description": "UXF Cms",
     "author": "UXFans <dev@uxf.cz>",
     "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -30,13 +30,13 @@
         "@dnd-kit/utilities": "3.2.2",
         "@floating-ui/react": "0.26.28",
         "@redux-devtools/extension": "3.3.0",
-        "@uxf/core": "11.60.1",
-        "@uxf/core-react": "11.66.0",
-        "@uxf/data-grid": "11.66.0",
-        "@uxf/form": "11.66.1",
+        "@uxf/core": "11.67.0",
+        "@uxf/core-react": "11.67.0",
+        "@uxf/data-grid": "11.67.0",
+        "@uxf/form": "11.67.0",
         "@uxf/router": "11.49.1",
-        "@uxf/ui": "11.66.0",
-        "@uxf/wysiwyg": "11.66.0",
+        "@uxf/ui": "11.67.0",
+        "@uxf/wysiwyg": "11.67.0",
         "axios": "1.7.5",
         "axios-hooks": "5.0.2",
         "es6-error": "4.1.1",

package/pages/content-builder/components/form-root-fields.js

@@ -42,7 +42,7 @@ function FormRootFields(props) {
                     react_1.default.createElement(combobox_1.Combobox, { control: props.control, label: "Kategorie", loadOptions: (term) => (0, api_1.autocomplete)(null, { name: "content-category" }, { term }).then((r) => r.data), name: "category" })),
                 react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: props.control, label: "Tagy", loadOptions: (term) => (0, api_1.autocomplete)(null, { name: "content-tag" }, { term }).then((r) => r.data), name: "tags" }),
                 react_1.default.createElement(hide_1.Hide, { when: Boolean((_e = props.config.hide) === null || _e === void 0 ? void 0 : _e.image) },
-                    react_1.default.createElement(file_input_1.FileInput, { control: props.control, id: "image", label: "Hlavn\u00ED obr\u00E1zek", name: "image", onUploadFile: on_upload_file_1.onUploadFile })),
+                    react_1.default.createElement(file_input_1.FileInput, { control: props.control, id: "image", label: "Hlavn\u00ED obr\u00E1zek", name: "image", onUploadFile: (file) => (0, on_upload_file_1.onUploadFile)(file) })),
                 react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: props.control, label: "Aktivn\u00ED", name: "active" }),
                 react_1.default.createElement(select_1.Select, { control: props.control, isRequired: true, label: "Viditelnost", name: "visibilityLevel", options: options })),
             react_1.default.createElement(tabs_1.Tabs.Panel, { classNamePanel: "space-y-8 px-4 pb-4", isAlwaysMounted: true, label: "SEO", name: constants_1.ContentBuilderTabs.Seo },
@@ -56,6 +56,6 @@ function FormRootFields(props) {
                 react_1.default.createElement(hide_1.Hide, { when: Boolean((_o = (_m = props.config.hide) === null || _m === void 0 ? void 0 : _m.seo) === null || _o === void 0 ? void 0 : _o.ogDescription) },
                     react_1.default.createElement(text_input_1.TextInput, { control: props.control, helperText: "Popis kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", label: "OG popis", name: "seo.ogDescription", type: "text" })),
                 react_1.default.createElement(hide_1.Hide, { when: Boolean((_q = (_p = props.config.hide) === null || _p === void 0 ? void 0 : _p.seo) === null || _q === void 0 ? void 0 : _q.ogImage) },
-                    react_1.default.createElement(file_input_1.FileInput, { control: props.control, helperText: "Obr\u00E1zek kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", id: "seo.ogImage", label: "OG obr\u00E1zek", name: "seo.ogImage", onUploadFile: on_upload_file_1.onUploadFile })))),
+                    react_1.default.createElement(file_input_1.FileInput, { control: props.control, helperText: "Obr\u00E1zek kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", id: "seo.ogImage", label: "OG obr\u00E1zek", name: "seo.ogImage", onUploadFile: (file) => (0, on_upload_file_1.onUploadFile)(file) })))),
         props.children));
 }

package/pages/content-builder/content/people.js

@@ -37,7 +37,7 @@ const People = (props) => {
                         react_1.default.createElement("div", { className: "col-span-12 sm:col-span-6" },
                             react_1.default.createElement(text_input_1.TextInput, { control: props.control, isRequired: true, label: "Jm\u00E9no", name: `${props.name}.people.${index}.name` })),
                         react_1.default.createElement("div", { className: "col-span-12 sm:col-span-6" },
-                            react_1.default.createElement(file_input_1.FileInput, { control: props.control, id: `${props.name}.people.${index}.image`, label: "Obr\u00E1zek", name: `${props.name}.people.${index}.image`, onUploadFile: on_upload_file_1.onUploadFile })),
+                            react_1.default.createElement(file_input_1.FileInput, { control: props.control, id: `${props.name}.people.${index}.image`, label: "Obr\u00E1zek", name: `${props.name}.people.${index}.image`, onUploadFile: (file) => (0, on_upload_file_1.onUploadFile)(file) })),
                         react_1.default.createElement("div", { className: "col-span-12" },
                             react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "Popisek", name: `${props.name}.people.${index}.subtitle` })),
                         react_1.default.createElement("div", { className: "col-span-12" },

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

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

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

@@ -1,89 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseField = void 0;
-const empty_array_1 = require("@uxf/core/constants/empty-array");
-const checkbox_input_1 = require("@uxf/form/checkbox-input");
-const combobox_1 = require("@uxf/form/combobox");
-const date_picker_input_1 = require("@uxf/form/date-picker-input");
-const datetime_picker_input_1 = require("@uxf/form/datetime-picker-input");
-const dropzone_input_1 = require("@uxf/form/dropzone/dropzone-input");
-const dropzone_list_1 = require("@uxf/form/dropzone/dropzone-list");
-const file_input_1 = require("@uxf/form/file-input");
-const multi_combobox_1 = require("@uxf/form/multi-combobox");
-const number_input_1 = require("@uxf/form/number-input");
-const select_1 = require("@uxf/form/select");
-const text_input_1 = require("@uxf/form/text-input");
-const textarea_1 = require("@uxf/form/textarea");
-const time_picker_input_1 = require("@uxf/form/time-picker-input");
-const label_1 = require("@uxf/ui/label");
-const react_1 = __importDefault(require("react"));
-const api_1 = require("../../api");
-const on_upload_dropzone_file_1 = require("../../forms/utils/on-upload-dropzone-file");
-const on_upload_file_1 = require("../../forms/utils/on-upload-file");
-const remove_confirm_handler_1 = require("../../utils/remove-confirm-handler");
-const field_array_1 = require("./field-array"); // eslint-disable-line import/no-cycle
-const content_1 = require("./field/content");
-// eslint-disable-next-line complexity
-const BaseField = (props) => {
-    // eslint-disable-next-line react/destructuring-assignment
-    const { fieldSchema, entityAlias, isEditing, prefix = "", control } = props;
-    const { editable, label, name, readOnly, type, options } = fieldSchema;
-    const fieldName = `${prefix}${name}`;
-    const disabled = readOnly || (isEditing && !editable);
-    const 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, { control: control, id: fieldName, isClearable: !required, isDisabled: disabled, isRequired: required, label: label, name: fieldName, onUploadFile: on_upload_file_1.onUploadFile }));
-        case "enum":
-            return (react_1.default.createElement(select_1.Select, { control: control, isClearable: !required, isDisabled: disabled, isRequired: required, label: label, name: fieldName, options: options !== null && options !== void 0 ? options : empty_array_1.EMPTY_ARRAY }));
-        case "content":
-            return react_1.default.createElement(content_1.Content, { ...props });
-        case "boolean":
-            return (react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: control, isDisabled: disabled, isRequired: required, label: label, name: fieldName }));
-        case "date":
-            return (react_1.default.createElement(date_picker_input_1.DatePickerInput, { control: control, isClearable: !required, isDisabled: disabled, isRequired: required, label: label, name: fieldName }));
-        case "datetime":
-            return (react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { control: control, isClearable: !required, isDisabled: disabled, isRequired: required, label: label, name: fieldName }));
-        case "time":
-            return (react_1.default.createElement(time_picker_input_1.TimePickerInput, { control: control, isClearable: !required, isDisabled: disabled, isRequired: required, label: label, name: fieldName }));
-        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, { control: control, label: label, name: fieldName, onUploadFile: on_upload_dropzone_file_1.onUploadDropzoneFile })),
-                react_1.default.createElement(dropzone_list_1.DropzoneList, { control: control, errorText: "Soubor se nepoda\u0159ilo nahr\u00E1t.", name: fieldName, onRemoveConfirm: remove_confirm_handler_1.removeConfirmHandler })));
-        case "manyToMany":
-            return (react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: control, isDisabled: disabled, isRequired: required, label: label, loadOptions: (term) => { var _a; return (0, api_1.autocomplete)(null, { name: (_a = fieldSchema.autocomplete) !== null && _a !== void 0 ? _a : "" }, { term }).then((r) => r.data); }, name: fieldName }));
-        case "manyToOne":
-            return (react_1.default.createElement(combobox_1.Combobox, { control: control, isClearable: !required, isDisabled: disabled, isRequired: required, label: label, loadOptions: (term) => { var _a; return (0, api_1.autocomplete)(null, { name: (_a = fieldSchema.autocomplete) !== null && _a !== void 0 ? _a : "" }, { term }).then((r) => r.data); }, name: fieldName }));
-        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, { control: control, entityAlias: entityAlias, fieldName: fieldName, fieldSchema: fieldSchema, isEditing: isEditing })));
-        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((schema, i) => (react_1.default.createElement("div", { key: i },
-                react_1.default.createElement(exports.BaseField, { ...props, fieldSchema: { ...schema, label: `${fieldSchema.label} ${schema.label}` }, prefix: `${fieldSchema.name}.` }))))));
-        case "integer":
-            return (react_1.default.createElement(number_input_1.NumberInput, { control: control, isDisabled: disabled, isRequired: required, label: label, name: fieldName }));
-        case "text":
-            return (react_1.default.createElement(textarea_1.Textarea, { control: control, isDisabled: disabled, isRequired: required, label: label, name: fieldName }));
-        default:
-            return (react_1.default.createElement(text_input_1.TextInput, { control: control, isDisabled: disabled, isRequired: required, label: label, name: fieldName }));
-    }
-};
-exports.BaseField = BaseField;

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

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const content_builder_1 = require("../../content-builder");
-const wysiwyg_1 = require("../../content-builder/content/wysiwyg");
-function Component(props) {
-    // eslint-disable-next-line react/destructuring-assignment
-    const { fieldSchema, prefix = "", contentComponents, control } = props;
-    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], control: control, name: `${prefix}${fieldSchema.name}` })));
-}
-exports.default = Component;

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

@@ -1 +0,0 @@
-export declare const Content: import("react").ComponentType<import("./content-dynamic").Props>;

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

@@ -1,10 +0,0 @@
-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

@@ -1,53 +0,0 @@
-"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;
-const button_1 = require("@uxf/ui/button");
-const icon_1 = require("@uxf/ui/icon");
-const react_1 = __importStar(require("react"));
-const react_hook_form_1 = require("react-hook-form");
-// eslint-disable-next-line import/no-cycle
-const base_field_1 = require("./base-field");
-const FieldArray = (props) => {
-    // eslint-disable-next-line react/destructuring-assignment
-    const { fieldName, fieldSchema, isEditing, entityAlias, control } = props;
-    const { fields, remove, append } = (0, react_hook_form_1.useFieldArray)({ control, name: fieldName });
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: "grid gap-2" }, fields.map((name, index) => (react_1.default.createElement(react_1.Fragment, { key: name.id },
-            fieldSchema.fields.map((schema, i) => {
-                if (schema.name === "id") {
-                    return react_1.default.createElement("input", { key: `${schema.name}-${i}`, name: "id", type: "hidden" });
-                }
-                return (react_1.default.createElement("div", { key: `${schema.name}-${i}` },
-                    react_1.default.createElement(base_field_1.BaseField, { control: control, entityAlias: entityAlias, fieldSchema: schema, isEditing: isEditing, prefix: `${index}.` })));
-            }),
-            react_1.default.createElement("div", { className: "flex justify-end" },
-                react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: () => remove(index), variant: "secondary" },
-                    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: () => append({ id: null }), variant: "secondary" },
-                react_1.default.createElement(icon_1.Icon, { name: "plus", size: 20 })))));
-};
-exports.FieldArray = FieldArray;

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

@@ -1,15 +0,0 @@
-import { DefaultValues } from "react-hook-form";
-import { EntityMetaSchema, FormSchemaResponse } from "../../api";
-import { FormPageConfig } from "./types";
-export interface InitialProps<T extends {
-    id?: number | null;
-}> {
-    formSchema: FormSchemaResponse;
-    initialValues: DefaultValues<T>;
-    entityAlias: string;
-    entityId: number | null;
-    entityMetaSchema: EntityMetaSchema;
-}
-export declare const FormPage: <T extends {
-    id?: number | null;
-}>(config: FormPageConfig<T>) => import("next").NextComponentType<import("../../deprecated/types/app").IAppContext, object, object>;

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

@@ -1,106 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormPage = void 0;
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const router_1 = __importDefault(require("next/router"));
-const react_1 = __importStar(require("react"));
-const react_hook_form_1 = require("react-hook-form");
-const api_1 = require("../../api");
-const config_1 = require("../../config");
-const with_authenticate_1 = require("../../deprecated/hoc/with-authenticate");
-const ValidationError_1 = require("../../errors/ValidationError");
-const base_field_1 = require("./base-field");
-const form_1 = require("./form");
-const mapper_1 = require("./mapper");
-const resolve = (value, ctx) => (typeof value === "function" ? value(ctx) : (value !== null && value !== void 0 ? value : null));
-const FormPage = (config) => {
-    var _a, _b, _c;
-    const entityIdResolver = (_a = config.entityId) !== null && _a !== void 0 ? _a : (({ query }) => (query.id ? Number.parseInt(query.id, 10) : null));
-    const entityAliasResolver = (_b = config.entityAlias) !== null && _b !== void 0 ? _b : (({ query }) => (query.entityAlias ? `${query.entityAlias}` : null));
-    const onSaveDone = (_c = config.onSaveDone) !== null && _c !== void 0 ? _c : router_1.default.back;
-    const Component = (props) => {
-        var _a, _b, _c, _d;
-        const { formSchema, entityAlias, entityId, entityMetaSchema } = props;
-        const formApi = (0, react_hook_form_1.useForm)({ defaultValues: props.initialValues });
-        const onSubmit = (0, react_1.useCallback)(async (values) => {
-            try {
-                const newInitialValues = config.onSave
-                    ? await config.onSave(values, entityAlias)
-                    : await (0, api_1.saveFormValues)(null, { entityAlias, id: entityId }, (0, mapper_1.mapToRequestObject)(values, formSchema)).then((r) => r.data);
-                formApi.reset(newInitialValues);
-                onSaveDone(newInitialValues, entityAlias);
-            }
-            catch (e) {
-                if (e instanceof ValidationError_1.ValidationError) {
-                    // eslint-disable-next-line no-console
-                    console.error(e);
-                    return e.fields;
-                }
-                config_1.container.get("service.error").handleError(e);
-                return { ["ERROR"]: "Error" }; // TODO
-            }
-        }, [entityAlias, entityId, formSchema, formApi]);
-        const FieldComponentElement = (_b = (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Field) !== null && _b !== void 0 ? _b : base_field_1.BaseField;
-        const Layout = (_d = (_c = config.ui) === null || _c === void 0 ? void 0 : _c.Layout) !== null && _d !== void 0 ? _d : react_1.default.createElement("div", null);
-        const Content = (react_1.default.createElement(form_1.Form, { Field: FieldComponentElement, entityAlias: entityAlias, formApi: formApi, id: `${entityAlias}-form`, isEditing: (0, is_not_nil_1.isNotNil)(entityId), onSubmit: onSubmit, schema: formSchema }));
-        return (0, react_1.cloneElement)(typeof Layout === "function" ? Layout(entityMetaSchema) : Layout, {
-            children: Content,
-        });
-    };
-    Component.getInitialProps = async (ctx) => {
-        var _a;
-        const entityId = resolve(entityIdResolver, ctx);
-        const entityAlias = (_a = resolve(entityAliasResolver, ctx)) !== null && _a !== void 0 ? _a : "";
-        const metaSchemas = await (0, api_1.getEntityMetaSchemas)(ctx).then((r) => r.data);
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        if (!metaSchemas[entityAlias]) {
-            throw new Error(`Entity meta schema for alias ${entityAlias} does not exist.`);
-        }
-        const formSchema = await (0, api_1.getFormSchema)(ctx, { entityAlias }).then((r) => r.data);
-        let initialValues; // TODO vejvis
-        if (typeof config.initialValues === "function") {
-            initialValues = await config.initialValues(ctx);
-        }
-        else if (config.initialValues) {
-            initialValues = config.initialValues;
-        }
-        else if (entityId) {
-            initialValues = await (0, api_1.getFormValues)(ctx, { entityAlias, id: entityId }).then((r) => r.data);
-        }
-        return {
-            entityId,
-            entityAlias,
-            entityMetaSchema: metaSchemas[entityAlias],
-            formSchema: config.configureSchema ? config.configureSchema(formSchema) : formSchema,
-            initialValues,
-        };
-    };
-    return (0, with_authenticate_1.withAuthenticate)({ allowedRoles: config.allowedRoles || ["ROLE_ROOT"] })(Component);
-};
-exports.FormPage = FormPage;

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

@@ -1,18 +0,0 @@
-import { FormProps as UXFFormProps } from "@uxf/form/form";
-import React, { FC } from "react";
-import { FieldValues, FormState } from "react-hook-form";
-import { FormSchemaResponse } from "../../api";
-import { FieldComponent } from "./types";
-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 function Form<T extends FieldValues>(props: FormProps<T>): React.JSX.Element;
-export {};

package/pages/form-page/form.js

@@ -1,25 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Form = Form;
-const form_1 = require("@uxf/form/form");
-const button_1 = require("@uxf/ui/button");
-const react_1 = __importDefault(require("react"));
-const widget_1 = require("../../ui/widget");
-const base_field_1 = require("./base-field");
-const BaseSubmitButton = (props) => {
-    const { isSubmitting } = props.formState;
-    return (react_1.default.createElement(button_1.Button, { isDisabled: isSubmitting, type: "submit" }, "Ulo\u017Eit"));
-};
-function Form(props) {
-    var _a, _b, _c;
-    const SubmitButton = (_a = props.SubmitButton) !== null && _a !== void 0 ? _a : BaseSubmitButton;
-    const 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, { footer: react_1.default.createElement("div", { className: "text-right" },
-                    react_1.default.createElement(SubmitButton, { formState: props.formApi.formState })), withDividers: true }, props.schema.fields.map((field, i) => (react_1.default.createElement("div", { className: "p-4", key: i },
-                react_1.default.createElement(Field, { control: props.formApi.control, entityAlias: props.entityAlias, fieldSchema: field, isEditing: props.isEditing }))))))));
-}

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

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

package/pages/form-page/index.js

@@ -1,21 +0,0 @@
-"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("./base-field"), exports);
-__exportStar(require("./form"), exports);
-__exportStar(require("./form-page"), exports);
-__exportStar(require("./mapper"), exports);
-__exportStar(require("./types"), exports);

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

@@ -1,2 +0,0 @@
-import { FormSchemaResponse } from "../../api";
-export declare const mapToRequestObject: (values: any, schema: FormSchemaResponse) => any;

package/pages/form-page/mapper.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mapToRequestObject = void 0;
-const empty_array_1 = require("@uxf/core/constants/empty-array");
-const mapToRequestObject = (values, schema) => {
-    var _a, _b;
-    const requestObject = { ...values };
-    for (const field of schema.fields) {
-        const { name, type } = field;
-        const value = requestObject[name];
-        switch (type) {
-            case "file":
-            case "image":
-                requestObject[name] = value ? value.id : value;
-                break;
-            case "content":
-                // TODO search string
-                requestObject[name] = value ? { data: (_a = value.data) !== null && _a !== void 0 ? _a : empty_array_1.EMPTY_ARRAY, search: (_b = value.search) !== null && _b !== void 0 ? _b : "" } : null;
-                break;
-            case "embedded":
-                requestObject[name] = (0, exports.mapToRequestObject)(value, field);
-                break;
-        }
-    }
-    return requestObject;
-};
-exports.mapToRequestObject = mapToRequestObject;

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

@@ -1,30 +0,0 @@
-import { FC, ReactElement } from "react";
-import { Control } from "react-hook-form";
-import { EntityMetaSchema, FieldSchemaResponse, FormSchemaResponse } from "../../api";
-export interface FieldProps {
-    fieldSchema: FieldSchemaResponse;
-    entityAlias: string;
-    isEditing?: boolean;
-    prefix?: string;
-    control: Control<any>;
-}
-export type FieldComponent = FC<FieldProps>;
-export interface FormPageConfig<T = {
-    id?: number | null;
-}> {
-    allowedRoles?: string[];
-    initialValues?: ((ctx: any) => Promise<T>) | T;
-    configureSchema?: (schema: FormSchemaResponse) => FormSchemaResponse;
-    entityAlias?: string | ((ctx: any) => string);
-    entityId?: number | ((ctx: any) => number);
-    onSave?: (data: T, entityAlias: string) => Promise<T>;
-    onSaveDone?: (data: T, entityAlias: string) => void;
-    ui?: {
-        Field?: FieldComponent;
-        Layout?: ReactElement | ((entityMetaSchema: EntityMetaSchema) => ReactElement);
-    };
-}
-export interface FormPageQueryParams {
-    id?: string;
-    entityAlias: string;
-}

package/pages/form-page/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });