@uxf/cms 14.0.0 → 14.1.0

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

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormContent = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const dnd_1 = require("@uxf/dnd");
 const button_1 = require("@uxf/ui/button");
 const dialog_panel_1 = require("@uxf/ui/dialog/dialog-panel");
@@ -13,51 +14,201 @@ const paper_1 = require("@uxf/ui/paper/paper");
 const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const getSection = (sections, type) => {
-    return sections.find((s) => s.getConfig().type === type);
+    return sections.find(s => s.getConfig().type === type);
 };
-const AddSectionButton = (props) => {
-    return (react_1.default.createElement("div", { className: "mt-4 flex justify-center" },
+const AddSectionButton = props => {
+    "use no memo";
+    return react_1.default.createElement("div", { className: "mt-4 flex justify-center" },
         react_1.default.createElement(button_1.Button, { onClick: () => (0, modal_service_1.openModal)({
-                children: (react_1.default.createElement(dialog_panel_1.DialogPanel, { width: "sm" },
+                children: react_1.default.createElement(dialog_panel_1.DialogPanel, { width: "sm" },
                     react_1.default.createElement("div", { className: "px-4 py-6" },
                         react_1.default.createElement("h2", { className: "uxf-typo-h5 mb-4" }, "P\u0159idat sekci"),
-                        react_1.default.createElement("div", { className: "space-y-4" }, props.contentComponents.map((component) => (react_1.default.createElement(button_1.Button, { isFullWidth: true, key: component.getConfig().type, onClick: () => props.createSection(component, props.index), variant: "secondary" }, component.getConfig().label))))))),
-            }), size: "sm", variant: "secondary" }, "P\u0159idat sekci")));
+                        react_1.default.createElement("div", { className: "space-y-4" }, props.contentComponents.map(component => react_1.default.createElement(button_1.Button, { isFullWidth: true, key: component.getConfig().type, onClick: () => props.createSection(component, props.index), variant: "secondary" }, component.getConfig().label)))))
+            }), size: "sm", variant: "secondary" }, "P\u0159idat sekci"));
 };
