@fluxo-dev/shell 25.1.12 → 25.2.2

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "@fluxo-dev/shell",
-  "version": "25.1.12",
+  "version": "25.2.2",
   "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.1.12",
-    "@fluxo-dev/shell-bi": "^25.1.12",
-    "@fluxo-dev/shell-hub": "^25.1.12",
-    "@fluxo-dev/shell-korebi": "^25.1.12",
-    "@fluxo-dev/shell-mfe": "^25.1.12",
-    "@fluxo-dev/shell-printing": "^25.1.12",
-    "@fluxo-dev/shell-reporting": "^25.1.12",
-    "@fluxo-dev/shell-workflow": "^25.1.12",
-    "@fluxo-dev/shell-ravify": "^25.1.12",
-    "@fluxo-dev/state": "^25.1.12",
-    "@fluxo-dev/ui-components": "^25.1.12",
+    "@fluxo-dev/api-client-base": "^25.2.2",
+    "@fluxo-dev/shell-bi": "^25.2.2",
+    "@fluxo-dev/shell-hub": "^25.2.2",
+    "@fluxo-dev/shell-korebi": "^25.2.2",
+    "@fluxo-dev/shell-mfe": "^25.2.2",
+    "@fluxo-dev/shell-printing": "^25.2.2",
+    "@fluxo-dev/shell-reporting": "^25.2.2",
+    "@fluxo-dev/shell-workflow": "^25.2.2",
+    "@fluxo-dev/shell-ravify": "^25.2.2",
+    "@fluxo-dev/state": "^25.2.2",
+    "@fluxo-dev/ui-components": "^25.2.2",
     "@scalar/api-reference-react": "^0.3.142",
     "@devexpress/analytics-core": "23.1.3",
     "devexpress-dashboard": "23.1.3",

package/src/lib/app.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { EmbeddedModule, InitialConfiguration } from "@fluxo-dev/api-client-base";
+import { EmbeddedModule, InitialConfiguration } from '@fluxo-dev/api-client-base';
 import './app.module.css';
 import 'dayjs/locale/it';
 import { FrontendSwitcherUiProps } from './pages/frontend-switcher/frontend-switcher';
