@uxf/cms 11.31.1 → 11.32.0

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

@@ -33,29 +33,29 @@ const ContentField = (props) => {
         react_1.default.createElement("div", { className: "mb-4 mt-6 flex flex-wrap items-center justify-between gap-4" },
             react_1.default.createElement("h2", { className: "uxf-typo-h5" }, "Obsah"),
             fields.length > 1 && (react_1.default.createElement("div", { className: "flex justify-end space-x-4" },
-                react_1.default.createElement(button_1.Button, { variant: "secondary", size: "sm", onClick: () => setVisibilityForAll(true) },
-                    react_1.default.createElement(icon_1.Icon, { name: "arrow-down-from-line", className: "mr-1" }),
+                react_1.default.createElement(button_1.Button, { onClick: () => setVisibilityForAll(true), size: "sm", variant: "secondary" },
+                    react_1.default.createElement(icon_1.Icon, { className: "mr-1", name: "arrow-down-from-line" }),
                     "otev\u0159\u00EDt v\u0161e"),
-                react_1.default.createElement(button_1.Button, { variant: "secondary", size: "sm", onClick: () => setVisibilityForAll(false) },
-                    react_1.default.createElement(icon_1.Icon, { name: "arrow-up-to-line", className: "mr-1" }),
+                react_1.default.createElement(button_1.Button, { onClick: () => setVisibilityForAll(false), size: "sm", variant: "secondary" },
+                    react_1.default.createElement(icon_1.Icon, { className: "mr-1", name: "arrow-up-to-line" }),
                     "zav\u0159\u00EDt v\u0161e")))),
-        react_1.default.createElement(core_1.DndContext, { sensors: memoizedSensors, onDragStart: onDragStart, onDragEnd: onDragEnd, onDragCancel: onDragCancel },
+        react_1.default.createElement(core_1.DndContext, { onDragCancel: onDragCancel, onDragEnd: onDragEnd, onDragStart: onDragStart, sensors: memoizedSensors },
             react_1.default.createElement(sortable_1.SortableContext, { items: itemsIds, strategy: sortable_1.verticalListSortingStrategy },
                 react_1.default.createElement("div", { className: "space-y-4 pl-8" }, fields.map((field, index) => {
                     var _a;
                     return (react_1.default.createElement("div", { key: field.id },
-                        react_1.default.createElement(form_content_1.FormContent, { title: (_a = props.contentComponents
-                                .find((c) => c.getConfig().type === field.type)) === null || _a === void 0 ? void 0 : _a.getConfig().label, id: field.id, name: `${props.name}.data[${index}]`, contentComponents: props.contentComponents, index: index, onRemove: () => remove(index), control: props.control, createSection: createSection })));
+                        react_1.default.createElement(form_content_1.FormContent, { contentComponents: props.contentComponents, control: props.control, createSection: createSection, id: field.id, index: index, name: `${props.name}.data[${index}]`, onRemove: () => remove(index), title: (_a = props.contentComponents
+                                .find((c) => c.getConfig().type === field.type)) === null || _a === void 0 ? void 0 : _a.getConfig().label })));
                 }))),
-            react_1.default.createElement(core_1.DragOverlay, { dropAnimation: dropAnimationConfig }, activeItem ? (react_1.default.createElement(form_content_1.FormContent, { ...activeItem, name: `${props.name}.data[${activeItemIndex}]`, contentComponents: props.contentComponents, index: activeItemIndex, control: props.control, createSection: createSection, showAddButton: false })) : null)),
+            react_1.default.createElement(core_1.DragOverlay, { dropAnimation: dropAnimationConfig }, activeItem ? (react_1.default.createElement(form_content_1.FormContent, { ...activeItem, contentComponents: props.contentComponents, control: props.control, createSection: createSection, index: activeItemIndex, name: `${props.name}.data[${activeItemIndex}]`, showAddButton: false })) : null)),
         fields.length < 1 && (react_1.default.createElement("div", null,
-            react_1.default.createElement(button_1.Button, { className: "h-20 border-2 border-dashed border-gray-600", size: "lg", variant: "text", isFullWidth: true, onClick: () => (0, modal_service_1.openModal)({
+            react_1.default.createElement(button_1.Button, { className: "h-20 border-2 border-dashed border-gray-600", isFullWidth: true, 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: () => createSection(component, 0) }, 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: () => createSection(component, 0), variant: "secondary" }, component.getConfig().label)))))),
                     width: "sm",
-                }) },
-                react_1.default.createElement(icon_1.Icon, { name: "plus", className: "mr-3", size: 16 }),
+                }), size: "lg", variant: "text" },
+                react_1.default.createElement(icon_1.Icon, { className: "mr-3", name: "plus", size: 16 }),
                 "P\u0159idat sekci")))));
 };
 exports.ContentField = ContentField;

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

