@fluxo-dev/shell 0.0.47 → 0.0.49

package/index.esm.js

@@ -10393,10 +10393,13 @@ function FooterBar(props) {
     userInfo
   } = useAppSelector(state => state.user);
   const {
-    userIdle
+    userIdle,
+    currentFrontend
   } = useAppSelector(state => state.layout);
   const {
-    hasAdminAccess
+    hasAdminAccess,
+    hasDeveloperAccess,
+    hasDataAnalystAccess
   } = useAppSelector(state => state.layout);
   const idle = useIdle(5000000000);
   useEffect(() => {
@@ -10463,7 +10466,7 @@ function FooterBar(props) {
       }), jsx(Space, {
         h: 'md'
       }), jsxs(Group, {
-        children: [hasAdminAccess && jsxs(Fragment, {
+        children: [(hasAdminAccess || hasDeveloperAccess || hasDataAnalystAccess) && currentFrontend === 'admin' && jsxs(Fragment, {
           children: [jsx(MinimalStateViewer, {}), jsx(Divider, {
             orientation: 'vertical'
           }), jsx(Link, {
@@ -29113,6 +29116,18 @@ function MenuItemEdit(props) {
       setRouterLinkError(isExternalLink ? 'Link non valido' : 'Link non valido, es: registries/product/create');
     }
   };
+  const renderIconSelectOption = item => {
+    return jsxs(Group, {
+      flex: "1",
+      gap: "xs",
+      children: [IconFactory.getIcon(item.option.value), item.option.label, item.checked && jsx(IconCheck, {
+        style: {
+          marginInlineStart: 'auto'
+        },
+        size: 18
+      })]
+    });
+  };
   return jsxs(Stack, {
     children: [jsx(TextInput, {
       label: 'Etichetta',
@@ -29125,6 +29140,7 @@ function MenuItemEdit(props) {
       onLabel: 'SI',
       onChange: e => setHasIndex(e.currentTarget.checked)
     }), jsx(Select, {
+      limit: 256,
       leftSection: IconFactory.getIcon(icon !== null && icon !== void 0 ? icon : ''),
       data: IconFactory.getIconIdentifiers().map(e => {
         return {
@@ -29135,7 +29151,8 @@ function MenuItemEdit(props) {
       searchable: true,
       label: 'Icona',
       value: icon,
-      onChange: v => setIcon(v)
+      onChange: v => setIcon(v),
+      renderOption: renderIconSelectOption
     }), !props.menuItem.isGroup && jsx(TextInput, {
       label: 'Route',
       disabled: true,
@@ -37345,6 +37362,12 @@ function UserForm(props) {
   const roles = [{
     value: 'administrator',
     label: 'Amministratore'
+  }, {
+    value: 'developer',
+    label: 'Sviluppatore'
+  }, {
+    value: 'data-analyst',
+    label: 'Analista dati'
   }, {
     value: 'user',
     label: 'Utente'
@@ -37426,6 +37449,35 @@ function UserForm(props) {
         label: 'Email',
         disabled: !!props.user
       }, generalForm.getInputProps('user.email'))), jsx(MultiSelect, Object.assign({
+        description: jsxs(Stack, {
+          gap: 0,
+          children: [jsx(Text, {
+            size: 'xs',
+            mb: 8,
+            children: "Permessi console di amministrazione"
+          }), jsxs(Text, {
+            size: 'xs',
+            children: [jsx("b", {
+              children: "Amministratore:"
+            }), " accede a tutte le funzioni"]
+          }), jsxs(Text, {
+            size: 'xs',
+            children: [jsx("b", {
+              children: "Sviluppatore:"
+            }), " ravify, bi, comunicazioni, sviluppo"]
+          }), jsxs(Text, {
+            size: 'xs',
+            children: [jsx("b", {
+              children: "Analista dati:"
+            }), " bi, ravify"]
+          }), jsxs(Text, {
+            size: 'xs',
+            mb: 16,
+            children: [jsx("b", {
+              children: "Utente:"
+            }), " nessun accesso alla console di amministrazione"]
+          })]
+        }),
         data: roles,
         label: "Tipo di accesso",
         placeholder: "Seleziona uno o pi\u00F9 tipi di accesso"
@@ -40174,6 +40226,11 @@ function Settings(props) {
   const [currentTab, setCurrentTab] = useState('ui');
   const [apiRestDoc, setApiRestDoc] = useState();
   const navigate = useNavigate();
+  const {
+    hasAdminAccess,
+    hasDeveloperAccess,
+    hasDataAnalystAccess
+  } = useSelector(state => state.layout);
   useEffect(() => {
     const hash = window.location.hash.slice(1);
     if (hash) {
@@ -40188,6 +40245,7 @@ function Settings(props) {
   const getSideMenuGroups = () => {
     return [{
       name: "Interfaccia",
+      hide: !hasAdminAccess,
       items: [{
         key: 'ui',
         title: jsx(Text, {
@@ -40219,6 +40277,7 @@ function Settings(props) {
       }]
     }, {
       name: 'Sicurezza',
+      hide: !hasAdminAccess,
       items: [{
         key: 'users',
         title: jsx(Text, {
@@ -40264,6 +40323,7 @@ function Settings(props) {
       }]
     }, {
       name: 'Comunicazioni',
+      hide: !hasAdminAccess && !hasDeveloperAccess,
       items: [{
         key: 'email-configuration',
         title: jsx(Text, {
@@ -40281,6 +40341,7 @@ function Settings(props) {
       }]
     }, {
       name: 'Integrazione',
+      hide: !hasAdminAccess && !hasDeveloperAccess && !hasDataAnalystAccess,
       items: [{
         key: 'ravify',
         title: jsx(Text, {
@@ -40298,6 +40359,7 @@ function Settings(props) {
       }]
     }, {
       name: 'Business Intelligence',
+      hide: !hasAdminAccess && !hasDeveloperAccess && !hasDataAnalystAccess,
       items: [{
         key: 'bi',
         title: jsx(Text, {
@@ -40343,6 +40405,7 @@ function Settings(props) {
       }]
     }, {
       name: 'Stampe',
+      hide: !hasAdminAccess,
       items: [{
         key: 'print-server',
         title: jsx(Text, {
@@ -40360,6 +40423,7 @@ function Settings(props) {
       }]
     }, {
       name: 'Sviluppatori',
+      hide: !hasAdminAccess && !hasDeveloperAccess,
       items: [{
         key: 'tokens',
         title: jsxs(Text, {
@@ -40443,25 +40507,25 @@ function Settings(props) {
   const renderCurrentSection = tab => {
     switch (tab) {
       case 'ui':
-        return jsx(Ui, {});
+        return hasAdminAccess ? jsx(Ui, {}) : jsx(ErrorPage$1, {});
       case 'menu':
-        return jsx(MenuDesigner, {
+        return hasAdminAccess ? jsx(MenuDesigner, {
           frontends: props.frontends
-        });
+        }) : jsx(ErrorPage$1, {});
       case 'tokens':
-        return jsx(Tokens, {});
+        return hasAdminAccess || hasDeveloperAccess ? jsx(Tokens, {}) : jsx(ErrorPage$1, {});
       case 'users':
-        return jsx(UsersGrid, {});
+        return hasAdminAccess ? jsx(UsersGrid, {}) : jsx(ErrorPage$1, {});
       case 'roles':
-        return jsx(DomainRoleGrid, {});
+        return hasAdminAccess ? jsx(DomainRoleGrid, {}) : jsx(ErrorPage$1, {});
       case 'permissions':
-        return jsx(PermissionGrid, {});
+        return hasAdminAccess ? jsx(PermissionGrid, {}) : jsx(ErrorPage$1, {});
       case 'print-server':
-        return jsx(PrintServerList, {});
+        return hasAdminAccess ? jsx(PrintServerList, {}) : jsx(ErrorPage$1, {});
       case 'email-configuration':
-        return jsx(EmailServerConfiguration, {});
+        return hasAdminAccess || hasDeveloperAccess ? jsx(EmailServerConfiguration, {}) : jsx(ErrorPage$1, {});
       case 'apidoc':
-        return jsx(ScrollArea, {
+        return hasAdminAccess || hasDeveloperAccess ? jsx(ScrollArea, {
           style: {
             height: 'calc(100vh - 132px)'
           },
@@ -40487,7 +40551,7 @@ function Settings(props) {
               }
             }
           })
-        });
+        }) : jsx(ErrorPage$1, {});
       /*return apiRestDoc ? (
         <DataCard title={'Documentazione API REST'}>
           <RestApiDocumentation documentation={apiRestDoc} />
@@ -40496,20 +40560,20 @@ function Settings(props) {
         <WaitData />
       );*/
       case 'plugin':
-        return jsx(AppsList, {
+        return hasAdminAccess || hasDeveloperAccess ? jsx(AppsList, {
           pluginEndpoint: props.pluginEndpoint,
           modules: props.frontends.map(f => f.modules).flat()
-        });
+        }) : jsx(ErrorPage$1, {});
       case 'ravify':
-        return jsx(RavifyInstances, {});
+        return hasAdminAccess || hasDeveloperAccess || hasDataAnalystAccess ? jsx(RavifyInstances, {}) : jsx(ErrorPage$1, {});
       case 'bi':
-        return jsx(DashboardEditor, {
+        return hasAdminAccess || hasDeveloperAccess || hasDataAnalystAccess ? jsx(DashboardEditor, {
           mode: 'editor'
-        });
+        }) : jsx(ErrorPage$1, {});
       case 'bi-dc':
-        return jsx(DataConnections, {});
+        return hasAdminAccess || hasDeveloperAccess || hasDataAnalystAccess ? jsx(DataConnections, {}) : jsx(ErrorPage$1, {});
       case 'bi-dashboard-category':
-        return jsx(DashboardCategoryPage, {});
+        return hasAdminAccess || hasDeveloperAccess || hasDataAnalystAccess ? jsx(DashboardCategoryPage, {}) : jsx(ErrorPage$1, {});
       default:
         return jsx(ErrorPage$1, {});
     }
@@ -40529,13 +40593,18 @@ function Settings(props) {
 }
 
 function MainRoutes(props) {
+  const {
+    hasAdminAccess,
+    hasDeveloperAccess,
+    hasDataAnalystAccess
+  } = useSelector(state => state.layout);
   const KIde = /*#__PURE__*/lazy(() => import('@fluxo-dev/shell-korebi').then(({
     KorebiIde
   }) => ({
     default: KorebiIde
   })));
   return jsxs(FlxRoutes, {
-    children: [props.isAdminFrontend && props.hasAdminAccess && jsxs(Fragment, {
+    children: [props.isAdminFrontend && (hasDeveloperAccess || hasDataAnalystAccess || hasAdminAccess) && jsxs(Fragment, {
       children: [jsx(Route, {
         path: 'settings',
         element: jsx(Settings, {
@@ -40903,13 +40972,13 @@ var classes = {"box":"frontend-switcher-module_box__uas-n"};
 function FrontendSwitcher(props) {
   const {
     frontends,
-    currentFrontend,
     allowedFrontends
   } = useAppSelector(a => a.layout);
   const [loading, setLoading] = React__default.useState(false);
   const navigateTo = useNavigate();
   return jsx(Center, {
     h: '100vh',
+    bg: 'rgb(250, 251, 255)',
     children: loading ? jsx(Center, {
       w: '100vw',
       h: '100vh',
@@ -40924,7 +40993,7 @@ function FrontendSwitcher(props) {
         style: {
           textAlign: 'center'
         },
-        children: "Scegli l'applicazione"
+        children: "Aree funzionali"
       }), jsx(Group, {
         wrap: 'wrap',
         children: allowedFrontends.map(f => {
@@ -40955,7 +41024,9 @@ function FrontendSwitcher(props) {
               children: jsxs(Stack, {
                 justify: 'center',
                 align: 'center',
-                children: [jsx(IconApps, {
+                children: [props.availableFrontends.filter(a => a.id === f)[0].icon ? jsx(Fragment, {
+                  children: props.availableFrontends.filter(a => a.id === f)[0].icon
+                }) : jsx(IconApps, {
                   size: 48
                 }), jsx(Text, {
                   size: 'lg',
@@ -43903,12 +43974,18 @@ function FluxoShell(props) {
         })));
         FluxoStateDispatcher.dispatchSetCurrentFrontend(res.currentFrontend);
         FluxoStateDispatcher.dispatchAllowedFrontends(res.frontends);
-        FluxoStateDispatcher.dispatchHasAdminAccess(res.hasAdminAccess);
+        FluxoStateDispatcher.dispatchSysRoleAccess(res.hasAdminAccess, res.hasDeveloperAccess, res.hasDataAnalystAccess);
         if (props.withMultipleSessions) FluxoStateDispatcher.dispatchSetSessionMode('multi-session');else FluxoStateDispatcher.dispatchSetSessionMode('single-session');
         const rObjs = [generateAuthRoutes(), {
           path: 'frontend-switcher',
           element: jsx(ProtectedRoute, {
-            children: jsx(FrontendSwitcher, {})
+            children: jsx(FrontendSwitcher, {
+              availableFrontends: props.frontends.map(a => ({
+                id: a.id,
+                name: a.name,
+                icon: a.icon
+              }))
+            })
           })
         }, /* Public routes */
         {
@@ -43926,7 +44003,6 @@ function FluxoShell(props) {
           }, {
             path: '/*',
             element: jsx(MainRoutes, {
-              hasAdminAccess: res.hasAdminAccess,
               isAdminFrontend: flxFrontend.id === 'admin',
               pluginEndpoint: props.pluginEndpoint,
               frontends: props.frontends

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "@fluxo-dev/shell",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "peerDependencies": {
     "react": "^18.3.1",
     "@mantine/core": "^7.12.2",
     "react-router-dom": "^6.11.2",
     "react-redux": "^8.0.5",
     "@reduxjs/toolkit": "^1.9.1",
-    "@fluxo-dev/api-client-base": "^0.0.47",
-    "@fluxo-dev/shell-bi": "^0.0.47",
-    "@fluxo-dev/shell-hub": "^0.0.47",
-    "@fluxo-dev/shell-korebi": "^0.0.47",
-    "@fluxo-dev/shell-mfe": "^0.0.47",
-    "@fluxo-dev/shell-printing": "^0.0.47",
-    "@fluxo-dev/shell-reporting": "^0.0.47",
-    "@fluxo-dev/shell-workflow": "^0.0.47",
-    "@fluxo-dev/shell-ravify": "^0.0.47",
-    "@fluxo-dev/state": "^0.0.47",
-    "@fluxo-dev/ui-components": "^0.0.47",
+    "@fluxo-dev/api-client-base": "^0.0.49",
+    "@fluxo-dev/shell-bi": "^0.0.49",
+    "@fluxo-dev/shell-hub": "^0.0.49",
+    "@fluxo-dev/shell-korebi": "^0.0.49",
+    "@fluxo-dev/shell-mfe": "^0.0.49",
+    "@fluxo-dev/shell-printing": "^0.0.49",
+    "@fluxo-dev/shell-reporting": "^0.0.49",
+    "@fluxo-dev/shell-workflow": "^0.0.49",
+    "@fluxo-dev/shell-ravify": "^0.0.49",
+    "@fluxo-dev/state": "^0.0.49",
+    "@fluxo-dev/ui-components": "^0.0.49",
     "@scalar/api-reference-react": "^0.3.142",
     "@devexpress/analytics-core": "23.1.3",
     "devexpress-dashboard": "23.1.3",

package/src/lib/app.d.ts

@@ -9,6 +9,7 @@ export type ShellFrontend = {
     dashboardComponent: React.ReactNode | React.ReactElement;
     modules: EmbeddedModule[];
     renderWhen?: (configuration: InitialConfiguration) => boolean;
+    icon?: React.ReactNode;
 };
 export declare enum ShellUINavigation {
     Sidebar = 1,

package/src/lib/components/routes/main-routes.d.ts

@@ -3,6 +3,5 @@ export interface MainRoutesProps {
     pluginEndpoint: string;
     frontends: ShellFrontend[];
     isAdminFrontend: boolean;
-    hasAdminAccess: boolean;
 }
 export declare function MainRoutes(props: MainRoutesProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/pages/frontend-switcher/frontend-switcher.d.ts

@@ -1,3 +1,9 @@
+import React from "react";
 export interface FrontendSwitcherProps {
+    availableFrontends: {
+        id: string;
+        name: string;
+        icon?: React.ReactNode;
+    }[];
 }
 export declare function FrontendSwitcher(props: FrontendSwitcherProps): import("react/jsx-runtime").JSX.Element;