@deix/rossini-core 1.0.8 → 2.0.0

package/lib/components/buttons/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/Avatar/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAkBxC,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyExC,CAAC"}

package/lib/components/buttons/Avatar/Avatar.js

@@ -0,0 +1,49 @@
+'use client';
+import React, { useState } from 'react';
+import Link from 'next/link';
+import FaceIcon from '@mui/icons-material/Face';
+import LogoutIcon from '@mui/icons-material/Logout';
+import PersonIcon from '@mui/icons-material/Person';
+import { IconButton, ListItemIcon, ListItemText, Menu, MenuItem, Tooltip, useTheme, } from '@mui/material';
+import { useUserInfo } from '../../../utils/hooks/useUserInfo';
+export const Avatar = ({ logoutUrl, accountSettingsUrl, }) => {
+    const muiTheme = useTheme();
+    // Menu
+    const [anchorEl, setAnchorEl] = useState(null);
+    const open = Boolean(anchorEl);
+    const handleClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    // User data
+    const { data: userInfo } = useUserInfo();
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Tooltip, { title: userInfo?.preferredUsername || 'Anonymous User' },
+            React.createElement(IconButton, { component: 'span', "aria-label": 'toggle dark mode', onClick: handleClick },
+                React.createElement(PersonIcon, { htmlColor: muiTheme.palette.topbar.contrastText }))),
+        React.createElement(Menu, { anchorEl: anchorEl, open: open, onClose: handleClose, anchorOrigin: {
+                vertical: 'bottom',
+                horizontal: 'right',
+            }, transformOrigin: {
+                vertical: 'top',
+                horizontal: 'right',
+            }, slotProps: {
+                paper: {
+                    sx: {
+                        padding: '4px',
+                    },
+                },
+            } },
+            accountSettingsUrl && (React.createElement(Link, { href: accountSettingsUrl },
+                React.createElement(MenuItem, { onClick: handleClose },
+                    React.createElement(ListItemIcon, null,
+                        React.createElement(FaceIcon, { fontSize: 'small' })),
+                    React.createElement(ListItemText, null, "Account")))),
+            logoutUrl && (React.createElement(Link, { href: logoutUrl },
+                React.createElement(MenuItem, { onClick: handleClose },
+                    React.createElement(ListItemIcon, null,
+                        React.createElement(LogoutIcon, { fontSize: 'small' })),
+                    React.createElement(ListItemText, null, "Logout")))))));
+};

package/lib/components/buttons/LanguageSelect/LanguageSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/LanguageSelect/LanguageSelect.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAgBjD,OAAO,EAGL,QAAQ,EACR,MAAM,EACP,MAAM,0BAA0B,CAAC;AAMlC,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CAiFjE,CAAC"}

package/lib/components/buttons/LanguageSelect/LanguageSelect.js

@@ -0,0 +1,57 @@
+'use client';
+import React from 'react';
+import { Link } from '../../i18n';
+import LanguageIcon from '@mui/icons-material/Language';
+import { IconButton, ListItemIcon, ListItemText, Menu, MenuItem, MenuList, Tooltip, useTheme, } from '@mui/material';
+import { flagIcons, } from '../../../types/languages';
+import t from './translations.json';
+import { useLocale } from '../../..';
+import { usePathname } from '../../../utils/hooks';
+import { cookieName } from '../../../utils/middleware/createI18nMiddleware';
+export const LanguageSelect = ({ languages = [
+    {
+        id: 'en',
+        label: 'English',
+        countryCode: 'us',
+        MUILocale: 'enUS',
+    },
+], }) => {
+    const muiTheme = useTheme();
+    // Menu controls
+    const [anchorEl, setAnchorEl] = React.useState(null);
+    const open = Boolean(anchorEl);
+    const openOptions = (evt) => {
+        setAnchorEl(evt.currentTarget);
+    };
+    const closeOptions = () => {
+        setAnchorEl(null);
+    };
+    const locale = useLocale();
+    const path = usePathname();
+    const setLocale = (locale) => {
+        // If no max-age is set the cookie will expire when the session ends.
+        document.cookie = `${cookieName}=${locale}; max-age=315360000; path=/`; // 10 years
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Tooltip, { title: t['tooltip'][locale] },
+            React.createElement(IconButton, { component: 'span', "aria-label": 'language', onClick: openOptions },
+                React.createElement(LanguageIcon, { htmlColor: muiTheme.palette.topbar.contrastText }))),
+        React.createElement(Menu, { anchorEl: anchorEl, id: 'language-menu', open: open, onClose: closeOptions, onClick: closeOptions, anchorOrigin: {
+                vertical: 'bottom',
+                horizontal: 'right',
+            }, transformOrigin: {
+                vertical: 'top',
+                horizontal: 'right',
+            }, slotProps: {
+                paper: {
+                    sx: {
+                        padding: '4px',
+                    },
+                },
+            } },
+            React.createElement(MenuList, { dense: true }, languages?.map((lang) => (React.createElement(Link, { key: lang.id, href: path, locale: lang.id },
+                React.createElement(MenuItem, { selected: lang.id === locale, onClick: () => setLocale(lang.id) },
+                    React.createElement(ListItemIcon, null,
+                        React.createElement("span", null, flagIcons[lang.countryCode])),
+                    React.createElement(ListItemText, null, lang.label)))))))));
+};

