@deix/rossini-core 0.4.2 → 0.5.1

package/lib/src/components/layout/components/Sidebar/Sidebar.js

@@ -1,58 +1,78 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-import React, { useState } from 'react';
-import ArrowRightOutlinedIcon from '@mui/icons-material/ArrowRightOutlined';
-import ExpandLessIcon from '@mui/icons-material/ExpandLess';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import { Collapse, Drawer, IconButton, List, ListItemButton, ListItemIcon, ListItemText, Menu, MenuItem, Tooltip, Typography, } from '@mui/material';
-import { useTheme as useMUITheme } from '@mui/material/styles';
-import Link from 'next/link';
-import { useRouter } from 'next/router';
-import { isStringTranslation, } from '../../../../types/languages';
-import { usePersistedState } from '../../../../utils';
-var Sidebar = function (_a) {
-    var links = _a.links, open = _a.open, isMobile = _a.isMobile, logo = _a.logo, locale = _a.locale, onClose = _a.onClose;
-    var muiTheme = useMUITheme();
-    var pathname = useRouter().pathname;
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const ArrowRightOutlined_1 = __importDefault(require("@mui/icons-material/ArrowRightOutlined"));
+const ExpandLess_1 = __importDefault(require("@mui/icons-material/ExpandLess"));
+const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
+const material_1 = require("@mui/material");
+const material_2 = require("@mui/material");
+const link_1 = __importDefault(require("next/link"));
+const router_1 = require("next/router");
+const languages_1 = require("../../../../types/languages");
+const utils_1 = require("../../../../utils");
+const Sidebar = ({ links, open, isMobile, logo, locale, onClose, }) => {
+    const muiTheme = (0, material_2.useTheme)();
+    const { pathname } = (0, router_1.useRouter)();
     // Handle default item icon and change color according to selection
-    var icons = function (link, selected) {
-        var color = selected
+    const icons = (link, selected) => {
+        const color = selected
             ? muiTheme.palette.primary.main
             : muiTheme.palette.linkNotActive.main;
-        return (React.createElement(ListItemIcon, { color: color }, link.sidebarIcon ? (link.sidebarIcon(color)) : (React.createElement(ArrowRightOutlinedIcon, { htmlColor: color }))));
+        return (react_1.default.createElement(material_1.ListItemIcon, { color: color }, link.sidebarIcon ? (link.sidebarIcon(color)) : (react_1.default.createElement(ArrowRightOutlined_1.default, { htmlColor: color }))));
     };
     // Persist which items of the sidebar are open to avoid resetting on page change
-    var _b = usePersistedState('sidebarItemOpen', {}), sidebarItemOpen = _b[0], setSidebarItemOpen = _b[1];
-    var handleOpenSidebarItem = function (item) {
-        var oldOpenState = __assign({}, sidebarItemOpen);
+    const [sidebarItemOpen, setSidebarItemOpen] = (0, utils_1.usePersistedState)('sidebarItemOpen', {});
+    const handleOpenSidebarItem = (item) => {
+        const oldOpenState = { ...sidebarItemOpen };
         oldOpenState[item] =
             oldOpenState[item] === undefined ? true : !oldOpenState[item];
         setSidebarItemOpen(oldOpenState);
     };
-    var _c = useState({}), subPagesMenuAnchorEl = _c[0], setSubPagesMenuAnchorEl = _c[1];
-    var handleOpenSidebarMenu = function (sidebarItemId, event) {
-        var _a;
-        setSubPagesMenuAnchorEl(__assign(__assign({}, subPagesMenuAnchorEl), (_a = {}, _a[sidebarItemId] = event.currentTarget, _a)));
+    const [subPagesMenuAnchorEl, setSubPagesMenuAnchorEl] = (0, react_1.useState)({});
+    const handleOpenSidebarMenu = (sidebarItemId, event) => {
+        setSubPagesMenuAnchorEl({
+            ...subPagesMenuAnchorEl,
+            [sidebarItemId]: event.currentTarget,
+        });
     };
-    var handleCloseSidebarMenu = function (sidebarItemId) {
-        var _a;
-        setSubPagesMenuAnchorEl(__assign(__assign({}, subPagesMenuAnchorEl), (_a = {}, _a[sidebarItemId] = null, _a)));
+    const handleCloseSidebarMenu = (sidebarItemId) => {
+        setSubPagesMenuAnchorEl({
+            ...subPagesMenuAnchorEl,
+            [sidebarItemId]: null,
+        });
     };
     // Function to generate sidebar items. To be called recursively
-    var handler = function (links, options) {
+    const handler = (links, options) => {
         if (open) {
             // Render all items with their labels
             return links
-                .sort(function (a, b) {
+                .sort((a, b) => {
                 if (a.sidebarOrder === undefined || b.sidebarOrder === undefined) {
                     return 1;
                 }
@@ -60,13 +80,13 @@ var Sidebar = function (_a) {
                     return a.sidebarOrder > b.sidebarOrder ? 1 : -1;
                 }
             })
-                .map(function (link) {
-                var selected = link.path === '/'
+                .map((link) => {
+                const selected = link.path === '/'
                     ? pathname === '/'
                     : pathname.slice(1).startsWith(link.path.slice(1));
                 if (!link.subPages) {
-                    return (React.createElement(Link, { key: link.id, href: link.path },
-                        React.createElement(ListItemButton, { selected: selected, style: {
+                    return (react_1.default.createElement(link_1.default, { key: link.id, href: link.path },
+                        react_1.default.createElement(material_1.ListItemButton, { selected: selected, style: {
                                 paddingLeft: options.level === 1 && open ? '32px' : '22px',
                                 paddingTop: options.level === 1 ? 0 : 8,
                                 paddingBottom: options.level === 1 ? 0 : 8,
@@ -74,59 +94,59 @@ var Sidebar = function (_a) {
                                 borderBottomRightRadius: '20px',
                             } },
                             icons(link, selected),
-                            React.createElement(ListItemText, { style: {
+                            react_1.default.createElement(material_1.ListItemText, { style: {
                                     color: selected
-                                        ? "".concat(muiTheme.palette.primary.main, " !important")
-                                        : "".concat(muiTheme.palette.linkNotActive.main, " !important"),
+                                        ? `${muiTheme.palette.primary.main} !important`
+                                        : `${muiTheme.palette.linkNotActive.main} !important`,
                                     marginLeft: '-20px',
                                     visibility: 'visible',
-                                }, disableTypography: true, primary: React.createElement(Typography, { variant: link.labelVariant || 'h6', style: selected
+                                }, disableTypography: true, primary: react_1.default.createElement(material_1.Typography, { variant: link.labelVariant || 'h6', style: selected
                                         ? { color: muiTheme.palette.primary.main }
-                                        : { color: muiTheme.palette.linkNotActive.main } }, isStringTranslation(link.label)
+                                        : { color: muiTheme.palette.linkNotActive.main } }, (0, languages_1.isStringTranslation)(link.label)
                                     ? link.label[locale]
                                     : link.label) }))));
                 }
-                return (React.createElement("div", { key: link.id },
-                    React.createElement(Link, { href: link.path },
-                        React.createElement(ListItemButton, { key: link.id, selected: selected, style: {
+                return (react_1.default.createElement("div", { key: link.id },
+                    react_1.default.createElement(link_1.default, { href: link.path },
+                        react_1.default.createElement(material_1.ListItemButton, { key: link.id, selected: selected, style: {
                                 paddingLeft: '22px',
                                 paddingTop: 8,
                                 paddingBottom: 8,
                                 borderTopRightRadius: '20px',
                                 borderBottomRightRadius: '20px',
-                            }, onClick: function (_evt) {
+                            }, onClick: (_evt) => {
                                 if (!sidebarItemOpen[link.id]) {
                                     handleOpenSidebarItem(link.id);
                                 }
                             } },
                             icons(link, selected),
-                            React.createElement(ListItemText, { style: {
+                            react_1.default.createElement(material_1.ListItemText, { style: {
                                     color: selected
-                                        ? "".concat(muiTheme.palette.primary.main, " !important")
-                                        : "".concat(muiTheme.palette.linkNotActive.main, " !important"),
+                                        ? `${muiTheme.palette.primary.main} !important`
+                                        : `${muiTheme.palette.linkNotActive.main} !important`,
                                     marginLeft: '-20px',
                                     visibility: 'visible',
-                                }, disableTypography: true, primary: React.createElement(Typography, { variant: link.labelVariant || 'h6', style: selected
+                                }, disableTypography: true, primary: react_1.default.createElement(material_1.Typography, { variant: link.labelVariant || 'h6', style: selected
                                         ? { color: muiTheme.palette.primary.main }
-                                        : { color: muiTheme.palette.linkNotActive.main } }, isStringTranslation(link.label)
+                                        : { color: muiTheme.palette.linkNotActive.main } }, (0, languages_1.isStringTranslation)(link.label)
                                     ? link.label[locale]
                                     : link.label) }),
-                            sidebarItemOpen[link.id] ? (React.createElement(IconButton, { onClick: function (e) {
+                            sidebarItemOpen[link.id] ? (react_1.default.createElement(material_1.IconButton, { onClick: (e) => {
                                     e.stopPropagation();
                                     handleOpenSidebarItem(link.id);
                                 } },
-                                React.createElement(ExpandLessIcon, null))) : (React.createElement(IconButton, { onClick: function (e) {
+                                react_1.default.createElement(ExpandLess_1.default, null))) : (react_1.default.createElement(material_1.IconButton, { onClick: (e) => {
                                     e.stopPropagation();
                                     handleOpenSidebarItem(link.id);
                                 } },
-                                React.createElement(ExpandMoreIcon, null))))),
-                    React.createElement(Collapse, { in: sidebarItemOpen[link.id], timeout: 'auto', unmountOnExit: true }, handler(link.subPages, { level: 1 }))));
+                                react_1.default.createElement(ExpandMore_1.default, null))))),
+                    react_1.default.createElement(material_1.Collapse, { in: sidebarItemOpen[link.id], timeout: 'auto', unmountOnExit: true }, handler(link.subPages, { level: 1 }))));
             });
         }
         else {
             // Return only level 0 items and show level 1 items in a menu
             return (links
-                .sort(function (a, b) {
+                .sort((a, b) => {
                 if (a.sidebarOrder === undefined || b.sidebarOrder === undefined) {
                     return 1;
                 }
@@ -135,23 +155,23 @@ var Sidebar = function (_a) {
                 }
             })
                 // .filter((l) => l.id !== 'settings')
-                .map(function (link) {
-                var selected = link.path === '/'
+                .map((link) => {
+                const selected = link.path === '/'
                     ? pathname === '/'
                     : pathname.slice(1).startsWith(link.path.slice(1));
                 if (link.subPages) {
-                    return (React.createElement("div", { key: link.id },
-                        React.createElement(ListItemButton, { selected: selected, style: {
+                    return (react_1.default.createElement("div", { key: link.id },
+                        react_1.default.createElement(material_1.ListItemButton, { selected: selected, style: {
                                 paddingLeft: '22px',
                                 paddingTop: 8,
                                 paddingBottom: 8,
                                 borderTopRightRadius: '20px',
                                 borderBottomRightRadius: '20px',
-                            }, onClick: function (evt) { return handleOpenSidebarMenu(link.id, evt); } },
-                            React.createElement(Tooltip, { title: isStringTranslation(link.label)
+                            }, onClick: (evt) => handleOpenSidebarMenu(link.id, evt) },
+                            react_1.default.createElement(material_1.Tooltip, { title: (0, languages_1.isStringTranslation)(link.label)
                                     ? link.label[locale]
                                     : link.label, placement: 'right', enterDelay: 600, enterNextDelay: 600, arrow: true }, icons(link, selected))),
-                        React.createElement(Menu, { id: "".concat(link.id, "-subpages-menu"), anchorEl: subPagesMenuAnchorEl[link.id], open: Boolean(subPagesMenuAnchorEl[link.id]), onClose: function (_evt) { return handleCloseSidebarMenu(link.id); }, anchorOrigin: {
+                        react_1.default.createElement(material_1.Menu, { id: `${link.id}-subpages-menu`, anchorEl: subPagesMenuAnchorEl[link.id], open: Boolean(subPagesMenuAnchorEl[link.id]), onClose: (_evt) => handleCloseSidebarMenu(link.id), anchorOrigin: {
                                 vertical: 'top',
                                 horizontal: 'right',
                             }, transformOrigin: {
@@ -163,54 +183,55 @@ var Sidebar = function (_a) {
                                     padding: '2px',
                                     overflow: 'visible',
                                 },
-                            } }, link.subPages.map(function (subPage) { return (React.createElement(Link, { key: subPage.id, href: subPage.path },
-                            React.createElement(MenuItem, null,
+                            } }, link.subPages.map((subPage) => (react_1.default.createElement(link_1.default, { key: subPage.id, href: subPage.path },
+                            react_1.default.createElement(material_1.MenuItem, null,
                                 icons(subPage, selected),
-                                React.createElement(ListItemText, { style: {
+                                react_1.default.createElement(material_1.ListItemText, { style: {
                                         color: selected
-                                            ? "".concat(muiTheme.palette.primary.main, " !important")
-                                            : "".concat(muiTheme.palette.linkNotActive.main, " !important"),
-                                    } }, isStringTranslation(subPage.label)
+                                            ? `${muiTheme.palette.primary.main} !important`
+                                            : `${muiTheme.palette.linkNotActive.main} !important`,
+                                    } }, (0, languages_1.isStringTranslation)(subPage.label)
                                     ? subPage.label[locale]
-                                    : subPage.label)))); }))));
+                                    : subPage.label))))))));
                 }
                 else {
-                    return (React.createElement(Link, { key: link.id, href: link.path },
-                        React.createElement(ListItemButton, { selected: selected, style: {
+                    return (react_1.default.createElement(link_1.default, { key: link.id, href: link.path },
+                        react_1.default.createElement(material_1.ListItemButton, { selected: selected, style: {
                                 paddingLeft: '22px',
                                 paddingTop: 8,
                                 paddingBottom: 8,
                                 borderTopRightRadius: '20px',
                                 borderBottomRightRadius: '20px',
                             } },
-                            React.createElement(Tooltip, { title: isStringTranslation(link.label)
+                            react_1.default.createElement(material_1.Tooltip, { title: (0, languages_1.isStringTranslation)(link.label)
                                     ? link.label[locale]
                                     : link.label, placement: 'right', enterDelay: 600, enterNextDelay: 600, arrow: true }, icons(link, selected)))));
                 }
             }));
         }
     };
-    return (React.createElement(Drawer, { anchor: 'left', onClose: onClose, open: open, variant: isMobile ? 'temporary' : 'permanent', sx: {
+    return (react_1.default.createElement(material_1.Drawer, { anchor: 'left', onClose: onClose, open: open, variant: isMobile ? 'temporary' : 'permanent', sx: {
             flexShrink: 0,
             whiteSpace: 'nowrap',
             height: '100%',
             width: {
-                xs: open ? '65%' : "".concat(parseInt(muiTheme.spacing(9), 10) + 1, "px"),
-                sm: open ? '50%' : "".concat(parseInt(muiTheme.spacing(9), 10) + 1, "px"),
-                md: open ? '300px' : "".concat(parseInt(muiTheme.spacing(9), 10) + 1, "px"),
+                xs: open ? '65%' : `${parseInt(muiTheme.spacing(10), 10) + 1}px`,
+                sm: open ? '50%' : `${parseInt(muiTheme.spacing(10), 10) + 1}px`,
+                md: open ? '300px' : `${parseInt(muiTheme.spacing(10), 10) + 1}px`,
             },
         }, PaperProps: {
             sx: {
-                pr: 1,
+                // pr: 1,
                 width: {
-                    xs: open ? '65%' : "".concat(parseInt(muiTheme.spacing(9), 10) + 1, "px"),
-                    sm: open ? '50%' : "".concat(parseInt(muiTheme.spacing(9), 10) + 1, "px"),
-                    md: open ? '300px' : "".concat(parseInt(muiTheme.spacing(9), 10) + 1, "px"),
+                    xs: open ? '65%' : `${parseInt(muiTheme.spacing(10), 10) + 1}px`,
+                    sm: open ? '50%' : `${parseInt(muiTheme.spacing(10), 10) + 1}px`,
+                    md: open ? '300px' : `${parseInt(muiTheme.spacing(10), 10) + 1}px`,
                 },
+                background: muiTheme.palette.sidebar.main,
             },
         } },
-        React.createElement(List, { style: { marginTop: '19px' } }, handler(links, { level: 0 })),
-        React.createElement("div", { style: { flexGrow: 1 } }),
+        react_1.default.createElement(material_1.List, { style: { marginTop: '19px' } }, handler(links, { level: 0 })),
+        react_1.default.createElement("div", { style: { flexGrow: 1 } }),
         logo));
 };
-export default Sidebar;
+exports.default = Sidebar;

package/lib/src/components/layout/components/Topbar/ElevationScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElevationScroll.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/components/Topbar/ElevationScroll.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEnD,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,QAAA,MAAM,eAAe,iBAAkB,oBAAoB,2EAS1D,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ElevationScroll.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/components/Topbar/ElevationScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,YAAY,EAAE,MAAM,OAAO,CAAC;AAInD,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,QAAA,MAAM,eAAe,iBAAkB,oBAAoB,2EAS1D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/src/components/layout/components/Topbar/ElevationScroll.js

@@ -1,13 +1,17 @@
-import useScrollTrigger from '@mui/material/useScrollTrigger';
-import { cloneElement } from 'react';
-var ElevationScroll = function (_a) {
-    var children = _a.children;
-    var trigger = useScrollTrigger({
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const useScrollTrigger_1 = __importDefault(require("@mui/material/useScrollTrigger"));
+const ElevationScroll = ({ children }) => {
+    const trigger = (0, useScrollTrigger_1.default)({
         disableHysteresis: true,
         threshold: 0,
     });
-    return cloneElement(children, {
+    return (0, react_1.cloneElement)(children, {
         elevation: trigger ? 2 : 0,
     });
 };
-export default ElevationScroll;
+exports.default = ElevationScroll;

package/lib/src/components/layout/components/Topbar/Topbar.d.ts

@@ -1,7 +1,11 @@
 import React from 'react';
-import { Locale } from '../../../../types/languages';
+import { Language, Locale } from '../../../../types/languages';
 import { AvatarProps } from '../../../buttons/Avatar/Avatar';
 interface TopbarProps {
+    /**
+     * If true the layout has a sidebar.
+     */
+    hasSidebar?: boolean;
     /**
      * If true the sidebar is open.
      */
@@ -10,6 +14,10 @@ interface TopbarProps {
      * Internationalization locale.
      */
     locale: Locale;
+    /**
+     * List of language options
+     */
+    languages?: Language[];
     /**
      * Function to call when closing the sidebar
      */

package/lib/src/components/layout/components/Topbar/Topbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Topbar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/components/Topbar/Topbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAU,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIrE,UAAU,WAAW;IACnB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsDjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Topbar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/components/Topbar/Topbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAU,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIrE,UAAU,WAAW;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8DjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/src/components/layout/components/Topbar/Topbar.js

@@ -1,46 +1,61 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+"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;
 };
-import React from 'react';
-import { useTheme } from 'next-themes';
-import MenuOpenTwoToneIcon from '@mui/icons-material/MenuOpenTwoTone';
-import MenuTwoToneIcon from '@mui/icons-material/MenuTwoTone';
-import ModeNightIcon from '@mui/icons-material/ModeNight';
-import { IconButton, Toolbar, Tooltip, useTheme as useMUITheme, } from '@mui/material';
-import { LanguageSelect } from '../../../buttons';
-import { Avatar } from '../../../buttons/Avatar/Avatar';
-import ElevationScroll from './ElevationScroll';
-import * as S from './Topbar.styles';
-import t from './translations.json';
-var Topbar = function (props) {
-    var onSidebarClose = props.onSidebarClose, onSidebarOpen = props.onSidebarOpen, open = props.open, locale = props.locale, avatar = props.avatar;
-    var _a = useTheme(), resolvedTheme = _a.resolvedTheme, setTheme = _a.setTheme;
-    var muiTheme = useMUITheme();
-    var SidebarIcon = open ? (React.createElement(MenuOpenTwoToneIcon, { color: 'primary' })) : (React.createElement(MenuTwoToneIcon, { color: 'primary' }));
-    var menuMessage = open ? t['menuClose'][locale] : t['menuOpen'][locale];
-    return (React.createElement(ElevationScroll, __assign({}, props),
-        React.createElement(S.StyledAppBar, { position: 'static', theme: muiTheme },
-            React.createElement(Toolbar, null,
-                React.createElement(Tooltip, { title: menuMessage, arrow: true },
-                    React.createElement(IconButton, { color: 'inherit', "aria-label": 'open drawer', onClick: function () { return (open ? onSidebarClose() : onSidebarOpen()); }, edge: 'start' }, SidebarIcon)),
-                React.createElement("div", { style: { flexGrow: 1 } }),
-                React.createElement(LanguageSelect, { locale: locale }),
-                React.createElement(IconButton, { component: 'span', "aria-label": 'user options' },
-                    React.createElement(Avatar, __assign({}, avatar))),
-                React.createElement(Tooltip, { title: resolvedTheme === 'light'
-                        ? t['enableDark'][locale]
-                        : t['disableDark'][locale] },
-                    React.createElement(IconButton, { component: 'span', "aria-label": 'toggle dark mode', onClick: function () {
-                            return setTheme(resolvedTheme === 'light' ? 'dark' : 'light');
-                        } },
-                        React.createElement(ModeNightIcon, null)))))));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-export default Topbar;
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const next_themes_1 = require("next-themes");
+const MenuOpenTwoTone_1 = __importDefault(require("@mui/icons-material/MenuOpenTwoTone"));
+const MenuTwoTone_1 = __importDefault(require("@mui/icons-material/MenuTwoTone"));
+const ModeNight_1 = __importDefault(require("@mui/icons-material/ModeNight"));
+const material_1 = require("@mui/material");
+const index_1 = require("../../../buttons/index");
+const Avatar_1 = require("../../../buttons/Avatar/Avatar");
+const ElevationScroll_1 = __importDefault(require("./ElevationScroll"));
+const S = __importStar(require("./Topbar.styles"));
+const translations_json_1 = __importDefault(require("./translations.json"));
+const Topbar = (props) => {
+    const { hasSidebar = false, onSidebarClose, onSidebarOpen, open, locale, languages, avatar, } = props;
+    const { resolvedTheme, setTheme } = (0, next_themes_1.useTheme)();
+    const muiTheme = (0, material_1.useTheme)();
+    const SidebarIcon = open ? (react_1.default.createElement(MenuOpenTwoTone_1.default, { color: 'primary' })) : (react_1.default.createElement(MenuTwoTone_1.default, { color: 'primary' }));
+    const menuMessage = open ? translations_json_1.default['menuClose'][locale] : translations_json_1.default['menuOpen'][locale];
+    return (react_1.default.createElement(ElevationScroll_1.default, { ...props },
+        react_1.default.createElement(S.StyledAppBar, { position: 'static', theme: muiTheme },
+            react_1.default.createElement(material_1.Toolbar, null,
+                react_1.default.createElement(material_1.Tooltip, { title: menuMessage, arrow: true },
+                    react_1.default.createElement(material_1.IconButton, { color: 'inherit', "aria-label": 'open drawer', onClick: () => (open ? onSidebarClose() : onSidebarOpen()), edge: 'start' }, SidebarIcon)),
+                react_1.default.createElement("div", { style: { flexGrow: 1 } }),
+                react_1.default.createElement(index_1.LanguageSelect, { locale: locale, languages: languages }),
+                react_1.default.createElement(material_1.IconButton, { component: 'span', "aria-label": 'user options' },
+                    react_1.default.createElement(Avatar_1.Avatar, { ...avatar })),
+                react_1.default.createElement(material_1.Tooltip, { title: resolvedTheme === 'light'
+                        ? translations_json_1.default['enableDark'][locale]
+                        : translations_json_1.default['disableDark'][locale] },
+                    react_1.default.createElement(material_1.IconButton, { component: 'span', "aria-label": 'toggle dark mode', onClick: () => setTheme(resolvedTheme === 'light' ? 'dark' : 'light') },
+                        react_1.default.createElement(ModeNight_1.default, null)))))));
+};
+exports.default = Topbar;

package/lib/src/components/layout/components/Topbar/Topbar.styles.d.ts

@@ -5,11 +5,11 @@ interface AppBarProps {
 }
 export declare const StyledAppBar: import("@emotion/styled").StyledComponent<Omit<import("@mui/material").PaperProps<"div", {}>, "color" | "position" | "classes"> & {
     classes?: Partial<import("@mui/material").AppBarClasses> | undefined;
-    color?: "primary" | "secondary" | "default" | "inherit" | "transparent" | undefined;
+    color?: "default" | "primary" | "secondary" | "inherit" | "transparent" | undefined;
     enableColorOnDark?: boolean | undefined;
     position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
     sx?: import("@mui/material").SxProps<Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "key" | keyof import("react").HTMLAttributes<HTMLElement>> & {
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
     ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
 }, "onError" | "color" | "position" | "translate" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "title" | "ref" | "slot" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "elevation" | "square" | "enableColorOnDark"> & {
     theme?: import("@emotion/react").Theme | undefined;

package/lib/src/components/layout/components/Topbar/Topbar.styles.js

@@ -1,8 +1,16 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-import styled from '@emotion/styled';
-import AppBar from '@mui/material/AppBar';
-export var StyledAppBar = styled(AppBar)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  && {\n    @supports (backdrop-filter: saturate(180%) blur(35px)) {\n      background-color: ", ";\n      backdrop-filter: saturate(180%) blur(35px);\n    }\n  }\n"], ["\n  && {\n    @supports (backdrop-filter: saturate(180%) blur(35px)) {\n      background-color: ", ";\n      backdrop-filter: saturate(180%) blur(35px);\n    }\n  }\n"])), function (props) { return props.theme.palette.topbar.main; });
-var templateObject_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledAppBar = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const material_1 = require("@mui/material");
+exports.StyledAppBar = (0, styled_1.default)(material_1.AppBar) `
+  && {
+    @supports (backdrop-filter: saturate(180%) blur(35px)) {
+      background-color: ${(props) => props.theme.palette.topbar.main};
+      backdrop-filter: saturate(180%) blur(35px);
+    }
+  }
+`;

package/lib/src/components/layout/components/Topline/TopLine.js

@@ -1,8 +1,13 @@
-import React from 'react';
-import { useTheme } from '@mui/material';
-var TopLine = function () {
-    var theme = useTheme();
-    return (React.createElement("div", { style: {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const TopLine = () => {
+    const theme = (0, material_1.useTheme)();
+    return (react_1.default.createElement("div", { style: {
             height: '3px',
             width: '100%',
             zIndex: 9999,
@@ -10,4 +15,4 @@ var TopLine = function () {
             background: theme.palette.gradient.main,
         } }));
 };
-export default TopLine;
+exports.default = TopLine;

package/lib/src/components/layout/index.js

@@ -1,2 +1,10 @@
-export { default as MinimalLayout } from './MinimalLayout/MinimalLayout';
-export { default as StandardLayout } from './StandardLayout/StandardLayout';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StandardLayout = exports.MinimalLayout = void 0;
+var MinimalLayout_1 = require("./MinimalLayout/MinimalLayout");
+Object.defineProperty(exports, "MinimalLayout", { enumerable: true, get: function () { return __importDefault(MinimalLayout_1).default; } });
+var StandardLayout_1 = require("./StandardLayout/StandardLayout");
+Object.defineProperty(exports, "StandardLayout", { enumerable: true, get: function () { return __importDefault(StandardLayout_1).default; } });

package/lib/src/components/progress/CircularLoading/CircularLoading.d.ts

@@ -1,5 +1,9 @@
 import React from 'react';
-import { LoaderProps } from '../types';
-declare const CircularLoading: React.FC<LoaderProps>;
+import { Locale, StringTranslation } from '../../../types';
+export interface CircularLoadingProps {
+    locale?: Locale;
+    label?: string | StringTranslation;
+}
+declare const CircularLoading: React.FC<CircularLoadingProps>;
 export default CircularLoading;
 //# sourceMappingURL=CircularLoading.d.ts.map