@deix/rossini-core 0.1.0

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

@@ -0,0 +1,100 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React from 'react';
+import Image from 'next/image';
+import { Box, Typography, useTheme } from '@mui/material';
+import { useQuery } from 'react-query';
+import packageInfo from '../../../../../package.json';
+import { useAPI } from '../../../../utils/hooks/useAPI';
+var Footer = function (_a) {
+    var logoSource = _a.logoSource, _b = _a.text, text = _b === void 0 ? 'Deix Srl' : _b, _c = _a.textURL, textURL = _c === void 0 ? 'https://deixsrl.com' : _c, apiURL = _a.apiURL, children = _a.children;
+    var muiTheme = useTheme();
+    // Get API info (name and version) from backend
+    var apiClient = useAPI(apiURL);
+    var getAPIInfo = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var data;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, apiClient.get('info')];
+                case 1:
+                    data = (_a.sent()).data;
+                    return [2 /*return*/, data];
+            }
+        });
+    }); };
+    var apiInfo = useQuery('api-info', getAPIInfo, {
+        keepPreviousData: true,
+        staleTime: Infinity,
+        cacheTime: Infinity,
+    }).data;
+    return (React.createElement(Box, { sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            background: muiTheme.palette.background.default,
+        } },
+        React.createElement(React.Fragment, null,
+            React.createElement("div", { style: {
+                    display: 'flex',
+                    flexWrap: 'wrap',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    width: '100%',
+                    textAlign: 'center',
+                } },
+                logoSource && (React.createElement(Image, { src: logoSource, alt: 'Logo', width: 14, height: 14 })),
+                React.createElement(Typography, { variant: 'caption', style: {
+                        alignSelf: 'center',
+                        color: muiTheme.palette.text.secondary,
+                        marginLeft: '5px',
+                    } },
+                    React.createElement("a", { href: textURL, target: '_blank', rel: 'noreferrer', style: {
+                            textDecoration: 'none',
+                            color: muiTheme.palette.text.secondary,
+                        } }, text))),
+            React.createElement(Typography, { variant: 'caption', style: {
+                    alignSelf: 'center',
+                    color: muiTheme.palette.text.secondary,
+                    marginLeft: '5px',
+                } },
+                packageInfo.name,
+                " v",
+                packageInfo.version,
+                ' ',
+                apiInfo ? "(".concat(apiInfo.name, " ").concat(apiInfo.version, ")") : ''),
+            children)));
+};
+export default Footer;

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