package/lib/components/buttons/ToggleButtonGroup/ToggleButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ToggleButtonGroup/ToggleButtonGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG7D,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,iBAAiB,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAoC9D,CAAC"}

package/lib/components/buttons/ToggleButtonGroup/ToggleButtonGroup.js

@@ -0,0 +1,18 @@
+'use client';
+import React, { useEffect, useState } from 'react';
+import { Button, Tooltip } from '@mui/material';
+import { useLocale } from '../../../utils/hooks/useLocale';
+export const ToggleButtonGroup = ({ onChange, options, size = 'small', value, }) => {
+    const locale = useLocale();
+    // Handle selection
+    const [selected, setSelected] = useState('');
+    useEffect(() => {
+        if (value) {
+            setSelected(value);
+        }
+    }, [value]);
+    return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } }, options.map((opt) => {
+        return (React.createElement(Tooltip, { key: opt.id, title: opt.tooltip?.[locale] || '' },
+            React.createElement(Button, { key: opt.id, size: size, color: 'primary', disabled: opt.disabled, variant: opt.id === selected ? 'contained' : 'outlined', onClick: () => onChange(opt.id) }, opt.label[locale])));
+    })));
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/buttons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,YAAY,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,YAAY,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,YAAY,EACV,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,uCAAuC,CAAC"}

package/lib/components/buttons/index.js

@@ -0,0 +1,3 @@
+export { Avatar } from './Avatar/Avatar';
+export { LanguageSelect } from './LanguageSelect/LanguageSelect';
+export { ToggleButtonGroup } from './ToggleButtonGroup/ToggleButtonGroup';

package/lib/components/display/Accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/display/Accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAGL,cAAc,IAAI,iBAAiB,EAInC,eAAe,EAChB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAuB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxE,UAAU,qBAAqB;IAC7B;;OAEG;IACH,KAAK,EAAE,iBAAiB,GAAG,MAAM,CAAC;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;IACtC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACzC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,cAAc,GAAG,qBAAqB,GAChD,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;AAEnC,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqCvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/display/Accordion/Accordion.js

