@uxf/cms 11.31.2 → 11.33.0

package/api/index.js

@@ -1,25 +1,39 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.uploadFile = exports.userConfigGet = exports.userConfigGetAll = exports.userConfigSave = exports.removeEntity = exports.saveFormValues = exports.autocomplete = exports.login = exports.getFormValues = exports.getFormSchema = exports.getEntityMetaSchemas = exports.getLoggedUser = exports.forgottenPassword = exports.dataGridAutocompleteGet = exports.dataGridSchemaGet = exports.contentUpdate = exports.contentCreate = exports.contentGet = void 0;
+exports.dataGridAutocompleteGet = void 0;
+exports.contentGet = contentGet;
+exports.contentCreate = contentCreate;
+exports.contentUpdate = contentUpdate;
+exports.dataGridSchemaGet = dataGridSchemaGet;
+exports.forgottenPassword = forgottenPassword;
+exports.getLoggedUser = getLoggedUser;
+exports.getEntityMetaSchemas = getEntityMetaSchemas;
+exports.getFormSchema = getFormSchema;
+exports.getFormValues = getFormValues;
+exports.login = login;
+exports.autocomplete = autocomplete;
+exports.saveFormValues = saveFormValues;
+exports.removeEntity = removeEntity;
+exports.userConfigSave = userConfigSave;
+exports.userConfigGetAll = userConfigGetAll;
+exports.userConfigGet = userConfigGet;
+exports.uploadFile = uploadFile;
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 // eslint-disable-next-line import/no-cycle
 const api_1 = require("../lib/api");
 const { axiosRequest, axiosInstance } = (0, api_1.createAxiosInstance)();
 function contentGet(ctx, contentId) {
     return axiosRequest(ctx, `/api/cms/content/${contentId}`, "get", null, null);
 }
-exports.contentGet = contentGet;
 function contentCreate(ctx, content) {
     return axiosRequest(ctx, "/api/cms/content", "post", content, null);
 }
-exports.contentCreate = contentCreate;
 function contentUpdate(ctx, contentId, content) {
     return axiosRequest(ctx, `/api/cms/content/${contentId}`, "put", content, null);
 }
-exports.contentUpdate = contentUpdate;
 function dataGridSchemaGet(ctx, gridName) {
     return axiosRequest(ctx, `/api/cms/datagrid/schema/${gridName}`, "get", null, null);
 }
-exports.dataGridSchemaGet = dataGridSchemaGet;
 const dataGridAutocompleteGet = (ctx, gridName, filterName, text) => {
     return axiosRequest(ctx, `/api/cms/datagrid/autocomplete/${gridName}/${filterName}`, "get", null, { s: text }).then((r) => r.data);
 };
@@ -27,49 +41,38 @@ exports.dataGridAutocompleteGet = dataGridAutocompleteGet;
 function forgottenPassword(ctx, email, cms = true) {
     return axiosRequest(ctx, "/api/forgotten-password", "post", { email, cms }, null).then(() => undefined);
 }
-exports.forgottenPassword = forgottenPassword;
 function getLoggedUser(ctx = null) {
     return axiosRequest(ctx, `/api/cms/user`, "get", null, null).then((r) => r.data.user);
 }
-exports.getLoggedUser = getLoggedUser;
 function getEntityMetaSchemas(ctx) {
     return axiosRequest(ctx, "/api/cms/tables", "get", null, null);
 }
-exports.getEntityMetaSchemas = getEntityMetaSchemas;
 function getFormSchema(ctx, path) {
     return axiosRequest(ctx, `/api/cms/form/${path.entityAlias}/schema`, "get", null, null);
 }
-exports.getFormSchema = getFormSchema;
 function getFormValues(ctx, path) {
     return axiosRequest(ctx, `/api/cms/form/${path.entityAlias}/${path.id}`, "get", null, null);
 }
-exports.getFormValues = getFormValues;
 function login(ctx, body) {
     return axiosRequest(ctx, "/api/login", "post", body, null);
 }
-exports.login = login;
 function autocomplete(ctx, path, query) {
     return axiosRequest(ctx, `/api/cms/autocomplete/${path.name}`, "get", null, query);
 }
-exports.autocomplete = autocomplete;
 function saveFormValues(ctx, path, body) {
     return path.id
         ? axiosRequest(ctx, `/api/cms/form/${path.entityAlias}/${path.id}`, "put", body, null)
         : axiosRequest(ctx, `/api/cms/form/${path.entityAlias}`, "post", body, null);
 }
-exports.saveFormValues = saveFormValues;
 function removeEntity(ctx, path) {
     return axiosRequest(ctx, `/api/cms/form/${path.entityAlias}/${path.id}`, "delete", null, null);
 }
-exports.removeEntity = removeEntity;
 async function userConfigSave(name, data) {
     return axiosRequest(null, "/api/cms/user-config", "post", { name, data }, null);
 }
-exports.userConfigSave = userConfigSave;
 function userConfigGetAll(ctx) {
     return axiosRequest(ctx, "/api/cms/user-config", "get", null, null);
 }
-exports.userConfigGetAll = userConfigGetAll;
 async function userConfigGet(ctx, name, defaultValue) {
     const configs = await userConfigGetAll(ctx).then((r) => r.data);
     const configsName = configs[name];
@@ -78,7 +81,6 @@ async function userConfigGet(ctx, name, defaultValue) {
     }
     return defaultValue;
 }
-exports.userConfigGet = userConfigGet;
 async function uploadFile(file, namespace = "default") {
     const formData = new FormData();
     formData.append("files[]", file);
@@ -86,9 +88,9 @@ async function uploadFile(file, namespace = "default") {
         timeout: 100 * 1000,
         params: namespace ? { namespace } : {},
     });
-    if (response.data.length > 0) {
-        return response.data[0];
+    const firstFile = response.data.at(0);
+    if ((0, is_not_nil_1.isNotNil)(firstFile)) {
+        return firstFile;
     }
     throw new Error("Response is null");
 }
-exports.uploadFile = uploadFile;

