@uxf/cms 6.0.0-beta.9 → 10.0.0-beta.6

package/forms/renew-password-form/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./renew-password-form"), exports);
+__exportStar(require("./types"), exports);

package/forms/renew-password-form/renew-password-form.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { RenewPasswordFormProps } from "./types";
+export declare const RenewPasswordForm: FC<RenewPasswordFormProps>;

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

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenewPasswordForm = void 0;
+const form_1 = require("@uxf/form/form");
+const text_input_1 = require("@uxf/form/text-input");
+const button_1 = require("@uxf/ui/button");
+const react_1 = __importStar(require("react"));
+const react_hook_form_1 = require("react-hook-form");
+const RenewPasswordForm = (props) => {
+    // eslint-disable-next-line react/destructuring-assignment
+    const { defaultValues, ...formProps } = props;
+    const [formDisabled, setFormDisabled] = (0, react_1.useState)(true);
+    const formApi = (0, react_hook_form_1.useForm)({
+        defaultValues,
+    });
+    (0, react_1.useEffect)(() => {
+        setFormDisabled(false);
+    }, []);
+    return (react_1.default.createElement(form_1.Form, { formApi: formApi, id: "renew-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, isRequired: true, label: "Nov\u00E9 heslo", name: "password", rules: props.passwordRules, type: "password" }),
+            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, isRequired: true, label: "Znovu nov\u00E9 heslo", name: "passwordAgain", rules: { validate: (v) => v === formApi.getValues("password") || "Hesla musí být stejná" }, type: "password" }),
+            react_1.default.createElement(button_1.Button, { disabled: formDisabled || formApi.formState.isSubmitting, isFullWidth: true, loading: formApi.formState.isSubmitting, type: "submit" }, "Zm\u011Bnit heslo"))));
+};
+exports.RenewPasswordForm = RenewPasswordForm;

package/forms/renew-password-form/types.d.ts

@@ -0,0 +1,11 @@
+import { DefaultValues, SubmitHandler, UseControllerProps } from "react-hook-form";
+export interface RenewPasswordFormData {
+    password: string;
+    passwordAgain: string;
+}
+export interface RenewPasswordFormProps<TFieldValues extends RenewPasswordFormData = RenewPasswordFormData> {
+    className?: string;
+    defaultValues?: DefaultValues<TFieldValues>;
+    onSubmit: SubmitHandler<TFieldValues>;
+    passwordRules?: UseControllerProps<RenewPasswordFormData>["rules"];
+}

package/forms/renew-password-form/types.js

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

package/forms/utils/on-upload-dropzone-file.d.ts

@@ -0,0 +1,2 @@
+import { FileResponse } from "@uxf/ui/types";
+export declare const onUploadDropzoneFile: (file: File) => Promise<FileResponse>;

package/forms/utils/on-upload-dropzone-file.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.onUploadDropzoneFile = void 0;
+const config_1 = require("../../config");
+const onUploadDropzoneFile = async (file) => {
+    return await config_1.container.get("api.uploadFile")(file);
+};
+exports.onUploadDropzoneFile = onUploadDropzoneFile;

package/forms/utils/on-upload-file.d.ts

@@ -0,0 +1,2 @@
+import { FileResponse } from "@uxf/ui/types";
+export declare const onUploadFile: (file: File, namespace?: string) => Promise<FileResponse>;

package/forms/utils/on-upload-file.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.onUploadFile = void 0;
+const config_1 = require("../../config");
+const onUploadFile = async (file, namespace = "default") => {
+    return await config_1.container.get("api.uploadFile")(file, namespace);
+};
+exports.onUploadFile = onUploadFile;

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

@@ -0,0 +1,6 @@
+import { AxiosRequestConfig } from "axios";
+export declare function createAxiosInstance(requestConfig?: AxiosRequestConfig): {
+    axiosInstance: import("axios").AxiosInstance;
+    axiosRequest: <Response_1>(ctx: any, url: string, method: import("axios").Method, body: object | null, query: object | null) => Promise<import("axios").AxiosResponse<Response_1, any>>;
+    useAxiosRequest: <Response_2 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_2, any, any>, import("./types").Execute<Response_2, RequestBody, RequestQuery, RequestPath>];
+};

