@fluxo-dev/shell 0.0.25 → 0.0.26

package/index.esm.js

@@ -2,13 +2,13 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useState, Suspense, forwardRef, createElement as createElement$2, useEffect, createContext, useContext, useLayoutEffect, useRef, useCallback, useMemo, memo, isValidElement, cloneElement, useImperativeHandle, lazy } from 'react';
 import { useSelector, Provider } from 'react-redux';
-import { useLocation, Navigate, matchPath, Outlet, useNavigate, Link, Route, useSearchParams, createBrowserRouter, RouterProvider } from 'react-router-dom';
-import { FluxoClientSys, AppType, AppState, FluxoStateDispatcher, UserService, AppMenuContextType, ApiKeyService, DomainRoleService, EmailServerProviderType } from '@fluxo-dev/api-client-base';
-import { AccessDenied, DataCard, NoData, ConfirmModal, ShellPage, ErrorPage as ErrorPage$1, WaitData, FlxRoutes } from '@fluxo-dev/ui-components';
+import { useLocation, Navigate, Outlet, useNavigate, Link, Route, useSearchParams, createBrowserRouter, RouterProvider } from 'react-router-dom';
+import { DataCard, NoData, ConfirmModal, ShellPage, ErrorPage as ErrorPage$1, WaitData, FlxRoutes } from '@fluxo-dev/ui-components';
 import { ModuleLoader } from '@fluxo-dev/shell-mfe';
 import { Text, TextInput, ActionIcon, useMantineTheme, AppShell, Stack, Group, Burger, Badge, Drawer, NavLink, Popover, Avatar, Center, Divider, Button, Anchor, Tooltip, Space, useMantineColorScheme, UnstyledButton, Box, ThemeIcon, Collapse, ScrollArea, rem, Loader, Grid, PasswordInput, ColorSwatch, FileButton, NumberInput, Alert, ColorInput, Checkbox, Modal, Switch, Select, Chip, LoadingOverlay, Image as Image$1, Menu, Textarea, Table, MultiSelect, Card, MantineProvider } from '@mantine/core';
 import { openSpotlight, Spotlight } from '@mantine/spotlight';
 import { useOs, useHotkeys, useIdle } from '@mantine/hooks';
+import { AppType, AppState, FluxoStateDispatcher, FluxoClientSys, UserService, AppMenuContextType, ApiKeyService, DomainRoleService, EmailServerProviderType } from '@fluxo-dev/api-client-base';
 import { showNotification, Notifications } from '@mantine/notifications';
 import { useAppSelector, store as store$4 } from '@fluxo-dev/state';
 import { useForm } from '@mantine/form';
@@ -2214,36 +2214,13 @@ function ProtectedRoute(_a) {
   const {
     loggedIn
   } = useSelector(state => state.user);
-  const {
-    routeRules
-  } = useSelector(state => state.routeRules);
-  const navigation = useLocation();
+  useLocation();
   if (!loggedIn) {
     return jsx(Navigate, {
       to: "/auth/login",
       replace: true
     });
   }
-  let accessDenied = false;
-  let requiredPermissions = [];
-  routeRules.forEach(routeRule => {
-    const match = matchPath(`${routeRule.route}`, navigation.pathname);
-    if (match) {
-      if (routeRule.permissions.length === 0) {
-        return;
-      } else {
-        const res = FluxoClientSys.Instance.security.currentUser.hasPermissions(routeRule.permissions);
-        if (!res) {
-          accessDenied = true;
-          requiredPermissions = routeRule.permissions;
-          return;
-        }
-      }
-    }
-  });
-  if (accessDenied) return jsx(AccessDenied, {
-    requiredPermissions: requiredPermissions
-  });
   return children;
 }
 
@@ -4078,22 +4055,6 @@ var IconReportSearch = createReactComponent("report-search", "IconReportSearch",
   ["path", { d: "M18.5 19.5l2.5 2.5", key: "svg-6" }]
 ]);
 
