@deix/rossini-core 1.0.0 → 1.0.2

package/lib/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@deix/rossini-core",
-    "version": "1.0.0",
+    "version": "1.0.2",
     "main": "lib/src/index.js",
     "type": "commonjs",
     "repository": {

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

@@ -1,10 +1,11 @@
 import React from 'react';
 import { ChipProps } from '@mui/material';
 import { StringTranslation } from '../../../types';
-type DeltaType = 'decrease' | 'moderateDecrease' | 'unchanged' | 'moderateIncrease' | 'increase';
 export interface ImprovementChipProps extends ChipProps {
-    deltaType: DeltaType;
-    deltaValue: number;
+    currentValue: number;
+    previousValue: number;
+    stationaryTolerance?: number;
+    percentageFormatOptions?: Partial<Intl.NumberFormatOptions>;
     isIncreasePositive?: boolean;
     tooltip?: StringTranslation | string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ImprovementChip.d.ts","sourceRoot":"","sources":["../../../../../src/components/display/StyledValue/ImprovementChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAQ,SAAS,EAAW,MAAM,eAAe,CAAC;AAGzD,OAAO,EAAuB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExE,KAAK,SAAS,GACV,UAAU,GACV,kBAAkB,GAClB,WAAW,GACX,kBAAkB,GAClB,UAAU,CAAC;AAEf,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;CACtC;AA8BD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0BnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ImprovementChip.d.ts","sourceRoot":"","sources":["../../../../../src/components/display/StyledValue/ImprovementChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAQ,SAAS,EAAW,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAuB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxE,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uBAAuB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC5D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;CACtC;AAoCD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkCnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -6,28 +6,50 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const icons_material_1 = require("@mui/icons-material");
 const material_1 = require("@mui/material");
-const utils_1 = require("../../../utils");
 const types_1 = require("../../../types");
-const colorMap = (isIncreasePositive) => ({
-    decrease: isIncreasePositive ? 'error' : 'success',
-    moderateDecrease: 'warning',
-    unchanged: 'info',
-    moderateIncrease: 'warning',
-    increase: isIncreasePositive ? 'success' : 'error',
-});
-const iconMap = (size) => ({
-    decrease: react_1.default.createElement(icons_material_1.South, { fontSize: size }),
-    moderateDecrease: react_1.default.createElement(icons_material_1.SouthEast, { fontSize: size }),
-    unchanged: react_1.default.createElement(icons_material_1.East, { fontSize: size }),
-    moderateIncrease: react_1.default.createElement(icons_material_1.NorthEast, { fontSize: size }),
-    increase: react_1.default.createElement(icons_material_1.North, { fontSize: size }),
-});
-const ImprovementChip = ({ deltaType, deltaValue, isIncreasePositive = true, tooltip, size = 'small', color, }) => {
+const utils_1 = require("../../../utils");
+const getColor = (delta, tol, isIncreasePositive) => {
+    if (delta >= tol) {
+        switch (isIncreasePositive) {
+            case true:
+                return 'success';
+            case false:
+                return 'error';
+        }
+    }
+    else if (delta <= -tol) {
+        switch (isIncreasePositive) {
+            case true:
+                return 'error';
+            case false:
+                return 'success';
+        }
+    }
+    else {
+        return 'info';
+    }
+};
+const getIcon = (delta, tol, size) => {
+    if (delta >= tol) {
+        return react_1.default.createElement(icons_material_1.North, { fontSize: size });
+    }
+    else if (delta <= -tol) {
+        return react_1.default.createElement(icons_material_1.South, { fontSize: size });
+    }
+    else {
+        return react_1.default.createElement(icons_material_1.East, { fontSize: size });
+    }
+};
+const ImprovementChip = ({ currentValue, previousValue, stationaryTolerance = 0.01, percentageFormatOptions = {
+    style: 'percent',
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 1,
+}, isIncreasePositive = true, tooltip, size = 'small', color, }) => {
     const locale = (0, utils_1.useLocale)();
-    const colors = colorMap(isIncreasePositive);
-    const icons = iconMap(size);
     const tooltipString = tooltip && (0, types_1.isStringTranslation)(tooltip) ? tooltip[locale] : tooltip;
+    const delta = (currentValue - previousValue) / previousValue;
+    const deltaString = delta.toLocaleString(locale, percentageFormatOptions);
     return (react_1.default.createElement(material_1.Tooltip, { title: tooltipString || '' },
-        react_1.default.createElement(material_1.Chip, { icon: icons[deltaType], label: `${deltaValue}%`, color: color || colors[deltaType], size: size })));
+        react_1.default.createElement(material_1.Chip, { icon: getIcon(delta, stationaryTolerance, size), label: deltaString, color: color || getColor(delta, stationaryTolerance, isIncreasePositive), size: size })));
 };
 exports.default = ImprovementChip;

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

@@ -10,6 +10,7 @@ export interface FetchedValue {
 }
 export interface StyledValueProps {
     value?: number | string | Date | FetchedValue;
+    previousValue?: number | string | Date | FetchedValue;
     formatOptions?: Partial<Intl.DateTimeFormatOptions | Intl.NumberFormatOptions>;
     caption: string | StringTranslation;
     details?: string | StringTranslation;
@@ -23,7 +24,7 @@ export interface StyledValueProps {
     cardProps?: CardProps;
     loading?: boolean;
     onCardClick?: (e: React.MouseEvent<HTMLElement>) => void;
-    improvement?: ImprovementChipProps;
+    improvementChipProps?: Pick<Partial<ImprovementChipProps>, 'isIncreasePositive' | 'stationaryTolerance'>;
 }
 declare const StyledValue: React.FC<StyledValueProps>;
 export default StyledValue;

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

@@ -1 +1 @@
-{"version":3,"file":"StyledValue.d.ts","sourceRoot":"","sources":["../../../../../src/components/display/StyledValue/StyledValue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAIL,SAAS,EAIT,eAAe,EAChB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAuB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxE,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE1E,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAMD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,YAAY,CAAC;IAC9C,aAAa,CAAC,EAAE,OAAO,CACrB,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,mBAAmB,CACtD,CAAC;IACF,OAAO,EAAE,MAAM,GAAG,iBAAiB,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,GAAG,iBAAiB,CAAC;IACrC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,eAAe,CAAC;IACvC,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACpC;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkH3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"StyledValue.d.ts","sourceRoot":"","sources":["../../../../../src/components/display/StyledValue/StyledValue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAIL,SAAS,EAIT,eAAe,EAChB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAuB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxE,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG1E,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAMD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,YAAY,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,YAAY,CAAC;IACtD,aAAa,CAAC,EAAE,OAAO,CACrB,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,mBAAmB,CACtD,CAAC;IACF,OAAO,EAAE,MAAM,GAAG,iBAAiB,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,GAAG,iBAAiB,CAAC;IACrC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,eAAe,CAAC;IACvC,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD,oBAAoB,CAAC,EAAE,IAAI,CACzB,OAAO,CAAC,oBAAoB,CAAC,EAC7B,oBAAoB,GAAG,qBAAqB,CAC7C,CAAC;CACH;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuJ3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -9,6 +9,7 @@ const types_1 = require("../../../types");
 const utils_1 = require("../../../utils");
 const hooks_1 = require("./hooks");
 const ImprovementChip_1 = __importDefault(require("./ImprovementChip"));
+const translations_json_1 = __importDefault(require("./translations.json"));
 const isFetchedValue = (value) => {
     return value.endpoint !== undefined;
 };
@@ -16,17 +17,25 @@ 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;
+    }, captionTypographyProps = { variant: 'subtitle2', color: 'textPrimary' }, detailsTypographyProps = { variant: 'caption', color: 'textSecondary' }, cardProps, onCardClick, improvementChipProps = {
+        isIncreasePositive: true,
+        stationaryTolerance: 0.01,
+    }, } = 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)
+    const { data: value, isLoading: isLoadingValue } = (0, hooks_1.useValue)(apiClient, props.value);
+    const { data: previousValue, isLoading: isLoadingPreviousValue } = (0, hooks_1.useValue)(apiClient, props.previousValue);
+    const stringValue = typeof value === 'number'
+        ? value?.toLocaleString(locale, formatOptions)
         : value && (0, utils_1.isValidDate)(value)
-            ? new Date(value)?.toLocaleString(undefined, formatOptions)
+            ? new Date(value)?.toLocaleString(locale, formatOptions)
             : value;
+    const stringPreviousValue = typeof previousValue === 'number'
+        ? previousValue?.toLocaleString(locale, formatOptions)
+        : previousValue && (0, utils_1.isValidDate)(previousValue)
+            ? new Date(previousValue)?.toLocaleString(locale, formatOptions)
+            : previousValue;
     const captionString = (0, types_1.isStringTranslation)(caption)
         ? caption[locale]
         : caption;
@@ -51,17 +60,31 @@ const StyledValue = (props) => {
                     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)))))))));