package/lib/api/create-axios-instance.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createAxiosInstance = void 0;
+const axios_1 = __importDefault(require("axios"));
+// eslint-disable-next-line import/no-cycle
+const create_axios_request_1 = require("./create-axios-request");
+const create_use_axios_request_1 = require("./create-use-axios-request");
+function createAxiosInstance(requestConfig = {}) {
+    const instance = axios_1.default.create();
+    return {
+        axiosInstance: instance,
+        axiosRequest: (0, create_axios_request_1.createAxiosRequest)(instance, requestConfig),
+        useAxiosRequest: (0, create_use_axios_request_1.createUseAxiosRequest)(instance, requestConfig),
+    };
+}
+exports.createAxiosInstance = createAxiosInstance;

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

@@ -0,0 +1,2 @@
+import { AxiosInstance, AxiosRequestConfig, Method } from "axios";
+export declare const createAxiosRequest: (axiosInstance: AxiosInstance, requestConfig: AxiosRequestConfig) => <Response_1>(ctx: any, url: string, method: Method, body: object | null, query: object | null) => Promise<import("axios").AxiosResponse<Response_1, any>>;

package/lib/api/create-axios-request.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createAxiosRequest = void 0;
+const qs_1 = require("qs");
+// eslint-disable-next-line import/no-cycle
+const config_1 = require("../../config");
+const BadRequestError_1 = require("../../errors/BadRequestError");
+const ForbiddenError_1 = require("../../errors/ForbiddenError");
+const NetworkError_1 = require("../../errors/NetworkError");
+const UnauthorizedError_1 = require("../../errors/UnauthorizedError");
+const createAxiosRequest = (axiosInstance, requestConfig) => (ctx, url, method, body, query) => {
+    var _a;
+    return axiosInstance
+        .request({
+        baseURL: config_1.config.get("api-url"),
+        headers: ((_a = ctx === null || ctx === void 0 ? void 0 : ctx.req) === null || _a === void 0 ? void 0 : _a.headers.cookie) ? { cookie: ctx.req.headers.cookie } : {},
+        ...requestConfig,
+        url: query && Object.keys(query).length > 0 ? `${url}?${(0, qs_1.stringify)(query)}` : url,
+        method,
+        data: body,
+    })
+        .catch((error) => {
+        if (error.response) {
+            if (error.response.status === 400) {
+                throw new BadRequestError_1.BadRequestError(error.response.data);
+            }
+            else if (error.response.status === 401) {
+                throw new UnauthorizedError_1.UnauthorizedError();
+            }
+            else if (error.response.status === 403) {
+                throw new ForbiddenError_1.ForbiddenError();
+            }
+        }
+        else if (error.request) {
+            throw new NetworkError_1.NetworkError();
+        }
+        throw error;
+    });
+};
+exports.createAxiosRequest = createAxiosRequest;

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

@@ -0,0 +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_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: Method, config: RequestConfig<RequestBody, RequestQuery, RequestPath>) => [ResponseValues<Response_1, any, any>, Execute<Response_1, RequestBody, RequestQuery, RequestPath>];

package/lib/api/create-use-axios-request.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createUseAxiosRequest = void 0;
+const axios_hooks_1 = require("axios-hooks");
+// eslint-disable-next-line import/no-cycle
+const config_1 = require("../../config");
+const react_1 = require("react");
+const createUseAxiosRequest = (axiosInstance, requestConfig) => {
+    const useAxios = (0, axios_hooks_1.makeUseAxios)({
+        axios: axiosInstance,
+        defaultOptions: {
+            ssr: false,
+        },
+    });
+    return (url, method, config) => {
+        // TODO Vejvis!!! nějaká demence s typem configu
+        const { body, query, skip } = config;
+        const [result, executeHandler] = useAxios({
+            baseURL: config_1.config.get("api-url"),
+            ...requestConfig,
+            url,
+            method,
+            params: query,
+            data: body,
+        }, { useCache: false, manual: skip });
+        const execute = (0, react_1.useCallback)((c) => executeHandler({
+            url,
+            method,
+            // TODO Vejvis!!! nějaká demence s typem configu
+            params: c.query,
+            data: c.body,
+        }), [url, method, executeHandler]);
+        return [result, execute];
+    };
+};
+exports.createUseAxiosRequest = createUseAxiosRequest;

