@uxf/cms 6.0.0-beta.7 → 6.0.0-beta.9

package/README.md

@@ -8,7 +8,7 @@
 
 ## Changelog
 - **v4** - přidání tailwindu
-- **v5** - závislost na @uxf/router v3 (nepředává se do containeru celý router ale pouze funkce `route` a `useActiveRoute`)
+- **v5** - závislost na @uxf/router v3 (nepředává se do containeru celý router, ale pouze funkce `route` a `useActiveRoute`)
 - **v6** - odstranění mui a nahrazení react-final-form za react-hook-form
 
 ## Rozdělení balíčku
@@ -34,6 +34,9 @@ module.exports = {
     content: [
         "./node_modules/@uxf/cms/**/*.js"
     ],
+    presets: [
+        require("@uxf/cms/utils/tailwind.config"),
+    ],
     plugins: [],
 };
 ```
@@ -53,7 +56,6 @@ cmsConfig.set("api-url", "== api url ==");
 container
     .register("router", Router<any>)
     .register("service.error", ErrorService)
-    .register("service.notification", FlashMessagesService) // default value
     .register("useLoggedUser", UseLoggedUser)
     .register("api.getLoggedUser", GetLoggedUser)
     .register("api.getUserConfig", GetUserConfig)
@@ -86,7 +88,8 @@ import {...} from  "@uxf/cms/api";
 ```tsx
 // pages/_app.tsx
 