@@ -0,0 +1,23 @@
+import React, { ReactElement } from 'react';
+import { Variant } from '@mui/material/styles/createTypography';
+import { Locale, StringTranslation } from '../../../../types/languages';
+export interface SidebarLink {
+    id: string;
+    path: string;
+    label?: StringTranslation;
+    labelVariant?: Variant;
+    sidebarOrder: number;
+    sidebarIcon?: (color: string) => ReactElement;
+    subPages?: SidebarLink[];
+}
+interface SidebarProps {
+    links: SidebarLink[];
+    open: boolean;
+    isMobile: boolean;
+    logo?: ReactElement;
+    locale: Locale;
+    onClose: () => void;
+}
+declare const Sidebar: React.FC<SidebarProps>;
+export default Sidebar;
+//# sourceMappingURL=Sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAuBtD,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAGxE,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC;IAC9C,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;CAC1B;AACD,UAAU,YAAY;IACpB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+UnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,206 @@
+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);
+};
+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 { usePersistedState } from '../../../../utils/hooks/usePersistedState';
+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;
+    // Handle default item icon and change color according to selection
+    var icons = function (link, selected) {
+        var 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 }))));
+    };
+    // 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);
+        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)));
+    };
+    var handleCloseSidebarMenu = function (sidebarItemId) {
+        var _a;
+        setSubPagesMenuAnchorEl(__assign(__assign({}, subPagesMenuAnchorEl), (_a = {}, _a[sidebarItemId] = null, _a)));
+    };
+    // Function to generate sidebar items. To be called recursively
+    var handler = function (links, options) {
+        if (open) {
+            // Render all items with their labels
+            return links
+                .sort(function (a, b) {
+                if (a.sidebarOrder === undefined || b.sidebarOrder === undefined) {
+                    return 1;
+                }
+                else {
+                    return a.sidebarOrder > b.sidebarOrder ? 1 : -1;
+                }
+            })
+                .map(function (link) {
+                var 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: {
+                                paddingLeft: options.level === 1 && open ? '32px' : '22px',
+                                paddingTop: options.level === 1 ? 0 : 8,
+                                paddingBottom: options.level === 1 ? 0 : 8,
+                                borderTopRightRadius: '20px',
+                                borderBottomRightRadius: '20px',
+                            } },
+                            icons(link, selected),
+                            React.createElement(ListItemText, { style: {
+                                    color: selected
+                                        ? "".concat(muiTheme.palette.primary.main, " !important")
+                                        : "".concat(muiTheme.palette.linkNotActive.main, " !important"),
+                                    marginLeft: '-20px',
+                                    visibility: 'visible',
+                                }, disableTypography: true, primary: React.createElement(Typography, { variant: link.labelVariant || 'h6', style: selected
+                                        ? { color: muiTheme.palette.primary.main }
+                                        : { color: muiTheme.palette.linkNotActive.main } }, link.label ? link.label[locale] : 'unknown') }))));
+                }
+                return (React.createElement("div", { key: link.id },
+                    React.createElement(Link, { href: link.path },
+                        React.createElement(ListItemButton, { key: link.id, selected: selected, style: {
+                                paddingLeft: '22px',
+                                paddingTop: 8,
+                                paddingBottom: 8,
+                                borderTopRightRadius: '20px',
+                                borderBottomRightRadius: '20px',
+                            }, onClick: function (_evt) {
+                                if (!sidebarItemOpen[link.id]) {
+                                    handleOpenSidebarItem(link.id);
+                                }
+                            } },
+                            icons(link, selected),
+                            React.createElement(ListItemText, { style: {
+                                    color: selected
+                                        ? "".concat(muiTheme.palette.primary.main, " !important")
+                                        : "".concat(muiTheme.palette.linkNotActive.main, " !important"),
+                                    marginLeft: '-20px',
+                                    visibility: 'visible',
+                                }, disableTypography: true, primary: React.createElement(Typography, { variant: link.labelVariant || 'h6', style: selected
+                                        ? { color: muiTheme.palette.primary.main }
+                                        : { color: muiTheme.palette.linkNotActive.main } }, link.label ? link.label[locale] : 'unknown') }),
+                            sidebarItemOpen[link.id] ? (React.createElement(IconButton, { onClick: function (e) {
+                                    e.stopPropagation();
+                                    handleOpenSidebarItem(link.id);
+                                } },
+                                React.createElement(ExpandLessIcon, null))) : (React.createElement(IconButton, { onClick: function (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 }))));
+            });
+        }
+        else {
+            // Return only level 0 items and show level 1 items in a menu
+            return (links
+                .sort(function (a, b) {
+                if (a.sidebarOrder === undefined || b.sidebarOrder === undefined) {
+                    return 1;
+                }
+                else {
+                    return a.sidebarOrder > b.sidebarOrder ? 1 : -1;
+                }
+            })
+                // .filter((l) => l.id !== 'settings')
+                .map(function (link) {
+                var _a, _b;
+                var 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: {
+                                paddingLeft: '22px',
+                                paddingTop: 8,
+                                paddingBottom: 8,
+                                borderTopRightRadius: '20px',
+                                borderBottomRightRadius: '20px',
+                            }, onClick: function (evt) { return handleOpenSidebarMenu(link.id, evt); } },
+                            React.createElement(Tooltip, { title: (((_a = link.label) === null || _a === void 0 ? void 0 : _a[locale]) ? link.label[locale] : '') || '', 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: {
+                                vertical: 'top',
+                                horizontal: 'right',
+                            }, transformOrigin: {
+                                vertical: 'top',
+                                horizontal: 'left',
+                            }, PaperProps: {
+                                sx: {
+                                    borderRadius: '2px',
+                                    padding: '2px',
+                                    overflow: 'visible',
+                                },
+                            } }, link.subPages.map(function (subPage) { return (React.createElement(Link, { key: subPage.id, href: subPage.path },
+                            React.createElement(MenuItem, null,
+                                icons(subPage, selected),
+                                React.createElement(ListItemText, { style: {
+                                        color: selected
+                                            ? "".concat(muiTheme.palette.primary.main, " !important")
+                                            : "".concat(muiTheme.palette.linkNotActive.main, " !important"),
+                                    } }, subPage.label ? subPage.label[locale] : 'unknown')))); }))));
+                }
+                else {
+                    return (React.createElement(Link, { key: link.id, href: link.path },
+                        React.createElement(ListItemButton, { selected: selected, style: {
+                                paddingLeft: '22px',
+                                paddingTop: 8,
+                                paddingBottom: 8,
+                                borderTopRightRadius: '20px',
+                                borderBottomRightRadius: '20px',
+                            } },
+                            React.createElement(Tooltip, { title: (((_b = link.label) === null || _b === void 0 ? void 0 : _b[locale]) ? link.label[locale] : '') || '', 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: {
+            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"),
+            },
+        }, PaperProps: {
+            sx: {
+                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"),
+                },
+            },
+        } },
+        React.createElement(List, { style: { marginTop: '19px' } }, handler(links, { level: 0 })),
+        React.createElement("div", { style: { flexGrow: 1 } }),
+        logo));
+};
+export default Sidebar;

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

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+interface ElevationScrollProps {
+    children: ReactElement;
+}
+declare const ElevationScroll: ({ children }: ElevationScrollProps) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export default ElevationScroll;
+//# sourceMappingURL=ElevationScroll.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,13 @@
+import useScrollTrigger from '@mui/material/useScrollTrigger';
+import { cloneElement } from 'react';
+var ElevationScroll = function (_a) {
+    var children = _a.children;
+    var trigger = useScrollTrigger({
+        disableHysteresis: true,
+        threshold: 0,
+    });
+    return cloneElement(children, {
+        elevation: trigger ? 2 : 0,
+    });
+};
+export default ElevationScroll;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Locale } from '../../../../types/languages';
+interface TopbarProps {
+    open: boolean;
+    locale: Locale;
+    onClose: () => void;
+    onOpen: () => void;
+    logoutUrl?: string;
+    accountSettingsUrl?: string;
+}
+declare const Topbar: React.FC<TopbarProps>;
+export default Topbar;
+//# sourceMappingURL=Topbar.d.ts.map

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

