@uxf/cms 11.42.0 → 11.42.1

package/content-builder/content-builder.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { SubmitHandler, UseFormReturn } from "react-hook-form";
+import { ContentComponent } from "../pages/content-builder";
+import { ContentBuilderFormData, FieldsConfiguration } from "./types";
+interface ContentBuilderProps {
+    id?: string;
+    formApi: UseFormReturn<ContentBuilderFormData>;
+    onSubmit: SubmitHandler<ContentBuilderFormData>;
+    ContentComponents: ContentComponent<any>[];
+    uploadNamespace?: string;
+    fields?: FieldsConfiguration;
+}
+export declare function ContentBuilder(props: ContentBuilderProps): React.JSX.Element;
+export {};

package/content-builder/content-builder.js

@@ -0,0 +1,51 @@
+"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.ContentBuilder = ContentBuilder;
+const tabs_1 = require("@uxf/ui/tabs");
+const react_1 = __importStar(require("react"));
+const content_builder_1 = require("../pages/content-builder");
+const form_wrapper_1 = require("./form-wrapper");
+const content_builder_basic_form_1 = require("./forms/content-builder-basic-form");
+const content_builder_seo_form_1 = require("./forms/content-builder-seo-form");
+const sidebar_1 = require("./sidebar");
+var TabName;
+(function (TabName) {
+    TabName["Basic"] = "basic";
+    TabName["Seo"] = "seo";
+})(TabName || (TabName = {}));
+function ContentBuilder(props) {
+    var _a;
+    const generatedId = (0, react_1.useId)();
+    const [activeTab, setActiveTab] = (0, react_1.useState)(TabName.Basic);
+    return (react_1.default.createElement(form_wrapper_1.FormWrapper, { formApi: props.formApi, id: (_a = props.id) !== null && _a !== void 0 ? _a : generatedId, onSubmit: props.onSubmit },
+        react_1.default.createElement(content_builder_1.ContentField, { contentComponents: props.ContentComponents, control: props.formApi.control, name: "content" }),
+        react_1.default.createElement(sidebar_1.Sidebar, { title: "Nastaven\u00ED" },
+            react_1.default.createElement(tabs_1.Tabs, { onChange: setActiveTab, value: activeTab },
+                react_1.default.createElement(tabs_1.Tabs.Panel, { isAlwaysMounted: true, label: "Z\u00E1kladn\u00ED", 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 }))))));
+}

package/content-builder/form-wrapper.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from "react";
+import { FieldValues, SubmitErrorHandler, SubmitHandler, UseFormReturn } from "react-hook-form";
+interface Props<FormData extends FieldValues> {
+    id: string;
+    children: ReactNode;
+    formApi: UseFormReturn<FormData>;
+    onSubmit: SubmitHandler<FormData>;
+    onError?: SubmitErrorHandler<FormData>;
+}
+export declare function FormWrapper<FormData extends FieldValues>(props: Props<FormData>): React.JSX.Element;
+export {};

package/content-builder/form-wrapper.js

@@ -0,0 +1,47 @@
+"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.FormWrapper = FormWrapper;
+const form_1 = require("@uxf/form/form");
+const rem_1 = require("@uxf/styles/units/rem");
+const react_1 = __importStar(require("react"));
+const constants_1 = require("../pages/content-builder/constants");
+const details_visibility_context_1 = require("../pages/content-builder/context/details-visibility-context");
+const use_viewport_height_1 = require("../utils/use-viewport-height");
+function FormWrapper(props) {
+    const [headerHeight, setHeaderHeight] = (0, react_1.useState)(0);
+    const viewportHeight = (0, use_viewport_height_1.useViewportHeight)(true);
+    const height = viewportHeight === "100vh" ? viewportHeight : (0, rem_1.rem)(viewportHeight);
+    (0, react_1.useEffect)(() => {
+        const header = document.getElementById(constants_1.CONTENT_BUILDER_PAGE_HEADER_ID);
+        if (header) {
+            setHeaderHeight(header.offsetHeight);
+        }
+    }, []);
+    return (react_1.default.createElement(form_1.Form, { formApi: props.formApi, id: props.id, onError: props.onError, onSubmit: props.onSubmit },
+        react_1.default.createElement("div", { className: "flex flex-col-reverse overflow-hidden xl:h-[calc(var(--viewport-height)-var(--header-height))] xl:flex-row", style: { "--viewport-height": height, "--header-height": (0, rem_1.rem)(headerHeight) } },
+            react_1.default.createElement(details_visibility_context_1.DetailsVisibilityProvider, null, props.children),
+            " ")));
+}