-/**
- * @tabler/icons-react v2.42.0 - MIT
- */
-
-var IconRoute = createReactComponent("route", "IconRoute", [
-  ["path", { d: "M3 19a2 2 0 1 0 4 0a2 2 0 0 0 -4 0", key: "svg-0" }],
-  ["path", { d: "M19 7a2 2 0 1 0 0 -4a2 2 0 0 0 0 4z", key: "svg-1" }],
-  [
-    "path",
-    {
-      d: "M11 19h5.5a3.5 3.5 0 0 0 0 -7h-8a3.5 3.5 0 0 1 0 -7h4.5",
-      key: "svg-2"
-    }
-  ]
-]);
-
 /**
  * @tabler/icons-react v2.42.0 - MIT
  */
@@ -20274,11 +20235,6 @@ function PermissionNavigator(props) {
         setDomainRolePermissions(res);
         setDomainRolePermissionLoaded(true);
       });
-    } else {
-      FluxoClientSys.Instance.security.routeRule.getPermissions(props.context.id).then(res => {
-        setDomainRolePermissions(res);
-        setDomainRolePermissionLoaded(true);
-      });
     }
   }, []);
   useEffect(() => {
@@ -20292,41 +20248,6 @@ function PermissionNavigator(props) {
       addOrRemovePermissionForDomainRole(permissionId);
     } else if (props.context.type === 'menu') {
       addOrRemovePermissionForMenu(permissionId);
-    } else if (props.context.type === 'route-rule') {
-      addOrRemovePermissionForRouteRule(permissionId);
-    }
-  };
-  const addOrRemovePermissionForRouteRule = menuItemId => {
-    if (selectedPermissionsIds.includes(menuItemId)) {
-      FluxoClientSys.Instance.security.routeRule.removePermission(+props.context.id, menuItemId).then(res => {
-        setSelectedPermissionsIds(selectedPermissionsIds.filter(p => p !== menuItemId));
-        showNotification({
-          title: "Permesso rimosso",
-          message: "Il permesso è stato rimosso correttamente",
-          color: "green"
-        });
-      }).catch(err => {
-        showNotification({
-          title: "Errore",
-          message: "Si è verificato un errore durante la rimozione del permesso",
-          color: "red"
-        });
-      });
-    } else {
-      FluxoClientSys.Instance.security.routeRule.addPermission(+props.context.id, menuItemId).then(res => {
-        setSelectedPermissionsIds([...selectedPermissionsIds, menuItemId]);
-        showNotification({
-          title: "Permesso aggiunto",
-          message: "Il permesso è stato aggiunto correttamente",
-          color: "green"
-        });
-      }).catch(err => {
-        showNotification({
-          title: "Errore",
-          message: "Si è verificato un errore durante l'aggiunta del permesso",
-          color: "red"
-        });
-      });
     }
   };
   const addOrRemovePermissionForMenu = menuItemId => {
@@ -29260,282 +29181,6 @@ function UsersGrid() {
   });
 }
 