@@ -18,6 +18,12 @@ export type ShellFrontend = {
      * If true, the frontend will be rendered only if the user is an external user.
      */
     external: boolean;
+    /**
+     * Optional properties for the admin layout. If you use custom layouts, this props will be ignored.
+     */
+    adminLayoutProps?: {
+        ui?: ShellUI;
+    };
 };
 export declare enum ShellUINavigation {
     Sidebar = 1,
@@ -29,6 +35,7 @@ export interface ShellUI {
     security: {
         showChangePassword: boolean;
     };
+    withMultipleSessions?: boolean;
     frontendSwitcher?: FrontendSwitcherUiProps;
 }
 export interface FluxoShellProps {
@@ -37,7 +44,6 @@ export interface FluxoShellProps {
     frontends: ShellFrontend[];
     clientInitialization: () => Promise<void>;
     brandName?: string;
-    withMultipleSessions: boolean;
     ui: ShellUI;
     routing?: {
         basename?: string;

package/src/lib/layouts/main/app-bar.d.ts

@@ -1,4 +1,4 @@
-import { ShellUI } from "@fluxo-dev/shell";
+import { ShellUI } from '../../app';
 export interface AppBarProps {
     previewMode?: {
         logo?: string;

package/src/lib/layouts/main/app-layout.d.ts

@@ -1,11 +1,11 @@
-import { ShellUI } from "../../app";
+import { ShellFrontend, ShellUI } from '../../app';
 import './horizontal-menu.css';
 interface AppLayoutProps {
     appVersion: string;
     brandName: string;
-    withMultipleSessions: boolean;
     ui: ShellUI;
+    frontends: ShellFrontend[];
 }
 export declare const useShellUI: () => ShellUI;
-declare function AppLayout({ appVersion, brandName, withMultipleSessions, ui }: AppLayoutProps): import("react/jsx-runtime").JSX.Element;
+declare function AppLayout({ appVersion, brandName, ui, frontends }: AppLayoutProps): import("react/jsx-runtime").JSX.Element;
 export default AppLayout;

package/src/lib/layouts/main/components/CloseSessionConfirmationModal.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface CloseSessionConfirmationModalProps {
+    opened: boolean;
+    onConfirm: () => void;
+    onCancel: () => void;
+    sessionId: string;
+    sessionTitle: string;
+}
+export declare const CloseSessionConfirmationModal: React.FC<CloseSessionConfirmationModalProps>;
+export {};

package/src/lib/layouts/main/content.d.ts

@@ -1,4 +1,4 @@
-import { ShellUI } from "@fluxo-dev/shell";
+import { ShellUI } from '../../app';
 export interface AppContentProps {
     withMultipleSessions: boolean;
     shellUi: ShellUI;

package/src/lib/layouts/main/easter-eggs/RetroIntro.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './intro-animations.css';
+interface RetroIntroProps {
+    gameTitle: string;
+    gameSubtitle?: string;
+    onIntroComplete: () => void;
+    duration?: number;
+}
+declare const RetroIntro: React.FC<RetroIntroProps>;
+export default RetroIntro;

package/src/lib/layouts/main/easter-eggs/arkanoid.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './intro-animations.css';
+declare const ArkanoidGame: React.FC;
+export default ArkanoidGame;

package/src/lib/layouts/main/easter-eggs/asteroids.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './intro-animations.css';
+declare const AsteroidsGame: React.FC;
+export default AsteroidsGame;

package/src/lib/layouts/main/easter-eggs/credits.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const StarWarsCredits: React.FC;
+export default StarWarsCredits;

package/src/lib/layouts/main/easter-eggs/pong.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './intro-animations.css';
+declare const RetroPong: React.FC;
+export default RetroPong;

package/src/lib/layouts/main/easter-eggs/space-invaders.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './intro-animations.css';
+declare const SpaceInvaders: React.FC;
+export default SpaceInvaders;

package/src/lib/layouts/main/easter-eggs/tetris.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './intro-animations.css';
+declare const TetrisGame: React.FC;
+export default TetrisGame;

package/src/lib/layouts/main/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useDocumentTitleManager } from './useDocumentTitleManager';
+export { useScrollPositionManager } from './useScrollPositionManager';
+export { useSessionManager } from './useSessionManager';

package/src/lib/layouts/main/hooks/useDocumentTitleManager.d.ts

@@ -0,0 +1,3 @@
+export declare const useDocumentTitleManager: (withMultipleSessions: boolean, sessionContext: any) => {
+    documentTitle: string;
+};

package/src/lib/layouts/main/hooks/useScrollPositionManager.d.ts

@@ -0,0 +1,6 @@
+export declare const useScrollPositionManager: (withMultipleSessions: boolean, currentSessionId: string | null) => import("react").MutableRefObject<{
+    [key: string]: {
+        x: number;
+        y: number;
+    };
+}>;

package/src/lib/layouts/main/hooks/useSessionManager.d.ts

@@ -0,0 +1,17 @@
+interface SessionManager {
+    withMultipleSessions: boolean;
+    sessionContext: {
+        addSession: (title: string, element: React.ReactElement | null, url: string) => string;
+        removeSession: (sessionId: string) => void;
+        setRemoveConfirmationHandler: (handler: (sessionId: string) => void) => void;
+        setCurrentSession: (sessionId: string) => void;
+    };
+}
+export declare const useSessionManager: (withMultipleSessions: boolean, sessionContext: SessionManager["sessionContext"]) => {
+    confirmCloseModalOpen: boolean;
+    sessionToClose: string | null;
+    handleCloseTabRequest: (sessionId: string, event: React.MouseEvent) => void;
+    confirmCloseTab: () => void;
+    cancelCloseTab: () => void;
+};
+export {};

package/src/lib/layouts/main/session-persistence.service.d.ts

@@ -0,0 +1,28 @@
+import { ShellSessionCollection } from './shell-session';
+export interface PersistedSessionData {
+    id: string;
+    title: string;
+    url: string;
+    locationState?: any;
+}
+export interface PersistedSessionCollection {
+    sessions: PersistedSessionData[];
+    currentSessionId: string | null;
+    frontendId: string;
+}
+export declare class SessionPersistenceService {
+    private static readonly STORAGE_KEY;
+    /**
+     * Salva le sessioni nel localStorage per un frontend specifico
+     */
+    static save(sessionCollection: ShellSessionCollection, frontendId: string): Promise<void>;
+    /**
+     * Recupera le sessioni dal localStorage per un frontend specifico
+     */
+    static load(frontendId: string): Promise<ShellSessionCollection | null>;
+    /**
+     * Rimuove le sessioni per un frontend specifico
+     */
+    static clearSessionsForFrontend(frontendId: string): void;
+    private static get;
+}

package/src/lib/layouts/main/shell-session-provider.d.ts

@@ -1,15 +1,18 @@
 import { ShellSession } from "./shell-session";
 import React from "react";
 interface ShellSessionContextData {
-    addSession: (title: string, element: React.ReactElement | null, url: string) => string;
+    addSession: (title: string, element: React.ReactElement | null, url: string, locationState?: any) => string;
     removeSession: (id: string) => void;
-    getSession: (id: string) => void;
+    requestRemoveSession: (id: string, title: string) => void;
+    closeAllSessions: () => void;
+    getSession: (id: string) => ShellSession | undefined;
     sessions: () => ShellSession[];
-    updateSession: (id: string, title: string, element: React.ReactElement | null, url: string) => void;
+    updateSession: (id: string, title: string, element: React.ReactElement | null, url: string, locationState?: any) => void;
     getCurrentSessionId: () => string | null;
     getCurrentSession: () => ShellSession | null | undefined;
     setCurrentSession: (id: string) => void;
     isCurrentSessionDisableable: () => boolean;
+    setRemoveConfirmationHandler: (handler: (id: string, title: string) => void) => void;
 }
 export declare const ShellSessionContext: React.Context<ShellSessionContextData>;
 export declare function ShellSessionProvider(props: {

package/src/lib/layouts/main/shell-session.d.ts

@@ -4,26 +4,28 @@ export declare class ShellSessionCollection {
     private _currentSessionId;
     constructor(sessions: ShellSession[] | undefined, currentSessionId: string | null);
     get currentSession(): ShellSession | null | undefined;
-    addSession(title: string, element: React.ReactElement | null, url: string): ShellSession;
+    addSession(title: string, element: React.ReactElement | null, url: string, locationState?: any): ShellSession;
     removeSession(id: string): void;
     getSession(id: string): ShellSession | undefined;
     get sessions(): ShellSession[];
     getCurrentSessionId(): string | null;
     getCurrentSession(): ShellSession | null | undefined;
     setCurrentSession(id: string): void;
-    updateSession(id: string, title: string, element: React.ReactElement | null, url: string): void;
+    updateSession(id: string, title: string, element: React.ReactElement | null, url: string, locationState?: any): void;
     getPreviuosSessionId(): string;
     getNextSessionId(): string;
 }
 export declare class ShellSession {
-    private readonly _id;
+    private _id;
     private _title;
     private _element;
     private _url;
-    constructor(title: string, element: React.ReactElement | null, url: string);
+    private _locationState;
+    constructor(title: string, element: React.ReactElement | null, url: string, locationState?: any, existingId?: string);
     get id(): string;
     get title(): string;
     get element(): React.ReactElement | null;
     get url(): string;
-    updateSession(title: string, element: React.ReactElement | null, url: string): void;
+    get locationState(): any;
+    updateSession(title: string, element: React.ReactElement | null, url: string, locationState?: any): void;
 }

package/src/lib/pages/login/user-profile.d.ts

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

package/src/lib/utils/security/protected-route.d.ts

@@ -1,2 +1,5 @@
-declare function ProtectedRoute({ children, ...props }: any): any;
+import React from 'react';
+declare function ProtectedRoute({ children }: {
+    children: React.ReactNode;
+}): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export default ProtectedRoute;

package/src/lib/pages/login/change-password.d.ts

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