package/content-builder/forms/content-builder-basic-form.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { UseFormReturn } from "react-hook-form";
+import { ContentBuilderFormData, FieldsConfiguration } from "../types";
+export interface ContentBuilderBasicFormProps {
+    formApi: UseFormReturn<ContentBuilderFormData>;
+    className?: string;
+    uploadNamespace?: string;
+    fields?: FieldsConfiguration;
+}
+export declare function ContentBuilderBasicForm(props: ContentBuilderBasicFormProps): React.JSX.Element;

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

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentBuilderBasicForm = ContentBuilderBasicForm;
+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");
+const slugify_1 = require("@uxf/core/utils/slugify");
+const checkbox_input_1 = require("@uxf/form/checkbox-input");
+const combobox_1 = require("@uxf/form/combobox");
+const datetime_picker_input_1 = require("@uxf/form/datetime-picker-input");
+const file_input_1 = require("@uxf/form/file-input");
+const multi_combobox_1 = require("@uxf/form/multi-combobox");
+const select_1 = require("@uxf/form/select");
+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ý" },
+];
+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;
+    const seoName = props.formApi.watch("seo.name");
+    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: "Nadpis", 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: "Datum publikace", 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: "Perex", name: "perex", rows: 3 })),
+        !((_h = (_g = props.fields) === null || _g === void 0 ? void 0 : _g.author) === null || _h === void 0 ? void 0 : _h.isHidden) && ((_k = (_j = props.fields) === null || _j === void 0 ? void 0 : _j.author) === null || _k === void 0 ? void 0 : _k.autocomplete) && (react_1.default.createElement(combobox_1.Combobox, { control: props.formApi.control, label: "Autor", loadOptions: props.fields.author.autocomplete, name: "author" })),
+        !((_m = (_l = props.fields) === null || _l === void 0 ? void 0 : _l.category) === null || _m === void 0 ? void 0 : _m.isHidden) && ((_p = (_o = props.fields) === null || _o === void 0 ? void 0 : _o.category) === null || _p === void 0 ? void 0 : _p.autocomplete) && (react_1.default.createElement(combobox_1.Combobox, { control: props.formApi.control, label: "Kategorie", loadOptions: props.fields.category.autocomplete, name: "category" })),
+        !((_r = (_q = props.fields) === null || _q === void 0 ? void 0 : _q.tags) === null || _r === void 0 ? void 0 : _r.isHidden) && ((_t = (_s = props.fields) === null || _s === void 0 ? void 0 : _s.tags) === null || _t === void 0 ? void 0 : _t.autocomplete) && (react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: props.formApi.control, label: "Tagy", loadOptions: props.fields.tags.autocomplete, name: "tags" })),
+        !((_v = (_u = props.fields) === null || _u === void 0 ? void 0 : _u.image) === null || _v === void 0 ? void 0 : _v.isHidden) && (react_1.default.createElement(file_input_1.FileInput, { control: props.formApi.control, id: "image", label: "Hlavn\u00ED obr\u00E1zek", name: "image", onUploadFile: (file) => (0, api_1.uploadFile)(file, props.uploadNamespace) })),
+        !((_x = (_w = props.fields) === null || _w === void 0 ? void 0 : _w.isActive) === null || _x === void 0 ? void 0 : _x.isHidden) && (react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: props.formApi.control, label: "Aktivn\u00ED", name: "isActive" })),
+        !((_z = (_y = props.fields) === null || _y === void 0 ? void 0 : _y.visibilityLevel) === null || _z === void 0 ? void 0 : _z.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)((_1 = (_0 = props.fields) === null || _0 === void 0 ? void 0 : _0.parent) === null || _1 === void 0 ? void 0 : _1.autocomplete) && (react_1.default.createElement(combobox_1.Combobox, { control: props.formApi.control, label: "Nad\u0159azen\u00FD \u010Dl\u00E1nek", loadOptions: props.fields.parent.autocomplete, name: "parent" }))));
+}

