@uxf/cms 11.31.1 → 11.32.0

package/lib/menu/ui/list-item/list-item.js

@@ -3,35 +3,35 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListItem = void 0;
+exports.ListItem = ListItem;
 const classes_1 = require("@uxf/core/constants/classes");
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const icon_1 = require("@uxf/ui/icon");
 const link_1 = __importDefault(require("next/link"));
 const react_1 = __importDefault(require("react"));
 const config_1 = require("../../../../config");
 const sub_menu_1 = require("../sub-menu/sub-menu");
-const ListItem = (props) => {
+function ListItem(props) {
     var _a, _b, _c, _d;
-    const hasSubMenu = !!((_a = props.subMenu) === null || _a === void 0 ? void 0 : _a.length);
+    const hasSubMenu = Boolean((_a = props.subMenu) === null || _a === void 0 ? void 0 : _a.length);
     const Content = (_b = props.children) !== null && _b !== void 0 ? _b : (react_1.default.createElement("div", { className: `uxf-cms-menu__item uxf-cms-menu__item--basic ${props.selected ? classes_1.CLASSES.IS_SELECTED : ""}` },
-        react_1.default.createElement("div", { className: `uxf-cms-menu__icon-wrapper ${props.level === 1 ? "uxf-cms-menu__icon-wrapper--level-one" : ""}` }, !!props.icon && props.level !== 1 && react_1.default.createElement(icon_1.Icon, { name: props.icon, size: 16 })),
+        react_1.default.createElement("div", { className: `uxf-cms-menu__icon-wrapper ${props.level === 1 ? "uxf-cms-menu__icon-wrapper--level-one" : ""}` }, (0, is_not_nil_1.isNotNil)(props.icon) && props.level !== 1 && react_1.default.createElement(icon_1.Icon, { name: props.icon, size: 16 })),
         react_1.default.createElement("div", { className: "uxf-cms-menu__item-label" }, props.label),
         react_1.default.createElement("div", { className: "uxf-cms-menu__item-end-element" }, props.endElement),
-        hasSubMenu && (react_1.default.createElement(icon_1.Icon, { name: "caretDown", size: 16, className: `uxf-cms-menu__caret ${!props.isOpen ? classes_1.CLASSES.IS_OPEN : ""}` }))));
+        hasSubMenu && (react_1.default.createElement(icon_1.Icon, { className: `uxf-cms-menu__caret ${!props.isOpen ? classes_1.CLASSES.IS_OPEN : ""}`, name: "caretDown", size: 16 }))));
     // eslint-disable-next-line react/destructuring-assignment
-    const Button = ({ className }) => (react_1.default.createElement("button", { type: "button", onClick: props.toggle, className: className }, Content));
+    const Button = ({ className }) => (react_1.default.createElement("button", { className: className, onClick: props.toggle, type: "button" }, Content));
     if (props.href || props.route) {
         if (props.subMenu && hasSubMenu && !props.isInitiallyOpen) {
             return (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(sub_menu_1.SubMenu, { content: props.subMenu },
-                    react_1.default.createElement(link_1.default, { href: (_c = props.href) !== null && _c !== void 0 ? _c : config_1.container.get("route")(props.route, props.params), target: props.isExternal ? "_blank" : undefined, rel: props.isExternal ? "noreferrer noopener" : undefined }, Content)),
+                    react_1.default.createElement(link_1.default, { href: (_c = props.href) !== null && _c !== void 0 ? _c : config_1.container.get("route")(props.route, props.params), rel: props.isExternal ? "noreferrer noopener" : undefined, target: props.isExternal ? "_blank" : undefined }, Content)),
                 react_1.default.createElement(Button, { className: "uxf-cms-menu__submenu-button uxf-cms-menu__submenu-button--initially-closed" })));
         }
         if (hasSubMenu) {
             return react_1.default.createElement(Button, { className: "uxf-cms-menu__submenu-button uxf-cms-menu__submenu-button--initially-open" });
         }
-        return (react_1.default.createElement(link_1.default, { href: (_d = props.href) !== null && _d !== void 0 ? _d : config_1.container.get("route")(props.route, props.params), target: props.isExternal ? "_blank" : undefined, rel: props.isExternal ? "noreferrer noopener" : undefined }, Content));
+        return (react_1.default.createElement(link_1.default, { href: (_d = props.href) !== null && _d !== void 0 ? _d : config_1.container.get("route")(props.route, props.params), rel: props.isExternal ? "noreferrer noopener" : undefined, target: props.isExternal ? "_blank" : undefined }, Content));
     }
     return Content;
-};
-exports.ListItem = ListItem;
+}

package/lib/menu/ui/menu-item.js