-function RouteRuleCreateForm(props) {
-  const [identifier, setIdentifier] = useState('');
-  const createRouteRule = () => {
-    if (!identifier) return;
-    const command = {
-      scope: props.scope,
-      packageName: props.packageName,
-      route: identifier
-    };
-    FluxoClientSys.Instance.security.routeRule.create(command).then(() => {
-      showNotification({
-        title: 'Regola creata',
-        message: `La regola ${props.scope}.${props.packageName}.${identifier} è stato creata con successo.`,
-        color: 'green'
-      });
-      props.onCreated();
-    }).catch(() => {
-      showNotification({
-        title: 'Errore',
-        message: `Si è verificato un errore durante la creazione della regola ${props.scope}.${props.packageName}.${identifier}.`,
-        color: 'red'
-      });
-    });
-  };
-  return jsxs(Stack, {
-    children: [jsx(TextInput, {
-      label: "Identificatore",
-      placeholder: 'Es: create',
-      required: true,
-      onChange: v => setIdentifier(v.target.value)
-    }), jsxs("p", {
-      children: ["Rotta: ", `${props.scope}/${props.packageName}/${identifier}`]
-    }), jsx(Divider, {}), jsxs(Group, {
-      justify: 'right',
-      children: [jsx(Button, {
-        variant: 'subtle',
-        onClick: props.onCanceled,
-        children: "Annulla"
-      }), jsx(Button, {
-        disabled: !identifier,
-        onClick: createRouteRule,
-        children: "Salva"
-      })]
-    })]
-  });
-}
-
-function RouteRuleGrid() {
-  const [permissionScopes, setPermissionScopes] = useState([]);
-  const [permissionScopesLoaded, setPermissionScopesLoaded] = useState(false);
-  const [currentScope, setCurrentScope] = useState(null);
-  const [currentPackageName, setCurrentPackageName] = useState(null);
-  const [routeRules, setRouteRules] = useState([]);
-  const [permissionLoading, setPermissionLoading] = useState(false);
-  const [currentRouteRule, setCurrentRouteRule] = useState();
-  const [managePermissionModalOpened, setManagePermissionModalOpened] = useState(false);
-  const [createRouteRuleModalOpened, setCreateRouteRuleModalOpened] = useState(false);
-  useEffect(() => {
-    loadPermissionScopes();
-  }, []);
-  useEffect(() => {
-    if (currentScope && currentPackageName) getRouteRulesForScope();else setRouteRules([]);
-  }, [currentScope, currentPackageName]);
-  const getRouteRulesForScope = () => {
-    if (!currentScope || !currentPackageName) {
-      return;
-    }
-    setPermissionLoading(true);
-    FluxoClientSys.Instance.security.routeRule.getRouteRulesForScope(currentScope, currentPackageName).then(res => {
-      setRouteRules(res);
-      setPermissionLoading(false);
-    });
-  };
-  const loadPermissionScopes = () => {
-    FluxoClientSys.Instance.security.permission.getPermissionScopes().then(res => {
-      setPermissionScopes(res);
-      setPermissionScopesLoaded(true);
-    });
-  };
-  const deleteRouteRule = routeRule => {
-    FluxoClientSys.Instance.security.routeRule.delete(routeRule.id.toString()).then(() => {
-      showNotification({
-        title: 'Regola eliminata',
-        message: `La regola ${routeRule.scope}.${routeRule.packageName}.${routeRule.route} è stato eliminata con successo.`,
-        color: 'green'
-      });
-      getRouteRulesForScope();
-    }).catch(() => {
-      showNotification({
-        title: 'Errore',
-        message: `Si è verificato un errore durante l'eliminazione della regola ${routeRule.scope}.${routeRule.packageName}.${routeRule.route}.`,
-        color: 'red'
-      });
-    });
-  };
-  const getScopes = () => {
-    if (permissionScopes === undefined) return [];
-    return [...new Set(permissionScopes.map(a => a.scope))];
-  };
-  const getPackageNames = scope => {
-    if (permissionScopes === undefined || !scope) return [];
-    return [...new Set(permissionScopes.filter(a => a.scope === scope).map(a => a.packageName))];
-  };
-  return jsxs(DataCard, {
-    title: 'Regole sulle rotte',
-    children: [jsxs(Stack, {
-      children: [jsxs(Grid, {
-        children: [jsx(Grid.Col, {
-          span: 6,
-          children: jsx(Select, {
-            data: getScopes(),
-            searchable: true,
-            placeholder: 'Seleziona uno scope',
-            value: currentScope,
-            label: 'Scope',
-            onChange: v => {
-              setCurrentScope(v);
-              setCurrentPackageName(null);
-            }
-          })
-        }), jsx(Grid.Col, {
-          span: 6,
-          children: jsx(Select, {
-            disabled: !currentScope,
-            searchable: true,
-            placeholder: 'Seleziona un package name',
-            data: getPackageNames(currentScope),
-            value: currentPackageName,
-            label: 'Package name',
-            onChange: v => {
-              setCurrentPackageName(v);
-            }
-          })
-        })]
-      }), jsx(Divider, {}), (currentScope && currentPackageName && !permissionLoading && routeRules.length) === 0 && jsxs(Stack, {
-        children: [jsx(Group, {
-          justify: 'right',
-          align: 'center',
-          children: jsx(Button, {
-            leftSection: jsx(IconPlus, {
-              size: 18
-            }),
-            onClick: () => setCreateRouteRuleModalOpened(true),
-            children: "Nuova regola"
-          })
-        }), jsx(Center, {
-          children: jsx(Text, {
-            size: 'md',
-            children: "Nessuna regola esistente."
-          })
-        })]
-      }), (!currentScope || !currentPackageName) && jsxs(Stack, {
-        align: 'center',
-        mt: 32,
-        mb: 32,
-        children: [jsx(IconCloudOff, {
-          color: 'gray',
-          size: 64
-        }), jsx(Center, {
-          children: jsx(Text, {
-            size: 'md',
-            children: "Seleziona uno scope e un package name per visualizzare i permessi associati."
-          })
-        })]
-      }), !permissionLoading && routeRules.length > 0 && jsxs(Stack, {
-        children: [jsx(Group, {
-          justify: 'right',
-          align: 'center',
-          children: jsx(Button, {
-            leftSection: jsx(IconPlus, {
-              size: 18
-            }),
-            onClick: () => setCreateRouteRuleModalOpened(true),
-            children: "Nuova regola"
-          })
-        }), jsxs(Table, {
-          highlightOnHover: true,
-          children: [jsx(Table.Thead, {
-            children: jsxs(Table.Tr, {
-              children: [jsx(Table.Th, {
-                children: "Id"
-              }), jsx(Table.Th, {
-                children: "Scope"
-              }), jsx(Table.Th, {
-                children: "Rotta"
-              }), jsx(Table.Th, {
-                children: "Permessi"
-              }), jsx(Table.Th, {
-                style: {
-                  maxWidth: 80,
-                  width: 80
-                },
-                children: "Azioni"
-              })]
-            })
-          }), jsx(Table.Tbody, {
-            children: routeRules.map((element, i) => {
-              return jsxs(Table.Tr, {
-                children: [jsx(Table.Td, {
-                  children: element.id
-                }), jsx(Table.Td, {
-                  children: `${element.scope}.${element.packageName}`
-                }), jsx(Table.Td, {
-                  children: `/${element.scope}/${element.packageName}/${element.route}`
-                }), jsx(Table.Td, {
-                  children: element.permissionsCount
-                }), jsx(Table.Td, {
-                  style: {
-                    maxWidth: 130,
-                    width: 130
-                  },
-                  children: jsxs(Group, {
-                    children: [jsx(ActionIcon, {
-                      onClick: () => {
-                        setCurrentRouteRule(element);
-                        setManagePermissionModalOpened(true);
-                      },
-                      children: jsx(IconLock, {
-                        size: 18
-                      })
-                    }), jsx(ActionIcon, {
-                      onClick: () => {
-                        deleteRouteRule(element);
-                      },
-                      children: jsx(IconTrash, {
-                        size: 18
-                      })
-                    })]
-                  })
-                })]
-              }, i);
-            })
-          })]
-        })]
-      })]
-    }), currentRouteRule && jsx(Modal, {
-      size: '60%',
-      centered: true,
-      opened: managePermissionModalOpened,
-      onClose: () => {
-        getRouteRulesForScope();
-        setManagePermissionModalOpened(false);
-        setCurrentRouteRule(undefined);
-      },
-      title: `Gestione permessi ${currentRouteRule.route}`,
-      children: jsx(PermissionNavigator, {
-        context: {
-          type: 'route-rule',
-          id: currentRouteRule.id.toString()
-        },
-        onUpdate: () => {}
-      })
-    }), jsx(Modal, {
-      size: '60%',
-      centered: true,
-      opened: createRouteRuleModalOpened,
-      onClose: () => {
-        getRouteRulesForScope();
-        setCreateRouteRuleModalOpened(false);
-      },
-      title: `Crea nuova regola`,
-      children: jsx(RouteRuleCreateForm, {
-        scope: currentScope,
-        packageName: currentPackageName,
-        onCreated: () => {
-          getRouteRulesForScope();
-          setCreateRouteRuleModalOpened(false);
-        },
-        onCanceled: () => {
-          setCreateRouteRuleModalOpened(false);
-        }
-      })
-    })]
-  });
-}
-
 function EmailServerConfiguration() {
   var _a, _b;
   const [configExists, setConfigExists] = useState(false);
@@ -29788,7 +29433,7 @@ function EmailServerConfiguration() {
             })]
           })]
         })