package/content-builder/forms/content-builder-seo-form.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { UseFormReturn } from "react-hook-form";
+import { ContentBuilderFormData, FieldsConfiguration } from "../types";
+export interface ContentBuilderSeoFormProps {
+    formApi: UseFormReturn<ContentBuilderFormData>;
+    className?: string;
+    uploadNamespace?: string;
+    fields?: FieldsConfiguration;
+}
+export declare function ContentBuilderSeoForm(props: ContentBuilderSeoFormProps): React.JSX.Element;

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

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentBuilderSeoForm = ContentBuilderSeoForm;
+const file_input_1 = require("@uxf/form/file-input");
+const text_input_1 = require("@uxf/form/text-input");
+const react_1 = __importDefault(require("react"));
+const api_1 = require("../../api");
+function ContentBuilderSeoForm(props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    return (react_1.default.createElement("div", { className: props.className },
+        !((_c = (_b = (_a = props.fields) === null || _a === void 0 ? void 0 : _a.seo) === null || _b === void 0 ? void 0 : _b.name) === null || _c === void 0 ? void 0 : _c.isHidden) && (react_1.default.createElement(text_input_1.TextInput, { control: props.formApi.control, helperText: "Slug = unik\u00E1tn\u00ED koncovka URL adresy", isRequired: true, label: "Slug", name: "seo.name", type: "text" })),
+        !((_f = (_e = (_d = props.fields) === null || _d === void 0 ? void 0 : _d.seo) === null || _e === void 0 ? void 0 : _e.title) === null || _f === void 0 ? void 0 : _f.isHidden) && (react_1.default.createElement(text_input_1.TextInput, { control: props.formApi.control, label: "Nadpis", name: "seo.title", type: "text" })),
+        !((_j = (_h = (_g = props.fields) === null || _g === void 0 ? void 0 : _g.seo) === null || _h === void 0 ? void 0 : _h.description) === null || _j === void 0 ? void 0 : _j.isHidden) && (react_1.default.createElement(text_input_1.TextInput, { control: props.formApi.control, label: "Popis", name: "seo.description", type: "text" })),
+        !((_m = (_l = (_k = props.fields) === null || _k === void 0 ? void 0 : _k.seo) === null || _l === void 0 ? void 0 : _l.ogTitle) === null || _m === void 0 ? void 0 : _m.isHidden) && (react_1.default.createElement(text_input_1.TextInput, { control: props.formApi.control, helperText: "Nadpis kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", label: "OG nadpis", name: "seo.ogTitle", type: "text" })),
+        !((_q = (_p = (_o = props.fields) === null || _o === void 0 ? void 0 : _o.seo) === null || _p === void 0 ? void 0 : _p.ogDescription) === null || _q === void 0 ? void 0 : _q.isHidden) && (react_1.default.createElement(text_input_1.TextInput, { control: props.formApi.control, helperText: "Popis kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", label: "OG popis", name: "seo.ogDescription", type: "text" })),
+        !((_t = (_s = (_r = props.fields) === null || _r === void 0 ? void 0 : _r.seo) === null || _s === void 0 ? void 0 : _s.ogImage) === null || _t === void 0 ? void 0 : _t.isHidden) && (react_1.default.createElement(file_input_1.FileInput, { control: props.formApi.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, api_1.uploadFile)(file, props.uploadNamespace) }))));
+}

package/content-builder/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./content-builder";
+export * from "./form-wrapper";
+export * from "./map-content-response-to-form-data";
+export * from "./map-form-data-to-content-request";

package/content-builder/index.js

@@ -0,0 +1,20 @@
+"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("./content-builder"), exports);
+__exportStar(require("./form-wrapper"), exports);
+__exportStar(require("./map-content-response-to-form-data"), exports);
+__exportStar(require("./map-form-data-to-content-request"), exports);

package/content-builder/map-content-response-to-form-data.d.ts

@@ -0,0 +1,3 @@
+import { Nullish } from "@uxf/core/types";
+import { ContentBuilderFormData, ContentResponse } from "./types";
+export declare function mapContentResponseToFormData(content: ContentResponse | Nullish): ContentBuilderFormData;