@@ -37,7 +37,7 @@ const MenuItem = (props) => {
     const useLoggedUser = config_1.container.get("useLoggedUser");
     const loggedUser = useLoggedUser();
     const visibleChildren = props.item.children.filter((i) => i.isVisible(loggedUser));
-    const firstVisibleChild = visibleChildren.length !== 0 ? visibleChildren[0] : undefined;
+    const firstVisibleChild = visibleChildren.at(0);
     const isInitiallyOpen = (isActive || hasActiveChildren) && props.item.children.length > 0;
     const [isSubmenuOpen, setIsSubmenuOpen] = (0, react_1.useState)(isInitiallyOpen);
     const toggle = () => setIsSubmenuOpen((prev) => !prev);

package/lib/menu/ui/sub-menu/sub-menu-item.js

@@ -16,7 +16,7 @@ const SubMenuItem = (props) => {
     }
     const Content = react_1.default.createElement("div", { className: "uxf-cms-sub-menu__item" }, props.item.title);
     if (props.item.url || props.item.route) {
-        return (react_1.default.createElement(link_1.default, { href: (_a = props.item.url) !== null && _a !== void 0 ? _a : config_1.container.get("route")(props.item.route, props.item.routeParams), target: props.item.isExternal ? "_blank" : undefined, rel: props.item.isExternal ? "noreferrer noopener" : undefined }, Content));
+        return (react_1.default.createElement(link_1.default, { href: (_a = props.item.url) !== null && _a !== void 0 ? _a : config_1.container.get("route")(props.item.route, props.item.routeParams), rel: props.item.isExternal ? "noreferrer noopener" : undefined, target: props.item.isExternal ? "_blank" : undefined }, Content));
     }
     return Content;
 };

package/lib/menu/ui/sub-menu/sub-menu-mobile.js

@@ -43,6 +43,6 @@ exports.SubMenuMobile = (0, react_1.forwardRef)(({ children, content, title }, r
                 style: subMenu.floatingStyles,
             }) },
             react_1.default.createElement("div", { className: "uxf-cms-sub-menu__title" }, title),
-            content.map((item, index) => (react_1.default.createElement(sub_menu_item_1.SubMenuItem, { key: index, item: item })))))));
+            content.map((item, index) => (react_1.default.createElement(sub_menu_item_1.SubMenuItem, { item: item, key: index })))))));
 });
 exports.SubMenuMobile.displayName = "SubMenuMobile";

package/lib/menu/ui/sub-menu/sub-menu.js

@@ -41,6 +41,6 @@ exports.SubMenu = (0, react_1.forwardRef)(({ children, content }, ref) => {
                 ref: subMenu.refs.setFloating,
                 style: subMenu.floatingStyles,
                 className: "uxf-cms-sidebar__scrollbar uxf-cms-sub-menu__wrapper",
-            }) }, content.map((item, index) => (react_1.default.createElement(sub_menu_item_1.SubMenuItem, { key: index, item: item })))))));
+            }) }, content.map((item, index) => (react_1.default.createElement(sub_menu_item_1.SubMenuItem, { item: item, key: index })))))));
 });
 exports.SubMenu.displayName = "SubMenu";

package/lib/menu/ui/sub-menu/use-sub-menu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface SubMenuOptions {
     isMobile?: boolean;
 }
@@ -31,7 +30,7 @@ export declare function useSubMenu(options: SubMenuOptions): {
         update: () => void;
         floatingStyles: import("react").CSSProperties;
         open: boolean;
-        onOpenChange: (open: boolean, event?: Event | undefined, reason?: import("@floating-ui/react").OpenChangeReason | undefined) => void;
+        onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
         events: import("@floating-ui/react").FloatingEvents;
         dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
         nodeId: string | undefined;
@@ -39,12 +38,12 @@ export declare function useSubMenu(options: SubMenuOptions): {
         refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
         elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     };
-    getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
-    getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    getItemProps: (userProps?: (Omit<import("react").HTMLProps<HTMLElement>, "active" | "selected"> & {
-        active?: boolean | undefined;
-        selected?: boolean | undefined;
-    }) | undefined) => Record<string, unknown>;
+    getReferenceProps: (userProps?: import("react").HTMLProps<Element>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getItemProps: (userProps?: Omit<import("react").HTMLProps<HTMLElement>, "selected" | "active"> & {
+        active?: boolean;
+        selected?: boolean;
+    }) => Record<string, unknown>;
     open: boolean;
     setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };

package/lib/menu/ui/sub-menu/use-sub-menu.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSubMenu = void 0;
+exports.useSubMenu = useSubMenu;
 const react_1 = require("@floating-ui/react");
 const react_2 = require("react");
 function useSubMenu(options) {
@@ -32,7 +32,7 @@ function useSubMenu(options) {
         handleClose: (0, react_1.safePolygon)(),
         enabled: !options.isMobile,
     });
-    const click = (0, react_1.useClick)(context, { enabled: !!options.isMobile });
+    const click = (0, react_1.useClick)(context, { enabled: Boolean(options.isMobile) });
     const focus = (0, react_1.useFocus)(context);
     const dismiss = (0, react_1.useDismiss)(context);
     const interactions = (0, react_1.useInteractions)([hover, click, focus, dismiss]);
@@ -43,4 +43,3 @@ function useSubMenu(options) {
         ...data,
     }), [open, setOpen, interactions, data]);
 }