package/lib/api/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./createAxiosInstance";
+export * from "./create-axios-instance";
 export * from "./types";

package/lib/api/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -10,6 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./createAxiosInstance"), exports);
+// eslint-disable-next-line import/no-cycle
+__exportStar(require("./create-axios-instance"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL2FwaS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQSx3REFBc0M7QUFDdEMsMENBQXdCIn0=

package/lib/api/types.d.ts

@@ -1,15 +1,18 @@
 import { AxiosPromise } from "axios";
 import { ResponseValues } from "axios-hooks";
-declare type RequestConfigBody<T extends {} | null> = T extends null ? {} : {
+type RequestConfigBody<T extends Record<string, any> | null> = T extends null ? Record<string, any> : {
     body: T;
 };
-declare type RequestConfigQuery<T extends {} | null> = T extends null ? {} : {
+type RequestConfigQuery<T extends Record<string, any> | null> = T extends null ? Record<string, any> : {
     query: T;
 };
-declare type RequestConfigPath<T extends {} | null> = T extends null ? {} : {
+type RequestConfigPath<T extends Record<string, any> | null> = T extends null ? Record<string, any> : {
     path: T;
 };
-export declare type RequestConfig<RequestBody extends {} | null, RequestQuery extends {} | null, RequestPath extends {} | null> = {} & RequestConfigBody<RequestBody> & RequestConfigQuery<RequestQuery> & RequestConfigPath<RequestPath>;
-export declare type Execute<Response extends {}, RequestBody extends {} | null, RequestQuery extends {} | null, RequestPath extends {} | null> = (config: RequestConfig<RequestBody, RequestQuery, RequestPath>) => AxiosPromise<Response>;
-export declare type UseAxiosRequest<Response extends {}, RequestBody extends {}, RequestQuery extends {}, RequestPath extends {}> = (config: RequestConfig<RequestBody, RequestQuery, RequestPath>) => [ResponseValues<Response, any>, Execute<Response, RequestBody, RequestQuery, RequestPath>];
+type RequestConfigOptions = {
+    skip?: boolean;
+};
+export type RequestConfig<RequestBody extends Record<string, any> | null, RequestQuery extends Record<string, any> | null, RequestPath extends Record<string, any> | null> = Record<string, any> & RequestConfigBody<RequestBody> & RequestConfigQuery<RequestQuery> & RequestConfigPath<RequestPath> & RequestConfigOptions;
+export type Execute<Response extends Record<string, any> | boolean, RequestBody extends Record<string, any> | null, RequestQuery extends Record<string, any> | null, RequestPath extends Record<string, any> | null> = (config: RequestConfig<RequestBody, RequestQuery, RequestPath>) => AxiosPromise<Response>;
+export type UseAxiosRequest<Response extends Record<string, any> | boolean, RequestBody extends Record<string, any>, RequestQuery extends Record<string, any>, RequestPath extends Record<string, any>> = (config: RequestConfig<RequestBody, RequestQuery, RequestPath>) => [ResponseValues<Response, any, any>, Execute<Response, RequestBody, RequestQuery, RequestPath>];
 export {};

package/lib/api/types.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL2FwaS90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/{Layout/Breadcrumbs.d.ts → layout/breadcrumbs.d.ts}

@@ -3,7 +3,7 @@ export interface BreadcrumbItemProps {
     href?: string;
     title: string;
 }
-export declare type BreadcrumbsProps = {
+export type BreadcrumbsProps = {
     items: BreadcrumbItemProps[];
 };
 export declare const Breadcrumbs: FC<BreadcrumbsProps>;

package/lib/layout/breadcrumbs.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Breadcrumbs = void 0;
+const react_1 = __importDefault(require("react"));
+const link_1 = __importDefault(require("next/link"));
+const icon_1 = require("@uxf/ui/icon");
+const Breadcrumbs = (props) => {
+    if (props.items.length === 0) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: "uxf-typo-body mb-4 flex flex-wrap items-center text-lightLow" }, props.items.map((item, index) => (react_1.default.createElement("span", { className: "mr-2 last:mr-0", key: index },
+        !!index && react_1.default.createElement(icon_1.Icon, { className: "mr-2 inline", name: "angleRight", size: 16 }),
+        item.href ? (react_1.default.createElement(link_1.default, { href: item.href, className: "transition-colors hover:text-lightHigh" },
+            react_1.default.createElement("span", null, item.title))) : (react_1.default.createElement("span", null, item.title)))))));
+};
+exports.Breadcrumbs = Breadcrumbs;

package/lib/layout/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./layout";
+export * from "./breadcrumbs";
+export * from "./types";

package/lib/layout/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./layout"), exports);
+__exportStar(require("./breadcrumbs"), exports);
+__exportStar(require("./types"), exports);

package/lib/layout/layout-container.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from "react";
+import { LayoutContainerProps } from "./types";
+export declare const LayoutContainer: FC<PropsWithChildren<LayoutContainerProps>>;

package/lib/layout/layout-container.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayoutContainer = void 0;
+const react_1 = __importDefault(require("react"));
+const maxWidthClassName = {
+    narrow: "max-w-[788px]",
+    wide: "max-w-[1024px]",
+    fullWidth: "",
+    none: "",
+};
+const LayoutContainer = (props) => {
+    var _a, _b;
+    const type = (_a = props.type) !== null && _a !== void 0 ? _a : "fullWidth";
+    if (type === "none") {
+        return react_1.default.createElement(react_1.default.Fragment, null, props.children);
+    }
+    return (react_1.default.createElement("div", { className: `${maxWidthClassName[type]} mx-auto px-4 md:px-10 ${(_b = props.className) !== null && _b !== void 0 ? _b : ""}` }, props.children));
+};
+exports.LayoutContainer = LayoutContainer;

package/lib/layout/layout.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Layout = void 0;
+const head_1 = __importDefault(require("next/head"));
+const react_1 = __importDefault(require("react"));
+const config_1 = require("../../config");
+const sidebar_1 = require("./sidebar");
+const styles_1 = require("./styles");
+const breadcrumbs_1 = require("./breadcrumbs");
+const loader_1 = require("@uxf/ui/loader/loader");
+const layout_container_1 = require("./layout-container");
+const Layout = (props) => {
+    var _a;
+    // eslint-disable-next-line react/destructuring-assignment
+    const { Header, Logo, MessageBar, TitleRightContainer, ToolbarRight, breadcrumbs, children, containerType, headerContainerType, loading, mainClassName, menuConfiguration, subtitle, title, stickyHeader, CustomHeader, } = props;
+    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", { charSet: "utf-8" }),
+            react_1.default.createElement("title", null, `${title} | ${(_a = config_1.config.get("app-name")) !== null && _a !== void 0 ? _a : ""}`)),
+        react_1.default.createElement("div", { className: "flex" },
+            react_1.default.createElement("div", { className: "flex w-full bg-gray-100 dark:bg-gray-900 dark:text-darkHigh" },
+                react_1.default.createElement(sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Logo: Logo }),
+                react_1.default.createElement("main", { className: `min-h-screen w-full pb-16 md:ml-[var(--drawerWidth)] md:w-[calc(100%_-_var(--drawerWidth))] md:pb-0 ${mainClassName !== null && mainClassName !== void 0 ? mainClassName : ""}`, style: { "--drawerWidth": `${styles_1.drawerWidth}px` } }, loading ? (react_1.default.createElement("div", { className: "flex h-96 flex-col items-center justify-center" },
+                    react_1.default.createElement("div", { className: "text-center" },
+                        react_1.default.createElement(loader_1.Loader, null),
+                        react_1.default.createElement("p", { className: "mt-2" }, "Na\u010D\u00EDt\u00E1m\u2026")))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                    CustomHeader ? (CustomHeader) : (react_1.default.createElement("div", { className: `${Header ? "bg-white dark:bg-gray-950" : ""} ${stickyHeader ? "sticky top-0 z-10 bg-white shadow-md dark:bg-gray-950" : ""}` },
+                        ToolbarRight && (react_1.default.createElement("div", { className: "flex h-12 items-center justify-end bg-sidebar-background px-6 text-darkMedium" }, ToolbarRight)),
+                        MessageBar,
+                        react_1.default.createElement(layout_container_1.LayoutContainer, { type: headerContainerType !== null && headerContainerType !== void 0 ? headerContainerType : containerType, className: "pb-9 pt-12" },
+                            breadcrumbs && react_1.default.createElement(breadcrumbs_1.Breadcrumbs, { items: breadcrumbs }),
+                            react_1.default.createElement("div", { className: "flex items-center justify-between" },
+                                react_1.default.createElement("h1", { className: "uxf-typo-h4" }, title),
+                                TitleRightContainer),
+                            subtitle,
+                            Header))),
+                    react_1.default.createElement(layout_container_1.LayoutContainer, { type: containerType }, children))))))));
+};
+exports.Layout = Layout;

