@deix/rossini-core 0.4.2 → 0.5.0

package/README.md

@@ -2,15 +2,5 @@
 
 Rossini helps you build UI fast by providing a series of components and utilities featuring the Deix style.
 
-This library exploits [Storybook](https://storybook.js.org/docs/react/get-started/introduction) to generate the documentation of the available components.
 
-## Storybook
-
-To launch the Storybook in your local environment execute
-
-```
-npm install
-npm run storybook
-```
-
-This will make available the Storybook interface on `localhost:6006`. Browse stories by navigating to them in the sidebar. 
+Take a look at the [docs](https://docs.deix.ai/rossini-core) to see components exported by rossini-core.

package/lib/package.json

@@ -1,7 +1,8 @@
 {
     "name": "@deix/rossini-core",
-    "version": "0.4.2",
+    "version": "0.5.0",
     "main": "lib/src/index.js",
+    "type": "commonjs",
     "repository": {
         "type": "git",
         "url": "https://github.com/deix-ai/rossini-core.git"
@@ -13,52 +14,59 @@
     },
     "scripts": {
         "lint": "next lint",
-        "build-lib": "tsc -p tsconfig-lib.json && cp -r src/components/layout/assets/ lib/src/components/layout/",
-        "storybook": "start-storybook -p 6006",
-        "build-storybook": "build-storybook"
+        "build": "tsc -p tsconfig.json && cp -r src/components/layout/assets/ lib/src/components/layout/",
+        "prepare": "tsc -p tsconfig.json && cp -r src/components/layout/assets/ lib/src/components/layout/",
+        "storybook": "storybook dev -p 6006",
+        "build-storybook": "storybook build"
     },
     "peerDependencies": {
-        "@types/react": "^18.0.25",
+        "@emotion/react": "^11.10.5",
+        "@emotion/styled": "^11.10.5",
+        "@fontsource/raleway": "^4.5.12",
+        "@mui/icons-material": "^5.11.0",
+        "@mui/material": "^5.11.8",
+        "@types/react": "^18.0.28",
         "@types/react-dom": "^18.0.8",
+        "axios": "^1.3.2",
+        "next": "^13.1.3",
+        "next-themes": "^0.2.1",
         "react": "^18.2.0",
-        "react-dom": "^18.2.0"
+        "react-dom": "^18.2.0",
+        "react-query": "^3.39.3"
     },
     "devDependencies": {
-        "@babel/core": "^7.20.12",
-        "@storybook/addon-essentials": "^6.5.15",
-        "@storybook/builder-webpack5": "^6.5.15",
-        "@storybook/manager-webpack5": "^6.5.15",
-        "@storybook/react": "^6.5.15",
-        "@storybook/testing-library": "^0.0.13",
-        "@types/node": "18.11.18",
-        "@types/react": "18.0.27",
-        "@types/react-dom": "18.0.10",
-        "@typescript-eslint/eslint-plugin": "^5.48.2",
+        "@babel/core": "^7.21.3",
+        "@emotion/react": "^11.10.6",
+        "@emotion/styled": "^11.10.6",
+        "@fontsource/raleway": "^4.5.12",
+        "@mui/icons-material": "^5.11.11",
+        "@mui/material": "^5.11.13",
+        "@storybook/addon-essentials": "^7.0.0-rc.2",
+        "@storybook/nextjs": "^7.0.0-rc.2",
+        "@storybook/react": "^7.0.0-rc.2",
+        "@storybook/testing-library": "^0.0.14-next.1",
+        "@types/node": "^18.15.3",
+        "@types/react": "^18.0.28",
+        "@types/react-dom": "^18.0.11",
+        "@typescript-eslint/eslint-plugin": "^5.55.0",
+        "axios": "^1.3.4",
         "babel-loader": "^9.1.2",
         "commitizen": "^4.3.0",
         "cz-conventional-changelog": "^3.3.0",
-        "eslint": "8.32.0",
-        "eslint-config-next": "^13.1.3",
-        "eslint-config-prettier": "^8.6.0",
+        "eslint": "^8.36.0",
+        "eslint-config-next": "^13.2.4",
+        "eslint-config-prettier": "^8.7.0",
         "eslint-plugin-prettier": "^4.2.1",
-        "eslint-plugin-storybook": "^0.6.10",
-        "react": "18.2.0",
-        "react-docgen-typescript-plugin": "^1.0.2",
-        "react-dom": "18.2.0",
-        "storybook-addon-next-router": "^4.0.2",
-        "typescript": "4.9.4"
-    },
-    "dependencies": {
-        "@emotion/react": "^11.10.5",
-        "@emotion/styled": "^11.10.5",
-        "@fontsource/raleway": "^4.5.12",
-        "@mui/icons-material": "^5.11.0",
-        "@mui/material": "^5.11.5",
-        "@uiball/loaders": "^1.2.6",
-        "axios": "1.2.2",
-        "next": "13.1.3",
+        "eslint-plugin-storybook": "^0.6.11",
+        "next": "^13.2.4",
         "next-themes": "^0.2.1",
-        "react-query": "^3.39.2"
+        "react": "^18.2.0",
+        "react-docgen-typescript-plugin": "^1.0.5",
+        "react-dom": "^18.2.0",
+        "react-query": "^3.39.3",
+        "storybook": "^7.0.0-rc.2",
+        "ts-loader": "^9.4.2",
+        "typescript": "4.9.5"
     },
     "resolutions": {
         "@storybook/react-docgen-typescript-plugin": "npm:react-docgen-typescript-plugin@1.0.2"
@@ -70,5 +78,8 @@
         "commitizen": {
             "path": "./node_modules/cz-conventional-changelog"
         }
+    },
+    "dependencies": {
+        "@emotion/babel-plugin": "^11.10.6"
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/buttons/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAiBxC,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,CA4ExC,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/buttons/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAmBxC,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,CA4ExC,CAAC"}

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

@@ -1,33 +1,61 @@
-import Link from 'next/link';
-import React, { useState } from 'react';
-import FaceIcon from '@mui/icons-material/Face';
-import LogoutIcon from '@mui/icons-material/Logout';
-import { Avatar as MUIAvatar, ListItemIcon, ListItemText, Menu, MenuItem, Tooltip, useTheme, } from '@mui/material';
-import { useAPI } from '../../../utils';
-import { useUserInfo } from '../../../utils/hooks/useKeycloak';
-export var Avatar = function (_a) {
-    var logoutUrl = _a.logoutUrl, accountSettingsUrl = _a.accountSettingsUrl;
-    var muiTheme = useTheme();
+"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 });
+exports.Avatar = void 0;
+const react_1 = __importStar(require("react"));
+const link_1 = __importDefault(require("next/link"));
+const Face_1 = __importDefault(require("@mui/icons-material/Face"));
+const Logout_1 = __importDefault(require("@mui/icons-material/Logout"));
+const material_1 = require("@mui/material");
+const utils_1 = require("../../../utils");
+const useKeycloak_1 = require("../../../utils/hooks/useKeycloak");
+const Avatar = ({ logoutUrl, accountSettingsUrl, }) => {
+    const muiTheme = (0, material_1.useTheme)();
     // Menu
-    var _b = useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
-    var open = Boolean(anchorEl);
-    var handleClick = function (event) {
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    const open = Boolean(anchorEl);
+    const handleClick = (event) => {
         setAnchorEl(event.currentTarget);
     };
-    var handleClose = function () {
+    const handleClose = () => {
         setAnchorEl(null);
     };
     // User data
-    var apiClient = useAPI(accountSettingsUrl);
-    var userInfo = useUserInfo(apiClient).data;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Tooltip, { title: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.preferredUserName) || 'Anonymous User' },
-            React.createElement(MUIAvatar, { alt: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.preferredUserName) || 'user-name', sx: {
+    const apiClient = (0, utils_1.useAPI)(accountSettingsUrl);
+    const { data: userInfo } = (0, useKeycloak_1.useUserInfo)(apiClient);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.Tooltip, { title: userInfo?.preferredUserName || 'Anonymous User' },
+            react_1.default.createElement(material_1.Avatar, { alt: userInfo?.preferredUserName || 'user-name', sx: {
                     bgcolor: muiTheme.palette.primary.main,
                     width: 24,
                     height: 24,
                 }, onClick: handleClick })),
-        React.createElement(Menu, { anchorEl: anchorEl, open: open, onClose: handleClose, anchorOrigin: {
+        react_1.default.createElement(material_1.Menu, { anchorEl: anchorEl, open: open, onClose: handleClose, anchorOrigin: {
                 vertical: 'bottom',
                 horizontal: 'right',
             }, transformOrigin: {
@@ -38,15 +66,15 @@ export var Avatar = function (_a) {
                     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")))))));
+            accountSettingsUrl && (react_1.default.createElement(link_1.default, { href: accountSettingsUrl },
+                react_1.default.createElement(material_1.MenuItem, { onClick: handleClose },
+                    react_1.default.createElement(material_1.ListItemIcon, null,
+                        react_1.default.createElement(Face_1.default, { fontSize: 'small' })),
+                    react_1.default.createElement(material_1.ListItemText, null, "Account")))),
+            logoutUrl && (react_1.default.createElement(link_1.default, { href: logoutUrl },
+                react_1.default.createElement(material_1.MenuItem, { onClick: handleClose },
+                    react_1.default.createElement(material_1.ListItemIcon, null,
+                        react_1.default.createElement(Logout_1.default, { fontSize: 'small' })),
+                    react_1.default.createElement(material_1.ListItemText, null, "Logout")))))));
 };
-// export default Avatar;
+exports.Avatar = Avatar;

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

@@ -1,38 +1,43 @@
-import React from 'react';
-import Link from 'next/link';
-import { useRouter } from 'next/router';
-import LanguageIcon from '@mui/icons-material/Language';
-import { IconButton, ListItemIcon, ListItemText, Menu, MenuItem, MenuList, Tooltip, } from '@mui/material';
-import { flagIcons, } from '../../../types/languages';
-import t from './translations.json';
-export var LanguageSelect = function (_a) {
-    var _b = _a.locale, locale = _b === void 0 ? 'en' : _b, _c = _a.languages, languages = _c === void 0 ? [
-        {
-            id: 'en',
-            label: 'English',
-            countryCode: 'us',
-            MUILocale: 'enUS',
-        },
-    ] : _c;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LanguageSelect = void 0;
+const react_1 = __importDefault(require("react"));
+const link_1 = __importDefault(require("next/link"));
+const router_1 = require("next/router");
+const Language_1 = __importDefault(require("@mui/icons-material/Language"));
+const material_1 = require("@mui/material");
+const languages_1 = require("../../../types/languages");
+const translations_json_1 = __importDefault(require("./translations.json"));
+const LanguageSelect = ({ locale = 'en', languages = [
+    {
+        id: 'en',
+        label: 'English',
+        countryCode: 'us',
+        MUILocale: 'enUS',
+    },
+], }) => {
     // Menu controls
-    var _d = React.useState(null), anchorEl = _d[0], setAnchorEl = _d[1];
-    var open = Boolean(anchorEl);
-    var openOptions = function (evt) {
+    const [anchorEl, setAnchorEl] = react_1.default.useState(null);
+    const open = Boolean(anchorEl);
+    const openOptions = (evt) => {
         setAnchorEl(evt.currentTarget);
     };
-    var closeOptions = function () {
+    const closeOptions = () => {
         setAnchorEl(null);
     };
     // Set the current language
-    var setLocale = function (locale) {
-        document.cookie = "NEXT_LOCALE=".concat(locale, "; max-age=31536000; path=/");
+    const setLocale = (locale) => {
+        document.cookie = `NEXT_LOCALE=${locale}; max-age=31536000; path=/`;
     };
-    var router = useRouter();
-    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, null))),
-        React.createElement(Menu, { anchorEl: anchorEl, id: 'language-menu', open: open, onClose: closeOptions, onClick: closeOptions, anchorOrigin: {
+    const router = (0, router_1.useRouter)();
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.Tooltip, { title: translations_json_1.default['tooltip'][locale] },
+            react_1.default.createElement(material_1.IconButton, { component: 'span', "aria-label": 'language', onClick: openOptions },
+                react_1.default.createElement(Language_1.default, null))),
+        react_1.default.createElement(material_1.Menu, { anchorEl: anchorEl, id: 'language-menu', open: open, onClose: closeOptions, onClick: closeOptions, anchorOrigin: {
                 vertical: 'bottom',
                 horizontal: 'right',
             }, transformOrigin: {
@@ -43,10 +48,10 @@ export var LanguageSelect = function (_a) {
                     padding: '4px',
                 },
             } },
-            React.createElement(MenuList, { dense: true }, languages === null || languages === void 0 ? void 0 : languages.map(function (lang) { return (React.createElement(Link, { key: lang.id, href: router.asPath, locale: lang.id },
-                React.createElement(MenuItem, { selected: lang.id === locale, onClick: function () { return setLocale(lang.id); } },
-                    React.createElement(ListItemIcon, null,
-                        React.createElement("span", null, flagIcons[lang.countryCode])),
-                    React.createElement(ListItemText, null, lang.label)))); })))));
+            react_1.default.createElement(material_1.MenuList, { dense: true }, languages?.map((lang) => (react_1.default.createElement(link_1.default, { key: lang.id, href: router.asPath, locale: lang.id },
+                react_1.default.createElement(material_1.MenuItem, { selected: lang.id === locale, onClick: () => setLocale(lang.id) },
+                    react_1.default.createElement(material_1.ListItemIcon, null,
+                        react_1.default.createElement("span", null, languages_1.flagIcons[lang.countryCode])),
+                    react_1.default.createElement(material_1.ListItemText, null, lang.label)))))))));
 };
-// export default LanguageSelect;
+exports.LanguageSelect = LanguageSelect;

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

@@ -1,20 +1,44 @@
-import React, { useEffect, useState } from 'react';
-import { Button, Tooltip } from '@mui/material';
-import { useLocale } from '../../../utils/hooks/useLocale';
-export var ToggleButtonGroup = function (_a) {
-    var onChange = _a.onChange, options = _a.options, _b = _a.size, size = _b === void 0 ? 'small' : _b, value = _a.value;
-    var locale = useLocale();
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleButtonGroup = void 0;
+const react_1 = __importStar(require("react"));
+const material_1 = require("@mui/material");
+const useLocale_1 = require("../../../utils/hooks/useLocale");
+const ToggleButtonGroup = ({ onChange, options, size = 'small', value, }) => {
+    const locale = (0, useLocale_1.useLocale)();
     // Handle selection
-    var _c = useState(''), selected = _c[0], setSelected = _c[1];
-    useEffect(function () {
+    const [selected, setSelected] = (0, react_1.useState)('');
+    (0, react_1.useEffect)(() => {
         if (value) {
             setSelected(value);
         }
     }, [value]);
-    return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } }, options.map(function (opt) {
-        var _a;
-        return (React.createElement(Tooltip, { key: opt.id, title: ((_a = opt.tooltip) === null || _a === void 0 ? void 0 : _a[locale]) || '' },
-            React.createElement(Button, { key: opt.id, size: size, color: 'primary', disabled: opt.disabled, variant: opt.id === selected ? 'contained' : 'outlined', onClick: function () { return onChange(opt.id); } }, opt.label[locale])));
+    return (react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center' } }, options.map((opt) => {
+        return (react_1.default.createElement(material_1.Tooltip, { key: opt.id, title: opt.tooltip?.[locale] || '' },
+            react_1.default.createElement(material_1.Button, { key: opt.id, size: size, color: 'primary', disabled: opt.disabled, variant: opt.id === selected ? 'contained' : 'outlined', onClick: () => onChange(opt.id) }, opt.label[locale])));
     })));
 };
-// export default ToggleButtonGroup;
+exports.ToggleButtonGroup = ToggleButtonGroup;

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

@@ -1,3 +1,9 @@
-export { Avatar } from './Avatar/Avatar';
-export { LanguageSelect } from './LanguageSelect/LanguageSelect';
-export { ToggleButtonGroup } from './ToggleButtonGroup/ToggleButtonGroup';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleButtonGroup = exports.LanguageSelect = exports.Avatar = void 0;
+var Avatar_1 = require("./Avatar/Avatar");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return Avatar_1.Avatar; } });
+var LanguageSelect_1 = require("./LanguageSelect/LanguageSelect");
+Object.defineProperty(exports, "LanguageSelect", { enumerable: true, get: function () { return LanguageSelect_1.LanguageSelect; } });
+var ToggleButtonGroup_1 = require("./ToggleButtonGroup/ToggleButtonGroup");
+Object.defineProperty(exports, "ToggleButtonGroup", { enumerable: true, get: function () { return ToggleButtonGroup_1.ToggleButtonGroup; } });

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/display/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAEL,cAAc,IAAI,iBAAiB,EAKnC,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"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/display/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,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/src/components/display/Accordion/Accordion.js

@@ -1,44 +1,26 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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';
-var Accordion = function (_a) {
-    var title = _a.title, _b = _a.titleProps, titleProps = _b === void 0 ? { variant: 'h6', color: 'textPrimary' } : _b, subtitle = _a.subtitle, _c = _a.subtitleProps, subtitleProps = _c === void 0 ? { variant: 'subtitle1', gutterBottom: true } : _c, icon = _a.icon, tooltip = _a.tooltip, _d = _a.expandIcon, expandIcon = _d === void 0 ? React.createElement(ExpandMoreIcon, null) : _d, children = _a.children, muiProps = __rest(_a, ["title", "titleProps", "subtitle", "subtitleProps", "icon", "tooltip", "expandIcon", "children"]);
-    var locale = useLocale();
-    var titleString = isStringTranslation(title) ? title[locale] : title;
-    var subtitleString = subtitle && isStringTranslation(subtitle) ? subtitle[locale] : subtitle;
-    return (React.createElement(Tooltip, { title: tooltip || '' },
-        React.createElement(React.Fragment, null,
-            React.createElement(MUIAccordion, __assign({}, muiProps),
-                React.createElement(AccordionSummary, { expandIcon: expandIcon },
-                    icon && React.createElement("div", { style: { marginRight: '16px' } }, icon),
-                    React.createElement(Typography, __assign({}, titleProps), titleString)),
-                React.createElement(AccordionDetails, null,
-                    React.createElement(React.Fragment, null,
-                        subtitle && (React.createElement(Typography, __assign({}, subtitleProps), subtitleString)),
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
+const material_1 = require("@mui/material");
+const types_1 = require("../../../types");
+const utils_1 = require("../../../utils");
+const Accordion = ({ title, titleProps = { variant: 'h6', color: 'textPrimary' }, subtitle, subtitleProps = { variant: 'subtitle1', gutterBottom: true }, icon, tooltip, expandIcon = react_1.default.createElement(ExpandMore_1.default, null), children, ...muiProps }) => {
+    const locale = (0, utils_1.useLocale)();
+    const titleString = (0, types_1.isStringTranslation)(title) ? title[locale] : title;
+    const subtitleString = subtitle && (0, types_1.isStringTranslation)(subtitle) ? subtitle[locale] : subtitle;
+    return (react_1.default.createElement(material_1.Tooltip, { title: tooltip || '' },
+        react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(material_1.Accordion, { ...muiProps },
+                react_1.default.createElement(material_1.AccordionSummary, { expandIcon: expandIcon },
+                    icon && react_1.default.createElement("div", { style: { marginRight: '16px' } }, icon),
+                    react_1.default.createElement(material_1.Typography, { ...titleProps }, titleString)),
+                react_1.default.createElement(material_1.AccordionDetails, null,
+                    react_1.default.createElement(react_1.default.Fragment, null,
+                        subtitle && (react_1.default.createElement(material_1.Typography, { ...subtitleProps }, subtitleString)),
                         children))))));
 };
-export default Accordion;
+exports.default = Accordion;

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

@@ -0,0 +1,13 @@
+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;
+    isIncreasePositive?: boolean;
+    tooltip?: StringTranslation | string;
+}
+declare const ImprovementChip: React.FC<ImprovementChipProps>;
+export default ImprovementChip;
+//# sourceMappingURL=ImprovementChip.d.ts.map

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

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

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const 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 locale = (0, utils_1.useLocale)();
+    const colors = colorMap(isIncreasePositive);
+    const icons = iconMap(size);
+    const tooltipString = tooltip && (0, types_1.isStringTranslation)(tooltip) ? tooltip[locale] : tooltip;
+    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 })));
+};
+exports.default = ImprovementChip;

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

@@ -0,0 +1,30 @@
+import React, { ReactNode } from 'react';
+import { AxiosRequestConfig } from 'axios';
+import { CardProps, TypographyProps } from '@mui/material';
+import { ImprovementChipProps } from './ImprovementChip';
+import { StringTranslation } from '../../../types';
+export interface FetchedValue {
+    baseURL?: string;
+    endpoint: string;
+    config?: AxiosRequestConfig;
+}
+export interface StyledValueProps {
+    value?: number | string | Date | FetchedValue;
+    formatOptions?: Partial<Intl.DateTimeFormatOptions | Intl.NumberFormatOptions>;
+    caption: string | StringTranslation;
+    details?: string | StringTranslation;
+    icon?: ReactNode;
+    framed?: boolean;
+    raised?: boolean;
+    highlighted?: boolean;
+    valueTypographyProps?: TypographyProps;
+    captionTypographyProps?: TypographyProps;
+    detailsTypographyProps?: TypographyProps;
+    cardProps?: CardProps;
+    loading?: boolean;
+    onCardClick?: (e: React.MouseEvent<HTMLElement>) => void;
+    improvement?: ImprovementChipProps;
+}
+declare const StyledValue: React.FC<StyledValueProps>;
+export default StyledValue;
+//# sourceMappingURL=StyledValue.d.ts.map

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