package/config/container.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Container = void 0;
-// eslint-disable-next-line import/no-cycle
-const api_1 = require("../api");
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
+const api_1 = require("../api"); // eslint-disable-line import/no-cycle
 class Container {
     constructor() {
         // TODO @vejvis - move initial values to better place
@@ -23,7 +23,7 @@ class Container {
         return value;
     }
     has(key) {
-        return !!this.store[key];
+        return (0, is_not_nil_1.isNotNil)(this.store[key]);
     }
 }
 exports.Container = Container;

package/context/cms-provider.d.ts

@@ -1,2 +1,2 @@
-import React, { PropsWithChildren } from "react";
-export declare function CmsProvider(props: PropsWithChildren): React.JSX.Element;
+import { PropsWithChildren, ReactNode } from "react";
+export declare function CmsProvider(props: PropsWithChildren): ReactNode;

package/context/cms-provider.js

@@ -3,11 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CmsProvider = void 0;
+exports.CmsProvider = CmsProvider;
 const react_1 = __importDefault(require("react"));
 const swr_1 = require("swr");
 const fetcher = (input, init) => fetch(input, init).then((res) => res.json());
 function CmsProvider(props) {
     return react_1.default.createElement(swr_1.SWRConfig, { value: { provider: () => new Map(), fetcher } }, props.children);
 }
-exports.CmsProvider = CmsProvider;

package/deprecated/redux/entities/selectors.js

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.formSchemaSelector = exports.formSchemaExistsSelector = exports.gridSchemaSelector = exports.gridSchemaExistsSelector = exports.metaSchemaSelector = exports.metaSchemaExistsSelector = void 0;
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const metaSchemaExistsSelector = (state) => Object.keys(state.entities.meta).length > 0;
 exports.metaSchemaExistsSelector = metaSchemaExistsSelector;
 const metaSchemaSelector = (entityAlias) => (state) => state.entities.meta[entityAlias];
 exports.metaSchemaSelector = metaSchemaSelector;
-const gridSchemaExistsSelector = (entityAlias) => (state) => !!state.entities.grid[entityAlias];
+const gridSchemaExistsSelector = (entityAlias) => (state) => (0, is_not_nil_1.isNotNil)(state.entities.grid[entityAlias]);
 exports.gridSchemaExistsSelector = gridSchemaExistsSelector;
 const gridSchemaSelector = (entityAlias) => (state) => state.entities.grid[entityAlias];
 exports.gridSchemaSelector = gridSchemaSelector;
-const formSchemaExistsSelector = (entityAlias) => (state) => !!state.entities.form[entityAlias];
+const formSchemaExistsSelector = (entityAlias) => (state) => (0, is_not_nil_1.isNotNil)(state.entities.form[entityAlias]);
 exports.formSchemaExistsSelector = formSchemaExistsSelector;
 const formSchemaSelector = (entityAlias) => (state) => state.entities.form[entityAlias];
 exports.formSchemaSelector = formSchemaSelector;

package/deprecated/redux/redux-helper.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createAction = void 0;
+exports.createAction = createAction;
 function createAction(type, payload) {
     return payload === undefined ? { type } : { type, payload };
 }
-exports.createAction = createAction;

package/forms/change-password-form/change-password-form.js

@@ -18,7 +18,7 @@ const ChangePasswordForm = (props) => {
     });
     return (react_1.default.createElement(form_1.Form, { formApi: formApi, id: "change-password-form", ...formProps },
         react_1.default.createElement(widget_1.Widget, { className: "[&>*]:p-4", footer: react_1.default.createElement("div", { className: "text-right" },
-                react_1.default.createElement(button_1.Button, { type: "submit", isDisabled: formApi.formState.isSubmitting }, "Ulo\u017Eit")), withDividers: true },
+                react_1.default.createElement(button_1.Button, { isDisabled: formApi.formState.isSubmitting, type: "submit" }, "Ulo\u017Eit")), withDividers: true },
             react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isRequired: true, label: "P\u016Fvodn\u00ED heslo", name: "originalPassword", type: "password" }),
             react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isRequired: true, label: "Nov\u00E9 heslo", name: "newPassword", rules: props.passwordRules, type: "password" }),
             react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isRequired: true, label: "Nov\u00E9 heslo znovu", name: "newPasswordAgain", rules: { validate: (v) => v === formApi.getValues("newPassword") || "Hesla musí být stejná" }, type: "password" }))));

package/forms/components/wysiwyg-input/wysiwyg-input.js

@@ -23,11 +23,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WysiwygInput = void 0;
+exports.WysiwygInput = WysiwygInput;
 const use_input_focus_1 = require("@uxf/core-react/hooks/use-input-focus");
 const classes_1 = require("@uxf/core/constants/classes");
 const cx_1 = require("@uxf/core/utils/cx");
 const file_1 = require("@uxf/core/utils/file");
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const form_component_1 = require("@uxf/ui/form-component");
 const wysiwyg_1 = require("@uxf/wysiwyg");
 const create_all_plugins_with_ui_1 = require("@uxf/wysiwyg/create-all-plugins-with-ui");
@@ -35,14 +36,14 @@ const react_1 = __importStar(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const api_1 = require("../../../api");
 function WysiwygInput(props) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
         control: props.control,
         defaultValue: props.defaultValue,
         name: props.name,
         rules: {
             required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
-            ...((_a = props.rules) !== null && _a !== void 0 ? _a : {}),
+            ...props.rules,
         },
         shouldUnregister: props.shouldUnregister,
     });
@@ -53,19 +54,19 @@ function WysiwygInput(props) {
             : (0, create_all_plugins_with_ui_1.createAllPluginsWithUi)((_a = props.allPluginsOptions) !== null && _a !== void 0 ? _a : { image: { getImageUrl: file_1.getFileUrl, uploadImage: api_1.uploadFile } });
     }, [props.allPluginsOptions, props.plugins]);
     const generatedId = (0, react_1.useId)();
-    const id = (_b = props.id) !== null && _b !== void 0 ? _b : generatedId;
+    const id = (_a = props.id) !== null && _a !== void 0 ? _a : generatedId;
     const innerRef = (0, react_1.useRef)(null);
     const input = (0, use_input_focus_1.useInputFocus)(innerRef, props.onBlur, props.onFocus);