-exports.useSubMenu = useSubMenu;

package/lib/menu/ui/user-menu.js

@@ -25,6 +25,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UserMenu = void 0;
 const classes_1 = require("@uxf/core/constants/classes");
+const empty_array_1 = require("@uxf/core/constants/empty-array");
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const icon_1 = require("@uxf/ui/icon");
 const react_1 = __importStar(require("react"));
 const avatar_1 = require("../../../ui/avatar");
@@ -40,12 +42,12 @@ const Component = (props) => {
             react_1.default.createElement("div", { className: "uxf-cms-user-menu__label-wrapper" },
                 react_1.default.createElement("div", { className: "uxf-cms-user-menu__name" }, props.name),
                 react_1.default.createElement("div", { className: "uxf-cms-user-menu__roles" }, props.roles)),
-            react_1.default.createElement("div", { className: "uxf-cms-user-menu__caret-wrapper" }, hasSubmenu && (react_1.default.createElement(icon_1.Icon, { name: "caretDown", size: 16, className: `uxf-cms-user-menu__caret ${!isSubmenuOpen ? classes_1.CLASSES.IS_OPEN : ""}` })))),
-        isSubmenuOpen && (react_1.default.createElement("div", { className: "uxf-cms-user-menu__sub-menu" }, props.submenu.map((item, index) => (react_1.default.createElement(list_item_1.ListItem, { endElement: item.endElement, href: item.url, label: item.title, route: item.route, params: item.routeParams, icon: item.icon, key: index })))))));
+            react_1.default.createElement("div", { className: "uxf-cms-user-menu__caret-wrapper" }, hasSubmenu && (react_1.default.createElement(icon_1.Icon, { className: `uxf-cms-user-menu__caret ${!isSubmenuOpen ? classes_1.CLASSES.IS_OPEN : ""}`, name: "caretDown", size: 16 })))),
+        isSubmenuOpen && (react_1.default.createElement("div", { className: "uxf-cms-user-menu__sub-menu" }, props.submenu.map((item, index) => (react_1.default.createElement(list_item_1.ListItem, { endElement: item.endElement, href: item.url, icon: item.icon, key: index, label: item.title, params: item.routeParams, route: item.route })))))));
 };
 const UserMenu = (props) => {
     var _a, _b, _c, _d, _e, _f;
-    const userMenu = props.menu.find((item) => !!item.userMenuData);
-    return (react_1.default.createElement(Component, { submenu: (_a = userMenu === null || userMenu === void 0 ? void 0 : userMenu.children) !== null && _a !== void 0 ? _a : [], name: (_c = (_b = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : "Uživatel", roles: (_e = (_d = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _d === void 0 ? void 0 : _d.roles) !== null && _e !== void 0 ? _e : "nepřihlášený", avatar: (_f = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _f === void 0 ? void 0 : _f.avatar }));
+    const userMenu = props.menu.find((item) => (0, is_not_nil_1.isNotNil)(item.userMenuData));
+    return (react_1.default.createElement(Component, { avatar: (_a = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _a === void 0 ? void 0 : _a.avatar, name: (_c = (_b = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : "Uživatel", roles: (_e = (_d = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _d === void 0 ? void 0 : _d.roles) !== null && _e !== void 0 ? _e : "nepřihlášený", submenu: (_f = userMenu === null || userMenu === void 0 ? void 0 : userMenu.children) !== null && _f !== void 0 ? _f : empty_array_1.EMPTY_ARRAY }));
 };
 exports.UserMenu = UserMenu;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/cms",
-  "version": "11.31.1",
+  "version": "11.32.0",
   "description": "UXF Cms",
   "author": "UXFans <dev@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -28,20 +28,20 @@
     "@dnd-kit/core": "6.1.0",
     "@dnd-kit/sortable": "8.0.0",
     "@dnd-kit/utilities": "3.2.2",
-    "@floating-ui/react": "0.26.9",
+    "@floating-ui/react": "0.26.23",
     "@redux-devtools/extension": "3.3.0",
-    "@uxf/core": "11.31.0",
-    "@uxf/core-react": "11.31.0",
-    "@uxf/data-grid": "11.31.0",
-    "@uxf/form": "11.31.1",
-    "@uxf/router": "11.22.0",
-    "@uxf/ui": "11.31.0",
-    "@uxf/wysiwyg": "11.31.0",
-    "axios": "1.6.7",
+    "@uxf/core": "11.32.0",
+    "@uxf/core-react": "11.32.0",
+    "@uxf/data-grid": "11.32.0",
+    "@uxf/form": "11.32.0",
+    "@uxf/router": "11.32.0",
+    "@uxf/ui": "11.32.0",
+    "@uxf/wysiwyg": "11.32.0",
+    "axios": "1.7.5",
     "axios-hooks": "5.0.2",
     "es6-error": "4.1.1",
-    "qs": "6.11.2",
-    "react-hook-form": "7.51.0",
+    "qs": "6.13.0",
+    "react-hook-form": "7.53.0",
     "react-redux": "8.1.3",
     "redux": "4.2.1",
     "swr": "2.2.5"
@@ -52,12 +52,12 @@
     "react-dom": ">=18.2.0"
   },
   "devDependencies": {
-    "@types/node": "18.19.17",
-    "@types/qs": "6.9.12",
-    "@types/react": "18.2.63",
-    "@types/react-dom": "18.2.19",
-    "next": "14.1.2",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "@types/node": "20.16.1",
+    "@types/qs": "6.9.15",
+    "@types/react": "18.3.5",
+    "@types/react-dom": "18.3.0",
+    "next": "14.2.6",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   }
 }

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

@@ -20,9 +20,9 @@ const AddSectionButton = (props) => {
         react_1.default.createElement(button_1.Button, { onClick: () => (0, modal_service_1.openModal)({
                 children: (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, { key: component.getConfig().type, isFullWidth: true, variant: "secondary", onClick: () => props.createSection(component, props.index) }, component.getConfig().label)))))),
+                    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)))))),
                 width: "sm",