@@ -0,0 +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;AAMrD,UAAU,WAAW;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0DjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,46 @@
+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);
+};
+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 onClose = props.onClose, onOpen = props.onOpen, open = props.open, locale = props.locale, logoutUrl = props.logoutUrl, accountSettingsUrl = props.accountSettingsUrl;
+    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 ? onClose() : onOpen()); }, 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, { logoutUrl: logoutUrl, accountSettingsUrl: accountSettingsUrl })),
+                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)))))));
+};
+export default Topbar;

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { Theme } from '@mui/material';
+interface AppBarProps {
+    theme: Theme;
+}
+export declare const StyledAppBar: import("@emotion/styled").StyledComponent<Omit<import("@mui/material").PaperProps<"div", {}>, "classes" | "color" | "position"> & {
+    classes?: Partial<import("@mui/material").AppBarClasses> | undefined;
+    color?: "inherit" | "default" | "transparent" | "primary" | "secondary" | 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>> & {
+    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
+}, "onError" | "ref" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "key" | "elevation" | "square" | "variant" | "position" | "enableColorOnDark"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & AppBarProps, {}, {}>;
+export {};
+//# sourceMappingURL=Topbar.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Topbar.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/components/Topbar/Topbar.styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGtC,UAAU,WAAW;IACnB,KAAK,EAAE,KAAK,CAAC;CACd;AAED,eAAO,MAAM,YAAY;;;;;;;;;;wBAOxB,CAAC"}

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

@@ -0,0 +1,8 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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;

package/lib/src/components/layout/components/Topbar/translations.json

@@ -0,0 +1,26 @@
+{
+    "menuOpen": {
+        "de": "Menü öffnen",
+        "en": "Open menu",
+        "fr": "Ouvrir le menu",
+        "it": "Apri menu"
+    },
+    "menuClose": {
+        "de": "Menü schließen",
+        "en": "Close menu",
+        "fr": "Fermer le menu",
+        "it": "Chiudi menu"
+    },
+    "enableDark": {
+        "de": "Dark-Mode aktivieren",
+        "en": "Enable dark mode",
+        "fr": "Activer le mode sombre",
+        "it": "Attiva modalità scura"
+    },
+    "disableDark": {
+        "de": "Dark-Mode deaktivieren",
+        "en": "Disable dark mode",
+        "fr": "Désactiver le mode sombre",
+        "it": "Disattiva modalità scura"
+    }
+}

package/lib/src/components/layout/components/Topline/TopLine.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const TopLine: React.FC<Record<string, never>>;
+export default TopLine;
+//# sourceMappingURL=TopLine.d.ts.map

package/lib/src/components/layout/components/Topline/TopLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopLine.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/components/Topline/TopLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAa5C,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { useTheme } from '@mui/material';
+var TopLine = function () {
+    var theme = useTheme();
+    return (React.createElement("div", { style: {
+            height: '3px',
+            width: '100%',
+            zIndex: 9999,
+            position: 'fixed',
+            background: theme.palette.gradient.main,
+        } }));
+};
+export default TopLine;

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

@@ -0,0 +1,3 @@
+export { default as StandardLayout } from './StandardLayout/StandardLayout';
+export { default as MinimalLayout } from './MinimalLayout/MinimalLayout';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC"}

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

@@ -0,0 +1,2 @@
+export { default as StandardLayout } from './StandardLayout/StandardLayout';
+export { default as MinimalLayout } from './MinimalLayout/MinimalLayout';

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Locale } from '../../../types/languages';
+interface CircularLoadingProps {
+    locale?: Locale;
+}
+declare const CircularLoading: React.FC<CircularLoadingProps>;
+export default CircularLoading;
+//# sourceMappingURL=CircularLoading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CircularLoading.d.ts","sourceRoot":"","sources":["../../../../../src/components/progress/CircularLoading/CircularLoading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAenD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/src/components/progress/CircularLoading/CircularLoading.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Box, CircularProgress, Typography } from '@mui/material';
+import t from './translations.json';
+var CircularLoading = function (_a) {
+    var _b = _a.locale, locale = _b === void 0 ? 'en' : _b;
+    return (React.createElement(Box, { sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: '100%',
+        } },
+        React.createElement(CircularProgress, null),
+        React.createElement(Typography, { variant: 'body1' }, t['loading'][locale])));
+};
+export default CircularLoading;

