@deix/rossini-core 0.4.1 → 0.5.0

package/lib/src/components/display/StyledValue/StyledValue.js

@@ -0,0 +1,98 @@
+"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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const material_1 = require("@mui/material");
+const hooks_1 = require("./hooks");
+const ImprovementChip_1 = __importDefault(require("./ImprovementChip"));
+const types_1 = require("../../../types");
+const utils_1 = require("../../../utils");
+const isFetchedValue = (value) => {
+    return value.endpoint !== undefined;
+};
+const StyledValue = (props) => {
+    const { caption, details, formatOptions = {}, icon, raised = false, framed = false, loading = false, highlighted = false, valueTypographyProps = {
+        variant: 'h3',
+    }, captionTypographyProps = { variant: 'subtitle2' }, detailsTypographyProps = { variant: 'caption' }, cardProps, onCardClick, improvement, } = props;
+    const muiTheme = (0, material_1.useTheme)();
+    const locale = (0, utils_1.useLocale)();
+    // Value
+    const apiClient = (0, utils_1.useAPI)(props.value && isFetchedValue(props.value) ? props.value.baseURL : undefined);
+    const { data: value, isLoading } = (0, hooks_1.useValue)(apiClient, props.value);
+    const numberType = typeof value === 'number';
+    const stringValue = numberType
+        ? value?.toLocaleString(undefined, formatOptions)
+        : value && (0, utils_1.isValidDate)(value)
+            ? new Date(value)?.toLocaleString(undefined, formatOptions)
+            : value;
+    const captionString = (0, types_1.isStringTranslation)(caption)
+        ? caption[locale]
+        : caption;
+    const detailsString = details && (0, types_1.isStringTranslation)(details) ? details[locale] : details;
+    const cardStyle = {};
+    if (!framed) {
+        cardStyle['border'] = 'none';
+        cardStyle['boxShadow'] = 'none';
+    }
+    return (react_1.default.createElement(material_1.Card, { ...cardProps, raised: raised, sx: {
+            ...cardStyle,
+            backgroundColor: highlighted
+                ? muiTheme.palette.primary.main
+                : muiTheme.palette.background.paper,
+            height: '100%',
+        } },
+        react_1.default.createElement(material_1.CardActionArea, { onClick: onCardClick },
+            icon && (react_1.default.createElement(material_1.Grid, { container: true, spacing: 1, alignItems: 'center' },
+                react_1.default.createElement(material_1.Grid, { item: true, xs: 4 }, (0, react_1.cloneElement)(icon, {
+                    color: highlighted ? 'secondary' : 'primary',
+                })),
+                react_1.default.createElement(material_1.Grid, { item: true, xs: 8 },
+                    react_1.default.createElement(material_1.Grid, { container: true, spacing: 0 },
+                        react_1.default.createElement(material_1.Grid, { item: true, xs: 12 },
+                            react_1.default.createElement(material_1.Grid, { container: true, justifyContent: 'stretch' },
+                                react_1.default.createElement(material_1.Grid, { item: true, xs: 12, md: 6 },
+                                    react_1.default.createElement(material_1.Typography, { color: highlighted ? 'secondary' : 'primary', ...valueTypographyProps }, loading || isLoading || value === undefined ? (react_1.default.createElement(material_1.Skeleton, null)) : (stringValue))),
+                                improvement && (react_1.default.createElement(material_1.Grid, { item: true, xs: 12, md: 6 },
+                                    react_1.default.createElement(ImprovementChip_1.default, { ...improvement }))))),
+                        react_1.default.createElement(material_1.Grid, { item: true, xs: 12 },
+                            react_1.default.createElement(material_1.Typography, { variant: 'subtitle2', color: highlighted ? 'white' : 'textPrimary', ...captionTypographyProps }, captionString)),
+                        details && (react_1.default.createElement(material_1.Grid, { item: true, xs: 12 },
+                            react_1.default.createElement(material_1.Typography, { variant: 'caption', color: highlighted ? 'white' : 'textSecondary', ...detailsTypographyProps }, detailsString))))))),
+            !icon && (react_1.default.createElement(material_1.Grid, { container: true, spacing: 0 },
+                react_1.default.createElement(material_1.Grid, { item: true, xs: 12 },
+                    react_1.default.createElement(material_1.Grid, { container: true, justifyContent: 'stretch' },
+                        react_1.default.createElement(material_1.Grid, { item: true, xs: 12, md: 6 },
+                            react_1.default.createElement(material_1.Typography, { color: highlighted ? 'secondary' : 'primary', ...valueTypographyProps }, loading || isLoading || value === undefined ? (react_1.default.createElement(material_1.Skeleton, null)) : (stringValue))),
+                        improvement && (react_1.default.createElement(material_1.Grid, { item: true, xs: 12, md: 6 },
+                            react_1.default.createElement(ImprovementChip_1.default, { ...improvement }))))),
+                react_1.default.createElement(material_1.Grid, { item: true, xs: 12 },
+                    react_1.default.createElement(material_1.Typography, { variant: 'subtitle2', color: highlighted ? 'white' : 'textPrimary', ...captionTypographyProps }, captionString)),
+                details && (react_1.default.createElement(material_1.Grid, { item: true, xs: 12 },
+                    react_1.default.createElement(material_1.Typography, { variant: 'caption', color: highlighted ? 'white' : 'textSecondary', ...detailsTypographyProps }, detailsString))))))));
+};
+exports.default = StyledValue;