-            }), variant: "secondary", size: "sm" }, "P\u0159idat sekci")));
+            }), size: "sm", variant: "secondary" }, "P\u0159idat sekci")));
 };
 const FormContent = (props) => {
     // eslint-disable-next-line react/destructuring-assignment
@@ -38,17 +38,17 @@ const FormContent = (props) => {
         transition,
     };
     if (SectionContent) {
-        return (react_1.default.createElement("div", { style: style, ref: setNodeRef, className: "relative" },
+        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, { size: 20, name: "grip-dots-vertical" })),
+                react_1.default.createElement(icon_1.Icon, { name: "grip-dots-vertical", size: 20 })),
             react_1.default.createElement(paper_1.Paper, { className: "dark:bg-gray-800" },
-                react_1.default.createElement(SectionContent, { control: control, id: id, index: index, name: `${name}.content`, onRemove: onRemove, title: SectionContent.getConfig().label, TypeInputProps: {
+                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,
@@ -56,7 +56,7 @@ const FormContent = (props) => {
             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, { variant: "secondary", size: "sm", isIconButton: true, onClick: onRemove },
+            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 })));
 };

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

@@ -24,6 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormRootFields = void 0;
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const checkbox_input_1 = require("@uxf/form/checkbox-input");
 const combobox_1 = require("@uxf/form/combobox/combobox");
 const datetime_picker_input_1 = require("@uxf/form/datetime-picker-input");
@@ -47,43 +48,43 @@ const FormRootFields = (props) => {
     const { children, config, id, control } = props;
     const [activeTab, setActiveTab] = (0, react_1.useState)("basic");
     return (react_1.default.createElement("div", { className: "pb-2 pt-4" },
-        react_1.default.createElement(tabs_1.Tabs, { value: activeTab, onChange: setActiveTab },
-            react_1.default.createElement(tabs_1.Tabs.Panel, { name: "basic", label: "Z\u00E1kladn\u00ED" },
+        react_1.default.createElement(tabs_1.Tabs, { onChange: setActiveTab, value: activeTab },
+            react_1.default.createElement(tabs_1.Tabs.Panel, { label: "Z\u00E1kladn\u00ED", name: "basic" },
                 react_1.default.createElement("div", { className: "space-y-8 px-4 pb-4" },
                     config.allowedTypes && (react_1.default.createElement("div", null,
-                        react_1.default.createElement(select_1.Select, { name: "type", label: "Typ", options: config.allowedTypes, isReadOnly: !!id, isRequired: true, control: control }))),
+                        react_1.default.createElement(select_1.Select, { control: control, isReadOnly: (0, is_not_nil_1.isNotNil)(id), isRequired: true, label: "Typ", name: "type", options: config.allowedTypes }))),
                     react_1.default.createElement("div", null,
-                        react_1.default.createElement(text_input_1.TextInput, { name: "name", label: "Nadpis", isRequired: true, control: control })),
+                        react_1.default.createElement(text_input_1.TextInput, { control: control, isRequired: true, label: "Nadpis", name: "name" })),
                     !((_a = config.hide) === null || _a === void 0 ? void 0 : _a.publishedAt) && (react_1.default.createElement("div", null,
-                        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { name: "publishedAt", label: "Datum publikace", isRequired: true, control: control }))),
+                        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { control: control, isRequired: true, label: "Datum publikace", name: "publishedAt" }))),
                     !((_b = config.hide) === null || _b === void 0 ? void 0 : _b.perex) && (react_1.default.createElement("div", null,
-                        react_1.default.createElement(textarea_1.Textarea, { name: "perex", label: "Perex", rows: 3, control: control }))),
+                        react_1.default.createElement(textarea_1.Textarea, { control: control, label: "Perex", name: "perex", rows: 3 }))),
                     !((_c = config.hide) === null || _c === void 0 ? void 0 : _c.author) && (react_1.default.createElement("div", null,
-                        react_1.default.createElement(combobox_1.Combobox, { name: "author", label: "Autor", loadOptions: (term) => (0, api_1.autocomplete)(null, { name: "content-author" }, { term }).then((r) => r.data), control: control }))),
+                        react_1.default.createElement(combobox_1.Combobox, { control: control, label: "Autor", loadOptions: (term) => (0, api_1.autocomplete)(null, { name: "content-author" }, { term }).then((r) => r.data), name: "author" }))),
                     !((_d = config.hide) === null || _d === void 0 ? void 0 : _d.category) && (react_1.default.createElement("div", null,
-                        react_1.default.createElement(combobox_1.Combobox, { name: "category", label: "Kategorie", loadOptions: (term) => (0, api_1.autocomplete)(null, { name: "content-category" }, { term }).then((r) => r.data), control: control }))),
+                        react_1.default.createElement(combobox_1.Combobox, { control: control, label: "Kategorie", loadOptions: (term) => (0, api_1.autocomplete)(null, { name: "content-category" }, { term }).then((r) => r.data), name: "category" }))),
                     react_1.default.createElement("div", null,
-                        react_1.default.createElement(multi_combobox_1.MultiCombobox, { name: "tags", label: "Tagy", loadOptions: (term) => (0, api_1.autocomplete)(null, { name: "content-tag" }, { term }).then((r) => r.data), control: control })),
+                        react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: control, label: "Tagy", loadOptions: (term) => (0, api_1.autocomplete)(null, { name: "content-tag" }, { term }).then((r) => r.data), name: "tags" })),
                     !((_e = config.hide) === null || _e === void 0 ? void 0 : _e.image) && (react_1.default.createElement("div", null,
-                        react_1.default.createElement(file_input_1.FileInput, { id: "image", name: "image", label: "Hlavn\u00ED obr\u00E1zek", onUploadFile: on_upload_file_1.onUploadFile, control: control }))),
+                        react_1.default.createElement(file_input_1.FileInput, { control: control, id: "image", label: "Hlavn\u00ED obr\u00E1zek", name: "image", onUploadFile: on_upload_file_1.onUploadFile }))),
                     react_1.default.createElement("div", null,
-                        react_1.default.createElement(checkbox_input_1.CheckboxInput, { name: "active", label: "Aktivn\u00ED", control: control })),
+                        react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: control, label: "Aktivn\u00ED", name: "active" })),
                     react_1.default.createElement("div", null,
-                        react_1.default.createElement(select_1.Select, { name: "visibilityLevel", label: "Viditelnost", options: options, isRequired: true, control: control })))),
-            react_1.default.createElement(tabs_1.Tabs.Panel, { name: "seo", label: "SEO" },
+                        react_1.default.createElement(select_1.Select, { control: control, isRequired: true, label: "Viditelnost", name: "visibilityLevel", options: options })))),
+            react_1.default.createElement(tabs_1.Tabs.Panel, { label: "SEO", name: "seo" },
                 react_1.default.createElement("div", { className: "space-y-8 px-4 pb-4" },
                     react_1.default.createElement("div", null,
-                        react_1.default.createElement(text_input_1.TextInput, { name: "seo.name", label: "Slug", helperText: "Slug = unik\u00E1tn\u00ED koncovka URL adresy", control: control })),
+                        react_1.default.createElement(text_input_1.TextInput, { control: control, helperText: "Slug = unik\u00E1tn\u00ED koncovka URL adresy", label: "Slug", name: "seo.name" })),
                     !((_g = (_f = config.hide) === null || _f === void 0 ? void 0 : _f.seo) === null || _g === void 0 ? void 0 : _g.title) && (react_1.default.createElement("div", null,
-                        react_1.default.createElement(text_input_1.TextInput, { name: "seo.title", label: "Nadpis", control: control }))),
+                        react_1.default.createElement(text_input_1.TextInput, { control: control, label: "Nadpis", name: "seo.title" }))),
                     !((_j = (_h = config.hide) === null || _h === void 0 ? void 0 : _h.seo) === null || _j === void 0 ? void 0 : _j.description) && (react_1.default.createElement("div", null,
-                        react_1.default.createElement(text_input_1.TextInput, { name: "seo.description", label: "Popis", control: control }))),
+                        react_1.default.createElement(text_input_1.TextInput, { control: control, label: "Popis", name: "seo.description" }))),
                     !((_l = (_k = config.hide) === null || _k === void 0 ? void 0 : _k.seo) === null || _l === void 0 ? void 0 : _l.ogTitle) && (react_1.default.createElement("div", null,
-                        react_1.default.createElement(text_input_1.TextInput, { name: "seo.ogTitle", label: "OG nadpis", helperText: "Nadpis kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", control: control }))),
+                        react_1.default.createElement(text_input_1.TextInput, { control: control, helperText: "Nadpis kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", label: "OG nadpis", name: "seo.ogTitle" }))),
                     !((_o = (_m = config.hide) === null || _m === void 0 ? void 0 : _m.seo) === null || _o === void 0 ? void 0 : _o.ogDescription) && (react_1.default.createElement("div", null,
-                        react_1.default.createElement(text_input_1.TextInput, { name: "seo.ogDescription", label: "OG popis", helperText: "Popis kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", control: control }))),
+                        react_1.default.createElement(text_input_1.TextInput, { control: control, helperText: "Popis kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", label: "OG popis", name: "seo.ogDescription" }))),
                     !((_q = (_p = config.hide) === null || _p === void 0 ? void 0 : _p.seo) === null || _q === void 0 ? void 0 : _q.ogImage) && (react_1.default.createElement("div", null,
-                        react_1.default.createElement(file_input_1.FileInput, { id: "seo.ogImage", name: "seo.ogImage", label: "OG obr\u00E1zek", helperText: "Obr\u00E1zek kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", onUploadFile: on_upload_file_1.onUploadFile, control: control })))))),
+                        react_1.default.createElement(file_input_1.FileInput, { control: control, helperText: "Obr\u00E1zek kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", id: "seo.ogImage", label: "OG obr\u00E1zek", name: "seo.ogImage", onUploadFile: on_upload_file_1.onUploadFile })))))),
         children));
 };
 exports.FormRootFields = FormRootFields;

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