+            react_1.default.createElement(material_1.Box, { sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    width: '100%',
+                } },
+                icon && react_1.default.createElement(material_1.Box, { sx: { marginRight: 2, width: '10%' } }, icon),
+                react_1.default.createElement(material_1.Box, { sx: {
+                        width: '90%',
+                        display: 'flex',
+                        flexDirection: { xs: 'column', md: 'row' },
+                        justifyContent: 'space-between',
+                    } },
+                    react_1.default.createElement(material_1.Box, { sx: {
+                            width: { xs: '100%', md: '60%' },
+                            display: 'flex',
+                            justifyContent: { xs: 'flex-end', md: 'flex-start' },
+                        } },
+                        react_1.default.createElement(material_1.Typography, { ...valueTypographyProps }, loading || isLoadingValue || value === undefined ? (react_1.default.createElement(material_1.Skeleton, null)) : (stringValue))),
+                    previousValue && stringPreviousValue && (react_1.default.createElement(material_1.Box, { sx: {
+                            width: { xs: '100%', md: '40%' },
+                            display: 'flex',
+                            justifyContent: 'flex-end',
+                        } },
+                        react_1.default.createElement(ImprovementChip_1.default, { currentValue: value, previousValue: previousValue, tooltip: `${stringPreviousValue} ${translations_json_1.default['tooltipPreviousPeriod'][locale]}`, ...improvementChipProps }))))),
+            react_1.default.createElement(material_1.Typography, { ...captionTypographyProps }, captionString),
+            details && (react_1.default.createElement(material_1.Typography, { ...detailsTypographyProps }, detailsString)))));
 };
 exports.default = StyledValue;