package/content-builder/map-content-response-to-form-data.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapContentResponseToFormData = mapContentResponseToFormData;
+function mapContentResponseToFormData(content) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    return {
+        name: (_a = content === null || content === void 0 ? void 0 : content.name) !== null && _a !== void 0 ? _a : "",
+        visibilityLevel: (_b = content === null || content === void 0 ? void 0 : content.visibilityLevel) !== null && _b !== void 0 ? _b : null,
+        author: (content === null || content === void 0 ? void 0 : content.author)
+            ? {
+                id: content.author.id,
+                label: `${content.author.firstName} ${content.author.surname}`,
+            }
+            : null,
+        image: (_c = content === null || content === void 0 ? void 0 : content.image) !== null && _c !== void 0 ? _c : null,
+        publishedAt: (_d = content === null || content === void 0 ? void 0 : content.publishedAt) !== null && _d !== void 0 ? _d : null,
+        type: (_e = content === null || content === void 0 ? void 0 : content.type) !== null && _e !== void 0 ? _e : null,
+        category: (content === null || content === void 0 ? void 0 : content.category)
+            ? {
+                id: content.category.id,
+                label: content.category.name,
+            }
+            : null,
+        parent: (_f = content === null || content === void 0 ? void 0 : content.parent) !== null && _f !== void 0 ? _f : null,
+        isActive: !(content === null || content === void 0 ? void 0 : content.hidden),
+        perex: (_g = content === null || content === void 0 ? void 0 : content.perex) !== null && _g !== void 0 ? _g : null,
+        tags: (_h = content === null || content === void 0 ? void 0 : content.tags) !== null && _h !== void 0 ? _h : [],
+        seo: {
+            name: (_j = content === null || content === void 0 ? void 0 : content.seo.name) !== null && _j !== void 0 ? _j : "",
+            title: (_k = content === null || content === void 0 ? void 0 : content.seo.title) !== null && _k !== void 0 ? _k : "",
+            description: (_l = content === null || content === void 0 ? void 0 : content.seo.description) !== null && _l !== void 0 ? _l : "",
+            ogTitle: (_m = content === null || content === void 0 ? void 0 : content.seo.ogTitle) !== null && _m !== void 0 ? _m : "",
+            ogDescription: (_o = content === null || content === void 0 ? void 0 : content.seo.ogDescription) !== null && _o !== void 0 ? _o : "",
+            ogImage: (_p = content === null || content === void 0 ? void 0 : content.seo.ogImage) !== null && _p !== void 0 ? _p : null,
+        },
+        content: { data: (_q = content === null || content === void 0 ? void 0 : content.content) !== null && _q !== void 0 ? _q : [], search: "" },
+    };
+}

package/content-builder/map-form-data-to-content-request.d.ts

@@ -0,0 +1,2 @@
+import { ContentBuilderFormData, ContentRequestBody } from "./types";
+export declare function mapFormDataToContentRequest(values: ContentBuilderFormData): ContentRequestBody;

package/content-builder/map-form-data-to-content-request.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapFormDataToContentRequest = mapFormDataToContentRequest;
+function mapFormDataToContentRequest(values) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    return {
+        author: (_b = (_a = values.author) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null,
+        category: (_c = values.category) === null || _c === void 0 ? void 0 : _c.id,
+        content: values.content,
+        hidden: !values.isActive,
+        image: (_e = (_d = values.image) === null || _d === void 0 ? void 0 : _d.id) !== null && _e !== void 0 ? _e : null,
+        name: (_f = values.name) !== null && _f !== void 0 ? _f : "",
+        parent: (_g = values.parent) === null || _g === void 0 ? void 0 : _g.id,
+        perex: (_h = values.perex) !== null && _h !== void 0 ? _h : "",
+        publishedAt: values.publishedAt,
+        seo: {
+            description: (_j = values.seo.description) !== null && _j !== void 0 ? _j : "",
+            name: values.seo.name,
+            ogDescription: (_k = values.seo.ogDescription) !== null && _k !== void 0 ? _k : "",
+            ogImage: (_m = (_l = values.seo.ogImage) === null || _l === void 0 ? void 0 : _l.id) !== null && _m !== void 0 ? _m : null,
+            ogTitle: (_o = values.seo.ogTitle) !== null && _o !== void 0 ? _o : "",
+            title: (_p = values.seo.title) !== null && _p !== void 0 ? _p : "",
+        },
+        tags: (_r = (_q = values.tags) === null || _q === void 0 ? void 0 : _q.map((tag) => tag.id)) !== null && _r !== void 0 ? _r : [],
+        type: (_s = values.type) !== null && _s !== void 0 ? _s : "",
+        visibilityLevel: (_t = values.visibilityLevel) !== null && _t !== void 0 ? _t : "PRIVATE",
+    };
+}