-const FormContent = (props) => {
-    // eslint-disable-next-line react/destructuring-assignment
-    const { contentComponents, onRemove, name, index, control, id, createSection, showAddButton = true } = props;
-    const { field } = (0, react_hook_form_1.useController)({ control: control, name: `${name}.type` });
+const FormContent = props => {
+    const $ = (0, compiler_runtime_1.c)(37);
+    const { contentComponents, onRemove, name, index, control, id, createSection, showAddButton: t0 } = props;
+    const showAddButton = t0 === undefined ? true : t0;
+    const t1 = `${name}.type`;
+    let t2;
+    if ($[0] !== control || $[1] !== t1) {
+        t2 = {
+            control,
+            name: t1
+        };
+        $[0] = control;
+        $[1] = t1;
+        $[2] = t2;
+    }
+    else {
+        t2 = $[2];
+    }
+    const { field } = (0, react_hook_form_1.useController)(t2);
     const SectionContent = getSection(contentComponents, field.value);
-    const { attributes, listeners, isDragging, transform, transition, setNodeRef } = (0, dnd_1.useSortable)({
-        id,
-    });
-    const style = {
-        opacity: isDragging ? 0.4 : undefined,
-        transform: dnd_1.CSS.Translate.toString(transform),
-        transition,
-    };
+    let t3;
+    if ($[3] !== id) {
+        t3 = {
+            id
+        };
+        $[3] = id;
+        $[4] = t3;
+    }
+    else {
+        t3 = $[4];
+    }
+    const { attributes, listeners, isDragging, transform, transition, setNodeRef } = (0, dnd_1.useSortable)(t3);
+    const t4 = isDragging ? 0.4 : undefined;
+    let t5;
+    if ($[5] !== transform) {
+        t5 = dnd_1.CSS.Translate.toString(transform);
+        $[5] = transform;
+        $[6] = t5;
+    }
+    else {
+        t5 = $[6];
+    }
+    let t6;
+    if ($[7] !== t4 || $[8] !== t5 || $[9] !== transition) {
+        t6 = {
+            opacity: t4,
+            transform: t5,
+            transition
+        };
+        $[7] = t4;
+        $[8] = t5;
+        $[9] = transition;
+        $[10] = t6;
+    }
+    else {
+        t6 = $[10];
+    }
+    const style = t6;
     if (SectionContent) {
-        return (react_1.default.createElement("div", { className: "relative", ref: setNodeRef, style: style },
-            react_1.default.createElement("button", { type: "button", ...attributes, ...listeners, className: "absolute -left-7 top-6" },
-                react_1.default.createElement(icon_1.Icon, { name: "grip-dots-vertical", size: 20 })),
+        let t7;
+        if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+            t7 = react_1.default.createElement(icon_1.Icon, { name: "grip-dots-vertical", size: 20 });
+            $[11] = t7;
+        }
+        else {
+            t7 = $[11];
+        }
+        let t8;
+        if ($[12] !== attributes || $[13] !== listeners) {
+            t8 = react_1.default.createElement("button", { type: "button", ...attributes, ...listeners, className: "absolute -left-7 top-6" }, t7);
+            $[12] = attributes;
+            $[13] = listeners;
+            $[14] = t8;
+        }
+        else {
+            t8 = $[14];
+        }
+        let t9;
+        if ($[15] !== contentComponents) {
+            t9 = contentComponents.map(_temp);
+            $[15] = contentComponents;
+            $[16] = t9;
+        }
+        else {
+            t9 = $[16];
+        }
+        let t10;
+        if ($[17] !== field || $[18] !== t9) {
+            t10 = {
+                ...field,
+                options: t9
+            };
+            $[17] = field;
+            $[18] = t9;
+            $[19] = t10;
+        }
+        else {
+            t10 = $[19];
+        }
+        let t11;
+        if ($[20] !== contentComponents || $[21] !== createSection || $[22] !== index || $[23] !== showAddButton) {
+            t11 = showAddButton && react_1.default.createElement(AddSectionButton, { contentComponents: contentComponents, createSection: createSection, index: index });
+            $[20] = contentComponents;
+            $[21] = createSection;
+            $[22] = index;
+            $[23] = showAddButton;
+            $[24] = t11;
+        }
+        else {
+            t11 = $[24];
+        }
+        return react_1.default.createElement("div", { className: "relative", ref: setNodeRef, style: style },
+            t8,
             react_1.default.createElement(paper_1.Paper, { className: "dark:bg-gray-800" },
-                react_1.default.createElement(SectionContent, { TypeInputProps: {
-                        ...field,
-                        options: contentComponents.map((s) => ({
-                            id: s.getConfig().type,
-                            label: s.getConfig().label,
-                        })),
-                    }, control: control, id: id, index: index, name: `${name}.content`, onRemove: onRemove, title: SectionContent.getConfig().label })),
-            showAddButton && (react_1.default.createElement(AddSectionButton, { contentComponents: contentComponents, createSection: createSection, index: index }))));
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(paper_1.Paper, { className: "grid grid-cols-[34px_1fr_34px] p-4 dark:bg-gray-800" },
-            react_1.default.createElement("div", null),
-            react_1.default.createElement("div", { className: "flex grow items-center justify-center" },
-                react_1.default.createElement("p", { className: "text-error font-bold" }, "Nepodporovan\u00E1 sekce")),
-            react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: onRemove, size: "sm", variant: "secondary" },
-                react_1.default.createElement(icon_1.Icon, { name: "delete" }))),
-        react_1.default.createElement(AddSectionButton, { contentComponents: contentComponents, createSection: createSection, index: index })));
+                react_1.default.createElement(SectionContent, { TypeInputProps: t10, control: control, id: id, index: index, name: `${name}.content`, onRemove: onRemove, title: SectionContent.getConfig().label })),
+            t11);
+    }
+    let t7;
+    if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+        t7 = react_1.default.createElement("div", null);
+        $[25] = t7;
+    }
+    else {
+        t7 = $[25];
+    }
+    let t8;
+    if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+        t8 = react_1.default.createElement("div", { className: "flex grow items-center justify-center" },
+            react_1.default.createElement("p", { className: "text-error font-bold" }, "Nepodporovan\u00E1 sekce"));
+        $[26] = t8;
+    }
+    else {
+        t8 = $[26];
+    }
+    let t9;
+    if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+        t9 = react_1.default.createElement(icon_1.Icon, { name: "delete" });
+        $[27] = t9;
+    }
+    else {
+        t9 = $[27];
+    }
+    let t10;
+    if ($[28] !== onRemove) {
+        t10 = react_1.default.createElement(paper_1.Paper, { className: "grid grid-cols-[34px_1fr_34px] p-4 dark:bg-gray-800" },
+            t7,
+            t8,
+            react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: onRemove, size: "sm", variant: "secondary" }, t9));
+        $[28] = onRemove;
+        $[29] = t10;
+    }
+    else {
+        t10 = $[29];
+    }
+    let t11;
+    if ($[30] !== contentComponents || $[31] !== createSection || $[32] !== index) {
+        t11 = react_1.default.createElement(AddSectionButton, { contentComponents: contentComponents, createSection: createSection, index: index });
+        $[30] = contentComponents;
+        $[31] = createSection;
+        $[32] = index;
+        $[33] = t11;
+    }
+    else {
+        t11 = $[33];
+    }
+    let t12;
+    if ($[34] !== t10 || $[35] !== t11) {
+        t12 = react_1.default.createElement(react_1.default.Fragment, null,
+            t10,
+            t11);
+        $[34] = t10;
+        $[35] = t11;
+        $[36] = t12;
+    }
+    else {
+        t12 = $[36];
+    }
+    return t12;
 };
 exports.FormContent = FormContent;