-    const isInvalid = !!fieldState.error;
+    const isInvalid = (0, is_not_nil_1.isNotNil)(fieldState.error);
     const errorId = isInvalid ? `${props.id}--error-message` : undefined;
-    const rootClassName = (0, cx_1.cx)("uxf-text-input", ((_c = props.isFocused) !== null && _c !== void 0 ? _c : input.focused) && classes_1.CLASSES.IS_FOCUSED, props.isDisabled && classes_1.CLASSES.IS_DISABLED, isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.isRequired && classes_1.CLASSES.IS_REQUIRED, props.className);
+    const rootClassName = (0, cx_1.cx)("uxf-text-input", ((_b = props.isFocused) !== null && _b !== void 0 ? _b : input.focused) && classes_1.CLASSES.IS_FOCUSED, props.isDisabled && classes_1.CLASSES.IS_DISABLED, isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.isRequired && classes_1.CLASSES.IS_REQUIRED, props.className);
     const onBlur = (0, react_1.useCallback)((e) => {
         var _a;
         field.onBlur();
         input.onBlur(e);
         (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
     }, [field, input, props]);
-    return (react_1.default.createElement(form_component_1.FormComponent, { className: rootClassName, errorId: errorId, form: props.form, helperText: (_e = (_d = fieldState.error) === null || _d === void 0 ? void 0 : _d.message) !== null && _e !== void 0 ? _e : props.helperText, hiddenLabel: props.hiddenLabel, inputId: id, isRequired: props.isRequired, label: props.label, name: props.name },
+    return (react_1.default.createElement(form_component_1.FormComponent, { className: rootClassName, errorId: errorId, form: props.form, helperText: (_d = (_c = fieldState.error) === null || _c === void 0 ? void 0 : _c.message) !== null && _d !== void 0 ? _d : props.helperText, hiddenLabel: props.hiddenLabel, inputId: id, isRequired: props.isRequired, label: props.label, name: props.name },
         react_1.default.createElement(wysiwyg_1.WysiwygEditor, { editableProps: {
                 "aria-describedby": errorId,
                 "aria-invalid": isInvalid,
@@ -80,4 +81,3 @@ function WysiwygInput(props) {
                 required: props.isRequired,
             }, id: id, initialValue: field.value, onChange: field.onChange, plugins: plugins, ...props.editorProps })));
 }
-exports.WysiwygInput = WysiwygInput;

package/forms/forgotten-password-form/forgotten-password-form.js

@@ -42,9 +42,9 @@ const ForgottenPasswordForm = (props) => {
     }, []);
     return (react_1.default.createElement(form_1.Form, { formApi: formApi, id: "forgotten-password-form", ...formProps },
         react_1.default.createElement("div", { className: "space-y-6" },
-            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, label: "E-mail", name: "username", isRequired: true, type: "text" }),
-            react_1.default.createElement(button_1.Button, { isDisabled: formDisabled || formApi.formState.isSubmitting, isLoading: formApi.formState.isSubmitting, type: "submit", isFullWidth: true }, "Obnovit heslo"),
+            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, isRequired: true, label: "E-mail", name: "username", type: "text" }),
+            react_1.default.createElement(button_1.Button, { isDisabled: formDisabled || formApi.formState.isSubmitting, isFullWidth: true, isLoading: formApi.formState.isSubmitting, type: "submit" }, "Obnovit heslo"),
             onLogin && (react_1.default.createElement("div", { className: "text-right" },
-                react_1.default.createElement(text_link_1.TextLink, { onClick: onLogin, disabled: formApi.formState.isSubmitting, className: "uxf-typo-medium2 text-primary" }, "P\u0159ihl\u00E1sit"))))));
+                react_1.default.createElement(text_link_1.TextLink, { className: "uxf-typo-medium2 text-primary", isDisabled: formApi.formState.isSubmitting, onClick: onLogin }, "P\u0159ihl\u00E1sit"))))));
 };
 exports.ForgottenPasswordForm = ForgottenPasswordForm;

package/forms/invite-user-form/invite-user-form.js

@@ -20,12 +20,12 @@ const InviteUserForm = (props) => {
         defaultValues,
     });
     return (react_1.default.createElement(form_1.Form, { formApi: formApi, id: "invite-user-form", ...formProps },
-        react_1.default.createElement(widget_1.Widget, { withDividers: true, className: "[&>*]:p-4", footer: react_1.default.createElement("div", { className: "text-right" },
-                react_1.default.createElement(button_1.Button, { type: "submit", isDisabled: formApi.formState.isSubmitting }, "Ulo\u017Eit")) },
-            react_1.default.createElement(text_input_1.TextInput, { name: "email", type: "email", label: "E-mail", isRequired: true, control: formApi.control }),
-            react_1.default.createElement(text_input_1.TextInput, { name: "name", label: "Jm\u00E9no", isRequired: true, control: formApi.control }),
-            react_1.default.createElement(text_input_1.TextInput, { name: "surname", label: "P\u0159\u00EDjmen\u00ED", isRequired: true, control: formApi.control }),
-            react_1.default.createElement(multi_combobox_1.MultiCombobox, { name: "roles", label: "Role", isRequired: true, control: formApi.control, loadOptions: props.onLoadRoles }),
-            react_1.default.createElement(checkbox_input_1.CheckboxInput, { name: "sendInvitation", label: "Odeslat pozv\u00E1nku", control: formApi.control }))));
+        react_1.default.createElement(widget_1.Widget, { className: "[&>*]:p-4", footer: react_1.default.createElement("div", { className: "text-right" },
+                react_1.default.createElement(button_1.Button, { isDisabled: formApi.formState.isSubmitting, type: "submit" }, "Ulo\u017Eit")), withDividers: true },
+            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isRequired: true, label: "E-mail", name: "email", type: "email" }),
+            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isRequired: true, label: "Jm\u00E9no", name: "name" }),
+            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isRequired: true, label: "P\u0159\u00EDjmen\u00ED", name: "surname" }),
+            react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: formApi.control, isRequired: true, label: "Role", loadOptions: props.onLoadRoles, name: "roles" }),
+            react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: formApi.control, label: "Odeslat pozv\u00E1nku", name: "sendInvitation" }))));
 };
 exports.InviteUserForm = InviteUserForm;