package/lib/src/components/progress/CircularLoading/translations.json

@@ -0,0 +1,8 @@
+{
+    "loading": {
+        "de": "Loading...",
+        "en": "Loading...",
+        "fr": "Chargement...",
+        "it": "Caricamento in corso..."
+    }
+}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Locale } from '../../../types/languages';
+interface DotWaveLoadingProps {
+    locale?: Locale;
+}
+declare const DotWaveLoading: React.FC<DotWaveLoadingProps>;
+export default DotWaveLoading;
+//# sourceMappingURL=DotWaveLoading.d.ts.map

package/lib/src/components/progress/DotWaveLoading/DotWaveLoading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotWaveLoading.d.ts","sourceRoot":"","sources":["../../../../../src/components/progress/DotWaveLoading/DotWaveLoading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,UAAU,mBAAmB;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkBjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/src/components/progress/DotWaveLoading/DotWaveLoading.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Box, Typography, useTheme } from '@mui/material';
+import { DotWave as UiBallDotWave } from '@uiball/loaders';
+import t from './translations.json';
+var DotWaveLoading = function (_a) {
+    var _b = _a.locale, locale = _b === void 0 ? 'en' : _b;
+    var theme = useTheme();
+    return (React.createElement(Box, { sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: '100%',
+        } },
+        React.createElement(UiBallDotWave, { color: theme.palette.primary.main }),
+        React.createElement(Typography, { variant: 'body1' }, t['loading'][locale])));
+};
+export default DotWaveLoading;

package/lib/src/components/progress/DotWaveLoading/translations.json

@@ -0,0 +1,8 @@
+{
+    "loading": {
+        "de": "Loading...",
+        "en": "Loading...",
+        "fr": "Chargement...",
+        "it": "Caricamento in corso..."
+    }
+}

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

@@ -0,0 +1,3 @@
+export { default as CircularLoading } from './CircularLoading/CircularLoading';
+export { default as DotWaveLoading } from './DotWaveLoading/DotWaveLoading';
+//# sourceMappingURL=index.d.ts.map