+function _temp(s) {
+    return {
+        id: s.getConfig().type,
+        label: s.getConfig().label
+    };
+}

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

@@ -38,10 +38,10 @@ function FormRootFields(props) {
                 react_1.default.createElement(hide_1.Hide, { when: Boolean((_b = props.config.hide) === null || _b === void 0 ? void 0 : _b.perex) },
                     react_1.default.createElement(textarea_1.Textarea, { control: props.control, label: "Perex", name: "perex", rows: 3 })),
                 react_1.default.createElement(hide_1.Hide, { when: Boolean((_c = props.config.hide) === null || _c === void 0 ? void 0 : _c.author) },
-                    react_1.default.createElement(combobox_1.Combobox, { control: props.control, label: "Autor", loadOptions: (term) => (0, api_1.autocomplete)(null, { name: "content-author" }, { term }).then((r) => r.data), name: "author" })),
+                    react_1.default.createElement(combobox_1.Combobox, { control: props.control, label: "Autor", loadOptions: (term, requestOptions) => (0, api_1.autocomplete)(null, { name: "content-author" }, { term }, requestOptions).then((r) => r.data), name: "author" })),
                 react_1.default.createElement(hide_1.Hide, { when: Boolean((_d = props.config.hide) === null || _d === void 0 ? void 0 : _d.category) },
-                    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(combobox_1.Combobox, { control: props.control, label: "Kategorie", loadOptions: (term, requestOptions) => (0, api_1.autocomplete)(null, { name: "content-category" }, { term }, requestOptions).then((r) => r.data), name: "category" })),
+                react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: props.control, label: "Tagy", loadOptions: (term, requestOptions) => (0, api_1.autocomplete)(null, { name: "content-tag" }, { term }, requestOptions).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: fileUploadHandler })),
                 react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: props.control, label: "Aktivn\u00ED", name: "active" }),

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

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = Form;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const form_1 = require("@uxf/form/form");
 const rem_1 = require("@uxf/styles/units/rem");
 const react_1 = __importStar(require("react"));
