npm - @deix/rossini-core - Versions diffs - 0.6.2 → 1.0.0 - Mend

@deix/rossini-core 0.6.2 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/lib/package.json CHANGED Viewed

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

package/lib/src/components/buttons/Avatar/Avatar.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 export interface AvatarProps {
     /**
      * URL address for the logout API.

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

	@@ -1 +1 @@
1	- {"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"}
1	+ {"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,CA2ExC,CAAC"}

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

@@ -32,8 +32,7 @@ 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 useUserInfo_1 = require("../../../utils/hooks/useUserInfo");
 const Avatar = ({ logoutUrl, accountSettingsUrl, }) => {
     const muiTheme = (0, material_1.useTheme)();
     // Menu
@@ -46,24 +45,23 @@ const Avatar = ({ logoutUrl, accountSettingsUrl, }) => {
         setAnchorEl(null);
     };
     // User data
-    const apiClient = (0, utils_1.useAPI)(accountSettingsUrl);
-    const { data: userInfo } = (0, useKeycloak_1.useUserInfo)(apiClient);
+    const { data: userInfo } = (0, useUserInfo_1.useUserInfo)();
     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: {
+        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: {
                     width: 24,
                     height: 24,
                     bgcolor: muiTheme.palette.topbar.contrastText,
                 }, onClick: handleClick })),
         react_1.default.createElement(material_1.Menu, { anchorEl: anchorEl, open: open, onClose: handleClose, anchorOrigin: {
-                vertical: "bottom",
-                horizontal: "right",
+                vertical: 'bottom',
+                horizontal: 'right',
             }, transformOrigin: {
-                vertical: "top",
-                horizontal: "right",
+                vertical: 'top',
+                horizontal: 'right',
             }, PaperProps: {
                 sx: {
-                    padding: "4px",
+                    padding: '4px',
                 },
             } },
             accountSettingsUrl && (react_1.default.createElement(link_1.default, { href: accountSettingsUrl },

package/lib/src/components/buttons/LanguageSelect/LanguageSelect.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { FunctionComponent } from "react";
-import { Language, Locale } from "../../../types/languages";
+import { FunctionComponent } from 'react';
+import { Language, Locale } from '../../../types/languages';
 export interface LanguageSelectProps {
     /**
      * Internationalization locale.

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

@@ -11,12 +11,12 @@ 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 = [
+const LanguageSelect = ({ locale = 'en', languages = [
     {
-        id: "en",
-        label: "English",
-        countryCode: "us",
-        MUILocale: "enUS",
+        id: 'en',
+        label: 'English',
+        countryCode: 'us',
+        MUILocale: 'enUS',
     },
 ], }) => {
     const muiTheme = (0, material_1.useTheme)();
@@ -35,18 +35,18 @@ const LanguageSelect = ({ locale = "en", languages = [
     };
     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.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, { htmlColor: muiTheme.palette.topbar.contrastText }))),
         react_1.default.createElement(material_1.Menu, { anchorEl: anchorEl, id: 'language-menu', open: open, onClose: closeOptions, onClick: closeOptions, anchorOrigin: {
-                vertical: "bottom",
-                horizontal: "right",
+                vertical: 'bottom',
+                horizontal: 'right',
             }, transformOrigin: {
-                vertical: "top",
-                horizontal: "right",
+                vertical: 'top',
+                horizontal: 'right',
             }, PaperProps: {
                 sx: {
-                    padding: "4px",
+                    padding: '4px',
                 },
             } },
             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 },

package/lib/src/components/layout/components/Sidebar/Sidebar.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import React, { ReactElement } from "react";
-import { Variant } from "@mui/material/styles/createTypography";
-import { Locale, StringTranslation } from "../../../../types/languages";
+import React, { ReactElement } from 'react';
+import { Variant } from '@mui/material/styles/createTypography';
+import { Locale, StringTranslation } from '../../../../types/languages';
 export interface SidebarLink {
     /**
      * Unique identifier of the link.

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

@@ -47,7 +47,7 @@ const Sidebar = ({ links, open, isMobile, logo, locale, onClose, }) => {
         return (react_1.default.createElement(material_1.ListItemIcon, { color: color }, link.sidebarIcon ? (link.sidebarIcon(color)) : (react_1.default.createElement(ArrowRightOutlined_1.default, { htmlColor: color }))));
     };
     // Persist which items of the sidebar are open to avoid resetting on page change
-    const [sidebarItemOpen, setSidebarItemOpen] = (0, utils_1.usePersistedState)("sidebarItemOpen", {});
+    const [sidebarItemOpen, setSidebarItemOpen] = (0, utils_1.usePersistedState)('sidebarItemOpen', {});
     const handleOpenSidebarItem = (item) => {
         const oldOpenState = { ...sidebarItemOpen };
         oldOpenState[item] =
@@ -81,26 +81,26 @@ const Sidebar = ({ links, open, isMobile, logo, locale, onClose, }) => {
                 }
             })
                 .map((link) => {
-                const selected = link.path === "/"
-                    ? pathname === "/"
+                const selected = link.path === '/'
+                    ? pathname === '/'
                     : pathname.slice(1).startsWith(link.path.slice(1));
                 if (!link.subPages) {
                     return (react_1.default.createElement(link_1.default, { key: link.id, href: link.path },
                         react_1.default.createElement(material_1.ListItemButton, { selected: selected, style: {
-                                paddingLeft: options.level === 1 && open ? "32px" : "22px",
+                                paddingLeft: options.level === 1 && open ? '32px' : '22px',
                                 paddingTop: options.level === 1 ? 0 : 8,
                                 paddingBottom: options.level === 1 ? 0 : 8,
-                                borderTopRightRadius: "20px",
-                                borderBottomRightRadius: "20px",
+                                borderTopRightRadius: '20px',
+                                borderBottomRightRadius: '20px',
                             } },
                             icons(link, selected),
                             react_1.default.createElement(material_1.ListItemText, { style: {
                                     color: selected
                                         ? `${muiTheme.palette.sidebar.contrastText} !important`
                                         : `${muiTheme.palette.sidebar.light} !important`,
-                                    marginLeft: "-20px",
-                                    visibility: "visible",
-                                }, disableTypography: true, primary: react_1.default.createElement(material_1.Typography, { variant: link.labelVariant || "h6", style: selected
+                                    marginLeft: '-20px',
+                                    visibility: 'visible',
+                                }, disableTypography: true, primary: react_1.default.createElement(material_1.Typography, { variant: link.labelVariant || 'h6', style: selected
                                         ? { color: muiTheme.palette.sidebar.contrastText }
                                         : { color: muiTheme.palette.sidebar.light } }, (0, languages_1.isStringTranslation)(link.label)
                                     ? link.label[locale]
@@ -109,11 +109,11 @@ const Sidebar = ({ links, open, isMobile, logo, locale, onClose, }) => {
                 return (react_1.default.createElement("div", { key: link.id },
                     react_1.default.createElement(link_1.default, { href: link.path },
                         react_1.default.createElement(material_1.ListItemButton, { key: link.id, selected: selected, style: {
-                                paddingLeft: "22px",
+                                paddingLeft: '22px',
                                 paddingTop: 8,
                                 paddingBottom: 8,
-                                borderTopRightRadius: "20px",
-                                borderBottomRightRadius: "20px",
+                                borderTopRightRadius: '20px',
+                                borderBottomRightRadius: '20px',
                             }, onClick: (_evt) => {
                                 if (!sidebarItemOpen[link.id]) {
                                     handleOpenSidebarItem(link.id);
@@ -124,9 +124,9 @@ const Sidebar = ({ links, open, isMobile, logo, locale, onClose, }) => {
                                     color: selected
                                         ? `${muiTheme.palette.sidebar.contrastText} !important`
                                         : `${muiTheme.palette.sidebar.light} !important`,
-                                    marginLeft: "-20px",
-                                    visibility: "visible",
-                                }, disableTypography: true, primary: react_1.default.createElement(material_1.Typography, { variant: link.labelVariant || "h6", style: selected
+                                    marginLeft: '-20px',
+                                    visibility: 'visible',
+                                }, disableTypography: true, primary: react_1.default.createElement(material_1.Typography, { variant: link.labelVariant || 'h6', style: selected
                                         ? { color: muiTheme.palette.sidebar.contrastText }
                                         : { color: muiTheme.palette.sidebar.light } }, (0, languages_1.isStringTranslation)(link.label)
                                     ? link.label[locale]
@@ -156,32 +156,32 @@ const Sidebar = ({ links, open, isMobile, logo, locale, onClose, }) => {
             })
                 // .filter((l) => l.id !== 'settings')
                 .map((link) => {
-                const selected = link.path === "/"
-                    ? pathname === "/"
+                const selected = link.path === '/'
+                    ? pathname === '/'
                     : pathname.slice(1).startsWith(link.path.slice(1));
                 if (link.subPages) {
                     return (react_1.default.createElement("div", { key: link.id },
                         react_1.default.createElement(material_1.ListItemButton, { selected: selected, style: {
-                                paddingLeft: "22px",
+                                paddingLeft: '22px',
                                 paddingTop: 8,
                                 paddingBottom: 8,
-                                borderTopRightRadius: "20px",
-                                borderBottomRightRadius: "20px",
+                                borderTopRightRadius: '20px',
+                                borderBottomRightRadius: '20px',
                             }, onClick: (evt) => handleOpenSidebarMenu(link.id, evt) },
                             react_1.default.createElement(material_1.Tooltip, { title: (0, languages_1.isStringTranslation)(link.label)
                                     ? link.label[locale]
                                     : link.label, placement: 'right', enterDelay: 600, enterNextDelay: 600, arrow: true }, icons(link, selected))),
                         react_1.default.createElement(material_1.Menu, { id: `${link.id}-subpages-menu`, anchorEl: subPagesMenuAnchorEl[link.id], open: Boolean(subPagesMenuAnchorEl[link.id]), onClose: (_evt) => handleCloseSidebarMenu(link.id), anchorOrigin: {
-                                vertical: "top",
-                                horizontal: "right",
+                                vertical: 'top',
+                                horizontal: 'right',
                             }, transformOrigin: {
-                                vertical: "top",
-                                horizontal: "left",
+                                vertical: 'top',
+                                horizontal: 'left',
                             }, PaperProps: {
                                 sx: {
-                                    borderRadius: "2px",
-                                    padding: "2px",
-                                    overflow: "visible",
+                                    borderRadius: '2px',
+                                    padding: '2px',
+                                    overflow: 'visible',
                                 },
                             } }, link.subPages.map((subPage) => (react_1.default.createElement(link_1.default, { key: subPage.id, href: subPage.path },
                             react_1.default.createElement(material_1.MenuItem, null,
@@ -197,11 +197,11 @@ const Sidebar = ({ links, open, isMobile, logo, locale, onClose, }) => {
                 else {
                     return (react_1.default.createElement(link_1.default, { key: link.id, href: link.path },
                         react_1.default.createElement(material_1.ListItemButton, { selected: selected, style: {
-                                paddingLeft: "22px",
+                                paddingLeft: '22px',
                                 paddingTop: 8,
                                 paddingBottom: 8,
-                                borderTopRightRadius: "20px",
-                                borderBottomRightRadius: "20px",
+                                borderTopRightRadius: '20px',
+                                borderBottomRightRadius: '20px',
                             } },
                             react_1.default.createElement(material_1.Tooltip, { title: (0, languages_1.isStringTranslation)(link.label)
                                     ? link.label[locale]
@@ -210,27 +210,27 @@ const Sidebar = ({ links, open, isMobile, logo, locale, onClose, }) => {
             }));
         }
     };
-    return (react_1.default.createElement(material_1.Drawer, { anchor: 'left', onClose: onClose, open: open, variant: isMobile ? "temporary" : "permanent", sx: {
+    return (react_1.default.createElement(material_1.Drawer, { anchor: 'left', onClose: onClose, open: open, variant: isMobile ? 'temporary' : 'permanent', sx: {
             flexShrink: 0,
-            whiteSpace: "nowrap",
-            height: "100%",
+            whiteSpace: 'nowrap',
+            height: '100%',
             width: {
-                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`,
+                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,
                 width: {
-                    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`,
+                    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,
             },
         } },
-        react_1.default.createElement(material_1.List, { style: { marginTop: "19px" } }, handler(links, { level: 0 })),
+        react_1.default.createElement(material_1.List, { style: { marginTop: '19px' } }, handler(links, { level: 0 })),
         react_1.default.createElement("div", { style: { flexGrow: 1 } }),
         logo));
 };

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

@@ -1,6 +1,6 @@
-import React from "react";
-import { Language, Locale } from "../../../../types/languages";
-import { AvatarProps } from "../../../buttons/Avatar/Avatar";
+import React from 'react';
+import { Language, Locale } from '../../../../types/languages';
+import { AvatarProps } from '../../../buttons/Avatar/Avatar';
 interface TopbarProps {
     /**
      * If true the layout has a sidebar.

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

@@ -42,7 +42,7 @@ const Topbar = (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, { htmlColor: muiTheme.palette.topbar.contrastText })) : (react_1.default.createElement(MenuTwoTone_1.default, { htmlColor: muiTheme.palette.topbar.contrastText }));
-    const menuMessage = open ? translations_json_1.default["menuClose"][locale] : translations_json_1.default["menuOpen"][locale];
+    const menuMessage = open ? translations_json_1.default['menuClose'][locale] : translations_json_1.default['menuOpen'][locale];
     return (react_1.default.createElement(ElevationScroll_1.default, { ...props },
         react_1.default.createElement(S.StyledAppBar, { position: 'static', theme: muiTheme },
             react_1.default.createElement(material_1.Toolbar, null,
@@ -52,10 +52,10 @@ const Topbar = (props) => {
                 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"
-                        ? translations_json_1.default["enableDark"][locale]
-                        : translations_json_1.default["disableDark"][locale] },
-                    react_1.default.createElement(material_1.IconButton, { component: 'span', "aria-label": 'toggle dark mode', onClick: () => setTheme(resolvedTheme === "light" ? "dark" : "light") },
+                react_1.default.createElement(material_1.Tooltip, { title: resolvedTheme === 'light'
+                        ? translations_json_1.default['enableDark'][locale]
+                        : translations_json_1.default['disableDark'][locale] },
+                    react_1.default.createElement(material_1.IconButton, { component: 'span', "aria-label": 'toggle dark mode', onClick: () => setTheme(resolvedTheme === 'light' ? 'dark' : 'light') },
                         react_1.default.createElement(ModeNight_1.default, { htmlColor: muiTheme.palette.topbar.contrastText })))))));
 };
 exports.default = Topbar;

package/lib/src/utils/hooks/index.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export { default as useAPI } from './useAPI';
-export { useUserInfo } from './useKeycloak';
-export type { UserInfo } from './useKeycloak';
+export { useUserInfo } from './useUserInfo';
+export type { UserInfo } from './useUserInfo';
 export { useLocale } from './useLocale';
 export { default as usePersistedState } from './usePersistedState';
 //# sourceMappingURL=index.d.ts.map

package/lib/src/utils/hooks/index.js CHANGED Viewed

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePersistedState = exports.useLocale = exports.useUserInfo = exports.useAPI = void 0;
 var useAPI_1 = require("./useAPI");
 Object.defineProperty(exports, "useAPI", { enumerable: true, get: function () { return __importDefault(useAPI_1).default; } });
-var useKeycloak_1 = require("./useKeycloak");
-Object.defineProperty(exports, "useUserInfo", { enumerable: true, get: function () { return useKeycloak_1.useUserInfo; } });
+var useUserInfo_1 = require("./useUserInfo");
+Object.defineProperty(exports, "useUserInfo", { enumerable: true, get: function () { return useUserInfo_1.useUserInfo; } });
 var useLocale_1 = require("./useLocale");
 Object.defineProperty(exports, "useLocale", { enumerable: true, get: function () { return useLocale_1.useLocale; } });
 var usePersistedState_1 = require("./usePersistedState");

package/lib/src/utils/hooks/{useKeycloak.d.ts → useUserInfo.d.ts} RENAMED Viewed

@@ -1,4 +1,3 @@
-import { AxiosInstance } from 'axios';
 export interface UserInfo {
     /**
      * The email address of the user.
@@ -13,5 +12,5 @@ export interface UserInfo {
      */
     preferredUserName: string;
 }