@@ -47,9 +47,9 @@ const Form = (props) => {
     return (react_1.default.createElement(form_1.Form, { formApi: formApi, id: constants_1.CONTENT_BUILDER_FORM_ID, 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,
-                react_1.default.createElement(content_field_1.ContentField, { name: "content", contentComponents: props.config.contentComponents, control: formApi.control })),
+                react_1.default.createElement(content_field_1.ContentField, { contentComponents: props.config.contentComponents, control: formApi.control, name: "content" })),
             react_1.default.createElement("div", { className: "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, { config: props.config, id: props.id, control: formApi.control })))));
+                react_1.default.createElement(form_root_fields_1.FormRootFields, { config: props.config, control: formApi.control, id: props.id })))));
 };
 exports.Form = Form;

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

@@ -39,6 +39,6 @@ const Header = (props) => {
                     react_1.default.createElement(button_1.Button, { onClick: () => setLanguage("cs"), size: "sm", variant: language === "cs" ? "default" : "secondary" }, "CS"),
                     react_1.default.createElement(button_1.Button, { onClick: () => setLanguage("en"), size: "sm", variant: language === "en" ? "default" : "secondary" }, "EN"),
                     react_1.default.createElement(button_1.Button, { onClick: () => setLanguage("de"), size: "sm", variant: language === "de" ? "default" : "secondary" }, "DE")),