@@ -57,37 +58,151 @@ const INPUT_TAB_MAP = {
     seo: constants_1.ContentBuilderTabs.Seo,
     tags: constants_1.ContentBuilderTabs.Basic,
     type: constants_1.ContentBuilderTabs.Basic,
-    visibilityLevel: constants_1.ContentBuilderTabs.Basic,
+    visibilityLevel: constants_1.ContentBuilderTabs.Basic
 };
 function Form(props) {
-    const formApi = (0, react_hook_form_1.useForm)({
-        defaultValues: props.defaultValues,
-    });
+    const $ = (0, compiler_runtime_1.c)(30);
+    let t0;
+    if ($[0] !== props.defaultValues) {
+        t0 = {
+            defaultValues: props.defaultValues
+        };
+        $[0] = props.defaultValues;
+        $[1] = t0;
+    }
+    else {
+        t0 = $[1];
+    }
+    const formApi = (0, react_hook_form_1.useForm)(t0);
     const viewportHeight = (0, use_viewport_height_1.useViewportHeight)(true);
     const [headerHeight, setHeaderHeight] = (0, react_1.useState)(0);
     const [activeTab, setActiveTab] = (0, react_1.useState)(constants_1.ContentBuilderTabs.Basic);
-    (0, react_1.useEffect)(() => {
-        const header = document.getElementById(constants_1.CONTENT_BUILDER_PAGE_HEADER_ID);
-        if (header) {
-            setHeaderHeight(header.offsetHeight);
-        }
-    }, []);
-    const height = viewportHeight === "100vh" ? viewportHeight : (0, rem_1.rem)(viewportHeight);
-    const handleError = (errors) => {
-        //TODO: přepnutí na tab s chybou, asi by šlo udělat lépe
-        for (const inputName in errors) {
-            if (inputName in INPUT_TAB_MAP) {
-                setActiveTab(INPUT_TAB_MAP[inputName]);
-                break;
+    let t1;
+    let t2;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = () => {
+            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: formApi, id: constants_1.CONTENT_BUILDER_FORM_ID, onError: handleError, onSubmit: props.onSubmit },
-        react_1.default.createElement("div", { className: "flex flex-col-reverse gap-8 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("div", { className: "grow" },
-                react_1.default.createElement(details_visibility_context_1.DetailsVisibilityProvider, null,
-                    react_1.default.createElement(content_field_1.ContentField, { contentComponents: props.config.contentComponents, control: formApi.control, name: "content" }))),
-            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" }, "Nastaven\u00ED"),
-                react_1.default.createElement(form_root_fields_1.FormRootFields, { activeTab: activeTab, config: props.config, control: formApi.control, id: props.id, parentAutocomplete: props.parentAutocomplete, setActiveTab: setActiveTab })))));
+        };
+        t2 = [];
+        $[2] = t1;
+        $[3] = t2;
+    }
+    else {
+        t1 = $[2];
+        t2 = $[3];
+    }
+    (0, react_1.useEffect)(t1, t2);
+    let t3;
+    if ($[4] !== viewportHeight) {
+        t3 = viewportHeight === "100vh" ? viewportHeight : (0, rem_1.rem)(viewportHeight);
+        $[4] = viewportHeight;
+        $[5] = t3;
+    }
+    else {
+        t3 = $[5];
+    }
+    const height = t3;
+    let t4;
+    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = errors => {
+            for (const inputName in errors) {
+                if (inputName in INPUT_TAB_MAP) {
+                    setActiveTab(INPUT_TAB_MAP[inputName]);
+                    break;
+                }
+            }
+        };
+        $[6] = t4;
+    }
+    else {
+        t4 = $[6];
+    }
+    const handleError = t4;
+    const t5 = props.onSubmit;
+    let t6;
+    if ($[7] !== headerHeight) {
+        t6 = (0, rem_1.rem)(headerHeight);
+        $[7] = headerHeight;
+        $[8] = t6;
+    }
+    else {
+        t6 = $[8];
+    }
+    let t7;
+    if ($[9] !== height || $[10] !== t6) {
+        t7 = {
+            "--viewport-height": height,
+            "--header-height": t6
+        };
+        $[9] = height;
+        $[10] = t6;
+        $[11] = t7;
+    }
+    else {
+        t7 = $[11];
+    }
+    const t8 = t7;
+    let t9;
+    if ($[12] !== formApi.control || $[13] !== props.config.contentComponents) {
+        t9 = react_1.default.createElement("div", { className: "grow" },
+            react_1.default.createElement(details_visibility_context_1.DetailsVisibilityProvider, null,
+                react_1.default.createElement(content_field_1.ContentField, { contentComponents: props.config.contentComponents, control: formApi.control, name: "content" })));
+        $[12] = formApi.control;
+        $[13] = props.config.contentComponents;
+        $[14] = t9;
+    }
+    else {
+        t9 = $[14];
+    }
+    let t10;
+    if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+        t10 = react_1.default.createElement("h2", { className: "uxf-typo-h5 px-4 pb-4 pt-6" }, "Nastaven\u00ED");
+        $[15] = t10;
+    }
+    else {
+        t10 = $[15];
+    }
+    let t11;
+    if ($[16] !== activeTab || $[17] !== formApi.control || $[18] !== props.config || $[19] !== props.id || $[20] !== props.parentAutocomplete) {
+        t11 = react_1.default.createElement("div", { className: "shrink-0 basis-[500px] bg-white px-4 pb-8 xl:overflow-y-auto dark:bg-gray-950" },
+            t10,
+            react_1.default.createElement(form_root_fields_1.FormRootFields, { activeTab: activeTab, config: props.config, control: formApi.control, id: props.id, parentAutocomplete: props.parentAutocomplete, setActiveTab: setActiveTab }));
+        $[16] = activeTab;
+        $[17] = formApi.control;
+        $[18] = props.config;
+        $[19] = props.id;
+        $[20] = props.parentAutocomplete;
+        $[21] = t11;
+    }
+    else {
+        t11 = $[21];
+    }
+    let t12;
+    if ($[22] !== t11 || $[23] !== t8 || $[24] !== t9) {
+        t12 = react_1.default.createElement("div", { className: "flex flex-col-reverse gap-8 overflow-hidden xl:h-[calc(var(--viewport-height)-var(--header-height))] xl:flex-row", style: t8 },
+            t9,
+            t11);
+        $[22] = t11;
+        $[23] = t8;
+        $[24] = t9;
+        $[25] = t12;
+    }
+    else {
+        t12 = $[25];
+    }
+    let t13;
+    if ($[26] !== formApi || $[27] !== props.onSubmit || $[28] !== t12) {
+        t13 = react_1.default.createElement(form_1.Form, { formApi: formApi, id: constants_1.CONTENT_BUILDER_FORM_ID, onError: handleError, onSubmit: t5 }, t12);
+        $[26] = formApi;
+        $[27] = props.onSubmit;
+        $[28] = t12;
+        $[29] = t13;
+    }
+    else {
+        t13 = $[29];
+    }
+    return t13;
 }

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