package/forms/login-form/login-form.js

@@ -40,10 +40,10 @@ const LoginForm = (props) => {
     }, []);
     return (react_1.default.createElement(form_1.Form, { formApi: formApi, id: "login-form", ...formProps },
         react_1.default.createElement("div", { className: "space-y-6" },
-            react_1.default.createElement(text_input_1.TextInput, { isDisabled: formDisabled, label: "E-mail", name: "username", type: "email", control: formApi.control, isRequired: true }),
-            react_1.default.createElement(text_input_1.TextInput, { isDisabled: formDisabled, label: "Heslo", name: "password", type: "password", control: formApi.control, isRequired: true }),
+            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, isRequired: true, label: "E-mail", name: "username", type: "email" }),
+            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, isRequired: true, label: "Heslo", name: "password", type: "password" }),
             onForgottenPassword && (react_1.default.createElement("div", { className: "text-right" },
-                react_1.default.createElement(text_link_1.TextLink, { onClick: onForgottenPassword, disabled: formApi.formState.isSubmitting, className: "uxf-typo-medium2 text-primary" }, "Nepamatujete si sv\u00E9 heslo?"))),
-            react_1.default.createElement(button_1.Button, { type: "submit", isFullWidth: true }, "P\u0159ihl\u00E1sit se"))));
+                react_1.default.createElement(text_link_1.TextLink, { className: "uxf-typo-medium2 text-primary", isDisabled: formApi.formState.isSubmitting, onClick: onForgottenPassword }, "Nepamatujete si sv\u00E9 heslo?"))),
+            react_1.default.createElement(button_1.Button, { isFullWidth: true, type: "submit" }, "P\u0159ihl\u00E1sit se"))));
 };
 exports.LoginForm = LoginForm;

package/lib/api/create-axios-instance.d.ts

@@ -2,5 +2,5 @@ import { AxiosRequestConfig } from "axios";
 export declare function createAxiosInstance(requestConfig?: AxiosRequestConfig): {
     axiosInstance: import("axios").AxiosInstance;
     axiosRequest: <Response>(ctx: any, url: string, method: import("axios").Method, body: object | null, query: object | null) => Promise<import("axios").AxiosResponse<Response, any>>;
-    useAxiosRequest: <Response_1 extends boolean | Record<string, any>, RequestBody extends Record<string, any> | null, RequestQuery extends Record<string, any> | null, RequestPath extends Record<string, any> | null>(url: string, method: import("axios").Method, config: import("./types").RequestConfig<RequestBody, RequestQuery, RequestPath>) => [import("axios-hooks").ResponseValues<Response_1, any, any>, import("./types").Execute<Response_1, RequestBody, RequestQuery, RequestPath>];
+    useAxiosRequest: <Response extends Record<string, any> | boolean, RequestBody extends Record<string, any> | null, RequestQuery extends Record<string, any> | null, RequestPath extends Record<string, any> | null>(url: string, method: import("axios").Method, config: import("./types").RequestConfig<RequestBody, RequestQuery, RequestPath>) => [import("axios-hooks").ResponseValues<Response, any, any>, import("./types").Execute<Response, RequestBody, RequestQuery, RequestPath>];
 };

package/lib/api/create-axios-instance.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.createAxiosInstance = void 0;
+exports.createAxiosInstance = createAxiosInstance;
 const axios_1 = __importDefault(require("axios"));
 // eslint-disable-next-line import/no-cycle
 const create_axios_request_1 = require("./create-axios-request");
@@ -16,4 +16,3 @@ function createAxiosInstance(requestConfig = {}) {
         useAxiosRequest: (0, create_use_axios_request_1.createUseAxiosRequest)(instance, requestConfig),
     };
 }
-exports.createAxiosInstance = createAxiosInstance;

package/lib/api/create-use-axios-request.d.ts

@@ -1,4 +1,4 @@
 import { AxiosInstance, AxiosRequestConfig, Method } from "axios";
 import { ResponseValues } from "axios-hooks";
 import { Execute, RequestConfig } from "./types";
-export declare const createUseAxiosRequest: (axiosInstance: AxiosInstance, requestConfig: AxiosRequestConfig) => <Response extends boolean | Record<string, any>, RequestBody extends Record<string, any> | null, RequestQuery extends Record<string, any> | null, RequestPath extends Record<string, any> | null>(url: string, method: Method, config: RequestConfig<RequestBody, RequestQuery, RequestPath>) => [ResponseValues<Response, any, any>, Execute<Response, RequestBody, RequestQuery, RequestPath>];
+export declare const createUseAxiosRequest: (axiosInstance: AxiosInstance, requestConfig: AxiosRequestConfig) => <Response extends Record<string, any> | boolean, RequestBody extends Record<string, any> | null, RequestQuery extends Record<string, any> | null, RequestPath extends Record<string, any> | null>(url: string, method: Method, config: RequestConfig<RequestBody, RequestQuery, RequestPath>) => [ResponseValues<Response, any, any>, Execute<Response, RequestBody, RequestQuery, RequestPath>];

package/lib/layout/breadcrumbs.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Breadcrumbs = void 0;
+const hide_1 = require("@uxf/core-react/components/hide");
 const icon_1 = require("@uxf/ui/icon");
 const link_1 = __importDefault(require("next/link"));
 const react_1 = __importDefault(require("react"));
