@deix/rossini-core 0.4.2 → 0.5.1

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

@@ -0,0 +1,67 @@
+"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 types_1 = require("../../../types");
+const utils_1 = require("../../../utils");
+const hooks_1 = require("./hooks");
+const ImprovementChip_1 = __importDefault(require("./ImprovementChip"));
+const isFetchedValue = (value) => {
+    return value.endpoint !== undefined;
+};
+const StyledValue = (props) => {
+    const { caption, details, formatOptions = {}, icon, raised = false, framed = false, loading = false, backgroundColor, valueTypographyProps = {
+        variant: 'h3',
+        color: 'primary',
+    }, captionTypographyProps = { variant: 'subtitle2', color: 'textPrimary' }, detailsTypographyProps = { variant: 'caption', color: 'textSecondary' }, cardProps, onCardClick, improvement, } = props;
+    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,
+            height: '100%',
+            p: 0,
+            '&:last-child': {
+                paddingBottom: 0,
+            },
+        } },
+        react_1.default.createElement(material_1.CardActionArea, { onClick: onCardClick, sx: {
+                p: 2,
+                '&:last-child': {
+                    paddingBottom: 2,
+                },
+            } },
+            react_1.default.createElement(material_1.Grid, { container: true, spacing: 1, alignItems: 'center' },
+                icon && (react_1.default.createElement(material_1.Grid, { item: true, xs: 4 }, icon)),
+                react_1.default.createElement(material_1.Grid, { item: true, xs: icon ? 8 : 12 },
+                    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.Box, { sx: { display: 'flex', justifyContent: 'space-between' } },
+                                react_1.default.createElement(material_1.Typography, { ...valueTypographyProps }, loading || isLoading || value === undefined ? (react_1.default.createElement(material_1.Skeleton, null)) : (stringValue)),
+                                improvement && 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, { ...captionTypographyProps }, captionString)),
+                        details && (react_1.default.createElement(material_1.Grid, { item: true, xs: 12 },
+                            react_1.default.createElement(material_1.Typography, { ...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 type { LoaderProps } from './progress';
+export { CircularLoading } from './progress';
+export type { CircularLoadingProps } 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,oBAAoB,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

@@ -2,6 +2,7 @@ import React, { ReactNode } from 'react';
 import { AppLogoInfo } from '../components/AppLogo/AppLogo';
 import { FooterProps } from '../components/Footer/Footer';
 import { SidebarLink } from '../components/Sidebar/Sidebar';
+import { Language } from '../../../types/languages';
 import { AvatarProps } from '../../buttons/Avatar/Avatar';
 interface StandardLayoutProps {
     /**
@@ -36,6 +37,10 @@ interface StandardLayoutProps {
      * The properties to be passed to the footer component.
      */
     footer?: FooterProps;
+    /**
+     * List of language options
+     */
+    languages?: Language[];
 }
 declare const StandardLayout: React.FC<StandardLayoutProps>;
 export default StandardLayout;

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;AAIrE,OAAO,EAAE,QAAQ,EAAU,MAAM,0BAA0B,CAAC;AAE5D,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;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;CACxB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8GjD,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, languages, 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, languages: languages, 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"}

package/lib/src/components/layout/assets/ServerDown.js

@@ -0,0 +1,60 @@
+"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 ServerDown = ({ width = 1120, height = 700 }) => {
+    return (react_1.default.createElement("svg", { width: width, height: height, viewBox: '0 0 1119.60911 699' },
+        react_1.default.createElement("circle", { cx: '292.60911', cy: '213', r: '213', fill: '#f2f2f2' }),
+        react_1.default.createElement("path", { d: 'M31.39089,151.64237c0,77.49789,48.6181,140.20819,108.70073,140.20819', transform: 'translate(-31.39089 -100.5)', fill: '#2f2e41' }),
+        react_1.default.createElement("path", { d: 'M140.09162,291.85056c0-78.36865,54.255-141.78356,121.30372-141.78356', transform: 'translate(-31.39089 -100.5)', fill: '#c13302' }),
+        react_1.default.createElement("path", { d: 'M70.77521,158.66768c0,73.61476,31.00285,133.18288,69.31641,133.18288', transform: 'translate(-31.39089 -100.5)', fill: '#c13302' }),
+        react_1.default.createElement("path", { d: 'M140.09162,291.85056c0-100.13772,62.7103-181.16788,140.20819-181.16788', transform: 'translate(-31.39089 -100.5)', fill: '#2f2e41' }),
+        react_1.default.createElement("path", { d: 'M117.22379,292.83905s15.41555-.47479,20.06141-3.783,23.713-7.2585,24.86553-1.95278,23.16671,26.38821,5.76263,26.5286-40.43935-2.711-45.07627-5.53549S117.22379,292.83905,117.22379,292.83905Z', transform: 'translate(-31.39089 -100.5)', fill: '#a8a8a8' }),
+        react_1.default.createElement("path", { d: 'M168.224,311.78489c-17.40408.14042-40.43933-2.71094-45.07626-5.53548-3.53126-2.151-4.93843-9.86945-5.40926-13.43043-.32607.014-.51463.02-.51463.02s.97638,12.43276,5.61331,15.2573,27.67217,5.67589,45.07626,5.53547c5.02386-.04052,6.7592-1.82793,6.66391-4.47526C173.87935,310.756,171.96329,311.75474,168.224,311.78489Z', transform: 'translate(-31.39089 -100.5)', opacity: '0.2' }),
+        react_1.default.createElement("ellipse", { cx: '198.60911', cy: '424.5', rx: '187', ry: '25.43993', fill: '#3f3d56' }),
+        react_1.default.createElement("ellipse", { cx: '198.60911', cy: '424.5', rx: '157', ry: '21.35866', opacity: '0.1' }),
+        react_1.default.createElement("ellipse", { cx: '836.60911', cy: '660.5', rx: '283', ry: '38.5', fill: '#3f3d56' }),
+        react_1.default.createElement("ellipse", { cx: '310.60911', cy: '645.5', rx: '170', ry: '23.12721', fill: '#3f3d56' }),
+        react_1.default.createElement("path", { d: 'M494,726.5c90,23,263-30,282-90', transform: 'translate(-31.39089 -100.5)', fill: 'none', stroke: '#2f2e41', strokeMiterlimit: '10', strokeWidth: '2' }),
+        react_1.default.createElement("path", { d: 'M341,359.5s130-36,138,80-107,149-17,172', transform: 'translate(-31.39089 -100.5)', fill: 'none', stroke: '#2f2e41', strokeMiterlimit: '10', strokeWidth: '2' }),
+        react_1.default.createElement("path", { d: 'M215.40233,637.78332s39.0723-10.82,41.47675,24.04449-32.15951,44.78287-5.10946,51.69566', transform: 'translate(-31.39089 -100.5)', fill: 'none', stroke: '#2f2e41', strokeMiterlimit: '10', strokeWidth: '2' }),
+        react_1.default.createElement("path", { d: 'M810.09554,663.73988,802.218,714.03505s-38.78182,20.60284-11.51335,21.20881,155.73324,0,155.73324,0,24.84461,0-14.54318-21.81478l-7.87756-52.719Z', transform: 'translate(-31.39089 -100.5)', fill: '#2f2e41' }),
+        react_1.default.createElement("path", { d: 'M785.21906,734.69812c6.193-5.51039,16.9989-11.252,16.9989-11.252l7.87756-50.2952,113.9216.10717,7.87756,49.582c9.185,5.08711,14.8749,8.987,18.20362,11.97818,5.05882-1.15422,10.58716-5.44353-18.20362-21.38921l-7.87756-52.719-113.9216,3.02983L802.218,714.03506S769.62985,731.34968,785.21906,734.69812Z', transform: 'translate(-31.39089 -100.5)', opacity: '0.1' }),
+        react_1.default.createElement("rect", { x: '578.43291', y: '212.68859', width: '513.25314', height: '357.51989', rx: '18.04568', fill: '#2f2e41' }),
+        react_1.default.createElement("rect", { x: '595.70294', y: '231.77652', width: '478.71308', height: '267.83694', fill: '#3f3d56' }),
+        react_1.default.createElement("circle", { cx: '835.05948', cy: '223.29299', r: '3.02983', fill: '#f2f2f2' }),
+        react_1.default.createElement("path", { d: 'M1123.07694,621.32226V652.6628a18.04341,18.04341,0,0,1-18.04568,18.04568H627.86949A18.04341,18.04341,0,0,1,609.8238,652.6628V621.32226Z', transform: 'translate(-31.39089 -100.5)', fill: '#2f2e41' }),
+        react_1.default.createElement("polygon", { points: '968.978 667.466 968.978 673.526 642.968 673.526 642.968 668.678 643.417 667.466 651.452 645.651 962.312 645.651 968.978 667.466', fill: '#2f2e41' }),
+        react_1.default.createElement("path", { d: 'M1125.828,762.03359c-.59383,2.539-2.83591,5.21743-7.90178,7.75032-18.179,9.08949-55.1429-2.42386-55.1429-2.42386s-28.4804-4.84773-28.4804-17.573a22.72457,22.72457,0,0,1,2.49658-1.48459c7.64294-4.04351,32.98449-14.02122,77.9177.42248a18.73921,18.73921,0,0,1,8.54106,5.59715C1125.07908,756.45353,1126.50669,759.15715,1125.828,762.03359Z', transform: 'translate(-31.39089 -100.5)', fill: '#2f2e41' }),
+        react_1.default.createElement("path", { d: 'M1125.828,762.03359c-22.251,8.526-42.0843,9.1622-62.43871-4.975-10.26507-7.12617-19.59089-8.88955-26.58979-8.75618,7.64294-4.04351,32.98449-14.02122,77.9177.42248a18.73921,18.73921,0,0,1,8.54106,5.59715C1125.07908,756.45353,1126.50669,759.15715,1125.828,762.03359Z', transform: 'translate(-31.39089 -100.5)', opacity: '0.1' }),
+        react_1.default.createElement("ellipse", { cx: '1066.53846', cy: '654.13477', rx: '7.87756', ry: '2.42386', fill: '#f2f2f2' }),
+        react_1.default.createElement("circle", { cx: '835.05948', cy: '545.66686', r: '11.51335', fill: '#f2f2f2' }),
+        react_1.default.createElement("polygon", { points: '968.978 667.466 968.978 673.526 642.968 673.526 642.968 668.678 643.417 667.466 968.978 667.466', opacity: '0.1' }),
+        react_1.default.createElement("rect", { x: '108.60911', y: '159', width: '208', height: '242', fill: '#2f2e41' }),
+        react_1.default.createElement("rect", { x: '87.60911', y: '135', width: '250', height: '86', fill: '#3f3d56' }),
+        react_1.default.createElement("rect", { x: '87.60911', y: '237', width: '250', height: '86', fill: '#3f3d56' }),
+        react_1.default.createElement("rect", { x: '87.60911', y: '339', width: '250', height: '86', fill: '#3f3d56' }),
+        react_1.default.createElement("rect", { x: '271.60911', y: '150', width: '16', height: '16', fill: '#c13302', opacity: '0.4' }),
+        react_1.default.createElement("rect", { x: '294.60911', y: '150', width: '16', height: '16', fill: '#c13302', opacity: '0.8' }),
+        react_1.default.createElement("rect", { x: '317.60911', y: '150', width: '16', height: '16', fill: '#c13302' }),
+        react_1.default.createElement("rect", { x: '271.60911', y: '251', width: '16', height: '16', fill: '#c13302', opacity: '0.4' }),
+        react_1.default.createElement("rect", { x: '294.60911', y: '251', width: '16', height: '16', fill: '#c13302', opacity: '0.8' }),
+        react_1.default.createElement("rect", { x: '317.60911', y: '251', width: '16', height: '16', fill: '#c13302' }),
+        react_1.default.createElement("rect", { x: '271.60911', y: '352', width: '16', height: '16', fill: '#c13302', opacity: '0.4' }),
+        react_1.default.createElement("rect", { x: '294.60911', y: '352', width: '16', height: '16', fill: '#c13302', opacity: '0.8' }),
+        react_1.default.createElement("rect", { x: '317.60911', y: '352', width: '16', height: '16', fill: '#c13302' }),
+        react_1.default.createElement("circle", { cx: '316.60911', cy: '538', r: '79', fill: '#2f2e41' }),
+        react_1.default.createElement("rect", { x: '280.60911', y: '600', width: '24', height: '43', fill: '#2f2e41' }),
+        react_1.default.createElement("rect", { x: '328.60911', y: '600', width: '24', height: '43', fill: '#2f2e41' }),
+        react_1.default.createElement("ellipse", { cx: '300.60911', cy: '643.5', rx: '20', ry: '7.5', fill: '#2f2e41' }),
+        react_1.default.createElement("ellipse", { cx: '348.60911', cy: '642.5', rx: '20', ry: '7.5', fill: '#2f2e41' }),
+        react_1.default.createElement("circle", { cx: '318.60911', cy: '518', r: '27', fill: '#fff' }),
+        react_1.default.createElement("circle", { cx: '318.60911', cy: '518', r: '9', fill: '#3f3d56' }),
+        react_1.default.createElement("path", { d: 'M271.36733,565.03228c-6.37889-28.56758,14.01185-57.43392,45.544-64.47477s62.2651,10.41,68.644,38.9776-14.51861,39.10379-46.05075,46.14464S277.74622,593.59986,271.36733,565.03228Z', transform: 'translate(-31.39089 -100.5)', fill: '#c13302' }),
+        react_1.default.createElement("ellipse", { cx: '417.21511', cy: '611.34365', rx: '39.5', ry: '12.40027', transform: 'translate(-238.28665 112.98044) rotate(-23.17116)', fill: '#2f2e41' }),
+        react_1.default.createElement("ellipse", { cx: '269.21511', cy: '664.34365', rx: '39.5', ry: '12.40027', transform: 'translate(-271.07969 59.02084) rotate(-23.17116)', fill: '#2f2e41' }),
+        react_1.default.createElement("path", { d: 'M394,661.5c0,7.732-19.90861,23-42,23s-43-14.268-43-22,20.90861-6,43-6S394,653.768,394,661.5Z', transform: 'translate(-31.39089 -100.5)', fill: '#fff' })));
+};
+exports.default = ServerDown;