@@ -4,15 +4,54 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Header = Header;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const translations_1 = require("@uxf/core-react/translations");
 const react_1 = __importDefault(require("react"));
 const layout_container_1 = require("../../../lib/layout/layout-container");
 const constants_1 = require("../constants");
 function Header(props) {
+    const $ = (0, compiler_runtime_1.c)(9);
     const t = (0, translations_1.useUxfTranslation)();
-    return (react_1.default.createElement("div", { className: "sticky top-0 z-10 bg-white shadow-md dark:bg-gray-950", id: constants_1.CONTENT_BUILDER_PAGE_HEADER_ID },
-        react_1.default.createElement(layout_container_1.LayoutContainer, { className: "flex items-center justify-between py-4" },
-            react_1.default.createElement("h1", { className: "uxf-typo-h5" }, props.title),
-            " ",
-            react_1.default.createElement("button", { className: "uxf-button uxf-button--color-default uxf-button--size-default uxf-button--variant-default is-hoverable", form: constants_1.CONTENT_BUILDER_FORM_ID, type: "submit" }, t("uxf-cms-pages-content-builder:components.header.save")))));
+    let t0;
+    if ($[0] !== props.title) {
+        t0 = react_1.default.createElement("h1", { className: "uxf-typo-h5" }, props.title);
+        $[0] = props.title;
+        $[1] = t0;
+    }
+    else {
+        t0 = $[1];
+    }
+    let t1;
+    if ($[2] !== t) {
+        t1 = t("uxf-cms-pages-content-builder:components.header.save");
+        $[2] = t;
+        $[3] = t1;
+    }
+    else {
+        t1 = $[3];
+    }
+    let t2;
+    if ($[4] !== t1) {
+        t2 = react_1.default.createElement("button", { className: "uxf-button uxf-button--color-default uxf-button--size-default uxf-button--variant-default is-hoverable", form: constants_1.CONTENT_BUILDER_FORM_ID, type: "submit" }, t1);
+        $[4] = t1;
+        $[5] = t2;
+    }
+    else {
+        t2 = $[5];
+    }
+    let t3;
+    if ($[6] !== t0 || $[7] !== t2) {
+        t3 = react_1.default.createElement("div", { className: "sticky top-0 z-10 bg-white shadow-md dark:bg-gray-950", id: constants_1.CONTENT_BUILDER_PAGE_HEADER_ID },
+            react_1.default.createElement(layout_container_1.LayoutContainer, { className: "flex items-center justify-between py-4" },
+                t0,
+                " ",
+                t2));
+        $[6] = t0;
+        $[7] = t2;
+        $[8] = t3;
+    }
+    else {
+        t3 = $[8];
+    }
+    return t3;
 }