@@ -0,0 +1,22 @@
+'use client';
+import React from 'react';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { Accordion as MUIAccordion, AccordionDetails, AccordionSummary, Tooltip, Typography, } from '@mui/material';
+import { isStringTranslation } from '../../../types';
+import { useLocale } from '../../../utils';
+const Accordion = ({ title, titleProps = { variant: 'h6', color: 'textPrimary' }, subtitle, subtitleProps = { variant: 'subtitle1', gutterBottom: true }, icon, tooltip, expandIcon = React.createElement(ExpandMoreIcon, null), children, ...muiProps }) => {
+    const locale = useLocale();
+    const titleString = isStringTranslation(title) ? title[locale] : title;
+    const subtitleString = subtitle && isStringTranslation(subtitle) ? subtitle[locale] : subtitle;
+    return (React.createElement(Tooltip, { title: tooltip || '' },
+        React.createElement(React.Fragment, null,
+            React.createElement(MUIAccordion, { ...muiProps },
+                React.createElement(AccordionSummary, { expandIcon: expandIcon },
+                    icon && React.createElement("div", { style: { marginRight: '16px' } }, icon),
+                    React.createElement(Typography, { ...titleProps }, titleString)),
+                React.createElement(AccordionDetails, null,
+                    React.createElement(React.Fragment, null,
+                        subtitle && (React.createElement(Typography, { ...subtitleProps }, subtitleString)),
+                        children))))));
+};
+export default Accordion;

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImprovementChip.d.ts","sourceRoot":"","sources":["../../../../src/components/display/StyledValue/ImprovementChip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,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;AA4CD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuCnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,62 @@
+'use client';
+import React from 'react';
+import { East, North, South } from '@mui/icons-material';
+import NewReleasesOutlinedIcon from '@mui/icons-material/NewReleasesOutlined';
+import { Chip, Tooltip } from '@mui/material';
+import { isStringTranslation } from '../../../types';
+import { useLocale } from '../../../utils';
+const getColor = (delta, tol, isIncreasePositive) => {
+    if (delta === undefined) {
+        return 'success';
+    }
+    else 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 === undefined) {
+        return React.createElement(NewReleasesOutlinedIcon, { fontSize: size });
+    }
+    else if (delta >= tol) {
+        return React.createElement(North, { fontSize: size });
+    }
+    else if (delta <= -tol) {
+        return React.createElement(South, { fontSize: size });
+    }
+    else {
+        return React.createElement(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 = useLocale();
+    const tooltipString = tooltip && isStringTranslation(tooltip) ? tooltip[locale] : tooltip;
+    const delta = previousValue !== 0
+        ? (currentValue - previousValue) / previousValue
+        : undefined;
+    const deltaString = delta
+        ? delta.toLocaleString(locale, percentageFormatOptions)
+        : 'NEW';
+    return (React.createElement(Tooltip, { title: tooltipString || '' },
+        React.createElement(Chip, { icon: getIcon(delta, stationaryTolerance, size), label: deltaString, color: color || getColor(delta, stationaryTolerance, isIncreasePositive), size: size })));
+};
+export default ImprovementChip;

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

@@ -0,0 +1 @@
+{"version":3,"file":"StyledValue.d.ts","sourceRoot":"","sources":["../../../../src/components/display/StyledValue/StyledValue.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAIL,SAAS,EAGT,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,GAAG,OAAO,CACvD,CAAC;CACH;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4I3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,84 @@
+'use client';
+import React from 'react';
+import { Box, Card, CardActionArea, Skeleton, Typography, } from '@mui/material';
+import { isStringTranslation } from '../../../types';
+import { isValidDate, useAPI, useLocale } from '../../../utils';
+import { useValue } from './hooks';
+import ImprovementChip from './ImprovementChip';
+import t from './translations.json';
+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, improvementChipProps = {
+        isIncreasePositive: true,
+        stationaryTolerance: 0.01,
+    }, } = props;
+    const locale = useLocale();
+    // Value
+    const apiClient = useAPI(props.value && isFetchedValue(props.value)
+        ? props.value.baseURL
+        : undefined);
+    const { data: value, isLoading: isLoadingValue } = useValue(apiClient, props.value);
+    const { data: previousValue } = useValue(apiClient, props.previousValue);
+    const stringValue = typeof value === 'number'
+        ? value?.toLocaleString(locale, formatOptions)
+        : value && isValidDate(value)
+            ? new Date(value)?.toLocaleString(locale, formatOptions)
+            : value;
+    const stringPreviousValue = typeof previousValue === 'number'
+        ? previousValue?.toLocaleString(locale, formatOptions)
+        : previousValue && isValidDate(previousValue)
+            ? new Date(previousValue)?.toLocaleString(locale, formatOptions)
+            : previousValue;
+    const captionString = isStringTranslation(caption)
+        ? caption[locale]
+        : caption;
+    const detailsString = details && isStringTranslation(details) ? details[locale] : details;
+    const cardStyle = {};
+    if (!framed) {
+        cardStyle['border'] = 'none';
+        cardStyle['boxShadow'] = 'none';
+    }
+    return (React.createElement(Card, { ...cardProps, raised: raised, sx: {
+            ...cardStyle,
+            backgroundColor,
+            height: '100%',
+            p: 0,
+            '&:last-child': {
+                paddingBottom: 0,
+            },
+        } },
+        React.createElement(CardActionArea, { onClick: onCardClick, sx: {
+                p: 2,
+                '&:last-child': {
+                    paddingBottom: 2,
+                },
+            } },
+            React.createElement(Box, { sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    flexWrap: 'wrap',
+                    flexDirection: 'row',
+                    justifyContent: 'space-between',
+                } },
+                icon && React.createElement(Box, { sx: { marginRight: 2 } }, icon),
+                React.createElement(Box, { sx: {
+                        width: '90%',
+                        display: 'flex',
+                        flexWrap: 'wrap',
+                        flexDirection: 'row-reverse',
+                        justifyContent: 'space-between',
+                        alignItems: 'center',
+                    } },
+                    previousValue !== undefined &&
+                        previousValue !== null &&
+                        stringPreviousValue && (React.createElement(ImprovementChip, { currentValue: value, previousValue: previousValue, tooltip: `${stringPreviousValue} ${t['tooltipPreviousPeriod'][locale]}`, ...improvementChipProps })),
+                    React.createElement(Typography, { ...valueTypographyProps }, loading || isLoadingValue || value === undefined ? (React.createElement(Skeleton, null)) : (stringValue)))),
+            React.createElement(Typography, { ...captionTypographyProps }, captionString),
+            details && (React.createElement(Typography, { ...detailsTypographyProps }, detailsString)))));
+};
+export default StyledValue;

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

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

