@fluxo-dev/shell 25.3.5 → 25.3.6

package/index.esm.js

@@ -65124,12 +65124,24 @@ function FrontendSwitcher(props) {
   const [loading, setLoading] = React__default.useState(false);
   const navigateTo = useNavigate();
   const isMobile = useMediaQuery('(max-width: 992px)');
+  const [sortedAllowedFrontends, setSortedAllowedFrontends] = React__default.useState([]);
   useDocumentTitle((_b = (_a = props.ui) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : 'Aree funzionali');
   const [showReturnBackButton, setShowReturnBackButton] = React__default.useState(true);
   const [searchParams] = useSearchParams();
   useEffect(() => {
     setShowReturnBackButton(searchParams.get('returnTo') !== 'false');
   }, []);
+  useEffect(() => {
+    // Ordiniamo le aree funzionali in base all'ordine definito nei frontends
+    // la proprietà "order" è presente nello stato "frontends" e definisce l'ordine di visualizzazione. è opzionale, se non è presente si assume un ordine di default (es. 0)
+    const sorted = [...allowedFrontends].sort((a, b) => {
+      var _a, _b, _c, _d;
+      const orderA = (_b = (_a = frontends.find(f => f.id === a)) === null || _a === void 0 ? void 0 : _a.order) !== null && _b !== void 0 ? _b : 0;
+      const orderB = (_d = (_c = frontends.find(f => f.id === b)) === null || _c === void 0 ? void 0 : _c.order) !== null && _d !== void 0 ? _d : 0;
+      return orderA - orderB;
+    });
+    setSortedAllowedFrontends(sorted);
+  }, []);
   return jsx(Center, {
     h: '100vh',
     bg: 'rgb(250, 251, 255)',
@@ -65154,7 +65166,7 @@ function FrontendSwitcher(props) {
         wrap: 'wrap',
         align: 'center',
         justify: 'center',
-        children: allowedFrontends.map(f => {
+        children: sortedAllowedFrontends.map(f => {
           return jsx(Box, {
             className: `${classes['box']} flxFrontendSwitcherBox`,
             onClick: () => {
@@ -76614,7 +76626,8 @@ function FluxoShell(props) {
         FluxoStateDispatcher.dispatchSetFrontends(props.frontends.map(a => ({
           id: a.id,
           name: a.name,
-          external: a.external
+          external: a.external,
+          order: a.order
         })));
         FluxoStateDispatcher.dispatchSetCurrentFrontend(res.currentFrontend);
         FluxoStateDispatcher.dispatchAllowedFrontends(res.frontends);

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "@fluxo-dev/shell",
-  "version": "25.3.5",
+  "version": "25.3.6",
   "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": "^25.3.5",
-    "@fluxo-dev/shell-bi": "^25.3.5",
-    "@fluxo-dev/shell-hub": "^25.3.5",
-    "@fluxo-dev/shell-korebi": "^25.3.5",
-    "@fluxo-dev/shell-mfe": "^25.3.5",
-    "@fluxo-dev/shell-printing": "^25.3.5",
-    "@fluxo-dev/shell-reporting": "^25.3.5",
-    "@fluxo-dev/shell-workflow": "^25.3.5",
-    "@fluxo-dev/shell-ravify": "^25.3.5",
-    "@fluxo-dev/state": "^25.3.5",
-    "@fluxo-dev/ui-components": "^25.3.5",
+    "@fluxo-dev/api-client-base": "^25.3.6",
+    "@fluxo-dev/shell-bi": "^25.3.6",
+    "@fluxo-dev/shell-hub": "^25.3.6",
+    "@fluxo-dev/shell-korebi": "^25.3.6",
+    "@fluxo-dev/shell-mfe": "^25.3.6",
+    "@fluxo-dev/shell-printing": "^25.3.6",
+    "@fluxo-dev/shell-reporting": "^25.3.6",
+    "@fluxo-dev/shell-workflow": "^25.3.6",
+    "@fluxo-dev/shell-ravify": "^25.3.6",
+    "@fluxo-dev/state": "^25.3.6",
+    "@fluxo-dev/ui-components": "^25.3.6",
     "@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 @@ import { FrontendSwitcherUiProps } from './pages/frontend-switcher/frontend-swit
 export type ShellFrontend = {
     id: string | 'admin';
     name: string;
+    order?: number;
     layout?: React.ReactNode | JSX.Element;
     dashboardComponent: React.ReactNode | React.ReactElement;
     modules: EmbeddedModule[];