@fluxo-dev/shell 0.0.27 → 0.0.29

package/index.esm.js

@@ -5,7 +5,7 @@ import { useSelector, Provider } from 'react-redux';
 import { useLocation, Navigate, Outlet, useNavigate, Link, useOutlet, Route, useSearchParams, createBrowserRouter, RouterProvider } from 'react-router-dom';
 import { DataCard, useFlxNavigate, 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, Tabs, 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 { Text, TextInput, ActionIcon, useMantineTheme, AppShell, Stack, Group, Burger, Badge, Drawer, NavLink, Popover, Avatar, Center, Divider, Button, Tabs, 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, 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';
@@ -4344,7 +4344,8 @@ class AppJitManager {
   }
 }
 
-function FrontendSwitch() {
+function FrontendSwitch(props) {
+  var _a;
   const {
     allowedFrontends
   } = useAppSelector(a => a.layout);
@@ -4353,7 +4354,7 @@ function FrontendSwitch() {
     children: allowedFrontends.length > 1 && jsx(ActionIcon, {
       children: jsx(IconGridDots, {
         size: 24,
-        color: '#fff',
+        color: (_a = props.iconColor) !== null && _a !== void 0 ? _a : '#fff',
         onClick: () => navigate('frontend-switcher')
       })
     })
@@ -21188,8 +21189,14 @@ function MenuCreateForm(props) {
   }, [context, role, user, name]);
   const onSubmit = () => {
     if (saveButtonIsDisabled()) return;
+    let ctx = AppMenuContextType.Default;
+    if (context === '1') {
+      ctx = AppMenuContextType.DomainRole;
+    } else if (context === '2') {
+      ctx = AppMenuContextType.User;
+    }
     FluxoClientSys.Instance.configuration.createAppMenu({
-      contextType: context === '1' ? AppMenuContextType.DomainRole : AppMenuContextType.User,
+      contextType: ctx,
       name: name,
       domainRoleId: context === '1' ? +role : 0,
       copyItemsFromWebMenuId: 0,
@@ -21206,7 +21213,7 @@ function MenuCreateForm(props) {
     }).catch(err => {
       showNotification({
         title: 'Errore',
-        message: 'Si è verificato un errore durante la creazione del menu',
+        message: `Si è verificato un errore durante la creazione del menu: ${err.message}`,
         color: 'red',
         autoClose: 5000
       });
@@ -21489,6 +21496,9 @@ function MenuDesigner(props) {
     });
   };
   const isModuleAttachedToFrontend = (module, frontend) => {
+    // workaround momentaneo. Bisogna capire come eventualmente
+    // abbinare le app dinamiche ai frontend. Per ora, tutte quelle che non sono fluxo, vengono abbinate
+    if (module.key !== 'fluxo') return true;
     const shellFrontend = props.frontends.find(a => a.id === (currentWebMenu === null || currentWebMenu === void 0 ? void 0 : currentWebMenu.frontend));
     if ((shellFrontend === null || shellFrontend === void 0 ? void 0 : shellFrontend.modules.filter(a => a.scope === module.key).length) === 0) return false;
     return true;
@@ -28124,6 +28134,31 @@ function EmbeddedModuleItem(props) {
   });
 }
 
+function EmbeddedBackendModuleItem(props) {
+  React__default.useState(false);
+  return jsx(Group, {
+    justify: 'space-between',
+    style: {
+      border: '1px solid #dedede',
+      padding: 15
+    },
+    children: jsx(Group, {
+      children: jsxs(Stack, {
+        gap: 0,
+        children: [jsxs("span", {
+          children: [props.app.description, " ", jsxs("small", {
+            children: ["(", props.app.version, ")"]
+          })]
+        }), jsxs("small", {
+          children: [props.app.name, " - ", jsx("b", {
+            children: props.app.author
+          })]
+        })]
+      })
+    })
+  });
+}
+
 function AppsList(props) {
   const [apps, setApps] = useState([]);
   const [showInstallComponent, setShowInstallComponent] = useState(false);
@@ -28202,7 +28237,7 @@ function AppsList(props) {
         }, app.id))]
       })]
     }), jsx(DataCard, {
-      title: 'Apps di sistema',
+      title: 'Apps di sistema (frontend)',
       children: jsxs(Stack, {
         gap: 16,
         children: [embeddedModules.length === 0 && jsx(NoData, {
@@ -28215,6 +28250,18 @@ function AppsList(props) {
           }, i))
         }) : jsx(Loader, {})]
       })