package/lib/layout/sidebar.js

@@ -0,0 +1,62 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sidebar = void 0;
+const react_1 = __importStar(require("react"));
+const menu_1 = require("../menu");
+const styles_1 = require("./styles");
+const user_menu_1 = require("../menu/ui/user-menu");
+const mobile_bar_1 = require("../menu/mobile-bar");
+const useOnMount_1 = require("@uxf/core/hooks/useOnMount");
+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 Sidebar = (props) => {
+    // eslint-disable-next-line react/destructuring-assignment
+    const { menuConfiguration, Logo, CustomSidebar } = props;
+    const [deviceHeight, setDeviceHeight] = (0, react_1.useState)(0);
+    const [isMenuOpen, setIsMenuOpen] = (0, react_1.useState)(false);
+    const toggleMenu = () => setIsMenuOpen((prev) => !prev);
+    (0, useOnMount_1.useOnMount)(() => {
+        const handleDeviceHeight = () => {
+            var _a, _b;
+            setDeviceHeight((_b = (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) !== null && _b !== void 0 ? _b : window.innerHeight);
+        };
+        handleDeviceHeight();
+        window.addEventListener("resize", handleDeviceHeight);
+        return () => {
+            window.removeEventListener("resize", handleDeviceHeight);
+        };
+    });
+    return (CustomSidebar !== null && CustomSidebar !== void 0 ? CustomSidebar : (react_1.default.createElement("div", { className: "sidebar fixed z-1 flex w-full flex-col max-md:z-[15] md:w-[var(--drawerWidth)]", style: { "--drawerWidth": `${styles_1.drawerWidth}px` } },
+        react_1.default.createElement("div", { className: `h-[calc(var(--deviceHeight)_-_48px)] flex-col bg-sidebar-background pt-5 md:h-screen ${isMenuOpen ? "flex" : "hidden md:flex"}`, style: { "--deviceHeight": `${deviceHeight}px` } },
+            react_1.default.createElement("div", { className: "sidebar__logo px-4" }, Logo !== null && Logo !== void 0 ? Logo : uxfLogo),
+            menuConfiguration && menuConfiguration.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("div", { className: `sidebar__nav grow overflow-auto px-2 md:px-0 ${menuConfiguration[0].type === "super-section" ? "mt-4" : "mt-8"}` },
+                    react_1.default.createElement(menu_1.Menu, { menu: menuConfiguration })),
+                react_1.default.createElement(user_menu_1.UserMenu, { menu: menuConfiguration })))),
+        menuConfiguration && react_1.default.createElement(mobile_bar_1.MobileBar, { menuConfiguration: menuConfiguration, toggleMenu: toggleMenu }))));
+};
+exports.Sidebar = Sidebar;