package/pages/content-builder/content/feature-section.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeatureSection = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const upload_file_1 = require("@uxf/core/api/upload-file");
 const translations_1 = require("@uxf/core-react/translations");
 const file_input_1 = require("@uxf/form/file-input");
@@ -15,13 +16,37 @@ const wysiwyg_input_1 = require("../../../forms/components/wysiwyg-input");
 const content_header_1 = require("../content-header");
 const details_visibility_context_1 = require("../context/details-visibility-context");
 const fileUploadHandler = (0, upload_file_1.createUploadHandler)("default");
-const FeatureSection = (props) => {
+const FeatureSection = props => {
+    const $ = (0, compiler_runtime_1.c)(16);
     const [visibility] = (0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id);
     const t = (0, translations_1.useUxfTranslation)();
-    const { fields, remove, append } = (0, react_hook_form_1.useFieldArray)({ control: props.control, name: `${props.name}.features` });
-    return (react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
-        react_1.default.createElement(content_header_1.ContentHeader, { ...props }),
-        visibility && (react_1.default.createElement("div", { className: "p-4" },
+    const t0 = `${props.name}.features`;
+    let t1;
+    if ($[0] !== props.control || $[1] !== t0) {
+        t1 = {
+            control: props.control,
+            name: t0
+        };
+        $[0] = props.control;
+        $[1] = t0;
+        $[2] = t1;
+    }
+    else {
+        t1 = $[2];
+    }
+    const { fields, remove, append } = (0, react_hook_form_1.useFieldArray)(t1);
+    let t2;
+    if ($[3] !== props) {
+        t2 = react_1.default.createElement(content_header_1.ContentHeader, { ...props });
+        $[3] = props;
+        $[4] = t2;
+    }
+    else {
+        t2 = $[4];
+    }
+    let t3;
+    if ($[5] !== append || $[6] !== fields || $[7] !== props.control || $[8] !== props.name || $[9] !== remove || $[10] !== t || $[11] !== visibility) {
+        t3 = visibility && react_1.default.createElement("div", { className: "p-4" },
             react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
                 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: t("uxf-cms-pages-content-builder:content.feature-section.title"), name: `${props.name}.title` })),
@@ -30,17 +55,17 @@ const FeatureSection = (props) => {
                 react_1.default.createElement("div", { className: "col-span-12" },
                     fields.map((field, index) => {
                         const handleRemove = () => {
-                            if (
-                            // eslint-disable-next-line no-alert
-                            confirm(t("uxf-cms-pages-content-builder:content.feature-section.confirm-delete-feature"))) {
+                            if (confirm(t("uxf-cms-pages-content-builder:content.feature-section.confirm-delete-feature"))) {
                                 remove(index);
                             }
                         };
-                        return (react_1.default.createElement("div", { className: "border-primary mb-8 border-l-2 pl-8", key: field.id },
+                        return react_1.default.createElement("div", { className: "border-primary mb-8 border-l-2 pl-8", key: field.id },
                             react_1.default.createElement("div", { className: "flex justify-between" },
-                                react_1.default.createElement("h4", { className: "uxf-typo-h6" }, t("uxf-cms-pages-content-builder:content.feature-section.feature-title", { index: index + 1 })),
-                                index > 0 ? (react_1.default.createElement("div", null,
-                                    react_1.default.createElement(button_1.Button, { onClick: handleRemove, size: "sm", variant: "secondary" }, t("uxf-cms-pages-content-builder:content.feature-section.delete-feature")))) : (react_1.default.createElement("div", null))),
+                                react_1.default.createElement("h4", { className: "uxf-typo-h6" }, t("uxf-cms-pages-content-builder:content.feature-section.feature-title", {
+                                    index: index + 1
+                                })),
+                                index > 0 ? react_1.default.createElement("div", null,
+                                    react_1.default.createElement(button_1.Button, { onClick: handleRemove, size: "sm", variant: "secondary" }, t("uxf-cms-pages-content-builder:content.feature-section.delete-feature"))) : react_1.default.createElement("div", null)),
                             react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
                                 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: t("uxf-cms-pages-content-builder:content.feature-section.feature-name"), name: `${props.name}.features[${index}].title` })),
@@ -49,14 +74,41 @@ const FeatureSection = (props) => {
                                 react_1.default.createElement("div", { className: "col-span-12" },
                                     react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { control: props.control, name: `${props.name}.features[${index}].text` })),
                                 react_1.default.createElement("div", { className: "col-span-12" },
-                                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "CTA url", name: `${props.name}.features[${index}].ctaUrl` })))));
+                                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "CTA url", name: `${props.name}.features[${index}].ctaUrl` }))));
                     }),
-                    react_1.default.createElement(button_1.Button, { onClick: () => append({ title: "" }), size: "sm", variant: "secondary" }, t("uxf-cms-pages-content-builder:content.feature-section.add-feature"))))))));
+                    react_1.default.createElement(button_1.Button, { onClick: () => append({
+                            title: ""
+                        }), size: "sm", variant: "secondary" }, t("uxf-cms-pages-content-builder:content.feature-section.add-feature")))));
+        $[5] = append;
+        $[6] = fields;
+        $[7] = props.control;
+        $[8] = props.name;
+        $[9] = remove;
+        $[10] = t;
+        $[11] = visibility;
+        $[12] = t3;
+    }
+    else {
+        t3 = $[12];
+    }
+    let t4;
+    if ($[13] !== t2 || $[14] !== t3) {
+        t4 = react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
+            t2,
+            t3);
+        $[13] = t2;
+        $[14] = t3;
+        $[15] = t4;
+    }
+    else {
+        t4 = $[15];
+    }
+    return t4;
 };
 exports.FeatureSection = FeatureSection;
 exports.FeatureSection.getConfig = () => {
     return {
         type: "featureSection",
-        label: "Feature sekce",
+        label: "Feature sekce"
     };
 };