package/lib/src/components/display/StyledValue/hooks.d.ts

@@ -0,0 +1,4 @@
+import { AxiosInstance } from 'axios';
+import { FetchedValue } from './StyledValue';
+export declare const useValue: (apiClient?: AxiosInstance, value?: number | Date | string | FetchedValue) => import("react-query").UseQueryResult<string | number | Date | undefined, unknown>;
+//# sourceMappingURL=hooks.d.ts.map

package/lib/src/components/display/StyledValue/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/display/StyledValue/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AA2B7C,eAAO,MAAM,QAAQ,eACP,aAAa,UACjB,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,YAAY,sFAM3C,CAAC"}

package/lib/src/components/display/StyledValue/hooks.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useValue = void 0;
+const react_query_1 = require("react-query");
+const getValue = async (apiClient, value) => {
+    if (value) {
+        if (value instanceof Date) {
+            return value;
+        }
+        else if (typeof value === 'number') {
+            return value;
+        }
+        else if (typeof value === 'string') {
+            return value;
+        }
+        else {
+            if (apiClient) {
+                const { data } = await apiClient.get(value.endpoint, value.config);
+                return data;
+            }
+            else {
+                return undefined;
+            }
+        }
+    }
+};
+const useValue = (apiClient, value) => (0, react_query_1.useQuery)([value], () => getValue(apiClient, value), {
+    keepPreviousData: true,
+    refetchOnMount: false,
+    refetchOnWindowFocus: false,
+});
+exports.useValue = useValue;

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

@@ -1,3 +1,7 @@
 export { default as Accordion } from './Accordion/Accordion';
 export type { AccordionProps } from './Accordion/Accordion';
+export { default as ImprovementChip } from './StyledValue/ImprovementChip';
+export type { ImprovementChipProps } from './StyledValue/ImprovementChip';
+export { default as StyledValue } from './StyledValue/StyledValue';
+export type { FetchedValue, StyledValueProps } from './StyledValue/StyledValue';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAC3E,YAAY,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC"}

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

@@ -1 +1,12 @@
-export { default as Accordion } from './Accordion/Accordion';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledValue = exports.ImprovementChip = exports.Accordion = void 0;
+var Accordion_1 = require("./Accordion/Accordion");
+Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return __importDefault(Accordion_1).default; } });
+var ImprovementChip_1 = require("./StyledValue/ImprovementChip");
+Object.defineProperty(exports, "ImprovementChip", { enumerable: true, get: function () { return __importDefault(ImprovementChip_1).default; } });
+var StyledValue_1 = require("./StyledValue/StyledValue");
+Object.defineProperty(exports, "StyledValue", { enumerable: true, get: function () { return __importDefault(StyledValue_1).default; } });

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