package/lib/layout/styles.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.drawerWidth = void 0;
+exports.drawerWidth = 264;

package/lib/layout/types.d.ts

@@ -0,0 +1,33 @@
+import { HTMLAttributes, ReactElement, ReactNode } from "react";
+import { MenuItem } from "../menu/model";
+import { BreadcrumbItemProps } from "./breadcrumbs";
+export type LayoutContainerType = "fullWidth" | "wide" | "narrow" | "none";
+export interface LayoutContainerProps extends HTMLAttributes<HTMLDivElement> {
+    type?: LayoutContainerType;
+}
+export type LayoutProps = SidebarProps & {
+    children?: ReactNode;
+    containerType?: LayoutContainerType;
+    headerContainerType?: LayoutContainerType;
+    breadcrumbs?: BreadcrumbItemProps[];
+    Header?: ReactNode;
+    loading?: boolean;
+    Logo?: ReactNode;
+    mainClassName?: string;
+    MessageBar?: ReactNode;
+    subtitle?: ReactNode;
+    title?: string;
+    ToolbarRight?: ReactNode;
+    TitleRightContainer?: ReactNode;
+    stickyHeader?: boolean;
+    CustomHeader?: ReactNode;
+};
+export interface AppBarProps {
+    Logo?: ReactNode;
+    ToolbarRight?: ReactNode;
+}
+export interface SidebarProps {
+    Logo?: ReactNode;
+    menuConfiguration?: MenuItem[];
+    CustomSidebar?: ReactElement;
+}