-import { FlashMessagesContainerInstance } from "@uxf/cms/lib/FlashMessages";
+import { FlashMessages } from "@uxf/ui/flash-messages/flash-messages";
+import { getFlashMessagesRef } from "@uxf/ui/flash-messages/flash-messages-service";
 
 function App(props: any) {
     const { Component, pageProps } = props;
@@ -94,7 +97,7 @@ function App(props: any) {
     return (
         <>
             <Component {...pageProps} />
-            <FlashMessagesContainerInstance />
+            <FlashMessages ref={getFlashMessagesRef()} />
         </>
     );
 }
@@ -105,10 +108,10 @@ export default App;
 ```tsx
 // pages/index.tsx
 
-import { FlashMessagesService } from "@uxf/cms/services/FlashMessagesService";
+import { flashMessage } from "@uxf/ui/flash-messages/flash-messages-service";
 
 function IndexPage(props) {
-    return <Button onClick={() => FlashMessagesService.success("Hotovo.")}>Klikni</Button>;
+    return <Button onClick={() => flashMessage({ variant: "success", message: "Hotovo" })}>Klikni</Button>;
 }
 
 export default IndexPage;

package/config/Container.js

@@ -2,14 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Container = void 0;
 var api_1 = require("../api");
-var FlashMessagesService_1 = require("../services/FlashMessagesService");
 var Container = /** @class */ (function () {
     function Container() {
         // TODO @vejvis - move initial values to better place
         this.store = {
             "api.uploadFile": api_1.uploadFile,
             "api.getUserConfig": api_1.userConfigGet,
-            "service.notification": FlashMessagesService_1.FlashMessagesService,
         };
     }
     Container.prototype.register = function (key, value) {
@@ -29,4 +27,4 @@ var Container = /** @class */ (function () {
     return Container;
 }());
 exports.Container = Container;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbmZpZy9Db250YWluZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBRUEsOEJBQWlFO0FBRWpFLHlFQUF3RTtBQW9DeEU7SUFBQTtRQUNJLHFEQUFxRDtRQUM3QyxVQUFLLEdBQTRCO1lBQ3JDLGdCQUFnQixFQUFFLGdCQUFVO1lBQzVCLG1CQUFtQixFQUFFLG1CQUFhO1lBQ2xDLHNCQUFzQixFQUFFLDJDQUFvQjtTQUMvQyxDQUFDO0lBb0JOLENBQUM7SUFsQlUsNEJBQVEsR0FBZixVQUFnRCxHQUFNLEVBQUUsS0FBd0I7UUFDNUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsR0FBRyxLQUFLLENBQUM7UUFDeEIsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLHVCQUFHLEdBQVYsVUFBMkMsR0FBTTtRQUM3QyxJQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBRTlCLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDUixNQUFNLElBQUksS0FBSyxDQUFDLG9DQUE2QixHQUFHLE9BQUksQ0FBQyxDQUFDO1NBQ3pEO1FBRUQsT0FBTyxLQUFZLENBQUM7SUFDeEIsQ0FBQztJQUVNLHVCQUFHLEdBQVYsVUFBVyxHQUF5QjtRQUNoQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFDTCxnQkFBQztBQUFELENBQUMsQUExQkQsSUEwQkM7QUExQlksOEJBQVMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbmZpZy9Db250YWluZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBRUEsOEJBQWlFO0FBcUNqRTtJQUFBO1FBQ0kscURBQXFEO1FBQzdDLFVBQUssR0FBNEI7WUFDckMsZ0JBQWdCLEVBQUUsZ0JBQVU7WUFDNUIsbUJBQW1CLEVBQUUsbUJBQWE7U0FDckMsQ0FBQztJQW9CTixDQUFDO0lBbEJVLDRCQUFRLEdBQWYsVUFBZ0QsR0FBTSxFQUFFLEtBQXdCO1FBQzVFLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSx1QkFBRyxHQUFWLFVBQTJDLEdBQU07UUFDN0MsSUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUU5QixJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1IsTUFBTSxJQUFJLEtBQUssQ0FBQyxvQ0FBNkIsR0FBRyxPQUFJLENBQUMsQ0FBQztTQUN6RDtRQUVELE9BQU8sS0FBWSxDQUFDO0lBQ3hCLENBQUM7SUFFTSx1QkFBRyxHQUFWLFVBQVcsR0FBeUI7UUFDaEMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBQ0wsZ0JBQUM7QUFBRCxDQUFDLEFBekJELElBeUJDO0FBekJZLDhCQUFTIn0=

package/config/icons-config.d.ts

@@ -1,2 +1,2 @@
-export declare const ICONS_VERSION = "1673522682143";
+export declare const ICONS_VERSION = "1673870193514";
 export declare const ICON_SPRITE = "/icons-generated/_icon-sprite.svg";

package/config/icons-config.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ICON_SPRITE = exports.ICONS_VERSION = void 0;
-exports.ICONS_VERSION = "1673522682143";
+exports.ICONS_VERSION = "1673870193514";
 exports.ICON_SPRITE = "/icons-generated/_icon-sprite.svg";
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMtY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbmZpZy9pY29ucy1jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQWEsUUFBQSxhQUFhLEdBQUcsZUFBZSxDQUFDO0FBQ2hDLFFBQUEsV0FBVyxHQUFHLG1DQUFtQyxDQUFDIn0=

package/config/icons.d.ts

@@ -55,6 +55,10 @@ export declare const ICONS: {
         readonly w: 448;
         readonly h: 512;
     };
+    readonly angleRight: {
+        readonly w: 256;
+        readonly h: 512;
+    };
 };
 export declare type IconsType = keyof typeof ICONS;
 declare module "@uxf/ui/icon/theme" {
@@ -73,5 +77,6 @@ declare module "@uxf/ui/icon/theme" {
         "chevronUp": true;
         "user": true;
         "xmarkLarge": true;
+        "angleRight": true;
     }
 }

package/config/icons.js

@@ -17,5 +17,6 @@ exports.ICONS = {
     "chevronUp": { w: 512, h: 512 },
     "user": { w: 448, h: 512 },
     "xmarkLarge": { w: 448, h: 512 },
+    "angleRight": { w: 256, h: 512 },
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uZmlnL2ljb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxxR0FBcUc7OztBQUV4RixRQUFBLEtBQUssR0FBRztJQUNqQixVQUFVLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDOUIsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzVCLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLE9BQU8sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMzQixhQUFhLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDakMsYUFBYSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2pDLGNBQWMsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUNsQyxjQUFjLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDbEMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ25DLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixNQUFNLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDMUIsWUFBWSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0NBQzFCLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uZmlnL2ljb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxxR0FBcUc7OztBQUV4RixRQUFBLEtBQUssR0FBRztJQUNqQixVQUFVLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDOUIsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzVCLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLE9BQU8sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMzQixhQUFhLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDakMsYUFBYSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2pDLGNBQWMsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUNsQyxjQUFjLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDbEMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ25DLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixNQUFNLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDMUIsWUFBWSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2hDLFlBQVksRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtDQUMxQixDQUFDIn0=

package/forms/components/DropZone/DropZone.js

@@ -99,13 +99,13 @@ var config_1 = require("../../../config");
 var resizer_1 = require("@uxf/core/utils/resizer");
 var ImagePreview = function (props) {
     var loading = props.loading, onRemove = props.onRemove, src = props.src, alt = props.alt, title = props.title;
-    return (react_1.default.createElement("div", { className: "w-16 h-16 mr-2 mb-2 rounded-md overflow-hidden relative border border-gray-300" },
-        onRemove && (react_1.default.createElement("button", { className: "absolute right-0 top-0 bg-black hover:bg-opacity-70 bg-opacity-50 rounded-bl-md", onClick: onRemove },
-            react_1.default.createElement("svg", { className: "w-5 h-5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    return (react_1.default.createElement("div", { className: "relative mr-2 mb-2 h-16 w-16 overflow-hidden rounded-md border border-gray-300" },
+        onRemove && (react_1.default.createElement("button", { className: "absolute right-0 top-0 rounded-bl-md bg-black bg-opacity-50 hover:bg-opacity-70", onClick: onRemove },
+            react_1.default.createElement("svg", { className: "h-5 w-5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
                 react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })))),
         react_1.default.createElement("img", { alt: alt, title: title, className: "h-full w-full", src: src }),
         loading && (react_1.default.createElement("div", { className: "absolute top-0 left-0 right-0 bottom-0 flex items-center justify-center bg-black bg-opacity-50" },
-            react_1.default.createElement("svg", { className: "animate-spin h-6 w-6 text-white", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" },
+            react_1.default.createElement("svg", { className: "h-6 w-6 animate-spin text-white", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" },
                 react_1.default.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
                 react_1.default.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }))))));
 };
@@ -144,11 +144,11 @@ var DropZone = function (props) {
         }
     }; };
     return (react_1.default.createElement("div", null,
-        react_1.default.createElement("div", __assign({}, getRootProps({ className: "dropzone" }), { className: "border-dashed rounded-md border-2 py-8 bg-gray-100 hover:border-gray-300 cursor-pointer " +
+        react_1.default.createElement("div", __assign({}, getRootProps({ className: "dropzone" }), { className: "cursor-pointer rounded-md border-2 border-dashed bg-gray-100 py-8 hover:border-gray-300 " +
                 (isDragActive ? "border-gray-300" : "border-gray-200") }),
             react_1.default.createElement("input", __assign({}, getInputProps())),
             react_1.default.createElement("p", { className: "text-center text-xs text-gray-400" }, "Drag drop some files here, or click to select files")),
-        react_1.default.createElement("div", { className: "pt-2 flex flex-row flex-wrap" },
+        react_1.default.createElement("div", { className: "flex flex-row flex-wrap pt-2" },
             fieldValue.map(function (file, index) {
                 var _a;
                 return (react_1.default.createElement(ImagePreview, { key: file.id, src: (_a = (0, resizer_1.resizerImageUrl)(file, 200, 200, {})) !== null && _a !== void 0 ? _a : "", onRemove: onRemove(index), alt: file.name, title: file.name }));

package/lib/CmsProvider/CmsProvider.js

@@ -61,4 +61,4 @@ var CmsProvider = function (props) {
     return react_1.default.createElement(CmsContext.Provider, { value: value }, children);
 };
 exports.CmsProvider = CmsProvider;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ21zUHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0Ntc1Byb3ZpZGVyL0Ntc1Byb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUF3RDtBQUd4RCxJQUFNLFVBQVUsR0FBRyxlQUFLLENBQUMsYUFBYSxDQUFpQjtJQUNuRCxPQUFPLEVBQUU7UUFDTCxNQUFNLEVBQUUsS0FBSztRQUNiLElBQUksRUFBRSxjQUFNLE9BQUEsSUFBSSxFQUFKLENBQUk7UUFDaEIsS0FBSyxFQUFFLGNBQU0sT0FBQSxJQUFJLEVBQUosQ0FBSTtLQUNwQjtDQUNKLENBQUMsQ0FBQztBQUVJLElBQU0sYUFBYSxHQUFHLFVBQWlDLEdBQU07SUFDaEUsT0FBTyxJQUFBLGtCQUFVLEVBQUMsVUFBVSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUM7QUFDdkMsQ0FBQyxDQUFDO0FBRlcsUUFBQSxhQUFhLGlCQUV4QjtBQUVLLElBQU0sV0FBVyxHQUFxQyxVQUFDLEtBQUs7SUFDdkQsSUFBQSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFFckIsSUFBQSxLQUFBLE9BQXNCLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsSUFBQSxFQUFwQyxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQW1CLENBQUM7SUFFNUMsSUFBTSxLQUFLLEdBQW1CO1FBQzFCLE9BQU8sRUFBRTtZQUNMLE1BQU0sUUFBQTtZQUNOLElBQUksRUFBRSxjQUFNLE9BQUEsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFmLENBQWU7WUFDM0IsS0FBSyxFQUFFLGNBQU0sT0FBQSxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQWhCLENBQWdCO1NBQ2hDO0tBQ0osQ0FBQztJQUVGLE9BQU8sOEJBQUMsVUFBVSxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsS0FBSyxJQUFHLFFBQVEsQ0FBdUIsQ0FBQztBQUMvRSxDQUFDLENBQUM7QUFkVyxRQUFBLFdBQVcsZUFjdEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ21zUHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0Ntc1Byb3ZpZGVyL0Ntc1Byb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUF3RDtBQUd4RCxJQUFNLFVBQVUsR0FBRyxlQUFLLENBQUMsYUFBYSxDQUFpQjtJQUNuRCxPQUFPLEVBQUU7UUFDTCxNQUFNLEVBQUUsS0FBSztRQUNiLElBQUksRUFBRSxjQUFNLE9BQUEsSUFBSSxFQUFKLENBQUk7UUFDaEIsS0FBSyxFQUFFLGNBQU0sT0FBQSxJQUFJLEVBQUosQ0FBSTtLQUNwQjtDQUNKLENBQUMsQ0FBQztBQUVJLElBQU0sYUFBYSxHQUFHLFVBQWlDLEdBQU07SUFDaEUsT0FBTyxJQUFBLGtCQUFVLEVBQUMsVUFBVSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUM7QUFDdkMsQ0FBQyxDQUFDO0FBRlcsUUFBQSxhQUFhLGlCQUV4QjtBQUVLLElBQU0sV0FBVyxHQUF1QyxVQUFDLEtBQUs7SUFDekQsSUFBQSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFFckIsSUFBQSxLQUFBLE9BQXNCLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsSUFBQSxFQUFwQyxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQW1CLENBQUM7SUFFNUMsSUFBTSxLQUFLLEdBQW1CO1FBQzFCLE9BQU8sRUFBRTtZQUNMLE1BQU0sUUFBQTtZQUNOLElBQUksRUFBRSxjQUFNLE9BQUEsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFmLENBQWU7WUFDM0IsS0FBSyxFQUFFLGNBQU0sT0FBQSxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQWhCLENBQWdCO1NBQ2hDO0tBQ0osQ0FBQztJQUVGLE9BQU8sOEJBQUMsVUFBVSxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsS0FBSyxJQUFHLFFBQVEsQ0FBdUIsQ0FBQztBQUMvRSxDQUFDLENBQUM7QUFkVyxRQUFBLFdBQVcsZUFjdEIifQ==

package/lib/Layout/Breadcrumbs.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+export interface BreadcrumbItemProps {
+    href?: string;
+    title: string;
+}
+export declare type BreadcrumbsProps = {
+    items: BreadcrumbItemProps[];
+};
+export declare const Breadcrumbs: FC<BreadcrumbsProps>;

package/lib/Layout/Breadcrumbs.js

@@ -0,0 +1,20 @@
+"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;
+var react_1 = __importDefault(require("react"));
+var link_1 = __importDefault(require("next/link"));
+var icon_1 = require("@uxf/ui/icon");
+var Breadcrumbs = function (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(function (item, index) { return (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;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0xheW91dC9CcmVhZGNydW1icy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQWtDO0FBQ2xDLG1EQUE2QjtBQUM3QixxQ0FBb0M7QUFXN0IsSUFBTSxXQUFXLEdBQXlCLFVBQUMsS0FBSztJQUNuRCxJQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtRQUMxQixPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyw4REFBOEQsSUFDeEUsS0FBSyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDOUIsd0NBQU0sU0FBUyxFQUFDLGdCQUFnQixFQUFDLEdBQUcsRUFBRSxLQUFLO1FBQ3RDLENBQUMsQ0FBQyxLQUFLLElBQUksOEJBQUMsV0FBSSxJQUFDLFNBQVMsRUFBQyxhQUFhLEVBQUMsSUFBSSxFQUFDLFlBQVksRUFBQyxJQUFJLEVBQUUsRUFBRSxHQUFJO1FBQ3ZFLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQ1QsOEJBQUMsY0FBSSxJQUFDLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLFNBQVMsRUFBQyx3Q0FBd0M7WUFDckUsNENBQU8sSUFBSSxDQUFDLEtBQUssQ0FBUSxDQUN0QixDQUNWLENBQUMsQ0FBQyxDQUFDLENBQ0EsNENBQU8sSUFBSSxDQUFDLEtBQUssQ0FBUSxDQUM1QixDQUNFLENBQ1YsRUFYaUMsQ0FXakMsQ0FBQyxDQUNBLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXJCVyxRQUFBLFdBQVcsZUFxQnRCIn0=

package/lib/Layout/Layout.js

@@ -4,42 +4,37 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
-var CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
-var CssBaseline_1 = __importDefault(require("@mui/material/CssBaseline"));
-var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var head_1 = __importDefault(require("next/head"));
 var react_1 = __importDefault(require("react"));
 var config_1 = require("../../config");
-var AppBar_1 = require("./AppBar");
 var Sidebar_1 = require("./Sidebar");
 var styles_1 = require("./styles");
+var Breadcrumbs_1 = require("./Breadcrumbs");
+var loader_1 = require("@uxf/ui/loader/loader");
 var Layout = function (props) {
     var _a;
-    var children = props.children, title = props.title, Logo = props.Logo, Menu = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu, header = props.header, Breadcrumbs = props.Breadcrumbs, ToolbarRight = props.ToolbarRight, MessageBar = props.MessageBar, loading = props.loading, subtitle = props.subtitle, TitleRightContainer = props.TitleRightContainer;
-    return (react_1.default.createElement(styles_1.LayoutRoot, null,
+    var children = props.children, title = props.title, Logo = props.Logo, Menu = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu, Header = props.Header, breadcrumbs = props.breadcrumbs, ToolbarRight = props.ToolbarRight, MessageBar = props.MessageBar, loading = props.loading, subtitle = props.subtitle, TitleRightContainer = props.TitleRightContainer;
+    return (react_1.default.createElement("div", { className: "flex" },
         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, "".concat(title, " | ").concat((_a = config_1.config.get("app-name")) !== null && _a !== void 0 ? _a : ""))),
-        react_1.default.createElement(CssBaseline_1.default, null),
-        react_1.default.createElement(AppBar_1.AppBar, { Logo: Logo, ToolbarRight: ToolbarRight }),
-        react_1.default.createElement("div", { className: "flex flex-row w-full" },
+        react_1.default.createElement("div", { className: "flex w-full" },
             react_1.default.createElement(Sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Logo: Logo, Menu: Menu, UserMenu: UserMenu }),
-            react_1.default.createElement("main", { className: "sm:ml-[var(--drawerWidth)] sm:w-[calc(100%_-_var(--drawerWidth))]", style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } }, loading ? (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center h-96" },
+            react_1.default.createElement("main", { className: "sm:ml-[var(--drawerWidth)] sm:w-[calc(100%_-_var(--drawerWidth))]", style: { "--drawerWidth": "".concat(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(CircularProgress_1.default, null),
-                    react_1.default.createElement(Typography_1.default, { mt: 1 }, "Na\u010D\u00EDt\u00E1m\u2026")))) : (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(Toolbar_1.default, { variant: "dense" }),
-                react_1.default.createElement(styles_1.LayoutHeader, { hasHeader: !!header, sx: { p: 3 } },
+                    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,
+                ToolbarRight && (react_1.default.createElement("div", { className: "flex h-12 items-center justify-end bg-sidebar-background px-6 text-darkMedium" }, ToolbarRight)),
+                react_1.default.createElement("div", { className: "px-10 pt-12 pb-9" },
                     MessageBar,
-                    react_1.default.createElement("div", { style: { fontSize: 10 } }, Breadcrumbs),
-                    react_1.default.createElement("div", { className: "flex flex-row items-center" },
-                        react_1.default.createElement(Typography_1.default, { flex: 1, variant: "h4", component: "h2", color: header ? "#fff" : undefined }, title),
+                    breadcrumbs && react_1.default.createElement(Breadcrumbs_1.Breadcrumbs, { items: breadcrumbs }),
+                    react_1.default.createElement("div", { className: "flex items-center" },
+                        react_1.default.createElement("h2", { className: "uxf-typo-h4" }, title),
                         TitleRightContainer),
                     subtitle,
-                    header),
-                react_1.default.createElement("div", { className: "p-3" }, children)))))));
+                    Header),
+                react_1.default.createElement("div", { className: "px-10" }, children)))))));
 };
 exports.Layout = Layout;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxvRkFBOEQ7QUFDOUQsMEVBQW9EO0FBQ3BELGtFQUErQztBQUMvQyx3RUFBa0Q7QUFDbEQsbURBQTZCO0FBQzdCLGdEQUFpRDtBQUNqRCx1Q0FBc0M7QUFDdEMsbUNBQWtDO0FBQ2xDLHFDQUFvQztBQUNwQyxtQ0FBaUU7QUFHMUQsSUFBTSxNQUFNLEdBQW9CLFVBQUMsS0FBSzs7SUFFckMsSUFBQSxRQUFRLEdBYVIsS0FBSyxTQWJHLEVBQ1IsS0FBSyxHQVlMLEtBQUssTUFaQSxFQUNMLElBQUksR0FXSixLQUFLLEtBWEQsRUFDSixJQUFJLEdBVUosS0FBSyxLQVZELEVBQ0osaUJBQWlCLEdBU2pCLEtBQUssa0JBVFksRUFDakIsUUFBUSxHQVFSLEtBQUssU0FSRyxFQUNSLE1BQU0sR0FPTixLQUFLLE9BUEMsRUFDTixXQUFXLEdBTVgsS0FBSyxZQU5NLEVBQ1gsWUFBWSxHQUtaLEtBQUssYUFMTyxFQUNaLFVBQVUsR0FJVixLQUFLLFdBSkssRUFDVixPQUFPLEdBR1AsS0FBSyxRQUhFLEVBQ1AsUUFBUSxHQUVSLEtBQUssU0FGRyxFQUNSLG1CQUFtQixHQUNuQixLQUFLLG9CQURjLENBQ2I7SUFFVixPQUFPLENBQ0gsOEJBQUMsbUJBQVU7UUFDUCw4QkFBQyxjQUFJO1lBQ0Qsd0NBQU0sSUFBSSxFQUFDLFVBQVUsRUFBQyxPQUFPLEVBQUMscUNBQXFDLEdBQUc7WUFDdEUsd0NBQU0sT0FBTyxFQUFDLE9BQU8sR0FBRztZQUN4Qiw2Q0FBUSxVQUFHLEtBQUssZ0JBQU0sTUFBQSxlQUFNLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxtQ0FBSSxFQUFFLENBQUUsQ0FBUyxDQUMxRDtRQUNQLDhCQUFDLHFCQUFXLE9BQUc7UUFDZiw4QkFBQyxlQUFNLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsWUFBWSxHQUFJO1FBQ2xELHVDQUFLLFNBQVMsRUFBQyxzQkFBc0I7WUFDakMsOEJBQUMsaUJBQU8sSUFBQyxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsR0FBSTtZQUM3Rix3Q0FDSSxTQUFTLEVBQUMsbUVBQW1FLEVBQzdFLEtBQUssRUFBRSxFQUFFLGVBQWUsRUFBRSxVQUFHLG9CQUFXLE9BQUksRUFBbUIsSUFFOUQsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNQLHVDQUFLLFNBQVMsRUFBQyxnREFBZ0Q7Z0JBQzNELHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN4Qiw4QkFBQywwQkFBZ0IsT0FBRztvQkFDcEIsOEJBQUMsb0JBQVUsSUFBQyxFQUFFLEVBQUUsQ0FBQyxtQ0FBOEIsQ0FDN0MsQ0FDSixDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0E7Z0JBQ0ksOEJBQUMsaUJBQVUsSUFBQyxPQUFPLEVBQUMsT0FBTyxHQUFHO2dCQUM5Qiw4QkFBQyxxQkFBWSxJQUFDLFNBQVMsRUFBRSxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUU7b0JBQzFDLFVBQVU7b0JBQ1gsdUNBQUssS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxJQUFHLFdBQVcsQ0FBTztvQkFDakQsdUNBQUssU0FBUyxFQUFDLDRCQUE0Qjt3QkFDdkMsOEJBQUMsb0JBQVUsSUFDUCxJQUFJLEVBQUUsQ0FBQyxFQUNQLE9BQU8sRUFBQyxJQUFJLEVBQ1osU0FBUyxFQUFDLElBQUksRUFDZCxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFFakMsS0FBSyxDQUNHO3dCQUNaLG1CQUFtQixDQUNsQjtvQkFDTCxRQUFRO29CQUNSLE1BQU0sQ0FDSTtnQkFDZix1Q0FBSyxTQUFTLEVBQUMsS0FBSyxJQUFFLFFBQVEsQ0FBTyxDQUN0QyxDQUNOLENBQ0UsQ0FDTCxDQUNHLENBQ2hCLENBQUM7QUFDTixDQUFDLENBQUM7QUFsRVcsUUFBQSxNQUFNLFVBa0VqQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxtREFBNkI7QUFDN0IsZ0RBQWlEO0FBQ2pELHVDQUFzQztBQUN0QyxxQ0FBb0M7QUFDcEMsbUNBQXVDO0FBRXZDLDZDQUE0QztBQUM1QyxnREFBK0M7QUFFeEMsSUFBTSxNQUFNLEdBQW9CLFVBQUMsS0FBSzs7SUFFckMsSUFBQSxRQUFRLEdBYVIsS0FBSyxTQWJHLEVBQ1IsS0FBSyxHQVlMLEtBQUssTUFaQSxFQUNMLElBQUksR0FXSixLQUFLLEtBWEQsRUFDSixJQUFJLEdBVUosS0FBSyxLQVZELEVBQ0osaUJBQWlCLEdBU2pCLEtBQUssa0JBVFksRUFDakIsUUFBUSxHQVFSLEtBQUssU0FSRyxFQUNSLE1BQU0sR0FPTixLQUFLLE9BUEMsRUFDTixXQUFXLEdBTVgsS0FBSyxZQU5NLEVBQ1gsWUFBWSxHQUtaLEtBQUssYUFMTyxFQUNaLFVBQVUsR0FJVixLQUFLLFdBSkssRUFDVixPQUFPLEdBR1AsS0FBSyxRQUhFLEVBQ1AsUUFBUSxHQUVSLEtBQUssU0FGRyxFQUNSLG1CQUFtQixHQUNuQixLQUFLLG9CQURjLENBQ2I7SUFFVixPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLE1BQU07UUFDakIsOEJBQUMsY0FBSTtZQUNELHdDQUFNLElBQUksRUFBQyxVQUFVLEVBQUMsT0FBTyxFQUFDLHFDQUFxQyxHQUFHO1lBQ3RFLHdDQUFNLE9BQU8sRUFBQyxPQUFPLEdBQUc7WUFDeEIsNkNBQVEsVUFBRyxLQUFLLGdCQUFNLE1BQUEsZUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsbUNBQUksRUFBRSxDQUFFLENBQVMsQ0FDMUQ7UUFDUCx1Q0FBSyxTQUFTLEVBQUMsYUFBYTtZQUN4Qiw4QkFBQyxpQkFBTyxJQUFDLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJO1lBQzdGLHdDQUNJLFNBQVMsRUFBQyxtRUFBbUUsRUFDN0UsS0FBSyxFQUFFLEVBQUUsZUFBZSxFQUFFLFVBQUcsb0JBQVcsT0FBSSxFQUFtQixJQUU5RCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ1AsdUNBQUssU0FBUyxFQUFDLGdEQUFnRDtnQkFDM0QsdUNBQUssU0FBUyxFQUFDLGFBQWE7b0JBQ3hCLDhCQUFDLGVBQU0sT0FBRztvQkFDVixxQ0FBRyxTQUFTLEVBQUMsTUFBTSxtQ0FBb0IsQ0FDckMsQ0FDSixDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0E7Z0JBQ0ssWUFBWSxJQUFJLENBQ2IsdUNBQUssU0FBUyxFQUFDLCtFQUErRSxJQUN6RixZQUFZLENBQ1gsQ0FDVDtnQkFDRCx1Q0FBSyxTQUFTLEVBQUMsa0JBQWtCO29CQUM1QixVQUFVO29CQUNWLFdBQVcsSUFBSSw4QkFBQyx5QkFBVyxJQUFDLEtBQUssRUFBRSxXQUFXLEdBQUk7b0JBQ25ELHVDQUFLLFNBQVMsRUFBQyxtQkFBbUI7d0JBQzlCLHNDQUFJLFNBQVMsRUFBQyxhQUFhLElBQUUsS0FBSyxDQUFNO3dCQUN2QyxtQkFBbUIsQ0FDbEI7b0JBQ0wsUUFBUTtvQkFDUixNQUFNLENBQ0w7Z0JBQ04sdUNBQUssU0FBUyxFQUFDLE9BQU8sSUFBRSxRQUFRLENBQU8sQ0FDeEMsQ0FDTixDQUNFLENBQ0wsQ0FDSixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUE3RFcsUUFBQSxNQUFNLFVBNkRqQiJ9

package/lib/Layout/Sidebar.js

@@ -13,8 +13,8 @@ var uxfLogo = (react_1.default.createElement("svg", { width: "179", height: "30"
     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" })));
 var Sidebar = function (props) {
     var MenuComponent = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu, Logo = props.Logo;
-    return (react_1.default.createElement("div", { className: "bg-sidebar-background shrink-0 w-[var(--drawerWidth)] pt-5 h-screen fixed", style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } }, MenuComponent !== null && MenuComponent !== void 0 ? MenuComponent : (menuConfiguration && (react_1.default.createElement("div", { className: "" }, Logo !== null && Logo !== void 0 ? Logo : uxfLogo,
-        react_1.default.createElement(Menu_1.Menu, { menu: menuConfiguration })))), UserMenu !== null && UserMenu !== void 0 ? UserMenu : (react_1.default.createElement("div", { className: "border-t text-darkMedium fixed bottom-0 w-[var(--drawerWidth)] p-3 pr-5 border-t-darkLow/10" },
+    return (react_1.default.createElement("div", { className: "fixed h-screen w-[var(--drawerWidth)] shrink-0 bg-sidebar-background pt-5", style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } }, MenuComponent !== null && MenuComponent !== void 0 ? MenuComponent : (menuConfiguration && (react_1.default.createElement("div", { className: "" }, Logo !== null && Logo !== void 0 ? Logo : uxfLogo,
+        react_1.default.createElement(Menu_1.Menu, { menu: menuConfiguration })))), UserMenu !== null && UserMenu !== void 0 ? UserMenu : (react_1.default.createElement("div", { className: "fixed bottom-0 w-[var(--drawerWidth)] border-t border-t-darkLow/10 p-3 pr-5 text-darkMedium" },
         react_1.default.createElement("div", { className: "flex items-center" },
             react_1.default.createElement(avatar_1.Avatar, { className: "mr-3" }),
             react_1.default.createElement("div", null,

package/lib/Layout/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./Layout";
+export * from "./Breadcrumbs";
 export * from "./types";

package/lib/Layout/index.js

@@ -11,5 +11,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Layout"), exports);
+__exportStar(require("./Breadcrumbs"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0xheW91dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQSwyQ0FBeUI7QUFDekIsMENBQXdCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0xheW91dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQSwyQ0FBeUI7QUFDekIsZ0RBQThCO0FBQzlCLDBDQUF3QiJ9

package/lib/Layout/styles.d.ts

@@ -1,6 +1 @@
-/// <reference types="react" />
 export declare const drawerWidth = 264;
-export declare const LayoutRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const LayoutHeader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    hasHeader?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/Layout/styles.js

@@ -1,17 +1,5 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LayoutHeader = exports.LayoutRoot = exports.drawerWidth = void 0;
-var react_1 = require("@emotion/react");
-var styles_1 = require("@mui/material/styles");
+exports.drawerWidth = void 0;
 exports.drawerWidth = 264;
-exports.LayoutRoot = (0, styles_1.styled)("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n"], ["\n    display: flex;\n"])));
-exports.LayoutHeader = (0, styles_1.styled)("div", { shouldForwardProp: function (propName) { return propName !== "hasHeader"; } })(function (_a) {
-    var theme = _a.theme, hasHeader = _a.hasHeader;
-    return hasHeader && (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            background-color: ", ";\n            color: #fff;\n        "], ["\n            background-color: ", ";\n            color: #fff;\n        "])), theme.palette.primary.main);
-});
-var templateObject_1, templateObject_2;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx3Q0FBcUM7QUFDckMsK0NBQThDO0FBRWpDLFFBQUEsV0FBVyxHQUFHLEdBQUcsQ0FBQztBQUVsQixRQUFBLFVBQVUsR0FBRyxJQUFBLGVBQU0sRUFBQyxLQUFLLENBQUMsMkZBQUEsd0JBRXRDLEtBQUM7QUFFVyxRQUFBLFlBQVksR0FBRyxJQUFBLGVBQU0sRUFBQyxLQUFLLEVBQUUsRUFBRSxpQkFBaUIsRUFBRSxVQUFDLFFBQVEsSUFBSyxPQUFBLFFBQVEsS0FBSyxXQUFXLEVBQXhCLENBQXdCLEVBQUUsQ0FBQyxDQUdwRyxVQUFDLEVBQW9CO1FBQWxCLEtBQUssV0FBQSxFQUFFLFNBQVMsZUFBQTtJQUNmLE9BQUEsU0FBUyxRQUNULFdBQUcsK0lBQUEsa0NBQ3FCLEVBQTBCLHVDQUVqRCxLQUZ1QixLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBRWpEO0FBSkQsQ0FJQyxDQUNSLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFhLFFBQUEsV0FBVyxHQUFHLEdBQUcsQ0FBQyJ9

package/lib/Layout/types.d.ts

@@ -1,9 +1,10 @@
 import { ReactNode } from "react";
 import { MenuItem } from "../Menu/model";
+import { BreadcrumbItemProps } from "./Breadcrumbs";
 export declare type LayoutProps = SidebarProps & {
     children?: ReactNode;
-    Breadcrumbs?: ReactNode;
-    header?: ReactNode;
+    breadcrumbs?: BreadcrumbItemProps[];
+    Header?: ReactNode;
     loading?: boolean;
     Logo?: ReactNode;
     MessageBar?: ReactNode;

package/lib/LoginLayout/LoginLayout.js

@@ -9,13 +9,13 @@ var react_1 = __importDefault(require("react"));
 var paper_1 = require("@uxf/ui/paper/paper");
 var LoginLayout = function (props) {
     var hideTitle = props.hideTitle, title = props.title, subTitle = props.subTitle, pageTitle = props.pageTitle, children = props.children, Logo = props.Logo;
-    return (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen p-4 bg-gray-100" },
+    return (react_1.default.createElement("div", { className: "flex min-h-screen flex-col items-center justify-center bg-gray-100 p-4" },
         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: "mt-2 uxf-typo-body text-lightMedium" }, subTitle),
-        react_1.default.createElement(paper_1.Paper, { className: "max-w-full w-[448px] p-6 mt-8" }, children)));
+        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" }, children)));
 };
 exports.LoginLayout = LoginLayout;
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9naW5MYXlvdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0xvZ2luTGF5b3V0L0xvZ2luTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxtREFBNkI7QUFDN0IsZ0RBQWtDO0FBRWxDLDZDQUE0QztBQUVyQyxJQUFNLFdBQVcsR0FBeUIsVUFBQyxLQUFLO0lBQzNDLElBQUEsU0FBUyxHQUFpRCxLQUFLLFVBQXRELEVBQUUsS0FBSyxHQUEwQyxLQUFLLE1BQS9DLEVBQUUsUUFBUSxHQUFnQyxLQUFLLFNBQXJDLEVBQUUsU0FBUyxHQUFxQixLQUFLLFVBQTFCLEVBQUUsUUFBUSxHQUFXLEtBQUssU0FBaEIsRUFBRSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFeEUsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyx3RUFBd0U7UUFDbkYsOEJBQUMsY0FBSTtZQUNELDZDQUFRLFNBQVMsSUFBSSxFQUFFLENBQVMsQ0FDN0I7UUFDTixJQUFJLElBQUksdUNBQUssU0FBUyxFQUFDLE1BQU0sSUFBRSxJQUFJLENBQU87UUFDMUMsS0FBSyxJQUFJLHNDQUFJLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsYUFBYSxJQUFHLEtBQUssQ0FBTTtRQUMzRSxRQUFRLElBQUkscUNBQUcsU0FBUyxFQUFDLHFDQUFxQyxJQUFFLFFBQVEsQ0FBSztRQUM5RSw4QkFBQyxhQUFLLElBQUMsU0FBUyxFQUFDLCtCQUErQixJQUFFLFFBQVEsQ0FBUyxDQUNqRSxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFkVyxRQUFBLFdBQVcsZUFjdEIifQ==

package/lib/api/createAxiosRequest.js

@@ -21,27 +21,29 @@ var BadRequestError_1 = require("../../errors/BadRequestError");
 var ForbiddenError_1 = require("../../errors/ForbiddenError");
 var NetworkError_1 = require("../../errors/NetworkError");
 var UnauthorizedError_1 = require("../../errors/UnauthorizedError");
-var createAxiosRequest = function (axiosInstance, requestConfig) { return function (ctx, url, method, body, query) {
-    var _a;
-    return axiosInstance
-        .request(__assign(__assign({ 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 ? "".concat(url, "?").concat(qs_1.default.stringify(query)) : url, method: method, data: body }))
-        .catch(function (error) {
-        if (error.response) {
-            if (error.response.status === 400) {
-                throw new BadRequestError_1.BadRequestError(error.response.data);
+var createAxiosRequest = function (axiosInstance, requestConfig) {
+    return function (ctx, url, method, body, query) {
+        var _a;
+        return axiosInstance
+            .request(__assign(__assign({ 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 ? "".concat(url, "?").concat(qs_1.default.stringify(query)) : url, method: method, data: body }))
+            .catch(function (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.response.status === 401) {
-                throw new UnauthorizedError_1.UnauthorizedError();
+            else if (error.request) {
+                throw new NetworkError_1.NetworkError();
             }
-            else if (error.response.status === 403) {
-                throw new ForbiddenError_1.ForbiddenError();
-            }
-        }
-        else if (error.request) {
-            throw new NetworkError_1.NetworkError();
-        }
-        throw error;
-    });
-}; };
+            throw error;
+        });
+    };
+};
 exports.createAxiosRequest = createAxiosRequest;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlQXhpb3NSZXF1ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9hcGkvY3JlYXRlQXhpb3NSZXF1ZXN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0EsMENBQW9CO0FBQ3BCLHVDQUFzQztBQUN0QyxnRUFBK0Q7QUFDL0QsOERBQTZEO0FBQzdELDBEQUF5RDtBQUN6RCxvRUFBbUU7QUFFNUQsSUFBTSxrQkFBa0IsR0FBRyxVQUFDLGFBQTRCLEVBQUUsYUFBaUMsSUFBSyxPQUFBLFVBR25HLEdBQVEsRUFDUixHQUFXLEVBQ1gsTUFBYyxFQUNkLElBQW1CLEVBQ25CLEtBQW9COztJQUVwQixPQUFPLGFBQWE7U0FDZixPQUFPLHFCQUNKLE9BQU8sRUFBRSxlQUFNLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxFQUM5QixPQUFPLEVBQUUsQ0FBQSxNQUFBLEdBQUcsYUFBSCxHQUFHLHVCQUFILEdBQUcsQ0FBRSxHQUFHLDBDQUFFLE9BQU8sQ0FBQyxNQUFNLEVBQUMsQ0FBQyxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQ3hFLGFBQWEsS0FDaEIsR0FBRyxFQUFFLEtBQUssSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQUcsR0FBRyxjQUFJLFlBQUUsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxFQUNuRixNQUFNLFFBQUEsRUFDTixJQUFJLEVBQUUsSUFBSSxJQUNaO1NBQ0QsS0FBSyxDQUFDLFVBQUMsS0FBSztRQUNULElBQUksS0FBSyxDQUFDLFFBQVEsRUFBRTtZQUNoQixJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsTUFBTSxLQUFLLEdBQUcsRUFBRTtnQkFDL0IsTUFBTSxJQUFJLGlDQUFlLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUNsRDtpQkFBTSxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsTUFBTSxLQUFLLEdBQUcsRUFBRTtnQkFDdEMsTUFBTSxJQUFJLHFDQUFpQixFQUFFLENBQUM7YUFDakM7aUJBQU0sSUFBSSxLQUFLLENBQUMsUUFBUSxDQUFDLE1BQU0sS0FBSyxHQUFHLEVBQUU7Z0JBQ3RDLE1BQU0sSUFBSSwrQkFBYyxFQUFFLENBQUM7YUFDOUI7U0FDSjthQUFNLElBQUksS0FBSyxDQUFDLE9BQU8sRUFBRTtZQUN0QixNQUFNLElBQUksMkJBQVksRUFBRSxDQUFDO1NBQzVCO1FBRUQsTUFBTSxLQUFLLENBQUM7SUFDaEIsQ0FBQyxDQUFDLENBQUM7QUFDWCxDQUFDLEVBakNzRyxDQWlDdEcsQ0FBQztBQWpDVyxRQUFBLGtCQUFrQixzQkFpQzdCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlQXhpb3NSZXF1ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9hcGkvY3JlYXRlQXhpb3NSZXF1ZXN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0EsMENBQW9CO0FBQ3BCLHVDQUFzQztBQUN0QyxnRUFBK0Q7QUFDL0QsOERBQTZEO0FBQzdELDBEQUF5RDtBQUN6RCxvRUFBbUU7QUFFNUQsSUFBTSxrQkFBa0IsR0FDM0IsVUFBQyxhQUE0QixFQUFFLGFBQWlDO0lBQ2hFLE9BQUEsVUFBdUIsR0FBUSxFQUFFLEdBQVcsRUFBRSxNQUFjLEVBQUUsSUFBbUIsRUFBRSxLQUFvQjs7UUFDbkcsT0FBTyxhQUFhO2FBQ2YsT0FBTyxxQkFDSixPQUFPLEVBQUUsZUFBTSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsRUFDOUIsT0FBTyxFQUFFLENBQUEsTUFBQSxHQUFHLGFBQUgsR0FBRyx1QkFBSCxHQUFHLENBQUUsR0FBRywwQ0FBRSxPQUFPLENBQUMsTUFBTSxFQUFDLENBQUMsQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUN4RSxhQUFhLEtBQ2hCLEdBQUcsRUFBRSxLQUFLLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFHLEdBQUcsY0FBSSxZQUFFLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsRUFDbkYsTUFBTSxRQUFBLEVBQ04sSUFBSSxFQUFFLElBQUksSUFDWjthQUNELEtBQUssQ0FBQyxVQUFDLEtBQUs7WUFDVCxJQUFJLEtBQUssQ0FBQyxRQUFRLEVBQUU7Z0JBQ2hCLElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQyxNQUFNLEtBQUssR0FBRyxFQUFFO29CQUMvQixNQUFNLElBQUksaUNBQWUsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO2lCQUNsRDtxQkFBTSxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsTUFBTSxLQUFLLEdBQUcsRUFBRTtvQkFDdEMsTUFBTSxJQUFJLHFDQUFpQixFQUFFLENBQUM7aUJBQ2pDO3FCQUFNLElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQyxNQUFNLEtBQUssR0FBRyxFQUFFO29CQUN0QyxNQUFNLElBQUksK0JBQWMsRUFBRSxDQUFDO2lCQUM5QjthQUNKO2lCQUFNLElBQUksS0FBSyxDQUFDLE9BQU8sRUFBRTtnQkFDdEIsTUFBTSxJQUFJLDJCQUFZLEVBQUUsQ0FBQzthQUM1QjtZQUVELE1BQU0sS0FBSyxDQUFDO1FBQ2hCLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQztBQXpCRCxDQXlCQyxDQUFDO0FBM0JPLFFBQUEsa0JBQWtCLHNCQTJCekIifQ==

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/cms",
-  "version": "6.0.0-beta.7",
+  "version": "6.0.0-beta.9",
   "description": "UXF Cms",
   "author": "UXFans <dev@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -21,15 +21,17 @@
   "scripts": {
     "lint": "./node_modules/.bin/eslint -c .eslintrc.js \"./**/*.ts*\"",
     "typecheck": "./node_modules/.bin/tsc --noEmit --skipLibCheck",
-    "check": "npm run lint && npm run typecheck",
+    "check": "concurrently \"npm run lint\" \"npm run lint:css\" \"npm run typecheck\" \"prettier . --check\" \"npm run check:icons\" \"npm run check:tw-tokens\"",
+    "check:icons": "icons-check",
+    "check:tw-tokens": "node node_modules/@uxf/ui/scripts/generate-tw-tokens.js --mode=\"check\" --twConfig=\"tailwind.config.js\" --outputPath=\"src/ui/tw-tokens/\"",
     "dev": "node dev-server.js",
     "build": "./node_modules/.bin/tsc -P tsconfig.build.json",
-    "check:icons": "icons-check",
-    "gen:icons": "icons-gen"
+    "gen:icons": "icons-gen",
+    "lint:css": "stylelint \"./**/*.(css)\""
   },
   "dependencies": {
-    "@uxf/form": "^1.0.0-beta.96",
-    "@uxf/ui": "^1.0.0-beta.96",
+    "@uxf/form": "^1.0.0-beta.99",
+    "@uxf/ui": "^1.0.0-beta.99",
     "es6-error": "^4.1.1",
     "path-to-regexp": "^6.1.0",
     "react-hook-form": "^7.41.5",
@@ -60,29 +62,32 @@
     "@uxf/router": "^3.0.0-beta.3",
     "@uxf/wysiwyg": "^1.1.2",
     "@uxf/wysiwyg-mui5-plugins": "^1.0.1",
-    "autoprefixer": "^10.4.7",
+    "autoprefixer": "^10.4.13",
     "axios": "^0.21.1",
     "axios-hooks": "^2.7.0",
+    "concurrently": "^7.6.0",
     "coordinate-parser": "^1.0.7",
     "dayjs": "^1.11.7",
-    "eslint": "^8.8.0",
-    "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-react": "^7.28.0",
-    "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint": "^8.32.0",
+    "eslint-plugin-import": "^2.27.4",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-react": "^7.32.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "express": "^4.17.1",
     "express-http-proxy": "^1.6.2",
     "final-form": "^4.20.2",
     "final-form-arrays": "^3.0.2",
     "final-form-calculate": "^1.3.2",
     "http-proxy-middleware": "^2.0.1",
-    "next": "^12.3.4",
+    "next": "^13.1.2",
     "path": "^0.12.7",
-    "postcss": "^8.4.14",
+    "postcss": "^8.4.21",
     "postcss-focus-visible": "^7.1.0",
     "postcss-import": "^15.1.0",
     "postcss-pxtorem": "^6.0.0",
-    "prettier": "^2.4.1",
+    "postcss-syntax": "^0.36.2",
+    "prettier": "^2.8.3",
+    "prettier-plugin-tailwindcss": "^0.2.1",
     "qs": "^6.10.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -90,7 +95,14 @@
     "react-final-form": "^6.5.7",
     "react-final-form-arrays": "^3.1.3",
     "redux-devtools-extension": "^2.13.9",
-    "tailwindcss": "^3.1.5",
+    "stylelint": "^14.16.1",
+    "stylelint-config-prettier": "^9.0.4",
+    "stylelint-config-recommended": "^9.0.0",
+    "stylelint-config-standard": "^29.0.0",
+    "stylelint-config-tailwindcss": "^0.0.7",
+    "stylelint-prettier": "^2.0.0",
+    "stylelint-use-nesting": "^4.0.0",
+    "tailwindcss": "^3.2.4",
     "ts-node": "^10.2.1",
     "typescript": "^4.4.3"
   },
@@ -116,6 +128,6 @@
   },
   "volta": {
     "node": "18.5.0",
-    "yarn": "1.22.19"
+    "npm": "8.12.1"
   }
 }

package/pages/ContentBuilder/ContentHeader.js

@@ -62,7 +62,7 @@ var ContentHeader = function (props) {
         }
     }, [onRemove]);
     return (react_1.default.createElement("div", null,
-        react_1.default.createElement("div", { className: "flex flex-row justify-between items-center pt-8 pb-4" },
+        react_1.default.createElement("div", { className: "flex flex-row items-center justify-between pt-8 pb-4" },
             react_1.default.createElement(Typography_1.default, { variant: "h3", fontWeight: "bold" },
                 "Sekce #",
                 index + 1),

package/pages/ContentBuilder/components/FormContent.js

@@ -32,7 +32,7 @@ var FormContent = function (props) {
                     children: s.getConfig().label,
                 }); }) }) }));
     }
-    return (react_1.default.createElement("div", { className: "flex align-center justify-center p-4" },
+    return (react_1.default.createElement("div", { className: "align-center flex justify-center p-4" },
         react_1.default.createElement(Warning_1.default, { color: "error" }),
         react_1.default.createElement(Typography_1.default, { color: "error", ml: 2, fontWeight: "bold" }, "Nepodporovan\u00E1 sekce")));
 };

package/pages/ContentBuilder/content/FeatureSection.js

@@ -29,7 +29,7 @@ var FeatureSection = function (props) {
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(ContentHeader_1.ContentHeader, __assign({}, props)),
         react_1.default.createElement("div", { className: "pt-6" },
-            react_1.default.createElement("div", { className: "grid grid-cols-12 gap-4 mt-2" },
+            react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
                 react_1.default.createElement("div", { className: "col-span-12" },
                     react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(name, ".title"), label: "Nadpis", required: true })),
                 react_1.default.createElement("div", { className: "col-span-12" },
@@ -45,14 +45,14 @@ var FeatureSection = function (props) {
                                         fields.remove(index);
                                     }
                                 };
-                                return (react_1.default.createElement("div", { key: "feature-".concat(index), className: "border-l-2 border-primary pl-8 mb-8" },
+                                return (react_1.default.createElement("div", { key: "feature-".concat(index), className: "border-primary mb-8 border-l-2 pl-8" },
                                     react_1.default.createElement("div", { className: "flex justify-between" },
                                         react_1.default.createElement(Typography_1.default, { variant: "h4", pt: 1, mb: 3, fontWeight: "bold" },
                                             "Feature #",
                                             index + 1),
                                         index > 0 ? (react_1.default.createElement("div", null,
                                             react_1.default.createElement(Button_1.Button, { size: "small", color: "error", onClick: handleRemove }, "Smazat feature"))) : (react_1.default.createElement(material_1.Box, null))),
-                                    react_1.default.createElement("div", { className: "grid grid-cols-12 gap-4 mt-2" },
+                                    react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
                                         react_1.default.createElement("div", { className: "col-span-12" },
                                             react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(fieldName, ".title"), label: "Nadpis", required: true })),
                                         react_1.default.createElement("div", { className: "col-span-12" },

package/pages/ContentBuilder/content/HeroSection.js

@@ -24,7 +24,7 @@ var HeroSection = function (props) {
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(ContentHeader_1.ContentHeader, __assign({}, props)),
         react_1.default.createElement("div", { className: "pt-6" },
-            react_1.default.createElement("div", { className: "grid grid-cols-12 gap-4 mt-2" },
+            react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
                 react_1.default.createElement("div", { className: "col-span-12" },
                     react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(name, ".title"), label: "Nadpis", required: true })),
                 react_1.default.createElement("div", { className: "col-span-12" },