@@ -1,9 +1,9 @@
 export { Avatar, LanguageSelect, ToggleButtonGroup } from './buttons';
 export type { AvatarProps, ButtonGroupOption, LanguageSelectProps, ToggleButtonGroupProps, } from './buttons';
-export { Accordion } from './display';
-export type { AccordionProps } from './display';
+export { Accordion, StyledValue, ImprovementChip } from './display';
+export type { AccordionProps, StyledValueProps, ImprovementChipProps, FetchedValue, } from './display';
 export { MinimalLayout, StandardLayout } from './layout';
 export type { AppLogoInfo, FooterProps, SidebarLink, SidebarProps, } from './layout';
-export { CircularLoading, DotWaveLoading } from './progress';
+export { CircularLoading } from './progress';
 export type { LoaderProps } from './progress';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACtE,YAAY,EACV,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACzD,YAAY,EACV,WAAW,EACX,WAAW,EACX,WAAW,EACX,YAAY,GACb,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC7D,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACtE,YAAY,EACV,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACpE,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACzD,YAAY,EACV,WAAW,EACX,WAAW,EACX,WAAW,EACX,YAAY,GACb,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}

package/lib/src/components/index.js

@@ -1,4 +1,16 @@
-export { Avatar, LanguageSelect, ToggleButtonGroup } from './buttons';
-export { Accordion } from './display';
-export { MinimalLayout, StandardLayout } from './layout';
-export { CircularLoading, DotWaveLoading } from './progress';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CircularLoading = exports.StandardLayout = exports.MinimalLayout = exports.ImprovementChip = exports.StyledValue = exports.Accordion = exports.ToggleButtonGroup = exports.LanguageSelect = exports.Avatar = void 0;
+var buttons_1 = require("./buttons");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return buttons_1.Avatar; } });
+Object.defineProperty(exports, "LanguageSelect", { enumerable: true, get: function () { return buttons_1.LanguageSelect; } });
+Object.defineProperty(exports, "ToggleButtonGroup", { enumerable: true, get: function () { return buttons_1.ToggleButtonGroup; } });
+var display_1 = require("./display");
+Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return display_1.Accordion; } });
+Object.defineProperty(exports, "StyledValue", { enumerable: true, get: function () { return display_1.StyledValue; } });
+Object.defineProperty(exports, "ImprovementChip", { enumerable: true, get: function () { return display_1.ImprovementChip; } });
+var layout_1 = require("./layout");
+Object.defineProperty(exports, "MinimalLayout", { enumerable: true, get: function () { return layout_1.MinimalLayout; } });
+Object.defineProperty(exports, "StandardLayout", { enumerable: true, get: function () { return layout_1.StandardLayout; } });
+var progress_1 = require("./progress");
+Object.defineProperty(exports, "CircularLoading", { enumerable: true, get: function () { return progress_1.CircularLoading; } });

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