package/lib/layout/types.js

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

package/lib/login-layout/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./login-layout";
+export * from "./types";

package/lib/login-layout/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./login-layout"), exports);
+__exportStar(require("./types"), exports);

package/lib/login-layout/login-layout.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoginLayout = void 0;
+const head_1 = __importDefault(require("next/head"));
+const react_1 = __importDefault(require("react"));
+const paper_1 = require("@uxf/ui/paper/paper");
+const LoginLayout = (props) => {
+    // eslint-disable-next-line react/destructuring-assignment
+    const { hideTitle, title, subTitle, pageTitle, children, Logo } = props;
+    return (react_1.default.createElement("div", { className: "flex min-h-screen flex-col items-center justify-center bg-gray-100 p-4 dark:bg-gray-900 dark:text-darkHigh" },
+        react_1.default.createElement(head_1.default, null,
+            react_1.default.createElement("title", null, pageTitle || "")),
+        Logo && react_1.default.createElement("div", { className: "mb-8" }, Logo),
+        title && react_1.default.createElement("h1", { className: hideTitle ? "sr-only" : "uxf-typo-h4" }, title),
+        subTitle && react_1.default.createElement("p", { className: "uxf-typo-body mt-2 text-lightMedium" }, subTitle),
+        react_1.default.createElement(paper_1.Paper, { className: "mt-8 w-[448px] max-w-full p-6 dark:bg-gray-950" }, children)));
+};
+exports.LoginLayout = LoginLayout;

package/lib/login-layout/types.js

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

package/lib/menu/active-item-resolver.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActiveItemResolver = void 0;
+const exactMatch = () => (menuItem) => (_, activeRoute) => {
+    return activeRoute === menuItem.route;
+};
+const exactMatchWithParams = () => (menuItem) => (router, activeRoute) => {
+    const isQueryEqual = JSON.stringify(router.query) === JSON.stringify(menuItem.routeParams);
+    return activeRoute === menuItem.route && isQueryEqual;
+};
+const anyOf = (routeNames) => (menuItem) => (_, activeRoute) => {
+    if (activeRoute === menuItem.route) {
+        return true;
+    }
+    return routeNames.some((routeName) => routeName === activeRoute);
+};
+const tableLink = () => (menuItem) => (router, activeRoute) => {
+    var _a;
+    const isQueryEqual = router.query.entityAlias === ((_a = menuItem.routeParams) === null || _a === void 0 ? void 0 : _a.entityAlias);
+    if (activeRoute === menuItem.route && isQueryEqual) {
+        return true;
+    }
+    return activeRoute === "cms/table-form" && isQueryEqual;
+};
+exports.ActiveItemResolver = {
+    anyOf,
+    exactMatch,
+    exactMatchWithParams,
+    tableLink,
+};