-                react_1.default.createElement("button", { form: constants_1.CONTENT_BUILDER_FORM_ID, className: "uxf-button uxf-button--color-default uxf-button--size-default uxf-button--variant-default is-hoverable", type: "submit" }, "Ulo\u017Eit")))));
+                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" }, "Ulo\u017Eit")))));
 };
 exports.Header = Header;

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

@@ -21,9 +21,9 @@ const FeatureSection = (props) => {
         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, { name: `${props.name}.title`, label: "Nadpis", isRequired: true, control: props.control })),
+                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, isRequired: true, label: "Nadpis", name: `${props.name}.title` })),
                 react_1.default.createElement("div", { className: "col-span-12 sm:col-span-6" },
-                    react_1.default.createElement(text_input_1.TextInput, { name: `${props.name}.subtitle`, label: "Podnadpis", control: props.control })),
+                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "Podnadpis", name: `${props.name}.subtitle` })),
                 react_1.default.createElement("div", { className: "col-span-12" },
                     fields.map((field, index) => {
                         const handleRemove = () => {
@@ -32,24 +32,24 @@ const FeatureSection = (props) => {
                                 remove(index);
                             }
                         };
-                        return (react_1.default.createElement("div", { key: field.id, className: "border-primary mb-8 border-l-2 pl-8" },
+                        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" },
                                     "Feature #",
                                     index + 1),
                                 index > 0 ? (react_1.default.createElement("div", null,
-                                    react_1.default.createElement(button_1.Button, { size: "sm", variant: "secondary", onClick: handleRemove }, "Smazat feature"))) : (react_1.default.createElement("div", null))),
+                                    react_1.default.createElement(button_1.Button, { onClick: handleRemove, size: "sm", variant: "secondary" }, "Smazat 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, { name: `${props.name}.features[${index}].title`, label: "Nadpis", isRequired: true, control: props.control })),
+                                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, isRequired: true, label: "Nadpis", name: `${props.name}.features[${index}].title` })),
                                 react_1.default.createElement("div", { className: "col-span-12 sm:col-span-6" },
-                                    react_1.default.createElement(file_input_1.FileInput, { id: `${props.name}.features[${index}].image`, name: `${props.name}.features[${index}].image`, label: "Obr\u00E1zek", onUploadFile: on_upload_dropzone_file_1.onUploadDropzoneFile, control: props.control })),
+                                    react_1.default.createElement(file_input_1.FileInput, { control: props.control, id: `${props.name}.features[${index}].image`, label: "Obr\u00E1zek", name: `${props.name}.features[${index}].image`, onUploadFile: on_upload_dropzone_file_1.onUploadDropzoneFile })),
                                 react_1.default.createElement("div", { className: "col-span-12" },
-                                    react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { name: `${props.name}.features[${index}].text`, control: props.control })),
+                                    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, { name: `${props.name}.features[${index}].ctaUrl`, label: "CTA url", control: props.control })))));
+                                    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, { variant: "secondary", size: "sm", onClick: () => append({ title: "" }) }, "P\u0159idat feature")))))));
+                    react_1.default.createElement(button_1.Button, { onClick: () => append({ title: "" }), size: "sm", variant: "secondary" }, "P\u0159idat feature")))))));
 };
 exports.FeatureSection = FeatureSection;
 exports.FeatureSection.getConfig = () => ({

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

@@ -16,7 +16,7 @@ const Gallery = (props) => {
     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" },
-            react_1.default.createElement(dropzone_input_1.DropzoneInput, { name: `${props.name}.images`, control: props.control, onUploadFile: on_upload_dropzone_file_1.onUploadDropzoneFile }),
+            react_1.default.createElement(dropzone_input_1.DropzoneInput, { control: props.control, name: `${props.name}.images`, onUploadFile: on_upload_dropzone_file_1.onUploadDropzoneFile }),
             react_1.default.createElement(dropzone_list_1.DropzoneList, { control: props.control, name: `${props.name}.images`, onRemoveConfirm: on_remove_confirm_1.onRemoveConfirm })))));
 };
 exports.Gallery = Gallery;

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