+    }), jsx(DataCard, {
+      title: 'Apps di sistema (server)',
+      children: jsxs(Stack, {
+        gap: 16,
+        children: [apps.length === 0 && jsx(NoData, {
+          message: 'Nessun modulo di sistema trovato'
+        }), !loading ? jsx(Fragment, {
+          children: apps.filter(a => a.type === AppType.Backend).map((app, i) => jsx(EmbeddedBackendModuleItem, {
+            app: app
+          }, i))
+        }) : jsx(Loader, {})]
+      })
     }), jsxs(DataCard, {
       title: 'Apps JIT (Sviluppo)',
       actions: [{
@@ -28271,52 +28318,6 @@ function AppsList(props) {
   });
 }
 
-function UpdatePermission(props) {
-  const [permissionsJson, setPermissionsJson] = React__default.useState('');
-  const updatePermissions = () => {
-    try {
-      const data = JSON.parse(permissionsJson);
-      FluxoClientSys.Instance.security.permission.installPermissions(data).then(() => {
-        showNotification({
-          title: 'Operazione completata',
-          color: 'green',
-          message: `I permessi sono stati aggiornati con successo`
-        });
-        props.onUpdated();
-      }, err => {
-        showNotification({
-          title: 'Operazione fallita',
-          color: 'red',
-          message: `Non è stato possibile aggiornare i permessi: ${err.message}`
-        });
-      });
-    } catch (err) {
-      showNotification({
-        title: 'Operazione fallita',
-        color: 'red',
-        message: `Il file non è valido.`
-      });
-    }
-  };
-  return jsxs(Stack, {
-    children: [jsx(Textarea, {
-      minRows: 20,
-      value: permissionsJson,
-      onChange: v => setPermissionsJson(v.target.value)
-    }), jsxs(Group, {
-      justify: 'right',
-      children: [jsx(Button, {
-        onClick: props.onCanceled,
-        children: "Annulla"
-      }), jsx(Button, {
-        onClick: updatePermissions,
-        disabled: !permissionsJson,
-        children: "Aggiorna"
-      })]
-    })]
-  });
-}
-
 function CreateScopeForm(props) {
   const [permissionScopes] = useState(props.permissionScopes);
   const [createdScopes, setCreatedScopes] = useState([]);
@@ -28477,7 +28478,6 @@ function CreateCustomPermissionForm(props) {
 
 function PermissionGrid() {
   const [permissions, setPermissions] = useState([]);
-  const [updatePermissionModal, setUpdatePermissionModal] = useState(false);
   const [permissionScopes, setPermissionScopes] = useState([]);
   const [permissionScopesLoaded, setPermissionScopesLoaded] = useState(false);
   const [currentScope, setCurrentScope] = useState(null);
@@ -28562,14 +28562,6 @@ function PermissionGrid() {
   return jsx(DataCard, {
     title: 'Permessi',
     actions: [{
-      icon: jsx(IconArrowDown, {
-        size: 18
-      }),
-      label: 'Installa permessi',
-      onClick: () => {
-        setUpdatePermissionModal(true);
-      }
-    }, {
       icon: jsx(IconPlus, {
         size: 18
       }),
@@ -28745,19 +28737,6 @@ function PermissionGrid() {
             })
           })]
         })]
-      }), jsx(Modal, {
-        centered: true,
-        opened: updatePermissionModal,
-        onClose: () => {
-          setUpdatePermissionModal(false);
-        },
-        title: "Aggiorna permessi",
-        children: jsx(UpdatePermission, {
-          onUpdated: () => {
-            setUpdatePermissionModal(false);
-          },
-          onCanceled: () => setUpdatePermissionModal(false)
-        })
       }), jsx(Modal, {
         centered: true,
         opened: createPermissionScopeModalOpened,
@@ -29751,7 +29730,7 @@ function EmailServerConfiguration() {
             })]
           })]
         })
-      }), !configExists && jsx(DataCard, {
+      }), configExists && jsx(DataCard, {
         title: "Test invio email",
         children: jsxs(Stack, {
           children: [jsx(Alert, {

package/package.json

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

package/src/lib/components/frontend-switch/frontend-switch.d.ts

@@ -1 +1,4 @@
-export declare function FrontendSwitch(): import("react/jsx-runtime").JSX.Element;
+export interface FrontendSwitchProps {
+    iconColor?: string;
+}
+export declare function FrontendSwitch(props: FrontendSwitchProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/pages/settings/apps/embedded-backend-module-item.d.ts

@@ -0,0 +1,5 @@
+import { FluxoApp } from "@fluxo-dev/api-client-base";
+export interface EmbeddedBackendModuleItemProps {
+    app: FluxoApp;
+}
+export declare function EmbeddedBackendModuleItem(props: EmbeddedBackendModuleItemProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +0,0 @@
-export interface UpdatePermissionProps {
-    onUpdated: () => void;
-    onCanceled: () => void;
-}
-export declare function UpdatePermission(props: UpdatePermissionProps): import("react/jsx-runtime").JSX.Element;