package/lib/src/components/display/StyledValue/translations.json

@@ -0,0 +1,9 @@
+{
+    "tooltipPreviousPeriod": {
+        "de": "in der Vorperiode",
+        "en": "during previous period",
+        "fr": "pendant la période précédente",
+        "it": "nel periodo precedente",
+        "es": "en el periodo anterior"
+    }
+}

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;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"}
+{"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,CAiF/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -49,6 +49,9 @@ const MinimalLayout = ({ isLoading, isError, error, footer, children, }) => {
                         error.message))))),
             !isLoading && (react_1.default.createElement(material_1.Box, { sx: {
                     flexGrow: 1,
+                    // display: 'flex',
+                    // flexDirection: 'column',
+                    // height: '100%',
                     maxWidth: '100%',
                     overflowX: 'hidden',
                     paddingTop: '10px',

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;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"}
+{"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,CAiHjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -24,7 +24,6 @@ const StandardLayout = ({ isLoading, isError, error, appLogo, footer, sidebarLin
     // Persist user preference about the sidebar
     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',
@@ -34,10 +33,14 @@ const StandardLayout = ({ isLoading, isError, error, appLogo, footer, sidebarLin
                 width: '100%',
                 background: theme.palette.background.default,
             } },
+            react_1.default.createElement(TopLine_1.default, null),
             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,
+                    // display: 'flex',
+                    // flexDirection: 'column',
+                    // height: '100%',
                     maxWidth: '100%',
                     overflowX: 'hidden',
                     paddingTop: '10px',