-export declare const useUserInfo: (apiClient?: AxiosInstance) => import("react-query").UseQueryResult<UserInfo | undefined, unknown>;
-//# sourceMappingURL=useKeycloak.d.ts.map
+export declare const useUserInfo: () => import("react-query").UseQueryResult<UserInfo, unknown>;
+//# sourceMappingURL=useUserInfo.d.ts.map

package/lib/src/utils/hooks/useUserInfo.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"useUserInfo.d.ts","sourceRoot":"","sources":["../../../../src/utils/hooks/useUserInfo.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,QAAQ;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAqBD,eAAO,MAAM,WAAW,+DAKpB,CAAC"}

package/lib/src/utils/hooks/useUserInfo.js ADDED Viewed

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUserInfo = void 0;
+const axios_1 = __importDefault(require("axios"));
+const react_query_1 = require("react-query");
+const getUserInfo = async () => {
+    const fetch = axios_1.default
+        .get('/oauth2/userinfo')
+        .then((result) => {
+        console.log('User Info', result.data);
+        return result.data;
+    })
+        .catch((err) => {
+        console.error('Could not get user info');
+        console.error(err);
+        return {
+            email: '',
+            user: 'anonymous',
+            preferredUserName: 'anonymous',
+        };
+    });
+    return await fetch;
+};
+const useUserInfo = () => (0, react_query_1.useQuery)('user-info', () => getUserInfo(), {
+    keepPreviousData: true,
+    staleTime: Infinity,
+    cacheTime: Infinity,
+});
+exports.useUserInfo = useUserInfo;