@deix/rossini-core 0.5.0 → 0.5.1

package/lib/package.json

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

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

@@ -1,8 +1,8 @@
 import React, { ReactNode } from 'react';
 import { AxiosRequestConfig } from 'axios';
 import { CardProps, TypographyProps } from '@mui/material';
-import { ImprovementChipProps } from './ImprovementChip';
 import { StringTranslation } from '../../../types';
+import { ImprovementChipProps } from './ImprovementChip';
 export interface FetchedValue {
     baseURL?: string;
     endpoint: string;
@@ -16,7 +16,7 @@ export interface StyledValueProps {
     icon?: ReactNode;
     framed?: boolean;
     raised?: boolean;
-    highlighted?: boolean;
+    backgroundColor: string;
     valueTypographyProps?: TypographyProps;
     captionTypographyProps?: TypographyProps;
     detailsTypographyProps?: TypographyProps;

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,EAA8B,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAGL,SAAS,EAIT,eAAe,EAEhB,MAAM,eAAe,CAAC;AAGvB,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAuB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxE,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,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,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,CAyK3C,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;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"}

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

@@ -1,45 +1,22 @@
 "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 react_1 = __importDefault(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 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, highlighted = false, valueTypographyProps = {
+    const { caption, details, formatOptions = {}, icon, raised = false, framed = false, loading = false, backgroundColor, valueTypographyProps = {
         variant: 'h3',
-    }, captionTypographyProps = { variant: 'subtitle2' }, detailsTypographyProps = { variant: 'caption' }, cardProps, onCardClick, improvement, } = props;
-    const muiTheme = (0, material_1.useTheme)();
+        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);
@@ -61,38 +38,30 @@ const StyledValue = (props) => {
     }
     return (react_1.default.createElement(material_1.Card, { ...cardProps, raised: raised, sx: {
             ...cardStyle,
-            backgroundColor: highlighted
-                ? muiTheme.palette.primary.main
-                : muiTheme.palette.background.paper,
+            backgroundColor,
             height: '100%',
+            p: 0,
+            '&:last-child': {
+                paddingBottom: 0,
+            },
         } },
-        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.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.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.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, { variant: 'subtitle2', color: highlighted ? 'white' : 'textPrimary', ...captionTypographyProps }, captionString)),
+                            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, { 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))))))));
+                            react_1.default.createElement(material_1.Typography, { ...detailsTypographyProps }, detailsString)))))))));
 };
 exports.default = StyledValue;

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

