@uxf/cms 14.0.0 → 14.1.0

package/api/index.d.ts

@@ -149,6 +149,8 @@ export declare function autocomplete(ctx: any, path: {
 }, query: {
     term: string;
     limit?: number;
+}, options?: {
+    signal?: AbortSignal;
 }): AxiosPromise<AutocompleteResultResponse[]>;
 export declare function saveFormValues<T extends Record<string, any>>(ctx: any, path: {
     entityAlias: string;

package/api/index.js

@@ -57,8 +57,8 @@ function getFormValues(ctx, path) {
 function login(ctx, body) {
     return axiosRequest(ctx, "/api/login", "post", body, null);
 }
-function autocomplete(ctx, path, query) {
-    return axiosRequest(ctx, `/api/cms/autocomplete/${path.name}`, "get", null, query);
+function autocomplete(ctx, path, query, options) {
+    return axiosRequest(ctx, `/api/cms/autocomplete/${path.name}`, "get", null, query, options);
 }
 function saveFormValues(ctx, path, body) {
     return path.id

package/api/swr.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDatagridGetSchemaQuery = exports.useCmsTablesQuery = exports.useCmsMeQuery = exports.useCmsUserConfigUpdateMutation = exports.useCmsUserConfigQuery = exports._fetch = exports.ApiError = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const swr_1 = __importDefault(require("swr"));
 const mutation_1 = __importDefault(require("swr/mutation"));
 class ApiError extends Error {
@@ -19,7 +20,7 @@ const _fetch = (url, method = "GET", body = undefined) => {
     var _a;
     return fetch(((_a = process.env.API_URL) !== null && _a !== void 0 ? _a : "") + url, {
         method,
-        body: typeof body !== "undefined" ? JSON.stringify(body) : undefined,
+        body: typeof body !== "undefined" ? JSON.stringify(body) : undefined
     }).then(async (res) => {
         const data = await res.json();
         if (!res.ok) {
@@ -29,15 +30,79 @@ const _fetch = (url, method = "GET", body = undefined) => {
     });
 };
 exports._fetch = _fetch;
-const useCmsUserConfigQuery = (config, options = {}) => (0, swr_1.default)(config.skip !== true ? `/api/cms/user-config/${config.path.name}` : null, options);
+// UXF\CMS\Http\Request\Cms\SaveUserConfigRequestBody
+// UXF\CMS\Http\Response\UserResponse
+// UXF\Core\Contract\Metadata\Metadata
+const useCmsUserConfigQuery = (config, t0) => {
+    const $ = (0, compiler_runtime_1.c)(2);
+    let t1;
+    if ($[0] !== t0) {
+        t1 = t0 === undefined ? {} : t0;
+        $[0] = t0;
+        $[1] = t1;
+    }
+    else {
+        t1 = $[1];
+    }
+    const options = t1;
+    return (0, swr_1.default)(config.skip !== true ? `/api/cms/user-config/${config.path.name}` : null, options);
+};
 exports.useCmsUserConfigQuery = useCmsUserConfigQuery;
-const useCmsUserConfigUpdateMutation = (config, options = undefined) => (0, mutation_1.default)(`/api/cms/user-config/${config.path.name}`, (url, { arg: body }) => (0, exports._fetch)(url, "PUT", body), options);
+const useCmsUserConfigUpdateMutation = (config, t0) => {
+    const options = t0 === undefined ? undefined : t0;
+    return (0, mutation_1.default)(`/api/cms/user-config/${config.path.name}`, _temp, options);
+};
 exports.useCmsUserConfigUpdateMutation = useCmsUserConfigUpdateMutation;
-const useCmsMeQuery = (config = {}, options = {}) => (0, swr_1.default)(config.skip !== true ? `/api/cms/me` : null, options);
+const useCmsMeQuery = (t0, t1) => {
+    const $ = (0, compiler_runtime_1.c)(2);
+    const config = t0 === undefined ? {} : t0;
+    let t2;
+    if ($[0] !== t1) {
+        t2 = t1 === undefined ? {} : t1;
+        $[0] = t1;
+        $[1] = t2;
+    }
+    else {
+        t2 = $[1];
+    }
+    const options = t2;
+    return (0, swr_1.default)(config.skip !== true ? "/api/cms/me" : null, options);
+};
 exports.useCmsMeQuery = useCmsMeQuery;
 /** @deprecated will be removed - schemas are generated */
-const useCmsTablesQuery = (config = {}, options = {}) => (0, swr_1.default)(config.skip !== true ? `/api/cms/tables` : null, options);
+const useCmsTablesQuery = (t0, t1) => {
+    const $ = (0, compiler_runtime_1.c)(2);
+    const config = t0 === undefined ? {} : t0;
+    let t2;
+    if ($[0] !== t1) {
+        t2 = t1 === undefined ? {} : t1;
+        $[0] = t1;
+        $[1] = t2;
+    }
+    else {
+        t2 = $[1];
+    }
+    const options = t2;
+    return (0, swr_1.default)(config.skip !== true ? "/api/cms/tables" : null, options);
+};
 exports.useCmsTablesQuery = useCmsTablesQuery;
 /** @deprecated will be removed - schemas are generated */
-const useDatagridGetSchemaQuery = (config, options = {}) => (0, swr_1.default)(config.skip !== true ? `/api/cms/datagrid/schema/${config.path.name}` : null, options);
+const useDatagridGetSchemaQuery = (config, t0) => {
+    const $ = (0, compiler_runtime_1.c)(2);
+    let t1;
+    if ($[0] !== t0) {
+        t1 = t0 === undefined ? {} : t0;
+        $[0] = t0;
+        $[1] = t1;
+    }
+    else {
+        t1 = $[1];
+    }
+    const options = t1;
+    return (0, swr_1.default)(config.skip !== true ? `/api/cms/datagrid/schema/${config.path.name}` : null, options);
+};
 exports.useDatagridGetSchemaQuery = useDatagridGetSchemaQuery;
+function _temp(url, t0) {
+    const { arg: body } = t0;
+    return (0, exports._fetch)(url, "PUT", body);
+}

package/content-builder/content-builder-header.js

@@ -4,12 +4,51 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentBuilderHeader = ContentBuilderHeader;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const translations_1 = require("@uxf/core-react/translations");
 const button_1 = require("@uxf/ui/button");
 const react_1 = __importDefault(require("react"));
 function ContentBuilderHeader(props) {
+    const $ = (0, compiler_runtime_1.c)(9);
     const t = (0, translations_1.useUxfTranslation)();
-    return (react_1.default.createElement("div", { className: "uxf-cb__header" },
-        react_1.default.createElement("h1", { className: "uxg-cb__header-title uxf-typo-h5" }, props.title),
-        react_1.default.createElement(button_1.Button, { type: "submit" }, t("uxf-cms-content-builder:header.save"))));
+    let t0;
+    if ($[0] !== props.title) {
+        t0 = react_1.default.createElement("h1", { className: "uxg-cb__header-title uxf-typo-h5" }, props.title);
+        $[0] = props.title;
+        $[1] = t0;
+    }
+    else {
+        t0 = $[1];
+    }
+    let t1;
+    if ($[2] !== t) {
+        t1 = t("uxf-cms-content-builder:header.save");
+        $[2] = t;
+        $[3] = t1;
+    }
+    else {
+        t1 = $[3];
+    }
+    let t2;
+    if ($[4] !== t1) {
+        t2 = react_1.default.createElement(button_1.Button, { type: "submit" }, t1);
+        $[4] = t1;
+        $[5] = t2;
+    }
+    else {
+        t2 = $[5];
+    }
+    let t3;
+    if ($[6] !== t0 || $[7] !== t2) {
+        t3 = react_1.default.createElement("div", { className: "uxf-cb__header" },
+            t0,
+            t2);
+        $[6] = t0;
+        $[7] = t2;
+        $[8] = t3;
+    }
+    else {
+        t3 = $[8];
+    }
+    return t3;
 }

package/content-builder/content-builder.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentBuilder = ContentBuilder;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const translations_1 = require("@uxf/core-react/translations");
 const tabs_1 = require("@uxf/ui/tabs");
 const react_1 = __importStar(require("react"));
@@ -44,29 +45,150 @@ const content_builder_root_1 = require("./content-builder-root");
 const content_builder_sidebar_1 = require("./content-builder-sidebar");
 const content_builder_basic_form_1 = require("./forms/content-builder-basic-form");
 const content_builder_seo_form_1 = require("./forms/content-builder-seo-form");
-var TabName;
-(function (TabName) {
+var TabName = /*#__PURE__*/ function (TabName) {
     TabName["Basic"] = "basic";
     TabName["Seo"] = "seo";
-})(TabName || (TabName = {}));
+    return TabName;
+}(TabName || {});
 function ContentBuilder(props) {
     var _a, _b;
+    const $ = (0, compiler_runtime_1.c)(39);
     const generatedId = (0, react_1.useId)();
     const [activeTab, setActiveTab] = (0, react_1.useState)(TabName.Basic);
     const t = (0, translations_1.useUxfTranslation)();
-    return (react_1.default.createElement(content_builder_root_1.ContentBuilderRoot, { formApi: props.formApi, id: (_a = props.id) !== null && _a !== void 0 ? _a : generatedId, onSubmit: props.onSubmit },
-        react_1.default.createElement(content_builder_header_1.ContentBuilderHeader, { title: (_b = props.title) !== null && _b !== void 0 ? _b : t("uxf-cms-content-builder:settings.default-title") }),
-        react_1.default.createElement(content_builder_body_1.ContentBuilderBody, null,
-            react_1.default.createElement(content_builder_1.ContentField, { contentComponents: props.ContentComponents, 
-                // react-hook-form 7.85 přidalo do Control člen `_options.validate`, který je
-                // kontravariantní v TFieldValues, takže konkrétní Control<ContentBuilderFormData>
-                // už není přiřaditelný do volného Control<any>, na kterém stojí celý
-                // content-builder plumbing (ContentProps, FormContent, FormRootFields).
-                control: props.formApi.control, name: "content" }),
-            react_1.default.createElement(content_builder_sidebar_1.ContentBuilderSidebar, { title: t("uxf-cms-content-builder:settings.settings") },
-                react_1.default.createElement(tabs_1.Tabs, { onChange: setActiveTab, value: activeTab },
-                    react_1.default.createElement(tabs_1.Tabs.Panel, { isAlwaysMounted: true, label: t("uxf-cms-content-builder:settings.basic"), name: TabName.Basic },
-                        react_1.default.createElement(content_builder_basic_form_1.ContentBuilderBasicForm, { className: "space-y-8", fields: props.fields, formApi: props.formApi, uploadNamespace: props.uploadNamespace })),
-                    react_1.default.createElement(tabs_1.Tabs.Panel, { isAlwaysMounted: true, label: "SEO", name: TabName.Seo },
-                        react_1.default.createElement(content_builder_seo_form_1.ContentBuilderSeoForm, { className: "space-y-8", fields: props.fields, formApi: props.formApi, uploadNamespace: props.uploadNamespace })))))));
+    const t0 = props.formApi;
+    const t1 = (_a = props.id) !== null && _a !== void 0 ? _a : generatedId;
+    const t2 = props.onSubmit;
+    let t3;
+    if ($[0] !== props.title || $[1] !== t) {
+        t3 = (_b = props.title) !== null && _b !== void 0 ? _b : t("uxf-cms-content-builder:settings.default-title");
+        $[0] = props.title;
+        $[1] = t;
+        $[2] = t3;
+    }
+    else {
+        t3 = $[2];
+    }
+    let t4;
+    if ($[3] !== t3) {
+        t4 = react_1.default.createElement(content_builder_header_1.ContentBuilderHeader, { title: t3 });
+        $[3] = t3;
+        $[4] = t4;
+    }
+    else {
+        t4 = $[4];
+    }
+    const t5 = props.formApi.control;
+    let t6;
+    if ($[5] !== props.ContentComponents || $[6] !== t5) {
+        t6 = react_1.default.createElement(content_builder_1.ContentField, { contentComponents: props.ContentComponents, control: t5, name: "content" });
+        $[5] = props.ContentComponents;
+        $[6] = t5;
+        $[7] = t6;
+    }
+    else {
+        t6 = $[7];
+    }
+    let t7;
+    if ($[8] !== t) {
+        t7 = t("uxf-cms-content-builder:settings.settings");
+        $[8] = t;
+        $[9] = t7;
+    }
+    else {
+        t7 = $[9];
+    }
+    let t8;
+    if ($[10] !== t) {
+        t8 = t("uxf-cms-content-builder:settings.basic");
+        $[10] = t;
+        $[11] = t8;
+    }
+    else {
+        t8 = $[11];
+    }
+    let t9;
+    if ($[12] !== props.fields || $[13] !== props.formApi || $[14] !== props.uploadNamespace) {
+        t9 = react_1.default.createElement(content_builder_basic_form_1.ContentBuilderBasicForm, { className: "space-y-8", fields: props.fields, formApi: props.formApi, uploadNamespace: props.uploadNamespace });
+        $[12] = props.fields;
+        $[13] = props.formApi;
+        $[14] = props.uploadNamespace;
+        $[15] = t9;
+    }
+    else {
+        t9 = $[15];
+    }
+    let t10;
+    if ($[16] !== t8 || $[17] !== t9) {
+        t10 = react_1.default.createElement(tabs_1.Tabs.Panel, { isAlwaysMounted: true, label: t8, name: TabName.Basic }, t9);
+        $[16] = t8;
+        $[17] = t9;
+        $[18] = t10;
+    }
+    else {
+        t10 = $[18];
+    }
+    let t11;
+    if ($[19] !== props.fields || $[20] !== props.formApi || $[21] !== props.uploadNamespace) {
+        t11 = react_1.default.createElement(tabs_1.Tabs.Panel, { isAlwaysMounted: true, label: "SEO", name: TabName.Seo },
+            react_1.default.createElement(content_builder_seo_form_1.ContentBuilderSeoForm, { className: "space-y-8", fields: props.fields, formApi: props.formApi, uploadNamespace: props.uploadNamespace }));
+        $[19] = props.fields;
+        $[20] = props.formApi;
+        $[21] = props.uploadNamespace;
+        $[22] = t11;
+    }
+    else {
+        t11 = $[22];
+    }
+    let t12;
+    if ($[23] !== activeTab || $[24] !== t10 || $[25] !== t11) {
+        t12 = react_1.default.createElement(tabs_1.Tabs, { onChange: setActiveTab, value: activeTab },
+            t10,
+            t11);
+        $[23] = activeTab;
+        $[24] = t10;
+        $[25] = t11;
+        $[26] = t12;
+    }
+    else {
+        t12 = $[26];
+    }
+    let t13;
+    if ($[27] !== t12 || $[28] !== t7) {
+        t13 = react_1.default.createElement(content_builder_sidebar_1.ContentBuilderSidebar, { title: t7 }, t12);
+        $[27] = t12;
+        $[28] = t7;
+        $[29] = t13;
+    }
+    else {
+        t13 = $[29];
+    }
+    let t14;
+    if ($[30] !== t13 || $[31] !== t6) {
+        t14 = react_1.default.createElement(content_builder_body_1.ContentBuilderBody, null,
+            t6,
+            t13);
+        $[30] = t13;
+        $[31] = t6;
+        $[32] = t14;
+    }
+    else {
+        t14 = $[32];
+    }
+    let t15;
+    if ($[33] !== props.formApi || $[34] !== props.onSubmit || $[35] !== t1 || $[36] !== t14 || $[37] !== t4) {
+        t15 = react_1.default.createElement(content_builder_root_1.ContentBuilderRoot, { formApi: t0, id: t1, onSubmit: t2 },
+            t4,
+            t14);
+        $[33] = props.formApi;
+        $[34] = props.onSubmit;
+        $[35] = t1;
+        $[36] = t14;
+        $[37] = t4;
+        $[38] = t15;
+    }
+    else {
+        t15 = $[38];
+    }
+    return t15;
 }

package/content-builder/content-builder.stories.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const react_1 = __importDefault(require("react"));
 const content_builder_1 = require("@uxf/cms/content-builder");
 const use_content_builder_form_api_1 = require("@uxf/cms/content-builder/use-content-builder-form-api");
@@ -11,9 +12,27 @@ const people_1 = require("@uxf/cms/pages/content-builder/content/people");
 const wysiwyg_1 = require("@uxf/cms/pages/content-builder/content/wysiwyg");
 const Contents = [wysiwyg_1.Wysiwyg, people_1.People];
 function Default() {
-    const formApi = (0, use_content_builder_form_api_1.useContentBuilderFormApi)({
-        defaultValues: (0, content_builder_1.mapContentResponseToFormData)(null),
-    });
-    return (react_1.default.createElement("div", { className: "bg-neutral-200" },
-        react_1.default.createElement(content_builder_1.ContentBuilder, { ContentComponents: Contents, formApi: formApi, onSubmit: console.log })));
+    const $ = (0, compiler_runtime_1.c)(3);
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = {
+            defaultValues: (0, content_builder_1.mapContentResponseToFormData)(null)
+        };
+        $[0] = t0;
+    }
+    else {
+        t0 = $[0];
+    }
+    const formApi = (0, use_content_builder_form_api_1.useContentBuilderFormApi)(t0);
+    let t1;
+    if ($[1] !== formApi) {
+        t1 = react_1.default.createElement("div", { className: "bg-neutral-200" },
+            react_1.default.createElement(content_builder_1.ContentBuilder, { ContentComponents: Contents, formApi: formApi, onSubmit: console.log }));
+        $[1] = formApi;
+        $[2] = t1;
+    }
+    else {
+        t1 = $[2];
+    }
+    return t1;
 }

package/content-builder/forms/content-builder-basic-form.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentBuilderBasicForm = ContentBuilderBasicForm;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const is_empty_1 = require("@uxf/core/utils/is-empty");
 const is_nil_1 = require("@uxf/core/utils/is-nil");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
@@ -19,32 +20,218 @@ const text_input_1 = require("@uxf/form/text-input");
 const textarea_1 = require("@uxf/form/textarea");
 const react_1 = __importDefault(require("react"));
 const api_1 = require("../../api");
-const visibilityLevelOptions = [
-    { id: "PRIVATE", label: "Privátní" },
-    { id: "PUBLIC_WITHOUT_SITEMAP", label: "Veřejný bez sitemapy" },
-    { id: "PUBLIC", label: "Veřejný" },
-];
+const visibilityLevelOptions = [{
+        id: "PRIVATE",
+        label: "Privátní"
+    }, {
+        id: "PUBLIC_WITHOUT_SITEMAP",
+        label: "Veřejný bez sitemapy"
+    }, {
+        id: "PUBLIC",
+        label: "Veřejný"
+    }];
 // eslint-disable-next-line complexity
 function ContentBuilderBasicForm(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
-    const seoName = props.formApi.watch("seo.name");
+    var _a, _b, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28;
+    const $ = (0, compiler_runtime_1.c)(66);
+    let t0;
+    if ($[0] !== props.formApi) {
+        t0 = props.formApi.watch("seo.name");
+        $[0] = props.formApi;
+        $[1] = t0;
+    }
+    else {
+        t0 = $[1];
+    }
+    const seoName = t0;
     const t = (0, translations_1.useUxfTranslation)();
-    const onBlurName = (event) => {
-        if ((0, is_nil_1.isNil)(seoName) || (0, is_empty_1.isEmpty)(seoName)) {
-            props.formApi.setValue("seo.name", (0, slugify_1.slugify)(event.target.value));
-        }
-    };
-    return (react_1.default.createElement("div", { className: props.className },
-        ((_b = (_a = props.fields) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.options) && (react_1.default.createElement(select_1.Select, { control: props.formApi.control, isReadOnly: props.fields.type.isReadOnly, isRequired: true, label: "Typ", name: "type", options: props.fields.type.options })),
-        react_1.default.createElement(text_input_1.TextInput, { control: props.formApi.control, isRequired: true, label: t("uxf-cms-content-builder:basic-form.title"), name: "name", onBlur: onBlurName, type: "text" }),
-        !((_d = (_c = props.fields) === null || _c === void 0 ? void 0 : _c.publishedAt) === null || _d === void 0 ? void 0 : _d.isHidden) && (react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { control: props.formApi.control, isRequired: true, label: t("uxf-cms-content-builder:basic-form.published-at"), name: "publishedAt" })),
-        !((_f = (_e = props.fields) === null || _e === void 0 ? void 0 : _e.perex) === null || _f === void 0 ? void 0 : _f.isHidden) && (react_1.default.createElement(textarea_1.Textarea, { control: props.formApi.control, label: t("uxf-cms-content-builder:basic-form.perex"), name: "perex", rows: 3 })),
-        ((_h = (_g = props.fields) === null || _g === void 0 ? void 0 : _g.authorText) === null || _h === void 0 ? void 0 : _h.isHidden) === false && (react_1.default.createElement(text_input_1.TextInput, { control: props.formApi.control, label: t("uxf-cms-content-builder:basic-form.author"), name: "authorText" })),
-        !((_k = (_j = props.fields) === null || _j === void 0 ? void 0 : _j.author) === null || _k === void 0 ? void 0 : _k.isHidden) && ((_m = (_l = props.fields) === null || _l === void 0 ? void 0 : _l.author) === null || _m === void 0 ? void 0 : _m.autocomplete) && (react_1.default.createElement(combobox_1.Combobox, { control: props.formApi.control, label: t("uxf-cms-content-builder:basic-form.author"), loadOptions: props.fields.author.autocomplete, name: "author" })),
-        !((_p = (_o = props.fields) === null || _o === void 0 ? void 0 : _o.category) === null || _p === void 0 ? void 0 : _p.isHidden) && ((_r = (_q = props.fields) === null || _q === void 0 ? void 0 : _q.category) === null || _r === void 0 ? void 0 : _r.autocomplete) && (react_1.default.createElement(combobox_1.Combobox, { control: props.formApi.control, label: "Kategorie", loadOptions: props.fields.category.autocomplete, name: "category" })),
-        !((_t = (_s = props.fields) === null || _s === void 0 ? void 0 : _s.tags) === null || _t === void 0 ? void 0 : _t.isHidden) && ((_v = (_u = props.fields) === null || _u === void 0 ? void 0 : _u.tags) === null || _v === void 0 ? void 0 : _v.autocomplete) && (react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: props.formApi.control, label: "Tagy", loadOptions: props.fields.tags.autocomplete, name: "tags" })),
-        !((_x = (_w = props.fields) === null || _w === void 0 ? void 0 : _w.image) === null || _x === void 0 ? void 0 : _x.isHidden) && (react_1.default.createElement(file_input_1.FileInput, { control: props.formApi.control, id: "image", label: t("uxf-cms-content-builder:basic-form.main-image"), name: "image", onUploadFile: (file) => (0, api_1.uploadFile)(file, props.uploadNamespace) })),
-        !((_z = (_y = props.fields) === null || _y === void 0 ? void 0 : _y.isActive) === null || _z === void 0 ? void 0 : _z.isHidden) && (react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: props.formApi.control, label: t("uxf-cms-content-builder:basic-form.active"), name: "isActive" })),
-        !((_1 = (_0 = props.fields) === null || _0 === void 0 ? void 0 : _0.visibilityLevel) === null || _1 === void 0 ? void 0 : _1.isHidden) && (react_1.default.createElement(select_1.Select, { control: props.formApi.control, isRequired: true, label: "Viditelnost", name: "visibilityLevel", options: visibilityLevelOptions })),
-        (0, is_not_nil_1.isNotNil)((_3 = (_2 = props.fields) === null || _2 === void 0 ? void 0 : _2.parent) === null || _3 === void 0 ? void 0 : _3.autocomplete) && (react_1.default.createElement(combobox_1.Combobox, { control: props.formApi.control, label: t("uxf-cms-content-builder:basic-form.parent-article"), loadOptions: props.fields.parent.autocomplete, name: "parent" }))));
+    let t1;
+    if ($[2] !== props.formApi || $[3] !== seoName) {
+        t1 = event => {
+            if ((0, is_nil_1.isNil)(seoName) || (0, is_empty_1.isEmpty)(seoName)) {
+                props.formApi.setValue("seo.name", (0, slugify_1.slugify)(event.target.value));
+            }
+        };
+        $[2] = props.formApi;
+        $[3] = seoName;
+        $[4] = t1;
+    }
+    else {
+        t1 = $[4];
+    }
+    const onBlurName = t1;
+    const t2 = props.className;
+    let t3;
+    if ($[5] !== props.fields || $[6] !== props.formApi.control) {
+        t3 = ((_b = (_a = props.fields) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.options) && react_1.default.createElement(select_1.Select, { control: props.formApi.control, isReadOnly: props.fields.type.isReadOnly, isRequired: true, label: "Typ", name: "type", options: props.fields.type.options });
+        $[5] = props.fields;
+        $[6] = props.formApi.control;
+        $[7] = t3;
+    }
+    else {
+        t3 = $[7];
+    }
+    const t4 = props.formApi.control;
+    let t5;
+    if ($[8] !== t) {
+        t5 = t("uxf-cms-content-builder:basic-form.title");
+        $[8] = t;
+        $[9] = t5;
+    }
+    else {
+        t5 = $[9];
+    }
+    let t6;
+    if ($[10] !== onBlurName || $[11] !== props.formApi.control || $[12] !== t5) {
+        t6 = react_1.default.createElement(text_input_1.TextInput, { control: t4, isRequired: true, label: t5, name: "name", onBlur: onBlurName, type: "text" });
+        $[10] = onBlurName;
+        $[11] = props.formApi.control;
+        $[12] = t5;
+        $[13] = t6;
+    }
+    else {
+        t6 = $[13];
+    }
+    let t7;
+    if ($[14] !== ((_e = (_d = props.fields) === null || _d === void 0 ? void 0 : _d.publishedAt) === null || _e === void 0 ? void 0 : _e.isHidden) || $[15] !== props.formApi.control || $[16] !== t) {
+        t7 = !((_g = (_f = props.fields) === null || _f === void 0 ? void 0 : _f.publishedAt) === null || _g === void 0 ? void 0 : _g.isHidden) && react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { control: props.formApi.control, isRequired: true, label: t("uxf-cms-content-builder:basic-form.published-at"), name: "publishedAt" });
+        $[14] = (_j = (_h = props.fields) === null || _h === void 0 ? void 0 : _h.publishedAt) === null || _j === void 0 ? void 0 : _j.isHidden;
+        $[15] = props.formApi.control;
+        $[16] = t;
+        $[17] = t7;
+    }
+    else {
+        t7 = $[17];
+    }
+    let t8;
+    if ($[18] !== ((_l = (_k = props.fields) === null || _k === void 0 ? void 0 : _k.perex) === null || _l === void 0 ? void 0 : _l.isHidden) || $[19] !== props.formApi.control || $[20] !== t) {
+        t8 = !((_o = (_m = props.fields) === null || _m === void 0 ? void 0 : _m.perex) === null || _o === void 0 ? void 0 : _o.isHidden) && react_1.default.createElement(textarea_1.Textarea, { control: props.formApi.control, label: t("uxf-cms-content-builder:basic-form.perex"), name: "perex", rows: 3 });
+        $[18] = (_q = (_p = props.fields) === null || _p === void 0 ? void 0 : _p.perex) === null || _q === void 0 ? void 0 : _q.isHidden;
+        $[19] = props.formApi.control;
+        $[20] = t;
+        $[21] = t8;
+    }
+    else {
+        t8 = $[21];
+    }
+    let t9;
+    if ($[22] !== ((_s = (_r = props.fields) === null || _r === void 0 ? void 0 : _r.authorText) === null || _s === void 0 ? void 0 : _s.isHidden) || $[23] !== props.formApi.control || $[24] !== t) {
+        t9 = ((_u = (_t = props.fields) === null || _t === void 0 ? void 0 : _t.authorText) === null || _u === void 0 ? void 0 : _u.isHidden) === false && react_1.default.createElement(text_input_1.TextInput, { control: props.formApi.control, label: t("uxf-cms-content-builder:basic-form.author"), name: "authorText" });
+        $[22] = (_w = (_v = props.fields) === null || _v === void 0 ? void 0 : _v.authorText) === null || _w === void 0 ? void 0 : _w.isHidden;
+        $[23] = props.formApi.control;
+        $[24] = t;
+        $[25] = t9;
+    }
+    else {
+        t9 = $[25];
+    }
+    let t10;
+    if ($[26] !== props.fields || $[27] !== props.formApi.control || $[28] !== t) {
+        t10 = !((_y = (_x = props.fields) === null || _x === void 0 ? void 0 : _x.author) === null || _y === void 0 ? void 0 : _y.isHidden) && ((_0 = (_z = props.fields) === null || _z === void 0 ? void 0 : _z.author) === null || _0 === void 0 ? void 0 : _0.autocomplete) && react_1.default.createElement(combobox_1.Combobox, { control: props.formApi.control, label: t("uxf-cms-content-builder:basic-form.author"), loadOptions: props.fields.author.autocomplete, name: "author" });
+        $[26] = props.fields;
+        $[27] = props.formApi.control;
+        $[28] = t;
+        $[29] = t10;
+    }
+    else {
+        t10 = $[29];
+    }
+    let t11;
+    if ($[30] !== props.fields || $[31] !== props.formApi.control) {
+        t11 = !((_2 = (_1 = props.fields) === null || _1 === void 0 ? void 0 : _1.category) === null || _2 === void 0 ? void 0 : _2.isHidden) && ((_4 = (_3 = props.fields) === null || _3 === void 0 ? void 0 : _3.category) === null || _4 === void 0 ? void 0 : _4.autocomplete) && react_1.default.createElement(combobox_1.Combobox, { control: props.formApi.control, label: "Kategorie", loadOptions: props.fields.category.autocomplete, name: "category" });
+        $[30] = props.fields;
+        $[31] = props.formApi.control;
+        $[32] = t11;
+    }
+    else {
+        t11 = $[32];
+    }
+    let t12;
+    if ($[33] !== props.fields || $[34] !== props.formApi.control) {
+        t12 = !((_6 = (_5 = props.fields) === null || _5 === void 0 ? void 0 : _5.tags) === null || _6 === void 0 ? void 0 : _6.isHidden) && ((_8 = (_7 = props.fields) === null || _7 === void 0 ? void 0 : _7.tags) === null || _8 === void 0 ? void 0 : _8.autocomplete) && react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: props.formApi.control, label: "Tagy", loadOptions: props.fields.tags.autocomplete, name: "tags" });
+        $[33] = props.fields;
+        $[34] = props.formApi.control;
+        $[35] = t12;
+    }
+    else {
+        t12 = $[35];
+    }
+    let t13;
+    if ($[36] !== ((_10 = (_9 = props.fields) === null || _9 === void 0 ? void 0 : _9.image) === null || _10 === void 0 ? void 0 : _10.isHidden) || $[37] !== props.formApi.control || $[38] !== props.uploadNamespace || $[39] !== t) {
+        t13 = !((_12 = (_11 = props.fields) === null || _11 === void 0 ? void 0 : _11.image) === null || _12 === void 0 ? void 0 : _12.isHidden) && react_1.default.createElement(file_input_1.FileInput, { control: props.formApi.control, id: "image", label: t("uxf-cms-content-builder:basic-form.main-image"), name: "image", onUploadFile: file => (0, api_1.uploadFile)(file, props.uploadNamespace) });
+        $[36] = (_14 = (_13 = props.fields) === null || _13 === void 0 ? void 0 : _13.image) === null || _14 === void 0 ? void 0 : _14.isHidden;
+        $[37] = props.formApi.control;
+        $[38] = props.uploadNamespace;
+        $[39] = t;
+        $[40] = t13;
+    }
+    else {
+        t13 = $[40];
+    }
+    let t14;
+    if ($[41] !== ((_16 = (_15 = props.fields) === null || _15 === void 0 ? void 0 : _15.isActive) === null || _16 === void 0 ? void 0 : _16.isHidden) || $[42] !== props.formApi.control || $[43] !== t) {
+        t14 = !((_18 = (_17 = props.fields) === null || _17 === void 0 ? void 0 : _17.isActive) === null || _18 === void 0 ? void 0 : _18.isHidden) && react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: props.formApi.control, label: t("uxf-cms-content-builder:basic-form.active"), name: "isActive" });
+        $[41] = (_20 = (_19 = props.fields) === null || _19 === void 0 ? void 0 : _19.isActive) === null || _20 === void 0 ? void 0 : _20.isHidden;
+        $[42] = props.formApi.control;
+        $[43] = t;
+        $[44] = t14;
+    }
+    else {
+        t14 = $[44];
+    }
+    let t15;
+    if ($[45] !== ((_22 = (_21 = props.fields) === null || _21 === void 0 ? void 0 : _21.visibilityLevel) === null || _22 === void 0 ? void 0 : _22.isHidden) || $[46] !== props.formApi.control) {
+        t15 = !((_24 = (_23 = props.fields) === null || _23 === void 0 ? void 0 : _23.visibilityLevel) === null || _24 === void 0 ? void 0 : _24.isHidden) && react_1.default.createElement(select_1.Select, { control: props.formApi.control, isRequired: true, label: "Viditelnost", name: "visibilityLevel", options: visibilityLevelOptions });
+        $[45] = (_26 = (_25 = props.fields) === null || _25 === void 0 ? void 0 : _25.visibilityLevel) === null || _26 === void 0 ? void 0 : _26.isHidden;
+        $[46] = props.formApi.control;
+        $[47] = t15;
+    }
+    else {
+        t15 = $[47];
+    }
+    let t16;
+    if ($[48] !== props.fields || $[49] !== props.formApi.control || $[50] !== t) {
+        t16 = (0, is_not_nil_1.isNotNil)((_28 = (_27 = props.fields) === null || _27 === void 0 ? void 0 : _27.parent) === null || _28 === void 0 ? void 0 : _28.autocomplete) && react_1.default.createElement(combobox_1.Combobox, { control: props.formApi.control, label: t("uxf-cms-content-builder:basic-form.parent-article"), loadOptions: props.fields.parent.autocomplete, name: "parent" });
+        $[48] = props.fields;
+        $[49] = props.formApi.control;
+        $[50] = t;
+        $[51] = t16;
+    }
+    else {
+        t16 = $[51];
+    }
+    let t17;
+    if ($[52] !== props.className || $[53] !== t10 || $[54] !== t11 || $[55] !== t12 || $[56] !== t13 || $[57] !== t14 || $[58] !== t15 || $[59] !== t16 || $[60] !== t3 || $[61] !== t6 || $[62] !== t7 || $[63] !== t8 || $[64] !== t9) {
+        t17 = react_1.default.createElement("div", { className: t2 },
+            t3,
+            t6,
+            t7,
+            t8,
+            t9,
+            t10,
+            t11,
+            t12,
+            t13,
+            t14,
+            t15,
+            t16);
+        $[52] = props.className;
+        $[53] = t10;
+        $[54] = t11;
+        $[55] = t12;
+        $[56] = t13;
+        $[57] = t14;
+        $[58] = t15;
+        $[59] = t16;
+        $[60] = t3;
+        $[61] = t6;
+        $[62] = t7;
+        $[63] = t8;
+        $[64] = t9;
+        $[65] = t17;
+    }
+    else {
+        t17 = $[65];
+    }
+    return t17;
 }