package/content-builder/sidebar.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from "react";
+interface Props {
+    children: ReactNode;
+    title: string;
+}
+export declare function Sidebar(props: Props): React.JSX.Element;
+export {};

package/content-builder/sidebar.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sidebar = Sidebar;
+const react_1 = __importDefault(require("react"));
+function Sidebar(props) {
+    return (react_1.default.createElement("div", { className: "shrink-0 basis-[500px] bg-white px-4 pb-8 xl:overflow-y-auto dark:bg-gray-950" },
+        react_1.default.createElement("h2", { className: "uxf-typo-h5 px-4 pb-4 pt-6" }, props.title),
+        props.children));
+}

package/content-builder/types.d.ts

@@ -0,0 +1,182 @@
+import { CheckboxInputValue } from "@uxf/form/checkbox-input";
+import { ComboboxValue } from "@uxf/form/combobox";
+import { DatetimePickerInputValue } from "@uxf/form/datetime-picker-input";
+import { FileInputValue } from "@uxf/form/file-input";
+import { MultiComboboxValue } from "@uxf/form/multi-combobox";
+import { SelectValue } from "@uxf/form/select";
+import { TextInputValue } from "@uxf/form/text-input";
+import { TextareaValue } from "@uxf/form/textarea";
+import { SelectOption } from "@uxf/ui/select";
+export type ContentBuilderFormData = {
+    author: ComboboxValue<number>;
+    category: ComboboxValue<number>;
+    content: {
+        data: any[];
+        search: string;
+    };
+    image: FileInputValue;
+    isActive: CheckboxInputValue;
+    name: TextInputValue;
+    parent: ComboboxValue<number>;
+    perex: TextareaValue;
+    publishedAt: DatetimePickerInputValue;
+    seo: {
+        description: TextInputValue;
+        name: TextInputValue;
+        ogDescription: TextInputValue;
+        ogImage: FileInputValue;
+        ogTitle: TextInputValue;
+        title: TextInputValue;
+    };
+    tags: MultiComboboxValue<number>;
+    type: SelectValue<string>;
+    visibilityLevel: SelectValue<VisibilityLevel>;
+};
+export type FieldsConfiguration = {
+    parent?: {
+        autocomplete?: Autocomplete;
+    };
+    type?: {
+        options?: SelectOption[];
+        isReadOnly?: boolean;
+    };
+    publishedAt?: {
+        isHidden?: boolean;
+    };
+    perex?: {
+        isHidden?: boolean;
+    };
+    author?: {
+        autocomplete?: Autocomplete;
+        isHidden?: boolean;
+    };
+    category?: {
+        autocomplete?: Autocomplete;
+        isHidden?: boolean;
+    };
+    tags?: {
+        autocomplete?: Autocomplete;
+        isHidden?: boolean;
+    };
+    image?: {
+        isHidden?: boolean;
+    };
+    visibilityLevel?: {
+        isHidden?: boolean;
+    };
+    isActive?: {
+        isHidden?: boolean;
+    };
+    seo?: {
+        isHidden?: boolean;
+        name?: {
+            isHidden?: boolean;
+        };
+        title?: {
+            isHidden?: boolean;
+        };
+        description?: {
+            isHidden?: boolean;
+        };
+        ogTitle?: {
+            isHidden?: boolean;
+        };
+        ogDescription?: {
+            isHidden?: boolean;
+        };
+        ogImage?: {
+            isHidden?: boolean;
+        };
+    };
+};
+export type VisibilityLevel = "PUBLIC" | "PUBLIC_WITHOUT_SITEMAP" | "PRIVATE";
+export interface AutocompleteResponse {
+    id: number;
+    label: string;
+}
+export interface StorageImageResponse {
+    id: number;
+    uuid: string;
+    type: string;
+    extension: string;
+    name: string;
+    namespace: string;
+    width: number;
+    height: number;
+    size: number;
+    createdAt: string;
+    fileType: "image";
+}
+interface ContentSeo {
+    name: string | null;
+    title: string;
+    description: string;
+    ogTitle: string;
+    ogDescription: string;
+    ogImage: number | null;
+}
+interface ContentSeoResponse {
+    name: string | null;
+    title: string;
+    description: string;
+    ogTitle: string;
+    ogDescription: string;
+    ogImage: StorageImageResponse | null;
+}
+export interface ContentLite {
+    data: Array<any>;
+    search: string;
+}
+export interface ContentRequestBody {
+    type: string;
+    name: string;
+    perex: string;
+    seo: ContentSeo;
+    visibilityLevel: VisibilityLevel;
+    hidden: boolean;
+    image: number | null;
+    publishedAt: string | null;
+    author: number | null;
+    content: ContentLite;
+    tags: Array<number>;
+    parent?: number | null;
+    category?: number | null;
+}
+export interface ContentCategoryResponse {
+    id: number;
+    name: string;
+}
+export interface ContentPreviewResponse {
+    id: number;
+    name: string;
+    label: string;
+}
+export interface ContentAuthorResponse {
+    id: number;
+    firstName: string;
+    surname: string;
+    avatar: StorageImageResponse | null;
+}
+export interface ContentResponse {
+    id: number;
+    type: string;
+    name: string;
+    perex: string;
+    seo: ContentSeoResponse;
+    visibilityLevel: VisibilityLevel;
+    hidden: boolean;
+    image: StorageImageResponse | null;
+    publishedAt: string | null;
+    author: ContentAuthorResponse | null;
+    parent: ContentPreviewResponse | null;
+    category: ContentCategoryResponse | null;
+    content: Array<any>;
+    tags: Array<AutocompleteResponse>;
+    createdAt: string;
+    updatedAt: string;
+}
+export type Autocomplete = (value: string) => Promise<Array<{
+    id: string | number;
+    label: string;
+}>>;
+export {};