@@ -53,8 +53,8 @@ const ContentHeader = (props) => {
         event.stopPropagation();
         (0, modal_service_1.openModal)({
             children: (react_1.default.createElement(paper_1.Paper, { className: "space-y-4 p-4 dark:bg-gray-950" },
-                react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { name: "visibilityFrom", label: "Platnost od", value: validityFrom, onChange: (value) => setValidityFrom(value) }),
-                react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { name: "visibilityTo", label: "Platnost do", value: validityTo, onChange: (value) => setValidityTo(value) }))),
+                react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { label: "Platnost od", name: "visibilityFrom", onChange: (value) => setValidityFrom(value), value: validityFrom }),
+                react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { label: "Platnost do", name: "visibilityTo", onChange: (value) => setValidityTo(value), value: validityTo }))),
             width: "sm",
         });
     };
@@ -62,9 +62,9 @@ const ContentHeader = (props) => {
         react_1.default.createElement("h3", { className: "uxf-typo-h6" }, props.title),
         react_1.default.createElement("div", { className: "flex items-center space-x-4" },
             react_1.default.createElement("div", { className: "flex space-x-2" },
-                react_1.default.createElement(button_1.Button, { size: "sm", variant: "secondary", isIconButton: true, onClick: (event) => setVisibilityHandler(event) },
+                react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: (event) => setVisibilityHandler(event), size: "sm", variant: "secondary" },
                     react_1.default.createElement(icon_1.Icon, { name: "calendar" })),
-                react_1.default.createElement(button_1.Button, { size: "sm", onClick: (event) => removeHandler(event), variant: "secondary", isIconButton: true },
+                react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: (event) => removeHandler(event), size: "sm", variant: "secondary" },
                     react_1.default.createElement(icon_1.Icon, { name: "delete" }))),
             react_1.default.createElement(icon_1.Icon, { name: `${visibility ? "chevronUp" : "chevronDown"}`, size: 16 }))));
 };

package/pages/content-builder/context/details-visibility-context.js

@@ -24,8 +24,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DetailsVisibilityProvider = exports.useDetailsVisibilityControls = exports.useDetailsVisibilityForSection = void 0;
+const noop_1 = require("@uxf/core/utils/noop");
 const react_1 = __importStar(require("react"));