@@ -16,13 +16,13 @@ const HeroSection = (props) => {
         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, { name: `${props.name}.title`, label: "Nadpis", isRequired: true, control: props.control })),
+                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, isRequired: true, label: "Nadpis", name: `${props.name}.title` })),
                 react_1.default.createElement("div", { className: "col-span-12 sm:col-span-6" },
-                    react_1.default.createElement(text_input_1.TextInput, { name: `${props.name}.subtitle`, label: "Podnadpis", control: props.control })),
+                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "Podnadpis", name: `${props.name}.subtitle` })),
                 react_1.default.createElement("div", { className: "col-span-12" },
-                    react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { name: `${props.name}.text`, control: props.control })),
+                    react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { control: props.control, name: `${props.name}.text` })),
                 react_1.default.createElement("div", { className: "col-span-12" },
-                    react_1.default.createElement(text_input_1.TextInput, { name: `${props.name}.ctaUrl`, label: "CTA url", control: props.control })))))));
+                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "CTA url", name: `${props.name}.ctaUrl` })))))));
 };
 exports.HeroSection = HeroSection;
 exports.HeroSection.getConfig = () => ({

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

@@ -26,28 +26,28 @@ const People = (props) => {
                         remove(index);
                     }
                 };
-                return (react_1.default.createElement("div", { key: field.id, className: "border-primary mb-8 border-l-2 pl-8" },
+                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 mb-3 pt-1" },
                             "Osoba #",
                             index + 1),
                         index > 0 ? (react_1.default.createElement("div", null,
-                            react_1.default.createElement(button_1.Button, { size: "sm", variant: "secondary", onClick: handleRemove }, "Smazat osobu"))) : (react_1.default.createElement("div", null))),
+                            react_1.default.createElement(button_1.Button, { onClick: handleRemove, size: "sm", variant: "secondary" }, "Smazat osobu"))) : (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, { name: `${props.name}.people.${index}.name`, label: "Jm\u00E9no", isRequired: true, control: props.control })),
+                            react_1.default.createElement(text_input_1.TextInput, { control: props.control, isRequired: true, label: "Jm\u00E9no", name: `${props.name}.people.${index}.name` })),
                         react_1.default.createElement("div", { className: "col-span-12 sm:col-span-6" },
-                            react_1.default.createElement(file_input_1.FileInput, { id: `${props.name}.people.${index}.image`, name: `${props.name}.people.${index}.image`, label: "Obr\u00E1zek", control: props.control, onUploadFile: on_upload_file_1.onUploadFile })),
+                            react_1.default.createElement(file_input_1.FileInput, { control: props.control, id: `${props.name}.people.${index}.image`, label: "Obr\u00E1zek", name: `${props.name}.people.${index}.image`, onUploadFile: on_upload_file_1.onUploadFile })),
                         react_1.default.createElement("div", { className: "col-span-12" },
-                            react_1.default.createElement(text_input_1.TextInput, { name: `${props.name}.people.${index}.subtitle`, label: "Popisek", control: props.control })),
+                            react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "Popisek", name: `${props.name}.people.${index}.subtitle` })),
                         react_1.default.createElement("div", { className: "col-span-12" },
-                            react_1.default.createElement(textarea_1.Textarea, { name: `${props.name}.people.${index}.text`, label: "Text", rows: 2, control: props.control })),
+                            react_1.default.createElement(textarea_1.Textarea, { control: props.control, label: "Text", name: `${props.name}.people.${index}.text`, rows: 2 })),
                         react_1.default.createElement("div", { className: "col-span-6" },
-                            react_1.default.createElement(text_input_1.TextInput, { name: `${props.name}.people.${index}.phone`, label: "Telefon", type: "tel", control: props.control })),
+                            react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "Telefon", name: `${props.name}.people.${index}.phone`, type: "tel" })),
                         react_1.default.createElement("div", { className: "col-span-6" },
-                            react_1.default.createElement(text_input_1.TextInput, { name: `${props.name}.people.${index}.email`, label: "E-mail", type: "email", control: props.control })))));
+                            react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "E-mail", name: `${props.name}.people.${index}.email`, type: "email" })))));
             }),