package/lib/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;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA4BvD,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE5C,eAAO,MAAM,QAAQ,eACP,aAAa,UACjB,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,YAAY,KAC5C,eAAe,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,KAAK,CAMvD,CAAC"}

package/lib/{src/components → components}/display/StyledValue/hooks.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useValue = void 0;
-const react_query_1 = require("react-query");
+import { useQuery } from '@tanstack/react-query';
 const getValue = async (apiClient, value) => {
-    if (value) {
+    if (value !== undefined && value !== null) {
         if (value instanceof Date) {
             return value;
         }
@@ -24,9 +21,9 @@ const getValue = async (apiClient, value) => {
         }
     }
 };
-const useValue = (apiClient, value) => (0, react_query_1.useQuery)([value], () => getValue(apiClient, value), {
-    keepPreviousData: true,
+export const useValue = (apiClient, value) => useQuery({
+    queryKey: [value],
+    queryFn: () => getValue(apiClient, value),
     refetchOnMount: false,
     refetchOnWindowFocus: false,
 });
-exports.useValue = useValue;

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

@@ -0,0 +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;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/components/display/index.js

@@ -0,0 +1,3 @@
+export { default as Accordion } from './Accordion/Accordion';
+export { default as ImprovementChip } from './StyledValue/ImprovementChip';
+export { default as StyledValue } from './StyledValue/StyledValue';

package/lib/components/i18n/Link.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentProps } from 'react';
+import NextLink from 'next/link';
+import { Locale } from '../../types';
+export interface LinkProps extends Omit<ComponentProps<typeof NextLink>, 'locale'> {
+    locale?: Locale;
+}
+declare const Link: ({ locale, href, ...otherProps }: LinkProps) => React.JSX.Element;
+export default Link;
+//# sourceMappingURL=Link.d.ts.map

package/lib/components/i18n/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/i18n/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAIrC,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,IAAI,oCAAqC,SAAS,sBAavD,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/i18n/Link.js

@@ -0,0 +1,20 @@
+'use client';
+import React from 'react';
+import NextLink from 'next/link';
+import { useLocale } from '../..';
+const Link = ({ locale, href, ...otherProps }) => {
+    const currentLocale = useLocale();
+    const targetLocale = locale || currentLocale;
+    let localizedHref;
+    if (typeof href === 'string') {
+        localizedHref = `/${targetLocale}${href}`;
+    }
+    else {
+        localizedHref = { ...href };
+        if (href.pathname) {
+            localizedHref.pathname = `/${targetLocale}${href.pathname}`;
+        }
+    }
+    return React.createElement(NextLink, { href: localizedHref, ...otherProps });
+};
+export default Link;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/lib/components/i18n/index.js

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

package/lib/{src/components → components}/index.d.ts

@@ -2,8 +2,12 @@ export { Avatar, LanguageSelect, ToggleButtonGroup } from './buttons';
 export type { AvatarProps, ButtonGroupOption, LanguageSelectProps, ToggleButtonGroupProps, } from './buttons';
 export { Accordion, StyledValue, ImprovementChip } from './display';
 export type { AccordionProps, StyledValueProps, ImprovementChipProps, FetchedValue, } from './display';
+export { Link } from './i18n';
+export type { LinkProps } from './i18n';
 export { MinimalLayout, StandardLayout } from './layout';
 export type { AppLogoInfo, FooterProps, SidebarLink, SidebarProps, } from './layout';
 export { CircularLoading } from './progress';
 export type { CircularLoadingProps } from './progress';
+export { PageProvider } from './provider';
+export type { PageProviderProps } from './provider';
 //# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,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;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC"}

package/lib/components/index.js

@@ -0,0 +1,6 @@
+export { Avatar, LanguageSelect, ToggleButtonGroup } from './buttons';
+export { Accordion, StyledValue, ImprovementChip } from './display';
+export { Link } from './i18n';
+export { MinimalLayout, StandardLayout } from './layout';
+export { CircularLoading } from './progress';
+export { PageProvider } from './provider';

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

@@ -0,0 +1 @@
+{"version":3,"file":"MinimalLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/MinimalLayout/MinimalLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAe,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAKlE,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,CAgF/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,59 @@
+'use client';
+import React from 'react';
+import { Box, Typography, useTheme as useMUITheme } from '@mui/material';
+import { CircularLoading } from '../../progress';
+import ServerDown from '../assets/ServerDown';
+import Footer from '../components/Footer/Footer';
+import TopLine from '../components/Topline/TopLine';
+import t from './translations.json';
+import { useLocale } from '../../..';
+const MinimalLayout = ({ isLoading, isError, error, footer, children, }) => {
+    const theme = useMUITheme();
+    const locale = useLocale();
+    return (React.createElement(React.Fragment, null,
+        React.createElement(TopLine, null),
+        React.createElement(Box, { sx: {
+                display: 'flex',
+                flexDirection: 'column',
+                paddingBottom: '10px',
+                minHeight: '100vh',
+                width: '100%',
+                background: theme.palette.background.default,
+            } },
+            isLoading && React.createElement(CircularLoading, { locale: locale }),
+            !isLoading && isError && (React.createElement(Box, { sx: {
+                    flexGrow: 1,
+                    maxWidth: '100%',
+                    overflowX: 'hidden',
+                    paddingTop: '10px',
+                    paddingBottom: '10px',
+                    paddingLeft: '27px',
+                    paddingRight: '27px',
+                } },
+                React.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        height: '100vh',
+                    } },
+                    React.createElement(ServerDown, { 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' },
+                        "Error: ",
+                        error.message))))),
+            !isLoading && (React.createElement(Box, { sx: {
+                    flexGrow: 1,
+                    // display: 'flex',
+                    // flexDirection: 'column',
+                    // height: '100%',
+                    maxWidth: '100%',
+                    overflowX: 'hidden',
+                    paddingTop: '10px',
+                    paddingBottom: '10px',
+                    paddingLeft: '27px',
+                    paddingRight: '27px',
+                } }, children)),
+            React.createElement(Footer, { ...footer }))));
+};
+export default MinimalLayout;