-const detailsVisibilityContext = (0, react_1.createContext)([[], () => void null, true, () => void null]);
+const detailsVisibilityContext = (0, react_1.createContext)([[], noop_1.noop, true, noop_1.noop]);
 const useDetailsVisibility = () => (0, react_1.useContext)(detailsVisibilityContext);
 const useDetailsVisibilityForSection = (sectionId) => {
     var _a;

package/pages/content-builder/mapper.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mapFormDataToRequest = exports.mapResponseToFormData = void 0;
+exports.mapResponseToFormData = mapResponseToFormData;
+exports.mapFormDataToRequest = mapFormDataToRequest;
+const empty_array_1 = require("@uxf/core/constants/empty-array");
 function mapResponseToFormData(response) {
     var _a, _b;
     return {
@@ -33,10 +35,9 @@ function mapResponseToFormData(response) {
         publishedAt: (_a = response.publishedAt) !== null && _a !== void 0 ? _a : new Date().toISOString(),
         active: !response.hidden,
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        tags: (_b = response.tags) !== null && _b !== void 0 ? _b : [],
+        tags: (_b = response.tags) !== null && _b !== void 0 ? _b : empty_array_1.EMPTY_ARRAY,
     };
 }
-exports.mapResponseToFormData = mapResponseToFormData;
 function mapFormDataToRequest(values) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     return {
@@ -57,11 +58,10 @@ function mapFormDataToRequest(values) {
         publishedAt: values.publishedAt,
         visibilityLevel: values.visibilityLevel,
         image: (_k = (_j = values.image) === null || _j === void 0 ? void 0 : _j.id) !== null && _k !== void 0 ? _k : null,
-        tags: (_m = (_l = values.tags) === null || _l === void 0 ? void 0 : _l.map((t) => t.id)) !== null && _m !== void 0 ? _m : [],
+        tags: (_m = (_l = values.tags) === null || _l === void 0 ? void 0 : _l.map((t) => t.id)) !== null && _m !== void 0 ? _m : empty_array_1.EMPTY_ARRAY,
         content: {
             data: values.content,
             search: "", // TODO
         },
     };
 }
-exports.mapFormDataToRequest = mapFormDataToRequest;

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

@@ -5,6 +5,10 @@ import { FC, PropsWithChildren, ReactNode } from "react";
 import { Control, ControllerRenderProps } from "react-hook-form";
 import { ContentResponse, ContentTagResponse } from "../../api";
 export type VisibilityLevel = "PUBLIC" | "PUBLIC_WITHOUT_SITEMAP" | "PRIVATE";
+export interface Content<Type extends string, ContentType> {
+    type: Type;
+    content: ContentType;
+}
 export interface ContentProps {
     title: ReactNode;
     id: string;
@@ -24,39 +28,6 @@ export type ContentComponent<T extends Content<string, any>, Props extends Conte
     getConfig: ContentGetConfig<T>;
 };
 export type ContentPageType = "BLOG" | "LANDING_PAGE" | "QUESTION" | "TERM";
-export interface ContentBuilderConfig<Contents extends Content<string, any>> {
-    type?: ContentPageType;
-    allowedTypes?: Array<{
-        id: ContentPageType;
-        label: string;
-    }>;
-    contentComponents: ContentComponent<any>[];
-    onSubmit?: (contentId: number | null, values: RootContent<Contents>) => Promise<ContentResponse>;
-    onSubmitSuccess?: (contentId: number | null, values: RootContent<Contents>, response: ContentResponse) => Promise<void>;
-    initialValues?: RootContent<Contents> | ((ctx: NextPageContext) => Promise<RootContent<Contents>>);
-    allowedRoles?: string[];
-    ui: {
-        Layout?: FC<PropsWithChildren>;
-    };
-    hide?: {
-        author?: boolean;
-        category?: boolean;
-        image?: boolean;
-        perex?: boolean;
-        publishedAt?: boolean;
-        seo?: {
-            title?: boolean;
-            description?: boolean;
-            ogTitle?: boolean;
-            ogDescription?: boolean;
-            ogImage?: boolean;
-        };
-    };
-}
-export interface Content<Type extends string, ContentType> {
-    type: Type;
-    content: ContentType;
-}
 export type RootContent<T> = {
     type: string | null;
     active: boolean;
@@ -87,3 +58,32 @@ export type RootContent<T> = {
     };
     tags?: ContentTagResponse[];
 };
+export interface ContentBuilderConfig<Contents extends Content<string, any>> {
+    type?: ContentPageType;
+    allowedTypes?: Array<{
+        id: ContentPageType;
+        label: string;
+    }>;
+    contentComponents: ContentComponent<any>[];
+    onSubmit?: (contentId: number | null, values: RootContent<Contents>) => Promise<ContentResponse>;
+    onSubmitSuccess?: (contentId: number | null, values: RootContent<Contents>, response: ContentResponse) => Promise<void>;
+    initialValues?: RootContent<Contents> | ((ctx: NextPageContext) => Promise<RootContent<Contents>>);
+    allowedRoles?: string[];
+    ui: {
+        Layout?: FC<PropsWithChildren>;
+    };
+    hide?: {
+        author?: boolean;
+        category?: boolean;
+        image?: boolean;
+        perex?: boolean;
+        publishedAt?: boolean;
+        seo?: {
+            title?: boolean;
+            description?: boolean;
+            ogTitle?: boolean;
+            ogDescription?: boolean;
+            ogImage?: boolean;
+        };
+    };
+}

package/pages/forgotten-password-page/forgotten-password-page.js

@@ -43,7 +43,7 @@ const ForgottenPasswordPage = (config) => {
             }
         }, []);
         return (react_1.default.createElement(login_layout_1.LoginLayout, { Logo: (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Logo, pageTitle: config.pageTitle, title: config.title },
-            react_1.default.createElement(forgotten_password_form_1.ForgottenPasswordForm, { onSubmit: onSubmit, defaultValues: INITIAL_VALUES, onLogin: config.onLogin })));
+            react_1.default.createElement(forgotten_password_form_1.ForgottenPasswordForm, { defaultValues: INITIAL_VALUES, onLogin: config.onLogin, onSubmit: onSubmit })));
     };
     return Component;
 };

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

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseField = void 0;
+const empty_array_1 = require("@uxf/core/constants/empty-array");
 const checkbox_input_1 = require("@uxf/form/checkbox-input");
 const combobox_1 = require("@uxf/form/combobox");
 const date_picker_input_1 = require("@uxf/form/date-picker-input");
@@ -23,8 +24,7 @@ const api_1 = require("../../api");
 const on_upload_dropzone_file_1 = require("../../forms/utils/on-upload-dropzone-file");
 const on_upload_file_1 = require("../../forms/utils/on-upload-file");
 const on_remove_confirm_1 = require("../../utils/on-remove-confirm");