@@ -12,8 +13,9 @@ const Breadcrumbs = (props) => {
         return null;
     }
     return (react_1.default.createElement("div", { className: "uxf-cms-breadcrumbs" }, props.items.map((item, index) => (react_1.default.createElement("span", { className: "uxf-cms-breadcrumbs__item", key: index },
-        !!index && react_1.default.createElement(icon_1.Icon, { className: "uxf-cms-breadcrumbs__divide-icon", name: "angleRight", size: 16 }),
-        item.href ? (react_1.default.createElement(link_1.default, { href: item.href, className: "uxf-cms-breadcrumbs__link" },
+        react_1.default.createElement(hide_1.Hide, { when: index === 0 },
+            react_1.default.createElement(icon_1.Icon, { className: "uxf-cms-breadcrumbs__divide-icon", name: "angleRight", size: 16 })),
+        item.href ? (react_1.default.createElement(link_1.default, { className: "uxf-cms-breadcrumbs__link", href: item.href },
             react_1.default.createElement("span", null, item.title))) : (react_1.default.createElement("span", null, item.title)))))));
 };
 exports.Breadcrumbs = Breadcrumbs;

package/lib/layout/layout.js

@@ -18,12 +18,12 @@ const Layout = (props) => {
     var _a, _b;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(head_1.default, null,
-            react_1.default.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
+            react_1.default.createElement("meta", { content: "width=device-width, initial-scale=1", name: "viewport" }),
             react_1.default.createElement("meta", { charSet: "utf-8" }),
             react_1.default.createElement("title", null, `${props.title} | ${config_1.config.get("app-name") || ""}`)),
         react_1.default.createElement("div", { className: "uxf-cms-layout" },
             react_1.default.createElement("div", { className: "uxf-cms-layout__wrapper" },
-                react_1.default.createElement(sidebar_1.Sidebar, { menuConfiguration: props.menuConfiguration, Logo: props.Logo }),
+                react_1.default.createElement(sidebar_1.Sidebar, { Logo: props.Logo, menuConfiguration: props.menuConfiguration }),
                 react_1.default.createElement("main", { className: `uxf-cms-layout__main ${(_a = props.mainClassName) !== null && _a !== void 0 ? _a : ""}`, style: { "--drawer-width": (0, rem_1.rem)(styles_1.drawerWidth) } },
                     props.loading ? (react_1.default.createElement("div", { className: "uxf-cms-layout__loading" },
                         react_1.default.createElement("div", { className: "uxf-cms-layout__loading-inner" },
@@ -32,7 +32,7 @@ const Layout = (props) => {
                         props.CustomHeader ? (props.CustomHeader) : (react_1.default.createElement("div", { className: `${props.Header ? "uxf-cms-layout__header" : ""} ${props.stickyHeader ? "uxf-cms-layout__header--sticky" : ""}` },
                             props.ToolbarRight && (react_1.default.createElement("div", { className: "uxf-cms-layout__toolbar" }, props.ToolbarRight)),
                             props.MessageBar,
-                            react_1.default.createElement(layout_container_1.LayoutContainer, { type: (_b = props.headerContainerType) !== null && _b !== void 0 ? _b : props.containerType, className: "uxf-cms-layout__container--basic" },
+                            react_1.default.createElement(layout_container_1.LayoutContainer, { className: "uxf-cms-layout__container--basic", type: (_b = props.headerContainerType) !== null && _b !== void 0 ? _b : props.containerType },
                                 react_1.default.createElement("div", { className: "uxf-cms-layout__avatar-title-wrapper" },
                                     props.Avatar,
                                     react_1.default.createElement("div", { className: "uxf-cms-layout__breadcrumbs-title-wrapper" },

package/lib/layout/sidebar.js

@@ -31,11 +31,11 @@ const menu_1 = require("../menu");
 const mobile_bar_1 = require("../menu/mobile-bar");
 const user_menu_1 = require("../menu/ui/user-menu");
 const styles_1 = require("./styles");
-const uxfLogo = (react_1.default.createElement("svg", { width: "134", height: "30", viewBox: "0 0 179 40" },
-    react_1.default.createElement("path", { fill: "#FFF", fillRule: "evenodd", d: "M33.563 12.874a9.103 9.103 0 0 0 0-12.874L20.69 12.874l.107.105a9.103 9.103 0 0 0 12.766-.105Zm-20.69-6.437a9.103 9.103 0 0 1 .106 12.766l-.105.107L0 6.437a9.103 9.103 0 0 1 12.874 0ZM40 33.563 27.127 20.69l-.106.107a9.103 9.103 0 0 0 12.98 12.766Zm-20.69-6.437-.107-.105A9.103 9.103 0 0 0 6.437 40l12.874-12.874Z", clipRule: "evenodd" }),
-    react_1.default.createElement("path", { fill: "#FFF", fillRule: "evenodd", d: "m84.325 7.295 5.133 8.675h.199l5.158-8.675h6.078l-7.768 12.727 7.942 12.727h-6.19l-5.22-8.687h-.199l-5.22 8.687h-6.165l7.967-12.727-7.818-12.727h6.103Zm-24.194 0v16.07c0 .97.214 1.832.64 2.586a4.58 4.58 0 0 0 1.809 1.777c.779.431 1.686.647 2.722.647 1.044 0 1.953-.216 2.728-.647a4.591 4.591 0 0 0 1.802-1.777c.427-.754.64-1.616.64-2.585V7.296h5.382v16.53c0 1.856-.441 3.48-1.324 4.872-.882 1.392-2.115 2.475-3.697 3.25-1.583.775-3.426 1.162-5.531 1.162-2.113 0-3.96-.387-5.543-1.162-1.583-.775-2.813-1.858-3.692-3.25-.878-1.392-1.317-3.016-1.317-4.872V7.296h5.381ZM170.25 13.41c2.411 0 4.311.51 5.698 1.529 1.388 1.019 2.198 2.407 2.43 4.164l-4.847.298a2.555 2.555 0 0 0-.534-1.125 2.942 2.942 0 0 0-1.075-.808c-.444-.203-.972-.304-1.585-.304-.821 0-1.512.172-2.076.515-.563.344-.845.802-.845 1.374 0 .456.182.84.547 1.156.364.315.99.567 1.877.758l3.455.696c1.856.381 3.24.994 4.151 1.84.912.845 1.367 1.955 1.367 3.33 0 1.252-.366 2.35-1.1 3.294-.733.945-1.736 1.68-3.007 2.206-1.272.526-2.737.79-4.394.79-2.527 0-4.539-.529-6.034-1.585-1.496-1.057-2.372-2.496-2.629-4.32l5.208-.273c.157.77.538 1.357 1.143 1.759.605.402 1.38.603 2.324.603.928 0 1.676-.18 2.244-.54.567-.361.855-.827.864-1.4-.009-.48-.212-.875-.609-1.186-.398-.31-1.011-.55-1.84-.715l-3.306-.659c-1.864-.372-3.25-1.019-4.157-1.938-.908-.92-1.361-2.093-1.361-3.518 0-1.226.333-2.283 1-3.17.667-.886 1.608-1.57 2.821-2.05 1.214-.48 2.637-.72 4.27-.72Zm-36.686.373a12.285 12.285 0 0 0-3.051-.373c-1.525 0-2.865.23-4.021.69-1.156.46-2.098 1.114-2.827 1.964-.73.849-1.219 1.854-1.467 3.014l4.897.397c.182-.63.555-1.153 1.119-1.572.563-.418 1.321-.627 2.274-.627.903 0 1.601.215 2.094.646.493.43.74 1.04.74 1.827v.075c0 .405-.153.712-.46.92-.307.206-.8.362-1.479.465-.68.104-1.574.214-2.685.33-.944.09-1.845.248-2.703.472a7.698 7.698 0 0 0-2.293.994 4.727 4.727 0 0 0-1.591 1.74c-.39.721-.584 1.612-.584 2.673 0 1.259.275 2.31.826 3.15a5.147 5.147 0 0 0 2.256 1.902c.953.427 2.038.64 3.257.64.944 0 1.777-.126 2.498-.38a5.55 5.55 0 0 0 1.852-1.055 5.31 5.31 0 0 0 1.23-1.573h.149v2.648h5.022V19.873c0-1.135-.22-2.11-.659-2.927a5.655 5.655 0 0 0-1.796-2.007 8.039 8.039 0 0 0-2.598-1.156Zm-13.424-2.05V7.294h-16.853v25.454h5.381V22.235h10.354v-4.438h-10.354v-6.065h11.472Zm32.603 1.677c1.326 0 2.482.29 3.468.87.986.58 1.753 1.407 2.3 2.48.546 1.073.82 2.35.82 3.834V32.75h-5.295V21.539c.008-1.169-.29-2.082-.895-2.74-.605-.66-1.437-.989-2.498-.989-.713 0-1.34.153-1.883.46a3.166 3.166 0 0 0-1.268 1.336c-.302.584-.458 1.286-.466 2.107V32.75h-5.295V13.659h5.047v3.368H147a5.358 5.358 0 0 1 2.126-2.641c.994-.65 2.2-.976 3.616-.976Zm-20.061 10.782c.286-.087.512-.184.678-.292v2.026c0 .671-.17 1.272-.51 1.802-.34.53-.808.951-1.404 1.262-.597.31-1.285.466-2.064.466-.812 0-1.481-.189-2.007-.566-.526-.377-.789-.925-.789-1.646 0-.497.128-.914.385-1.25.257-.335.617-.602 1.082-.801a6.547 6.547 0 0 1 1.628-.435l.969-.143a24.15 24.15 0 0 0 1.069-.186c.356-.071.677-.15.963-.237Z", clipRule: "evenodd" })));
+const uxfLogo = (react_1.default.createElement("svg", { height: "30", viewBox: "0 0 179 40", width: "134" },
+    react_1.default.createElement("path", { clipRule: "evenodd", d: "M33.563 12.874a9.103 9.103 0 0 0 0-12.874L20.69 12.874l.107.105a9.103 9.103 0 0 0 12.766-.105Zm-20.69-6.437a9.103 9.103 0 0 1 .106 12.766l-.105.107L0 6.437a9.103 9.103 0 0 1 12.874 0ZM40 33.563 27.127 20.69l-.106.107a9.103 9.103 0 0 0 12.98 12.766Zm-20.69-6.437-.107-.105A9.103 9.103 0 0 0 6.437 40l12.874-12.874Z", fill: "#FFF", fillRule: "evenodd" }),
+    react_1.default.createElement("path", { clipRule: "evenodd", d: "m84.325 7.295 5.133 8.675h.199l5.158-8.675h6.078l-7.768 12.727 7.942 12.727h-6.19l-5.22-8.687h-.199l-5.22 8.687h-6.165l7.967-12.727-7.818-12.727h6.103Zm-24.194 0v16.07c0 .97.214 1.832.64 2.586a4.58 4.58 0 0 0 1.809 1.777c.779.431 1.686.647 2.722.647 1.044 0 1.953-.216 2.728-.647a4.591 4.591 0 0 0 1.802-1.777c.427-.754.64-1.616.64-2.585V7.296h5.382v16.53c0 1.856-.441 3.48-1.324 4.872-.882 1.392-2.115 2.475-3.697 3.25-1.583.775-3.426 1.162-5.531 1.162-2.113 0-3.96-.387-5.543-1.162-1.583-.775-2.813-1.858-3.692-3.25-.878-1.392-1.317-3.016-1.317-4.872V7.296h5.381ZM170.25 13.41c2.411 0 4.311.51 5.698 1.529 1.388 1.019 2.198 2.407 2.43 4.164l-4.847.298a2.555 2.555 0 0 0-.534-1.125 2.942 2.942 0 0 0-1.075-.808c-.444-.203-.972-.304-1.585-.304-.821 0-1.512.172-2.076.515-.563.344-.845.802-.845 1.374 0 .456.182.84.547 1.156.364.315.99.567 1.877.758l3.455.696c1.856.381 3.24.994 4.151 1.84.912.845 1.367 1.955 1.367 3.33 0 1.252-.366 2.35-1.1 3.294-.733.945-1.736 1.68-3.007 2.206-1.272.526-2.737.79-4.394.79-2.527 0-4.539-.529-6.034-1.585-1.496-1.057-2.372-2.496-2.629-4.32l5.208-.273c.157.77.538 1.357 1.143 1.759.605.402 1.38.603 2.324.603.928 0 1.676-.18 2.244-.54.567-.361.855-.827.864-1.4-.009-.48-.212-.875-.609-1.186-.398-.31-1.011-.55-1.84-.715l-3.306-.659c-1.864-.372-3.25-1.019-4.157-1.938-.908-.92-1.361-2.093-1.361-3.518 0-1.226.333-2.283 1-3.17.667-.886 1.608-1.57 2.821-2.05 1.214-.48 2.637-.72 4.27-.72Zm-36.686.373a12.285 12.285 0 0 0-3.051-.373c-1.525 0-2.865.23-4.021.69-1.156.46-2.098 1.114-2.827 1.964-.73.849-1.219 1.854-1.467 3.014l4.897.397c.182-.63.555-1.153 1.119-1.572.563-.418 1.321-.627 2.274-.627.903 0 1.601.215 2.094.646.493.43.74 1.04.74 1.827v.075c0 .405-.153.712-.46.92-.307.206-.8.362-1.479.465-.68.104-1.574.214-2.685.33-.944.09-1.845.248-2.703.472a7.698 7.698 0 0 0-2.293.994 4.727 4.727 0 0 0-1.591 1.74c-.39.721-.584 1.612-.584 2.673 0 1.259.275 2.31.826 3.15a5.147 5.147 0 0 0 2.256 1.902c.953.427 2.038.64 3.257.64.944 0 1.777-.126 2.498-.38a5.55 5.55 0 0 0 1.852-1.055 5.31 5.31 0 0 0 1.23-1.573h.149v2.648h5.022V19.873c0-1.135-.22-2.11-.659-2.927a5.655 5.655 0 0 0-1.796-2.007 8.039 8.039 0 0 0-2.598-1.156Zm-13.424-2.05V7.294h-16.853v25.454h5.381V22.235h10.354v-4.438h-10.354v-6.065h11.472Zm32.603 1.677c1.326 0 2.482.29 3.468.87.986.58 1.753 1.407 2.3 2.48.546 1.073.82 2.35.82 3.834V32.75h-5.295V21.539c.008-1.169-.29-2.082-.895-2.74-.605-.66-1.437-.989-2.498-.989-.713 0-1.34.153-1.883.46a3.166 3.166 0 0 0-1.268 1.336c-.302.584-.458 1.286-.466 2.107V32.75h-5.295V13.659h5.047v3.368H147a5.358 5.358 0 0 1 2.126-2.641c.994-.65 2.2-.976 3.616-.976Zm-20.061 10.782c.286-.087.512-.184.678-.292v2.026c0 .671-.17 1.272-.51 1.802-.34.53-.808.951-1.404 1.262-.597.31-1.285.466-2.064.466-.812 0-1.481-.189-2.007-.566-.526-.377-.789-.925-.789-1.646 0-.497.128-.914.385-1.25.257-.335.617-.602 1.082-.801a6.547 6.547 0 0 1 1.628-.435l.969-.143a24.15 24.15 0 0 0 1.069-.186c.356-.071.677-.15.963-.237Z", fill: "#FFF", fillRule: "evenodd" })));
 const Sidebar = (props) => {
-    var _a, _b;
+    var _a, _b, _c;
     const [deviceHeight, setDeviceHeight] = (0, react_1.useState)(0);
     const [isMenuOpen, setIsMenuOpen] = (0, react_1.useState)(false);
     const toggleMenu = () => setIsMenuOpen((prev) => !prev);
@@ -67,7 +67,7 @@ const Sidebar = (props) => {
         react_1.default.createElement("div", { className: `uxf-cms-sidebar__content ${isMenuOpen ? "uxf-cms-sidebar__content--open" : "uxf-cms-sidebar__content--closed"}`, style: { "--device-height": (0, rem_1.rem)(deviceHeight) } },
             react_1.default.createElement("div", { className: "uxf-cms-sidebar__logo" }, (_b = props.Logo) !== null && _b !== void 0 ? _b : uxfLogo),
             props.menuConfiguration && props.menuConfiguration.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("div", { className: `uxf-cms-sidebar__nav ${props.menuConfiguration[0].type === "super-section"
+                react_1.default.createElement("div", { className: `uxf-cms-sidebar__nav ${((_c = props.menuConfiguration.at(0)) === null || _c === void 0 ? void 0 : _c.type) === "super-section"
                         ? "uxf-cms-sidebar__nav--super-section"
                         : ""}` },
                     react_1.default.createElement(menu_1.Menu, { menu: props.menuConfiguration })),

package/lib/layout/types.d.ts

@@ -5,6 +5,15 @@ export type LayoutContainerType = "fullWidth" | "wide" | "narrow" | "none";
 export interface LayoutContainerProps extends HTMLAttributes<HTMLDivElement> {
     type?: LayoutContainerType;
 }
+export interface AppBarProps {
+    Logo?: ReactNode;
+    ToolbarRight?: ReactNode;
+}
+export interface SidebarProps {
+    Logo?: ReactNode;
+    menuConfiguration?: MenuItem[];
+    CustomSidebar?: ReactElement;
+}
 export type LayoutProps = SidebarProps & {
     Avatar?: ReactNode;
     children?: ReactNode;
@@ -24,12 +33,3 @@ export type LayoutProps = SidebarProps & {
     stickyHeader?: boolean;
     CustomHeader?: ReactNode;
 };
-export interface AppBarProps {
-    Logo?: ReactNode;
-    ToolbarRight?: ReactNode;
-}
-export interface SidebarProps {
-    Logo?: ReactNode;
-    menuConfiguration?: MenuItem[];
-    CustomSidebar?: ReactElement;
-}

package/lib/menu/factory.js

@@ -1,20 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTableLink = exports.createUserMenu = exports.createExternalLink = exports.createLink = exports.createSection = exports.createSuperSection = exports.createCustomContent = void 0;
+exports.createCustomContent = createCustomContent;
+exports.createSuperSection = createSuperSection;
+exports.createSection = createSection;
+exports.createLink = createLink;
+exports.createExternalLink = createExternalLink;
+exports.createUserMenu = createUserMenu;
+exports.createTableLink = createTableLink;
 const active_item_resolver_1 = require("./active-item-resolver");
 const model_1 = require("./model");
 function createCustomContent(title, content) {
     return model_1.MenuItem.create(title, "custom").setContent(content);
 }
-exports.createCustomContent = createCustomContent;
 function createSuperSection(title, children) {
     return model_1.MenuItem.create(title, "super-section").setChildren(children);
 }
-exports.createSuperSection = createSuperSection;
 function createSection(title, icon, children) {
     return model_1.MenuItem.create(title, "section").setIcon(icon).setChildren(children);
 }
-exports.createSection = createSection;
 function createLink(title, routeName, routeParams, icon, endElement) {
     return model_1.MenuItem.create(title, "link")
         .setRoute(routeName, routeParams)
@@ -22,15 +25,12 @@ function createLink(title, routeName, routeParams, icon, endElement) {
         .setEndElement(endElement)
         .setActiveResolver(active_item_resolver_1.ActiveItemResolver.anyOf([routeName]));
 }
-exports.createLink = createLink;
 function createExternalLink(title, href, icon, endElement) {
     return model_1.MenuItem.create(title, "link").setIsExternal(true).setIcon(icon).setEndElement(endElement).setUrl(href);
 }
-exports.createExternalLink = createExternalLink;
 function createUserMenu(userMenuData, children) {
     return model_1.MenuItem.create("Můj profil", "super-section").setUserMenuData(userMenuData).setChildren(children);
 }
-exports.createUserMenu = createUserMenu;
 function createTableLink(title, entityAlias, icon, endElement) {
     return model_1.MenuItem.create(title, "link")
         .setRoute("cms/table", { entityAlias })
@@ -38,4 +38,3 @@ function createTableLink(title, entityAlias, icon, endElement) {
         .setEndElement(endElement)
         .setActiveResolver(active_item_resolver_1.ActiveItemResolver.tableLink());
 }
-exports.createTableLink = createTableLink;

package/lib/menu/mobile-bar.js

@@ -36,19 +36,19 @@ const MobileBar = (props) => {
         mobileBarMenu.map((item, index) => {
             var _a, _b, _c, _d;
             if (item.children.length) {
-                return (react_1.default.createElement(sub_menu_mobile_1.SubMenuMobile, { key: index, content: item.children, title: item.title },
-                    react_1.default.createElement("button", { type: "button", className: buttonClassName }, item.userMenuData ? (react_1.default.createElement(avatar_1.Avatar, { className: "uxf-cms-mobile-bar__avatar", letters: (0, get_avatar_user_letters_1.getAvatarUserLetters)(item.userMenuData.name), size: "sm", src: item.userMenuData.avatar, variant: "rounded" })) : (react_1.default.createElement(react_1.default.Fragment, null,
+                return (react_1.default.createElement(sub_menu_mobile_1.SubMenuMobile, { content: item.children, key: index, title: item.title },
+                    react_1.default.createElement("button", { className: buttonClassName, type: "button" }, item.userMenuData ? (react_1.default.createElement(avatar_1.Avatar, { className: "uxf-cms-mobile-bar__avatar", letters: (0, get_avatar_user_letters_1.getAvatarUserLetters)(item.userMenuData.name), size: "sm", src: item.userMenuData.avatar, variant: "rounded" })) : (react_1.default.createElement(react_1.default.Fragment, null,
                         react_1.default.createElement(icon_1.Icon, { name: (_a = item.icon) !== null && _a !== void 0 ? _a : "", size: 24 }),
-                        react_1.default.createElement(icon_1.Icon, { name: "caretDown", size: 16, className: "uxf-cms-mobile-bar__caret" }))))));
+                        react_1.default.createElement(icon_1.Icon, { className: "uxf-cms-mobile-bar__caret", name: "caretDown", size: 16 }))))));
             }
             if (item.url || item.route) {
-                return (react_1.default.createElement(link_1.default, { key: index, href: (_b = item.url) !== null && _b !== void 0 ? _b : config_1.container.get("route")(item.route, item.routeParams), target: item.isExternal ? "_blank" : undefined, rel: item.isExternal ? "noreferrer noopener" : undefined, className: buttonClassName },
+                return (react_1.default.createElement(link_1.default, { className: buttonClassName, href: (_b = item.url) !== null && _b !== void 0 ? _b : config_1.container.get("route")(item.route, item.routeParams), key: index, rel: item.isExternal ? "noreferrer noopener" : undefined, target: item.isExternal ? "_blank" : undefined },
                     react_1.default.createElement(icon_1.Icon, { name: (_c = item.icon) !== null && _c !== void 0 ? _c : "user", size: 24 })));
             }
-            return (react_1.default.createElement("span", { key: index, className: buttonClassName },
+            return (react_1.default.createElement("span", { className: buttonClassName, key: index },
                 react_1.default.createElement(icon_1.Icon, { name: (_d = item.icon) !== null && _d !== void 0 ? _d : "user", size: 24 })));
         }),
-        react_1.default.createElement("button", { type: "button", className: buttonClassName, onClick: props.toggleMenu },
+        react_1.default.createElement("button", { className: buttonClassName, onClick: props.toggleMenu, type: "button" },
             react_1.default.createElement(icon_1.Icon, { name: "bars", size: 24 }))));
 };
 exports.MobileBar = MobileBar;

package/lib/menu/model.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuItem = void 0;
+const empty_array_1 = require("@uxf/core/constants/empty-array");
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 class MenuItem {
     static create(title, type) {
         return new MenuItem(title, type);
@@ -23,7 +25,7 @@ class MenuItem {
         return this;
     }
     setChildren(children) {
-        this._children = children !== null && children !== void 0 ? children : [];
+        this._children = children !== null && children !== void 0 ? children : empty_array_1.EMPTY_ARRAY;
         return this;
     }
     setRoute(route, routeParams) {
@@ -52,7 +54,7 @@ class MenuItem {
         return this;
     }
     isActive(router, activeRoute) {
-        return !!(this._activeItemResolver && this._activeItemResolver(router, activeRoute));
+        return (0, is_not_nil_1.isNotNil)(this._activeItemResolver && this._activeItemResolver(router, activeRoute));
     }
     hasActiveChildren(router, activeRoute) {
         return this.children.some((item) => item.isActive(router, activeRoute));

package/lib/menu/ui/list-item/list-item.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from "react";
 import { ListItemProps } from "./types";
-export declare const ListItem: <T extends Record<string, any>>(props: ListItemProps<T>) => ReactElement;
+export declare function ListItem<T extends Record<string, any>>(props: ListItemProps<T>): ReactElement;