-      }), jsx(DataCard, {
+      }), !configExists && jsx(DataCard, {
         title: "Test invio email",
         children: jsxs(Stack, {
           children: [jsx(Alert, {
@@ -29907,24 +29552,6 @@ function Settings(props) {
           size: 18
         }),
         description: 'Gestisci i permessi utente'
-      }, {
-        key: 'routes',
-        title: jsxs(Text, {
-          children: ["Regole sulle rotte ", jsx("small", {
-            children: jsx("b", {
-              children: "(Avanzato)"
-            })
-          })]
-        }),
-        onClick: () => {
-          window.location.hash = 'routes';
-          setCurrentTab('routes');
-        },
-        disabled: false,
-        icon: jsx(IconRoute, {
-          size: 18
-        }),
-        description: 'Gestisci le regole sulle rotte'
       }]
     }, {
       name: 'Comunicazioni',
@@ -30075,8 +29702,6 @@ function Settings(props) {
         return jsx(DomainRoleGrid, {});
       case 'permissions':
         return jsx(PermissionGrid, {});
-      case 'routes':
-        return jsx(RouteRuleGrid, {});
       case 'print-server':
         return jsx(PrintServerList, {});
       case 'email-configuration':
@@ -30744,7 +30369,6 @@ function FluxoShell(props) {
         FluxoStateDispatcher.dispatchSetSysFeatures(res.features);
         FluxoStateDispatcher.dispatchSetUserPermissions(res.permissions.map(a => a.fullIdentifier));
         FluxoStateDispatcher.dispatchSetUserDomainRoles(res.domainRoles);
-        FluxoStateDispatcher.dispatchSetRouteRules(res.routeRules);
         FluxoStateDispatcher.dispatchSetFrontends(props.frontends.map(a => ({
           id: a.id,
           name: a.name

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@fluxo-dev/shell",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "peerDependencies": {
-    "@fluxo-dev/shell-hub": "0.0.25",
-    "@fluxo-dev/shell-korebi": "0.0.25",
-    "@fluxo-dev/shell-mfe": "0.0.25",
-    "@fluxo-dev/shell-printing": "0.0.25",
-    "@fluxo-dev/shell-reporting": "0.0.25",
-    "@fluxo-dev/shell-workflow": "0.0.25"
+    "@fluxo-dev/shell-hub": "0.0.26",
+    "@fluxo-dev/shell-korebi": "0.0.26",
+    "@fluxo-dev/shell-mfe": "0.0.26",
+    "@fluxo-dev/shell-printing": "0.0.26",
+    "@fluxo-dev/shell-reporting": "0.0.26",
+    "@fluxo-dev/shell-workflow": "0.0.26"
   },
   "module": "./index.esm.js",
   "type": "module",

package/src/lib/pages/settings/security/components/permission/permission-navigator.d.ts

@@ -1,6 +1,6 @@
 export interface PermissionNavigatorProps {
     context: {
-        type: 'domainRole' | 'menu' | 'route-rule';
+        type: 'domainRole' | 'menu';
         id: string;
     };
     onUpdate: (currentPermissionCount: number) => void;

package/src/lib/pages/settings/security/components/route-rule/route-rule-create-form.d.ts

@@ -1,7 +0,0 @@
-export interface RouteRuleCreateFormProps {
-    scope: string;
-    packageName: string;
-    onCanceled: () => void;
-    onCreated: () => void;
-}
-export declare function RouteRuleCreateForm(props: RouteRuleCreateFormProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/pages/settings/security/components/route-rule/route-rule-grid.d.ts

@@ -1 +0,0 @@
-export declare function RouteRuleGrid(): import("react/jsx-runtime").JSX.Element;