-// eslint-disable-next-line import/no-cycle
-const field_array_1 = require("./field-array");
+const field_array_1 = require("./field-array"); // eslint-disable-line import/no-cycle
 const content_1 = require("./field/content");
 // eslint-disable-next-line complexity
 const BaseField = (props) => {
@@ -39,30 +39,30 @@ const BaseField = (props) => {
         case "file":
         case "logo":
         case "image":
-            return (react_1.default.createElement(file_input_1.FileInput, { id: fieldName, label: label, name: fieldName, isRequired: required, isDisabled: disabled, onUploadFile: on_upload_file_1.onUploadFile, control: control, isClearable: !required }));
+            return (react_1.default.createElement(file_input_1.FileInput, { control: control, id: fieldName, isClearable: !required, isDisabled: disabled, isRequired: required, label: label, name: fieldName, onUploadFile: on_upload_file_1.onUploadFile }));
         case "enum":
-            return (react_1.default.createElement(select_1.Select, { options: options !== null && options !== void 0 ? options : [], name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control, isClearable: !required }));
+            return (react_1.default.createElement(select_1.Select, { control: control, isClearable: !required, isDisabled: disabled, isRequired: required, label: label, name: fieldName, options: options !== null && options !== void 0 ? options : empty_array_1.EMPTY_ARRAY }));
         case "content":
             return react_1.default.createElement(content_1.Content, { ...props });
         case "boolean":
-            return (react_1.default.createElement(checkbox_input_1.CheckboxInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
+            return (react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: control, isDisabled: disabled, isRequired: required, label: label, name: fieldName }));
         case "date":
-            return (react_1.default.createElement(date_picker_input_1.DatePickerInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control, isClearable: !required }));
+            return (react_1.default.createElement(date_picker_input_1.DatePickerInput, { control: control, isClearable: !required, isDisabled: disabled, isRequired: required, label: label, name: fieldName }));
         case "datetime":
-            return (react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control, isClearable: !required }));
+            return (react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { control: control, isClearable: !required, isDisabled: disabled, isRequired: required, label: label, name: fieldName }));
         case "time":
-            return (react_1.default.createElement(time_picker_input_1.TimePickerInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control, isClearable: !required }));
+            return (react_1.default.createElement(time_picker_input_1.TimePickerInput, { control: control, isClearable: !required, isDisabled: disabled, isRequired: required, label: label, name: fieldName }));
         case "files":
         case "images":
             return (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(label_1.Label, null, label),
                 react_1.default.createElement("div", { className: "mb-3" },
-                    react_1.default.createElement(dropzone_input_1.DropzoneInput, { label: label, name: fieldName, control: control, onUploadFile: on_upload_dropzone_file_1.onUploadDropzoneFile })),
+                    react_1.default.createElement(dropzone_input_1.DropzoneInput, { control: control, label: label, name: fieldName, onUploadFile: on_upload_dropzone_file_1.onUploadDropzoneFile })),
                 react_1.default.createElement(dropzone_list_1.DropzoneList, { control: control, errorText: "Soubor se nepoda\u0159ilo nahr\u00E1t.", name: fieldName, onRemoveConfirm: on_remove_confirm_1.onRemoveConfirm })));
         case "manyToMany":
-            return (react_1.default.createElement(multi_combobox_1.MultiCombobox, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control, loadOptions: (term) => { var _a; return (0, api_1.autocomplete)(null, { name: (_a = fieldSchema.autocomplete) !== null && _a !== void 0 ? _a : "" }, { term }).then((r) => r.data); } }));
+            return (react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: control, isDisabled: disabled, isRequired: required, label: label, loadOptions: (term) => { var _a; return (0, api_1.autocomplete)(null, { name: (_a = fieldSchema.autocomplete) !== null && _a !== void 0 ? _a : "" }, { term }).then((r) => r.data); }, name: fieldName }));
         case "manyToOne":