package/content-builder/types.js

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

package/content-builder/use-content-builder-form-api.d.ts

@@ -0,0 +1,3 @@
+import { UseFormProps } from "react-hook-form";
+import { ContentBuilderFormData } from "./types";
+export declare function useContentBuilderFormApi(props: UseFormProps<ContentBuilderFormData>): import("react-hook-form").UseFormReturn<ContentBuilderFormData, any, undefined>;

package/content-builder/use-content-builder-form-api.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useContentBuilderFormApi = useContentBuilderFormApi;
+const react_hook_form_1 = require("react-hook-form");
+function useContentBuilderFormApi(props) {
+    return (0, react_hook_form_1.useForm)(props);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/cms",
-    "version": "11.42.0",
+    "version": "11.42.1",
     "description": "UXF Cms",
     "author": "UXFans <dev@uxf.cz>",
     "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -33,7 +33,7 @@
         "@uxf/core": "11.42.0",
         "@uxf/core-react": "11.42.0",
         "@uxf/data-grid": "11.42.0",
-        "@uxf/form": "11.42.0",
+        "@uxf/form": "11.42.1",
         "@uxf/router": "11.42.0",
         "@uxf/ui": "11.42.0",
         "@uxf/wysiwyg": "11.42.0",

package/pages/content-builder/content-builder-page.d.ts

@@ -1,2 +1,3 @@
 import { Content, ContentBuilderConfig } from "./types";
+/** @deprecated use ContentBuilder from @uxf/cms/content-builder */
 export declare const ContentBuilderPage: <T extends Content<string, any>>(config: ContentBuilderConfig<T>) => import("next").NextComponentType<import("../../deprecated/types/app").IAppContext, object, object>;

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

@@ -88,6 +88,7 @@ const ContentBuilderPageComponent = (props) => {
             react_1.default.createElement(form_1.Form, { config: props.config, defaultValues: props.initialValues, id: props.id, onSubmit: handleSubmit }))));
 };
 ContentBuilderPageComponent.displayName = "ContentBuilderComponent";
+/** @deprecated use ContentBuilder from @uxf/cms/content-builder */
 const ContentBuilderPage = (config) => {
     const Page = (props) => {
         return react_1.default.createElement(ContentBuilderPageComponent, { config: config, id: props.id, initialValues: props.initialValues });

package/pages/content-builder/types.d.ts

@@ -5,6 +5,9 @@ import { NextPageContext } from "next";
 import { FC, PropsWithChildren, ReactNode } from "react";
 import { Control, ControllerRenderProps } from "react-hook-form";
 import { ContentResponse, ContentTagResponse } from "../../api";
+export type KeysOfType<T, U> = {
+    [K in keyof T]: T[K] extends U ? K : never;
+}[keyof T];
 export type VisibilityLevel = "PUBLIC" | "PUBLIC_WITHOUT_SITEMAP" | "PRIVATE";
 export interface Content<Type extends string, ContentType> {
     type: Type;