-            react_1.default.createElement(button_1.Button, { variant: "secondary", size: "sm", onClick: () => append({ name: "" }) }, "P\u0159idat osobu")))));
+            react_1.default.createElement(button_1.Button, { onClick: () => append({ name: "" }), size: "sm", variant: "secondary" }, "P\u0159idat osobu")))));
 };
 exports.People = People;
 exports.People.getConfig = () => ({

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

@@ -11,8 +11,8 @@ const details_visibility_context_1 = require("../context/details-visibility-cont
 const Wysiwyg = (props) => {
     const [visibility] = (0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id);
     return (react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
-        react_1.default.createElement(content_header_1.ContentHeader, { id: props.id, control: props.control, name: props.name, index: props.index, onRemove: props.onRemove, TypeInputProps: props.TypeInputProps, title: props.title }),
-        visibility && (react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { allPluginsOptions: props.allPluginsOptions, plugins: props.plugins, editorProps: props.editorProps, control: props.control, isRequired: true, label: "Text", name: `${props.name}.content`, placeholder: "Zadejte text", className: "p-4" }))));
+        react_1.default.createElement(content_header_1.ContentHeader, { TypeInputProps: props.TypeInputProps, control: props.control, id: props.id, index: props.index, name: props.name, onRemove: props.onRemove, title: props.title }),
+        visibility && (react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { allPluginsOptions: props.allPluginsOptions, className: "p-4", control: props.control, editorProps: props.editorProps, isRequired: true, label: "Text", name: `${props.name}.content`, placeholder: "Zadejte text", plugins: props.plugins }))));
 };
 exports.Wysiwyg = Wysiwyg;
 const defaultGetConfig = () => ({

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

@@ -85,12 +85,12 @@ const ContentBuilderPageComponent = (props) => {
     }, [onSubmit, onSubmitSuccess, props.id, props.config]);
     return (react_1.default.createElement(Layout, null,
         react_1.default.createElement("div", { className: "-mx-4 md:-mx-10" },
-            react_1.default.createElement(form_1.Form, { config: props.config, id: props.id, onSubmit: handleSubmit, defaultValues: props.initialValues }))));
+            react_1.default.createElement(form_1.Form, { config: props.config, defaultValues: props.initialValues, id: props.id, onSubmit: handleSubmit }))));
 };
 ContentBuilderPageComponent.displayName = "ContentBuilderComponent";
 const ContentBuilderPage = (config) => {
     const Page = (props) => {
-        return react_1.default.createElement(ContentBuilderPageComponent, { config: config, initialValues: props.initialValues, id: props.id });
+        return react_1.default.createElement(ContentBuilderPageComponent, { config: config, id: props.id, initialValues: props.initialValues });
     };
     Page.getInitialProps = async (ctx) => {
         var _a, _b;