@@ -5,5 +5,5 @@ export type { AccordionProps, StyledValueProps, ImprovementChipProps, FetchedVal
 export { MinimalLayout, StandardLayout } from './layout';
 export type { AppLogoInfo, FooterProps, SidebarLink, SidebarProps, } from './layout';
 export { CircularLoading } from './progress';
-export type { LoaderProps } 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,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"}
+{"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/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;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"}
+{"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

@@ -15,7 +15,7 @@ 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 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';
@@ -34,7 +34,7 @@ const StandardLayout = ({ isLoading, isError, error, appLogo, footer, sidebarLin
                 width: '100%',
                 background: theme.palette.background.default,
             } },
-            react_1.default.createElement(Topbar_1.default, { hasSidebar: sidebarLinks && sidebarLinks.length > 0, onSidebarClose: () => setSidebarOpen(false), onSidebarOpen: () => setSidebarOpen(true), open: sidebarOpen, locale: locale, avatar: avatar }),
+            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,

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

@@ -1,4 +1,8 @@
 import React, { ReactNode } from 'react';
+interface ApplicationInfo {
+    name: string;
+    version: string;
+}
 export interface FooterProps {
     /**
      * Logo.
@@ -12,6 +16,10 @@ export interface FooterProps {
      * Link to be rerouted to when the text is clicked.
      */
     textURL?: string;
+    /**
+     * The UI info (name and version)
+     */
+    uiInfo?: ApplicationInfo;
     /**
      * The URL for the backend API. This will send a request to /info for the name and version of the API and show this information. If this is not provided or if the fetch fails nothing is shown in the footer.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/components/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAczC,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+EjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/components/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASzC,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAkFjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -9,8 +9,9 @@ const react_query_1 = require("react-query");
 const package_json_1 = __importDefault(require("../../../../../package.json"));
 const index_1 = require("../../../../utils/index");
 const DeixLogo_1 = __importDefault(require("../../assets/DeixLogo"));
-const Footer = ({ logo = react_1.default.createElement(DeixLogo_1.default, null), text = 'Deix Srl', textURL = 'https://deixsrl.com', apiURL, children, }) => {
+const Footer = ({ logo = react_1.default.createElement(DeixLogo_1.default, null), text = 'Deix Srl', textURL = 'https://deixsrl.com', uiInfo = { name: package_json_1.default.name, version: `v${package_json_1.default.version}` }, apiURL, children, }) => {
     const muiTheme = (0, material_1.useTheme)();
+    // Get App Info (name and version)
     // Get API info (name and version) from backend
     const apiClient = (0, index_1.useAPI)(apiURL);
     const getAPIInfo = async () => {
@@ -53,9 +54,9 @@ const Footer = ({ logo = react_1.default.createElement(DeixLogo_1.default, null)
                     color: muiTheme.palette.text.secondary,
                     marginLeft: '5px',
                 } },
-                package_json_1.default.name,
-                " v",
-                package_json_1.default.version,
+                uiInfo.name,
+                " ",
+                uiInfo.version,
                 ' ',
                 apiInfo ? `(${apiInfo.name} ${apiInfo.version})` : ''),
             children)));

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

@@ -215,17 +215,17 @@ const Sidebar = ({ links, open, isMobile, logo, locale, onClose, }) => {
             whiteSpace: 'nowrap',
             height: '100%',
             width: {
-                xs: open ? '65%' : `${parseInt(muiTheme.spacing(9), 10) + 1}px`,
-                sm: open ? '50%' : `${parseInt(muiTheme.spacing(9), 10) + 1}px`,
-                md: open ? '300px' : `${parseInt(muiTheme.spacing(9), 10) + 1}px`,
+                xs: open ? '65%' : `${parseInt(muiTheme.spacing(10), 10) + 1}px`,
+                sm: open ? '50%' : `${parseInt(muiTheme.spacing(10), 10) + 1}px`,
+                md: open ? '300px' : `${parseInt(muiTheme.spacing(10), 10) + 1}px`,
             },
         }, PaperProps: {
             sx: {
-                pr: 1,
+                // pr: 1,
                 width: {
-                    xs: open ? '65%' : `${parseInt(muiTheme.spacing(9), 10) + 1}px`,
-                    sm: open ? '50%' : `${parseInt(muiTheme.spacing(9), 10) + 1}px`,
-                    md: open ? '300px' : `${parseInt(muiTheme.spacing(9), 10) + 1}px`,
+                    xs: open ? '65%' : `${parseInt(muiTheme.spacing(10), 10) + 1}px`,
+                    sm: open ? '50%' : `${parseInt(muiTheme.spacing(10), 10) + 1}px`,
+                    md: open ? '300px' : `${parseInt(muiTheme.spacing(10), 10) + 1}px`,
                 },
                 background: muiTheme.palette.sidebar.main,
             },

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Locale } from '../../../../types/languages';
+import { Language, Locale } from '../../../../types/languages';
 import { AvatarProps } from '../../../buttons/Avatar/Avatar';
 interface TopbarProps {
     /**
@@ -14,6 +14,10 @@ interface TopbarProps {
      * Internationalization locale.
      */
     locale: Locale;
+    /**
+     * List of language options
+     */
+    languages?: Language[];
     /**
      * Function to call when closing the sidebar
      */

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

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

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

@@ -38,7 +38,7 @@ const ElevationScroll_1 = __importDefault(require("./ElevationScroll"));
 const S = __importStar(require("./Topbar.styles"));
 const translations_json_1 = __importDefault(require("./translations.json"));
 const Topbar = (props) => {
-    const { hasSidebar = false, onSidebarClose, onSidebarOpen, open, locale, avatar, } = props;
+    const { hasSidebar = false, onSidebarClose, onSidebarOpen, open, locale, languages, avatar, } = props;
     const { resolvedTheme, setTheme } = (0, next_themes_1.useTheme)();
     const muiTheme = (0, material_1.useTheme)();
     const SidebarIcon = open ? (react_1.default.createElement(MenuOpenTwoTone_1.default, { color: 'primary' })) : (react_1.default.createElement(MenuTwoTone_1.default, { color: 'primary' }));
@@ -49,7 +49,7 @@ const Topbar = (props) => {
                 react_1.default.createElement(material_1.Tooltip, { title: menuMessage, arrow: true },
                     react_1.default.createElement(material_1.IconButton, { color: 'inherit', "aria-label": 'open drawer', onClick: () => (open ? onSidebarClose() : onSidebarOpen()), edge: 'start' }, SidebarIcon)),
                 react_1.default.createElement("div", { style: { flexGrow: 1 } }),
-                react_1.default.createElement(index_1.LanguageSelect, { locale: locale }),
+                react_1.default.createElement(index_1.LanguageSelect, { locale: locale, languages: languages }),
                 react_1.default.createElement(material_1.IconButton, { component: 'span', "aria-label": 'user options' },
                     react_1.default.createElement(Avatar_1.Avatar, { ...avatar })),
                 react_1.default.createElement(material_1.Tooltip, { title: resolvedTheme === 'light'

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CircularLoading.d.ts","sourceRoot":"","sources":["../../../../../src/components/progress/CircularLoading/CircularLoading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAe1C,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CircularLoading.d.ts","sourceRoot":"","sources":["../../../../../src/components/progress/CircularLoading/CircularLoading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAuB,MAAM,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEhF,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,iBAAiB,CAAC;CACpC;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmBnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
 const translations_json_1 = __importDefault(require("./translations.json"));
-const CircularLoading = ({ locale = 'en' }) => {
+const types_1 = require("../../../types");
+const CircularLoading = ({ locale = 'en', label = translations_json_1.default['loading'], }) => {
+    const labelString = (0, types_1.isStringTranslation)(label) ? label[locale] : label;
     return (react_1.default.createElement(material_1.Box, { sx: {
             display: 'flex',
             flexDirection: 'column',
@@ -15,6 +17,6 @@ const CircularLoading = ({ locale = 'en' }) => {
             height: '100%',
         } },
         react_1.default.createElement(material_1.CircularProgress, null),
-        react_1.default.createElement(material_1.Typography, { variant: 'body1' }, translations_json_1.default['loading'][locale])));
+        react_1.default.createElement(material_1.Typography, { variant: 'body1' }, labelString)));
 };
 exports.default = CircularLoading;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAC/E,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAC/E,YAAY,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC"}

package/lib/src/index.d.ts

@@ -1,5 +1,5 @@
 export { Accordion, Avatar, CircularLoading, ImprovementChip, LanguageSelect, MinimalLayout, StandardLayout, StyledValue, ToggleButtonGroup, } from './components';
-export type { AccordionProps, AppLogoInfo, AvatarProps, ButtonGroupOption, FetchedValue, FooterProps, ImprovementChipProps, LanguageSelectProps, LoaderProps, SidebarLink, SidebarProps, StyledValueProps, ToggleButtonGroupProps, } from './components';
+export type { AccordionProps, AppLogoInfo, AvatarProps, ButtonGroupOption, FetchedValue, FooterProps, ImprovementChipProps, LanguageSelectProps, CircularLoadingProps, SidebarLink, SidebarProps, StyledValueProps, ToggleButtonGroupProps, } from './components';
 export { isStringTranslation } from './types';
 export type { DBRow, DBRows, Language, Locale, PaginatedResponse, Query, StringTranslation, } from './types';
 export { camelToSnake, colorToRgb, commonStart, dateDiff, getTextColor, getTimeStr, hexToRgb, isValidDate, PageProvider, stringToColor, toLocalStandardDateString, toTitleCase, useAPI, useLocale, usePersistedState, useUserInfo, } from './utils';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,MAAM,EACN,eAAe,EACf,eAAe,EACf,cAAc,EACd,aAAa,EACb,cAAc,EACd,WAAW,EACX,iBAAiB,GAClB,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,mBAAmB,EACnB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9C,YAAY,EACV,KAAK,EACL,MAAM,EACN,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,KAAK,EACL,iBAAiB,GAClB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,YAAY,EACZ,UAAU,EACV,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,aAAa,EACb,yBAAyB,EACzB,WAAW,EACX,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,WAAW,GACZ,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,MAAM,EACN,eAAe,EACf,eAAe,EACf,cAAc,EACd,aAAa,EACb,cAAc,EACd,WAAW,EACX,iBAAiB,GAClB,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9C,YAAY,EACV,KAAK,EACL,MAAM,EACN,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,KAAK,EACL,iBAAiB,GAClB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,YAAY,EACZ,UAAU,EACV,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,aAAa,EACb,yBAAyB,EACzB,WAAW,EACX,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,WAAW,GACZ,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}

package/lib/src/utils/hooks/usePersistedState.d.ts

@@ -2,7 +2,7 @@
  * Use a variable stored persistently on local storage.
  *
  * @param {string} name the name of the variable in local storage.
- * @param {T} defaultValue the default value. The first time the hook is called the variable is created with this value.
+ * @param {T} defaultValue the default value
  */
 declare function usePersistedState<T>(name: string, defaultValue: T): [T, (value: T) => void];
 export default usePersistedState;

package/lib/src/utils/hooks/usePersistedState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePersistedState.d.ts","sourceRoot":"","sources":["../../../../src/utils/hooks/usePersistedState.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,iBAAS,iBAAiB,CAAC,CAAC,EAC1B,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,CAAC,GACd,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAyBzB;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"usePersistedState.d.ts","sourceRoot":"","sources":["../../../../src/utils/hooks/usePersistedState.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,iBAAS,iBAAiB,CAAC,CAAC,EAC1B,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,CAAC,GACd,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CA8BzB;AAED,eAAe,iBAAiB,CAAC"}

package/lib/src/utils/hooks/usePersistedState.js

@@ -5,32 +5,36 @@ const react_1 = require("react");
  * Use a variable stored persistently on local storage.
  *
  * @param {string} name the name of the variable in local storage.
- * @param {T} defaultValue the default value. The first time the hook is called the variable is created with this value.
+ * @param {T} defaultValue the default value
  */
 function usePersistedState(name, defaultValue) {
-    const [value, setValue] = (0, react_1.useState)(() => {
+    const [value, setValue] = (0, react_1.useState)(defaultValue);
+    const firstRender = (0, react_1.useRef)(true);
+    (0, react_1.useLayoutEffect)(() => {
+        firstRender.current = false;
         try {
-            const value = window.localStorage.getItem(name);
-            if (value) {
-                return JSON.parse(value);
-            }
-            else {
-                window.localStorage.setItem(name, JSON.stringify(defaultValue));
-                return defaultValue;
+            const localValueString = window.localStorage.getItem(name);
+            if (localValueString) {
+                const localValue = JSON.parse(localValueString);
+                setValue(localValue);
             }
         }
         catch (err) {
-            return defaultValue;
+            console.log(err);
+            window.localStorage.removeItem(name);
         }
-    });
+    }, [name, setValue]);
     (0, react_1.useEffect)(() => {
+        if (firstRender) {
+            return;
+        }
         try {
             window.localStorage.setItem(name, JSON.stringify(value));
         }
         catch (err) {
             console.error(err);
         }
-    }, [value]);
+    }, [name, value]);
     return [value, setValue];
 }
 exports.default = usePersistedState;

package/lib/src/utils/provider/ThemeProvider.js

@@ -38,7 +38,7 @@ const ThemeProvider = ({ children, lightPalette, darkPalette }) => {
         if (resolvedTheme) {
             setCurrentTheme((0, theme_1.adaptiveTheme)(resolvedTheme, locale, lightPalette, darkPalette));
         }
-    }, [resolvedTheme, locale]);
+    }, [lightPalette, darkPalette, resolvedTheme, locale]);
     return (react_1.default.createElement(material_1.ThemeProvider, { theme: currentTheme },
         react_1.default.createElement(material_1.CssBaseline, null),
         react_1.default.createElement(material_1.GlobalStyles, { styles: theme_1.globalStyles }),