package/lib/{src/components → components}/layout/MinimalLayout/translations.json

@@ -2,6 +2,7 @@
     "errorPageLoad": {
         "de": "Ups! Beim Abrufen der Seiteninformationen ist ein Fehler aufgetreten.",
         "en": "Oops! Something went wrong retrieving page information.",
+        "es": "¡Ups! Algo salió mal al recuperar la información de la página",
         "fr": "Oups! Quelque chose s'est mal passé lors de la récupération des informations de la page.",
         "it": "Oops! Qualcosa è andato storto nel recupero delle informazioni sulla pagina."
     }

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

@@ -0,0 +1 @@
+{"version":3,"file":"StandardLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/StandardLayout/StandardLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQzC,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,EAAE,MAAM,0BAA0B,CAAC;AAEpD,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,CAoHjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,72 @@
+'use client';
+import React from 'react';
+import { Box, Typography, useMediaQuery, useTheme as useMUITheme, } from '@mui/material';
+import { CircularLoading } 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 { useLocale, usePersistedState } from '../../../utils';
+import ServerDown from '../assets/ServerDown';
+import t from './translations.json';
+const StandardLayout = ({ isLoading, isError, error, appLogo, footer, sidebarLinks = [], avatar, languages, children, }) => {
+    const theme = useMUITheme();
+    const locale = useLocale();
+    // Get if we are dealing with mobile client
+    const isMobile = !useMediaQuery(theme.breakpoints.up('lg'));
+    // Persist user preference about the sidebar
+    const [sidebarOpen, setSidebarOpen] = usePersistedState('sidebarOpen', isMobile ? false : true);
+    // Don't show anything until localStorage has been read
+    if (sidebarOpen == undefined) {
+        return null;
+    }
+    return (React.createElement(Box, { sx: { display: 'flex', flexDirection: 'row' } },
+        sidebarLinks && sidebarLinks.length > 0 && (React.createElement(Sidebar, { links: sidebarLinks, onClose: () => setSidebarOpen(false), open: sidebarOpen, isMobile: isMobile, logo: appLogo ? React.createElement(AppLogo, { ...appLogo, open: sidebarOpen }) : React.createElement(React.Fragment, null), locale: locale })),
+        React.createElement(Box, { sx: {
+                display: 'flex',
+                flexDirection: 'column',
+                paddingBottom: '10px',
+                minHeight: '100vh',
+                width: '100%',
+                background: theme.palette.background.default,
+            } },
+            React.createElement(TopLine, null),
+            React.createElement(Topbar, { hasSidebar: sidebarLinks && sidebarLinks.length > 0, onSidebarClose: () => setSidebarOpen(false), onSidebarOpen: () => setSidebarOpen(true), open: sidebarOpen, locale: locale, languages: languages, avatar: avatar }),
+            isLoading && React.createElement(CircularLoading, { locale: locale }),
+            !isLoading && isError && (React.createElement(Box, { sx: {
+                    flexGrow: 1,
+                    // display: 'flex',
+                    // flexDirection: 'column',
+                    // height: '100%',
+                    maxWidth: '100%',
+                    overflowX: 'hidden',
+                    paddingTop: '10px',
+                    paddingBottom: '10px',
+                    paddingLeft: '27px',
+                    paddingRight: '27px',
+                } },
+                React.createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        height: '100vh',
+                    } },
+                    React.createElement(ServerDown, { 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' },
+                        "Error: ",
+                        error.message))))),
+            !isLoading && (React.createElement(Box, { sx: {
+                    // flexGrow: 1,
+                    maxWidth: '100%',
+                    overflowX: 'hidden',
+                    paddingTop: '10px',
+                    paddingBottom: '10px',
+                    paddingLeft: '27px',
+                    paddingRight: '27px',
+                } }, children)),
+            React.createElement(Footer, { ...footer }))));
+};
+export default StandardLayout;

package/lib/{src/components → components}/layout/StandardLayout/translations.json

@@ -2,6 +2,7 @@
     "errorPageLoad": {
         "de": "Ups! Beim Abrufen der Seiteninformationen ist ein Fehler aufgetreten.",
         "en": "Oops! Something went wrong retrieving page information.",
+        "es": "¡Ups! Algo salió mal al recuperar la información de la página",
         "fr": "Oups! Quelque chose s'est mal passé lors de la récupération des informations de la page.",
         "it": "Oops! Qualcosa è andato storto nel recupero delle informazioni sulla pagina."
     }

package/lib/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"}