-            return (react_1.default.createElement(combobox_1.Combobox, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control, loadOptions: (term) => { var _a; return (0, api_1.autocomplete)(null, { name: (_a = fieldSchema.autocomplete) !== null && _a !== void 0 ? _a : "" }, { term }).then((r) => r.data); }, isClearable: !required }));
+            return (react_1.default.createElement(combobox_1.Combobox, { control: control, isClearable: !required, isDisabled: disabled, isRequired: required, label: label, loadOptions: (term) => { var _a; return (0, api_1.autocomplete)(null, { name: (_a = fieldSchema.autocomplete) !== null && _a !== void 0 ? _a : "" }, { term }).then((r) => r.data); }, name: fieldName }));
         case "oneToMany":
             // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
             if (fieldSchema.fields === null) {
@@ -70,7 +70,7 @@ const BaseField = (props) => {
             }
             return (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement("p", { className: "mb-2 font-medium" }, fieldSchema.label),
-                react_1.default.createElement(field_array_1.FieldArray, { fieldName: fieldName, fieldSchema: fieldSchema, entityAlias: entityAlias, isEditing: isEditing, control: control })));
+                react_1.default.createElement(field_array_1.FieldArray, { control: control, entityAlias: entityAlias, fieldName: fieldName, fieldSchema: fieldSchema, isEditing: isEditing })));
         case "embedded":
             // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
             if (fieldSchema.fields === null) {
@@ -79,11 +79,11 @@ const BaseField = (props) => {
             return (react_1.default.createElement(react_1.default.Fragment, null, fieldSchema.fields.map((schema, i) => (react_1.default.createElement("div", { key: i },
                 react_1.default.createElement(exports.BaseField, { ...props, fieldSchema: { ...schema, label: `${fieldSchema.label} ${schema.label}` }, prefix: `${fieldSchema.name}.` }))))));
         case "integer":
-            return (react_1.default.createElement(number_input_1.NumberInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
+            return (react_1.default.createElement(number_input_1.NumberInput, { control: control, isDisabled: disabled, isRequired: required, label: label, name: fieldName }));
         case "text":
-            return (react_1.default.createElement(textarea_1.Textarea, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
+            return (react_1.default.createElement(textarea_1.Textarea, { control: control, isDisabled: disabled, isRequired: required, label: label, name: fieldName }));
         default:
-            return (react_1.default.createElement(text_input_1.TextInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
+            return (react_1.default.createElement(text_input_1.TextInput, { control: control, isDisabled: disabled, isRequired: required, label: label, name: fieldName }));
     }
 };
 exports.BaseField = BaseField;

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

@@ -12,6 +12,6 @@ const Content = (props) => {
     const { fieldSchema, prefix = "", contentComponents, control } = props;
     return (react_1.default.createElement("fieldset", null,
         react_1.default.createElement("legend", null, fieldSchema.label),
-        react_1.default.createElement(content_builder_1.ContentField, { contentComponents: contentComponents !== null && contentComponents !== void 0 ? contentComponents : [wysiwyg_1.Wysiwyg], name: `${prefix}${fieldSchema.name}`, control: control })));
+        react_1.default.createElement(content_builder_1.ContentField, { contentComponents: contentComponents !== null && contentComponents !== void 0 ? contentComponents : [wysiwyg_1.Wysiwyg], control: control, name: `${prefix}${fieldSchema.name}` })));
 };
 exports.Content = Content;

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

@@ -38,13 +38,13 @@ const FieldArray = (props) => {
         react_1.default.createElement("div", { className: "grid gap-2" }, fields.map((name, index) => (react_1.default.createElement(react_1.Fragment, { key: name.id },
             fieldSchema.fields.map((schema, i) => {
                 if (schema.name === "id") {
-                    return react_1.default.createElement("input", { type: "hidden", key: `${schema.name}-${i}`, name: "id" });
+                    return react_1.default.createElement("input", { key: `${schema.name}-${i}`, name: "id", type: "hidden" });
                 }
                 return (react_1.default.createElement("div", { key: `${schema.name}-${i}` },
-                    react_1.default.createElement(base_field_1.BaseField, { fieldSchema: schema, entityAlias: entityAlias, isEditing: isEditing, prefix: `${index}.`, control: control })));
+                    react_1.default.createElement(base_field_1.BaseField, { control: control, entityAlias: entityAlias, fieldSchema: schema, isEditing: isEditing, prefix: `${index}.` })));
             }),
             react_1.default.createElement("div", { className: "flex justify-end" },
-                react_1.default.createElement(button_1.Button, { variant: "secondary", isIconButton: true, onClick: () => remove(index) },
+                react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: () => remove(index), variant: "secondary" },
                     react_1.default.createElement(icon_1.Icon, { name: "trash", size: 20 }))))))),
         react_1.default.createElement("div", { className: "mt-2" },
             react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: () => append({ id: null }), variant: "secondary" },

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

@@ -11,5 +11,5 @@ export interface InitialProps<T extends {
     entityMetaSchema: EntityMetaSchema;
 }
 export declare const FormPage: <T extends {
-    id?: number | null | undefined;
+    id?: number | null;
 }>(config: FormPageConfig<T>) => import("next").NextComponentType<import("../../deprecated/types/app").IAppContext, object, object>;

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

@@ -27,6 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormPage = void 0;
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const router_1 = __importDefault(require("next/router"));
 const react_1 = __importStar(require("react"));
 const react_hook_form_1 = require("react-hook-form");
@@ -37,7 +38,7 @@ const ValidationError_1 = require("../../errors/ValidationError");
 const base_field_1 = require("./base-field");
 const form_1 = require("./form");
 const mapper_1 = require("./mapper");
-const resolve = (value, ctx) => (typeof value === "function" ? value(ctx) : value !== null && value !== void 0 ? value : null);
+const resolve = (value, ctx) => (typeof value === "function" ? value(ctx) : (value !== null && value !== void 0 ? value : null));
 const FormPage = (config) => {
     var _a, _b, _c;
     const entityIdResolver = (_a = config.entityId) !== null && _a !== void 0 ? _a : (({ query }) => (query.id ? Number.parseInt(query.id, 10) : null));
@@ -67,7 +68,7 @@ const FormPage = (config) => {
         }, [entityAlias, entityId, formSchema, formApi]);
         const FieldComponentElement = (_b = (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Field) !== null && _b !== void 0 ? _b : base_field_1.BaseField;
         const Layout = (_d = (_c = config.ui) === null || _c === void 0 ? void 0 : _c.Layout) !== null && _d !== void 0 ? _d : react_1.default.createElement("div", null);
-        const Content = (react_1.default.createElement(form_1.Form, { Field: FieldComponentElement, entityAlias: entityAlias, formApi: formApi, id: `${entityAlias}-form`, isEditing: !!entityId, onSubmit: onSubmit, schema: formSchema }));
+        const Content = (react_1.default.createElement(form_1.Form, { Field: FieldComponentElement, entityAlias: entityAlias, formApi: formApi, id: `${entityAlias}-form`, isEditing: (0, is_not_nil_1.isNotNil)(entityId), onSubmit: onSubmit, schema: formSchema }));
         return (0, react_1.cloneElement)(typeof Layout === "function" ? Layout(entityMetaSchema) : Layout, {
             children: Content,
         });

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

@@ -14,5 +14,5 @@ interface FormProps<T extends FieldValues> extends Omit<UXFFormProps<T>, "childr
     isEditing?: boolean;
     SubmitButton?: SubmitButtonComponent<T>;
 }
-export declare const Form: <T extends FieldValues>(props: FormProps<T>) => React.JSX.Element;
+export declare function Form<T extends FieldValues>(props: FormProps<T>): React.JSX.Element;
 export {};

package/pages/form-page/form.js

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

package/pages/form-page/mapper.js

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

package/pages/grid-page/get-initial-props-helper.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadEntityGridSchema = exports.loadEntityMetaSchema = void 0;
+exports.loadEntityMetaSchema = loadEntityMetaSchema;
+exports.loadEntityGridSchema = loadEntityGridSchema;
 const api_1 = require("../../api");
 const entities_1 = require("../../deprecated/redux/entities");
 async function loadEntityMetaSchema(ctx, entityAlias) {
@@ -10,7 +11,6 @@ async function loadEntityMetaSchema(ctx, entityAlias) {
     }
     return (0, entities_1.metaSchemaSelector)(entityAlias)(getState());
 }
-exports.loadEntityMetaSchema = loadEntityMetaSchema;
 async function loadEntityGridSchema(ctx, entityAlias) {
     const { reduxStore: { getState, dispatch }, } = ctx;
     if (!(0, entities_1.gridSchemaExistsSelector)(entityAlias)(getState())) {
@@ -18,4 +18,3 @@ async function loadEntityGridSchema(ctx, entityAlias) {
     }
     return (0, entities_1.gridSchemaSelector)(entityAlias)(getState());
 }
-exports.loadEntityGridSchema = loadEntityGridSchema;

package/pages/grid-page/grid-page.js

@@ -27,6 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridPage = exports.dataGridLoader = void 0;
+const empty_array_1 = require("@uxf/core/constants/empty-array");
 const buildArray_1 = require("@uxf/core/utils/buildArray");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const data_grid_1 = require("@uxf/data-grid");
@@ -79,7 +80,7 @@ const GridPageComponent = (props) => {
     }), [onReload]);
     const hasOnAdd = props.onAdd && (!props.metaSchema || props.metaSchema.actions.includes("add"));
     const cActions = [
-        ...((_d = props.customActions) !== null && _d !== void 0 ? _d : []),
+        ...((_d = props.customActions) !== null && _d !== void 0 ? _d : empty_array_1.EMPTY_ARRAY),
         hasOnAdd
             ? {
                 label: (react_1.default.createElement(react_1.default.Fragment, null,
@@ -125,12 +126,12 @@ const GridPageComponent = (props) => {
         : undefined);
     return (react_1.default.createElement(Layout, { key: props.entityAlias, title: (_j = (_g = props.title) !== null && _g !== void 0 ? _g : (_h = props.metaSchema) === null || _h === void 0 ? void 0 : _h.title) !== null && _j !== void 0 ? _j : "" },
         react_1.default.createElement("div", { className: "mb-10" },
-            react_1.default.createElement(data_grid_1.DataGrid, { state: state, actions: actions, data: data, isLoading: isLoading, error: error, onReload: onReload, noBorder: true, actionCell: actionCell, schema: props.gridSchema, gridName: props.entityAlias, rowHeight: props.rowHeight, customActions: cActions, onCsvDownload: (r) => window.open(`/api/cms/datagrid/export/${props.entityAlias}?${(0, qs_1.stringify)(r)}`), isRowSelectable: props.selectable, bodyCells: (_k = props.ui) === null || _k === void 0 ? void 0 : _k.BodyCells, filterHandlers: (_l = props.ui) === null || _l === void 0 ? void 0 : _l.FilterHandlers, SelectedRowsToolbarActions: (_m = props.ui) === null || _m === void 0 ? void 0 : _m.SelectedRowsToolbarActions, NoRowsFallback: (_o = props.ui) === null || _o === void 0 ? void 0 : _o.NoRowsFallback }))));
+            react_1.default.createElement(data_grid_1.DataGrid, { NoRowsFallback: (_k = props.ui) === null || _k === void 0 ? void 0 : _k.NoRowsFallback, SelectedRowsToolbarActions: (_l = props.ui) === null || _l === void 0 ? void 0 : _l.SelectedRowsToolbarActions, actionCell: actionCell, actions: actions, bodyCells: (_m = props.ui) === null || _m === void 0 ? void 0 : _m.BodyCells, customActions: cActions, data: data, error: error, filterHandlers: (_o = props.ui) === null || _o === void 0 ? void 0 : _o.FilterHandlers, gridName: props.entityAlias, isLoading: isLoading, isRowSelectable: props.selectable, noBorder: true, onCsvDownload: (r) => window.open(`/api/cms/datagrid/export/${props.entityAlias}?${(0, qs_1.stringify)(r)}`), onReload: onReload, rowHeight: props.rowHeight, schema: props.gridSchema, state: state }))));
 };
 GridPageComponent.displayName = "GridPageComponent";
 const GridPage = (config) => {
     const Component = (props) => {
-        return (react_1.default.createElement(GridPageComponent, { ...props, AddIcon: config.AddIcon, customActions: config.customActions, getEditUrl: config.getEditUrl, getOpenUrl: config.getOpenUrl, loader: config.loader, onAdd: config.onAdd, onAddTitle: config.onAddTitle, onEdit: config.onEdit, onOpen: config.onOpen, onRemove: config.onRemove, rowHeight: config.rowHeight, selectable: config.selectable, title: config.title, ui: config.ui, initialUserConfig: config.initialUserConfig }));
+        return (react_1.default.createElement(GridPageComponent, { ...props, AddIcon: config.AddIcon, customActions: config.customActions, getEditUrl: config.getEditUrl, getOpenUrl: config.getOpenUrl, initialUserConfig: config.initialUserConfig, loader: config.loader, onAdd: config.onAdd, onAddTitle: config.onAddTitle, onEdit: config.onEdit, onOpen: config.onOpen, onRemove: config.onRemove, rowHeight: config.rowHeight, selectable: config.selectable, title: config.title, ui: config.ui }));
     };
     Component.getInitialProps = async (ctx) => {
         const entityAlias = typeof config.entityAlias === "function" ? config.entityAlias(ctx) : config.entityAlias;

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

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import { Nullish } from "@uxf/core/types";
 import { ActionCellComponent, DataGridProps, DataGridUserConfig, Loader, Schema } from "@uxf/data-grid";
 import { NextPageContext } from "next";
@@ -6,10 +5,21 @@ import { ParsedUrlQuery } from "querystring";
 import { FC, ReactElement } from "react";
 import { EntityMetaSchema } from "../../api";
 import { LayoutProps } from "../../lib/layout";
-export type LayoutComponent = FC<LayoutProps>;
 export type ActionsBag = {
     reload: () => void;
 };
+export type LayoutComponent = FC<LayoutProps>;
+type UIComponents = {
+    BodyCells?: DataGridProps<any, any>["bodyCells"];
+    FilterHandlers?: DataGridProps<any, any>["filterHandlers"];
+    NoRowsFallback?: DataGridProps<any, any>["NoRowsFallback"];
+    SelectedRowsToolbarActions?: DataGridProps<any, any>["SelectedRowsToolbarActions"];
+    Layout?: LayoutComponent;
+    actionCell?: {
+        Component: ActionCellComponent<any>;
+        width: number;
+    };
+};
 export type GridPageComponentProps = {
     ui?: UIComponents;
     entityAlias: string;
@@ -33,17 +43,6 @@ export type GridPageComponentProps = {
     initialUserConfig?: DataGridUserConfig<any> | Nullish;
 };
 export type EntityAliasExtractor = (ctx: NextPageContext) => string;
-type UIComponents = {
-    BodyCells?: DataGridProps<any, any>["bodyCells"];
-    FilterHandlers?: DataGridProps<any, any>["filterHandlers"];
-    NoRowsFallback?: DataGridProps<any, any>["NoRowsFallback"];
-    SelectedRowsToolbarActions?: DataGridProps<any, any>["SelectedRowsToolbarActions"];
-    Layout?: LayoutComponent;
-    actionCell?: {
-        Component: ActionCellComponent<any>;
-        width: number;
-    };
-};
 export type GridPageConfig<T extends object = any> = {
     ui?: UIComponents;
     title?: string;

package/pages/login-page/login-page.js

@@ -49,7 +49,7 @@ const LoginPage = (config) => {
                 config_1.container.get("service.error").handleError(e);
             }
         }, [props.redirectUrl]);
-        return (react_1.default.createElement(login_layout_1.LoginLayout, { hideTitle: (_a = config.ui) === null || _a === void 0 ? void 0 : _a.hideTitle, Logo: (_b = config.ui) === null || _b === void 0 ? void 0 : _b.Logo, pageTitle: config.pageTitle, title: config.title, subTitle: config.subTitle },
+        return (react_1.default.createElement(login_layout_1.LoginLayout, { Logo: (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Logo, hideTitle: (_b = config.ui) === null || _b === void 0 ? void 0 : _b.hideTitle, pageTitle: config.pageTitle, subTitle: config.subTitle, title: config.title },
             react_1.default.createElement(login_form_1.LoginForm, { defaultValues: INITIAL_VALUES, onForgottenPassword: config.onForgottenPassword, onSubmit: onLogin })));
     };
     Component.getInitialProps = async (ctx) => {
@@ -66,6 +66,7 @@ const LoginPage = (config) => {
                 else {
                     await router_1.default.push(config.loggedUserRedirectUrl);
                 }
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
             }
             catch (e) {
                 // do nothing

package/pages/renew-password-page/renew-password-page.js

@@ -38,7 +38,7 @@ const RenewPasswordPage = (config) => {
         const onSubmit = (0, react_1.useCallback)(async (values) => {
             await config.onSubmit(props.token, values);
         }, [props.token]);
-        return (react_1.default.createElement(login_layout_1.LoginLayout, { title: config.title, pageTitle: config.pageTitle, Logo: (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Logo },
+        return (react_1.default.createElement(login_layout_1.LoginLayout, { Logo: (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Logo, pageTitle: config.pageTitle, title: config.title },
             react_1.default.createElement(renew_password_form_1.RenewPasswordForm, { defaultValues: INITIAL_VALUES, onSubmit: onSubmit, passwordRules: config.passwordRules })));
     };
     Component.getInitialProps = async (ctx) => {

package/security/use-logged-user.js

@@ -3,10 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLoggedUser = void 0;
+exports.useLoggedUser = useLoggedUser;
 const swr_1 = __importDefault(require("swr"));
 function useLoggedUser() {
     const { data, error, isLoading } = (0, swr_1.default)("/api/cms/user");
     return { data: data === null || data === void 0 ? void 0 : data.user, error, isLoading };
 }
-exports.useLoggedUser = useLoggedUser;

package/ui/avatar/get-avatar-user-letters.js

@@ -1,17 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAvatarUserLetters = void 0;
+exports.getAvatarUserLetters = getAvatarUserLetters;
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 function getAvatarUserLetters(name) {
     let letters = name
         .split(" ")
         .slice(0, 2)
         .filter((i) => i);
-    if (letters.length === 1) {
-        letters = letters[0].slice(0, 2);
+    const firstLetter = letters.at(0);
+    if ((0, is_not_nil_1.isNotNil)(firstLetter)) {
+        letters = firstLetter.slice(0, 2);
     }
     else {
         letters = letters.map((i) => i.slice(0, 1)).join("");
     }
     return letters.toUpperCase();
 }
-exports.getAvatarUserLetters = getAvatarUserLetters;