@@ -1 +1 @@
-{"version":3,"file":"MinimalLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/MinimalLayout/MinimalLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUzC,OAAe,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAIlE,UAAU,kBAAkB;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmF/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"MinimalLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/MinimalLayout/MinimalLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASzC,OAAe,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAIlE,UAAU,kBAAkB;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8E/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1,31 +1,23 @@
-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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-import React from 'react';
-import { Box, Typography, useTheme as useMUITheme } from '@mui/material';
-import Image from 'next/image';
-import { useRouter } from 'next/router';
-import { DotWaveLoading } from '../../progress';
-import serverDown from '../assets/undraw_server_down.svg';
-import Footer from '../components/Footer/Footer';
-import TopLine from '../components/Topline/TopLine';
-import t from './translations.json';
-var MinimalLayout = function (_a) {
-    var isLoading = _a.isLoading, isError = _a.isError, error = _a.error, footer = _a.footer, children = _a.children;
-    var theme = useMUITheme();
-    var router = useRouter();
-    var locale = router.locale || 'en';
-    return (React.createElement(React.Fragment, null,
-        React.createElement(TopLine, null),
-        React.createElement(Box, { sx: {
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const router_1 = require("next/router");
+const progress_1 = require("../../progress");
+const ServerDown_1 = __importDefault(require("../assets/ServerDown"));
+const Footer_1 = __importDefault(require("../components/Footer/Footer"));
+const TopLine_1 = __importDefault(require("../components/Topline/TopLine"));
+const translations_json_1 = __importDefault(require("./translations.json"));
+const MinimalLayout = ({ isLoading, isError, error, footer, children, }) => {
+    const theme = (0, material_1.useTheme)();
+    const router = (0, router_1.useRouter)();
+    const locale = router.locale || 'en';
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(TopLine_1.default, null),
+        react_1.default.createElement(material_1.Box, { sx: {
                 display: 'flex',
                 flexDirection: 'column',
                 paddingBottom: '10px',
@@ -33,8 +25,8 @@ var MinimalLayout = function (_a) {
                 width: '100%',
                 background: theme.palette.background.default,
             } },
-            isLoading && React.createElement(DotWaveLoading, { locale: locale }),
-            !isLoading && isError && (React.createElement(Box, { sx: {
+            isLoading && react_1.default.createElement(progress_1.CircularLoading, { locale: locale }),
+            !isLoading && isError && (react_1.default.createElement(material_1.Box, { sx: {
                     flexGrow: 1,
                     maxWidth: '100%',
                     overflowX: 'hidden',
@@ -43,19 +35,19 @@ var MinimalLayout = function (_a) {
                     paddingLeft: '27px',
                     paddingRight: '27px',
                 } },
-                React.createElement("div", { style: {
+                react_1.default.createElement("div", { style: {
                         display: 'flex',
                         flexDirection: 'column',
                         justifyContent: 'center',
                         alignItems: 'center',
                         height: '100vh',
                     } },
-                    React.createElement(Image, { src: serverDown, alt: 'error-page', width: 300, height: 300 }),
-                    React.createElement(Typography, { variant: 'h4', color: 'error', align: 'center' }, t['errorPageLoad'][locale]),
-                    error && (React.createElement(Typography, { variant: 'body1', color: 'error', align: 'center' },
+                    react_1.default.createElement(ServerDown_1.default, { width: 300, height: 300 }),
+                    react_1.default.createElement(material_1.Typography, { variant: 'h4', color: 'error', align: 'center' }, translations_json_1.default['errorPageLoad'][locale]),
+                    error && (react_1.default.createElement(material_1.Typography, { variant: 'body1', color: 'error', align: 'center' },
                         "Error: ",
                         error.message))))),
-            !isLoading && (React.createElement(Box, { sx: {
+            !isLoading && (react_1.default.createElement(material_1.Box, { sx: {
                     flexGrow: 1,
                     maxWidth: '100%',
                     overflowX: 'hidden',
@@ -64,6 +56,6 @@ var MinimalLayout = function (_a) {
                     paddingLeft: '27px',
                     paddingRight: '27px',
                 } }, children)),
-            React.createElement(Footer, __assign({}, footer)))));
+            react_1.default.createElement(Footer_1.default, { ...footer }))));
 };
-export default MinimalLayout;
+exports.default = MinimalLayout;

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

@@ -1 +1 @@
-{"version":3,"file":"StandardLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/StandardLayout/StandardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAazC,OAAgB,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAe,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAgB,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAMrE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAG1D,UAAU,mBAAmB;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8GjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"StandardLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/StandardLayout/StandardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYzC,OAAgB,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAe,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAgB,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAMrE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAG1D,UAAU,mBAAmB;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4GjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -1,40 +1,32 @@
-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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-import React from 'react';
-import { Box, Typography, useMediaQuery, useTheme as useMUITheme, } from '@mui/material';
-import Image from 'next/image';
-import { useRouter } from 'next/router';
-import { DotWaveLoading } from '../../progress';
-import AppLogo from '../components/AppLogo/AppLogo';
-import Footer from '../components/Footer/Footer';
-import Sidebar from '../components/Sidebar/Sidebar';
-import Topbar from '../components/Topbar/Topbar';
-import TopLine from '../components/Topline/TopLine';
-import { usePersistedState } from '../../../utils';
-import serverDown from '../assets/undraw_server_down.svg';
-import t from './translations.json';
-var StandardLayout = function (_a) {
-    var isLoading = _a.isLoading, isError = _a.isError, error = _a.error, appLogo = _a.appLogo, footer = _a.footer, _b = _a.sidebarLinks, sidebarLinks = _b === void 0 ? [] : _b, avatar = _a.avatar, children = _a.children;
-    var theme = useMUITheme();
-    var router = useRouter();
-    var locale = router.locale || 'en';
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const router_1 = require("next/router");
+const progress_1 = require("../../progress");
+const AppLogo_1 = __importDefault(require("../components/AppLogo/AppLogo"));
+const Footer_1 = __importDefault(require("../components/Footer/Footer"));
+const Sidebar_1 = __importDefault(require("../components/Sidebar/Sidebar"));
+const Topbar_1 = __importDefault(require("../components/Topbar/Topbar"));
+const TopLine_1 = __importDefault(require("../components/Topline/TopLine"));
+const utils_1 = require("../../../utils");
+const ServerDown_1 = __importDefault(require("../assets/ServerDown"));
+const translations_json_1 = __importDefault(require("./translations.json"));
+const StandardLayout = ({ isLoading, isError, error, appLogo, footer, sidebarLinks = [], avatar, children, }) => {
+    const theme = (0, material_1.useTheme)();
+    const router = (0, router_1.useRouter)();
+    const locale = router.locale || 'en';
     // Get if we are dealing with mobile client
-    var isMobile = !useMediaQuery(theme.breakpoints.up('lg'));
+    const isMobile = !(0, material_1.useMediaQuery)(theme.breakpoints.up('lg'));
     // Persist user preference about the sidebar
-    var _c = usePersistedState('sidebarOpen', isMobile ? false : true), sidebarOpen = _c[0], setSidebarOpen = _c[1];
-    return (React.createElement(React.Fragment, null,
-        React.createElement(TopLine, null),
-        React.createElement(Sidebar, { links: sidebarLinks, onClose: function () { return setSidebarOpen(false); }, open: sidebarOpen, isMobile: isMobile, logo: appLogo ? React.createElement(AppLogo, __assign({}, appLogo, { open: sidebarOpen })) : React.createElement(React.Fragment, null), locale: locale }),
-        React.createElement(Box, { sx: {
+    const [sidebarOpen, setSidebarOpen] = (0, utils_1.usePersistedState)('sidebarOpen', isMobile ? false : true);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(TopLine_1.default, null),
+        sidebarLinks && sidebarLinks.length > 0 && (react_1.default.createElement(Sidebar_1.default, { links: sidebarLinks, onClose: () => setSidebarOpen(false), open: sidebarOpen, isMobile: isMobile, logo: appLogo ? react_1.default.createElement(AppLogo_1.default, { ...appLogo, open: sidebarOpen }) : react_1.default.createElement(react_1.default.Fragment, null), locale: locale })),
+        react_1.default.createElement(material_1.Box, { sx: {
                 display: 'flex',
                 flexDirection: 'column',
                 paddingBottom: '10px',
@@ -42,9 +34,9 @@ var StandardLayout = function (_a) {
                 width: '100%',
                 background: theme.palette.background.default,
             } },
-            React.createElement(Topbar, { onSidebarClose: function () { return setSidebarOpen(false); }, onSidebarOpen: function () { return setSidebarOpen(true); }, open: sidebarOpen, locale: locale, avatar: avatar }),
-            isLoading && React.createElement(DotWaveLoading, { locale: locale }),
-            !isLoading && isError && (React.createElement(Box, { sx: {
+            react_1.default.createElement(Topbar_1.default, { hasSidebar: sidebarLinks && sidebarLinks.length > 0, onSidebarClose: () => setSidebarOpen(false), onSidebarOpen: () => setSidebarOpen(true), open: sidebarOpen, locale: locale, avatar: avatar }),
+            isLoading && react_1.default.createElement(progress_1.CircularLoading, { locale: locale }),
+            !isLoading && isError && (react_1.default.createElement(material_1.Box, { sx: {
                     flexGrow: 1,
                     maxWidth: '100%',
                     overflowX: 'hidden',
@@ -53,19 +45,19 @@ var StandardLayout = function (_a) {
                     paddingLeft: '27px',
                     paddingRight: '27px',
                 } },
-                React.createElement("div", { style: {
+                react_1.default.createElement("div", { style: {
                         display: 'flex',
                         flexDirection: 'column',
                         justifyContent: 'center',
                         alignItems: 'center',
                         height: '100vh',
                     } },
-                    React.createElement(Image, { src: serverDown, alt: 'error-page', width: 300, height: 300 }),
-                    React.createElement(Typography, { variant: 'h4', color: 'error', align: 'center' }, t['errorPageLoad'][locale]),
-                    error && (React.createElement(Typography, { variant: 'body1', color: 'error', align: 'center' },
+                    react_1.default.createElement(ServerDown_1.default, { width: 300, height: 300 }),
+                    react_1.default.createElement(material_1.Typography, { variant: 'h4', color: 'error', align: 'center' }, translations_json_1.default['errorPageLoad'][locale]),
+                    error && (react_1.default.createElement(material_1.Typography, { variant: 'body1', color: 'error', align: 'center' },
                         "Error: ",
                         error.message))))),
-            !isLoading && (React.createElement(Box, { sx: {
+            !isLoading && (react_1.default.createElement(material_1.Box, { sx: {
                     flexGrow: 1,
                     maxWidth: '100%',
                     overflowX: 'hidden',
@@ -74,6 +66,6 @@ var StandardLayout = function (_a) {
                     paddingLeft: '27px',
                     paddingRight: '27px',
                 } }, children)),
-            React.createElement(Footer, __assign({}, footer)))));
+            react_1.default.createElement(Footer_1.default, { ...footer }))));
 };
-export default StandardLayout;
+exports.default = StandardLayout;

package/lib/src/components/layout/assets/DeixLogo.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SizeProps {
+    width?: number;
+    height?: number;
+}
+declare const DeixLogo: React.FC<SizeProps>;
+export default DeixLogo;
+//# sourceMappingURL=DeixLogo.d.ts.map

package/lib/src/components/layout/assets/DeixLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeixLogo.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/assets/DeixLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA0BjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/src/components/layout/assets/DeixLogo.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 });
+const react_1 = __importDefault(require("react"));
+const DeixLogo = ({ width = 14, height = 14 }) => {
+    return (react_1.default.createElement("svg", { width: width, height: height, version: '1.1', viewBox: '0 0 65.057 65.039' },
+        react_1.default.createElement("g", { transform: 'translate(-20.345 -128.17)' },
+            react_1.default.createElement("g", { transform: 'translate(149.84 124)', fill: '#c13302', fillRule: 'evenodd' },
+                react_1.default.createElement("circle", { cx: '-114.55', cy: '19.115', r: '2.451' }),
+                react_1.default.createElement("path", { d: 'm-114.55 4.1682a14.947 14.947 0 0 0-14.947 14.947 14.947 14.947 0 0 0 14.947 14.947 14.947 14.947 0 0 0 8.2698-2.5063l-5.5201-5.5201a7.4498 7.4498 0 0 1-2.7497 0.52917 7.4498 7.4498 0 0 1-7.4502-7.4497 7.4498 7.4498 0 0 1 7.4502-7.4502 7.4498 7.4498 0 0 1 7.4497 7.4502 7.4498 7.4498 0 0 1-0.52916 2.7492l5.5206 5.5206a14.947 14.947 0 0 0 2.5063-8.2698 14.947 14.947 0 0 0-14.947-14.947z' }),
+                react_1.default.createElement("circle", { transform: 'scale(-1,1)', cx: '79.388', cy: '19.115', r: '2.451' }),
+                react_1.default.createElement("path", { d: 'm-79.388 4.1682a14.947 14.947 0 0 1 14.947 14.947 14.947 14.947 0 0 1-14.947 14.947 14.947 14.947 0 0 1-8.2698-2.5063l5.5201-5.5201a7.4498 7.4498 0 0 0 2.7497 0.52917 7.4498 7.4498 0 0 0 7.4502-7.4497 7.4498 7.4498 0 0 0-7.4502-7.4502 7.4498 7.4498 0 0 0-7.4497 7.4502 7.4498 7.4498 0 0 0 0.52917 2.7492l-5.5206 5.5206a14.947 14.947 0 0 1-2.5063-8.2698 14.947 14.947 0 0 1 14.947-14.947z' }),
+                react_1.default.createElement("circle", { transform: 'scale(1,-1)', cx: '-114.55', cy: '-54.26', r: '2.451' }),
+                react_1.default.createElement("path", { d: 'm-114.55 69.207a14.947 14.947 0 0 1-14.947-14.947 14.947 14.947 0 0 1 14.947-14.947 14.947 14.947 0 0 1 8.2698 2.5063l-5.5201 5.5201a7.4498 7.4498 0 0 0-2.7497-0.52917 7.4498 7.4498 0 0 0-7.4502 7.4497 7.4498 7.4498 0 0 0 7.4502 7.4502 7.4498 7.4498 0 0 0 7.4497-7.4502 7.4498 7.4498 0 0 0-0.52917-2.7492l5.5206-5.5206a14.947 14.947 0 0 1 2.5063 8.2698 14.947 14.947 0 0 1-14.947 14.947z' }),
+                react_1.default.createElement("path", { transform: 'scale(-1)', d: 'm81.839-54.26a2.451 2.451 0 0 1-2.451 2.451 2.451 2.451 0 0 1-2.451-2.451 2.451 2.451 0 0 1 2.451-2.451 2.451 2.451 0 0 1 2.451 2.451z', strokeWidth: '.098039' }),
+                react_1.default.createElement("path", { d: 'm-79.388 69.207a14.947 14.947 0 0 0 14.947-14.947 14.947 14.947 0 0 0-14.947-14.947 14.947 14.947 0 0 0-8.2698 2.5063l5.5201 5.5201a7.4498 7.4498 0 0 1 2.7497-0.52917 7.4498 7.4498 0 0 1 7.4502 7.4497 7.4498 7.4498 0 0 1-7.4502 7.4502 7.4498 7.4498 0 0 1-7.4497-7.4502 7.4498 7.4498 0 0 1 0.52917-2.7492l-5.5206-5.5206a14.947 14.947 0 0 0-2.5063 8.2698 14.947 14.947 0 0 0 14.947 14.947z' })))));
+};
+exports.default = DeixLogo;

package/lib/src/components/layout/assets/DeixLogo.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+
+interface SizeProps {
+  width?: number;
+  height?: number;
+}
+
+const DeixLogo: React.FC<SizeProps> = ({ width = 14, height = 14 }) => {
+  return (
+    <svg
+      width={width}
+      height={height}
+      version='1.1'
+      viewBox='0 0 65.057 65.039'
+    >
+      <g transform='translate(-20.345 -128.17)'>
+        <g transform='translate(149.84 124)' fill='#c13302' fillRule='evenodd'>
+          <circle cx='-114.55' cy='19.115' r='2.451' />
+          <path d='m-114.55 4.1682a14.947 14.947 0 0 0-14.947 14.947 14.947 14.947 0 0 0 14.947 14.947 14.947 14.947 0 0 0 8.2698-2.5063l-5.5201-5.5201a7.4498 7.4498 0 0 1-2.7497 0.52917 7.4498 7.4498 0 0 1-7.4502-7.4497 7.4498 7.4498 0 0 1 7.4502-7.4502 7.4498 7.4498 0 0 1 7.4497 7.4502 7.4498 7.4498 0 0 1-0.52916 2.7492l5.5206 5.5206a14.947 14.947 0 0 0 2.5063-8.2698 14.947 14.947 0 0 0-14.947-14.947z' />
+          <circle transform='scale(-1,1)' cx='79.388' cy='19.115' r='2.451' />
+          <path d='m-79.388 4.1682a14.947 14.947 0 0 1 14.947 14.947 14.947 14.947 0 0 1-14.947 14.947 14.947 14.947 0 0 1-8.2698-2.5063l5.5201-5.5201a7.4498 7.4498 0 0 0 2.7497 0.52917 7.4498 7.4498 0 0 0 7.4502-7.4497 7.4498 7.4498 0 0 0-7.4502-7.4502 7.4498 7.4498 0 0 0-7.4497 7.4502 7.4498 7.4498 0 0 0 0.52917 2.7492l-5.5206 5.5206a14.947 14.947 0 0 1-2.5063-8.2698 14.947 14.947 0 0 1 14.947-14.947z' />
+          <circle transform='scale(1,-1)' cx='-114.55' cy='-54.26' r='2.451' />
+          <path d='m-114.55 69.207a14.947 14.947 0 0 1-14.947-14.947 14.947 14.947 0 0 1 14.947-14.947 14.947 14.947 0 0 1 8.2698 2.5063l-5.5201 5.5201a7.4498 7.4498 0 0 0-2.7497-0.52917 7.4498 7.4498 0 0 0-7.4502 7.4497 7.4498 7.4498 0 0 0 7.4502 7.4502 7.4498 7.4498 0 0 0 7.4497-7.4502 7.4498 7.4498 0 0 0-0.52917-2.7492l5.5206-5.5206a14.947 14.947 0 0 1 2.5063 8.2698 14.947 14.947 0 0 1-14.947 14.947z' />
+          <path
+            transform='scale(-1)'
+            d='m81.839-54.26a2.451 2.451 0 0 1-2.451 2.451 2.451 2.451 0 0 1-2.451-2.451 2.451 2.451 0 0 1 2.451-2.451 2.451 2.451 0 0 1 2.451 2.451z'
+            strokeWidth='.098039'
+          />
+          <path d='m-79.388 69.207a14.947 14.947 0 0 0 14.947-14.947 14.947 14.947 0 0 0-14.947-14.947 14.947 14.947 0 0 0-8.2698 2.5063l5.5201 5.5201a7.4498 7.4498 0 0 1 2.7497-0.52917 7.4498 7.4498 0 0 1 7.4502 7.4497 7.4498 7.4498 0 0 1-7.4502 7.4502 7.4498 7.4498 0 0 1-7.4497-7.4502 7.4498 7.4498 0 0 1 0.52917-2.7492l-5.5206-5.5206a14.947 14.947 0 0 0-2.5063 8.2698 14.947 14.947 0 0 0 14.947 14.947z' />
+        </g>
+      </g>
+    </svg>
+  );
+};
+
+export default DeixLogo;

package/lib/src/components/layout/assets/ServerDown.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SizeProps {
+    width?: number;
+    height?: number;
+}
+declare const ServerDown: React.FC<SizeProps>;
+export default ServerDown;
+//# sourceMappingURL=ServerDown.d.ts.map

package/lib/src/components/layout/assets/ServerDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerDown.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/assets/ServerDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6NnC,CAAC;AAEF,eAAe,UAAU,CAAC"}