@equinor/fusion-framework-react-app 4.1.2 → 4.1.4

package/dist/types/create-legacy-app.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { AnyModule } from '@equinor/fusion-framework-module';
 import type { AppModuleInitiator } from '@equinor/fusion-framework-app';
 export declare const createLegacyApp: <TModules extends AnyModule[]>(Component: React.ElementType, configure?: AppModuleInitiator<TModules> | undefined) => () => JSX.Element;

package/dist/types/make-component.d.ts

@@ -12,7 +12,7 @@ export type ComponentRenderer<TFusion extends Fusion = Fusion, TEnv = AppEnv> =
 export declare const makeComponent: <TModules extends AnyModule[], TRef extends Fusion<unknown> = Fusion<unknown>, TEnv extends AppEnv = AppEnv>(Component: React.ReactNode, args: {
     fusion: TRef;
     env: TEnv;
-}, configure?: AppModuleInitiator<TModules, TRef, TEnv> | undefined) => React.LazyExoticComponent<() => JSX.Element>;
+}, configure?: AppModuleInitiator<TModules, TRef, TEnv> | undefined) => React.LazyExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 declare module '@equinor/fusion-framework-module-event' {
     interface FrameworkEventMap {
         onReactAppLoaded: FrameworkEvent<FrameworkEventInit<{

package/dist/types/render-app.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 import { RenderTeardown } from './render-component';
 import type { ComponentRenderArgs } from './create-component';
-export declare const renderApp: (Component: import("react").ElementType<any>, configure?: import("@equinor/fusion-framework-app").AppModuleInitiator<import("@equinor/fusion-framework-module").AnyModule[], import("@equinor/fusion-framework").Fusion<unknown>, import("@equinor/fusion-framework-app").AppEnv> | undefined) => (el: HTMLElement, args: ComponentRenderArgs) => RenderTeardown;
+export declare const renderApp: (Component: import("react").ElementType<any>, configure?: import("@equinor/fusion-framework-app").AppModuleInitiator<import("@equinor/fusion-framework-module").AnyModule[], import("@equinor/fusion-framework-react").Fusion<unknown>, import("@equinor/fusion-framework-app").AppEnv> | undefined) => (el: HTMLElement, args: ComponentRenderArgs) => RenderTeardown;
 export default renderApp;

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const version = "4.1.2";
+export declare const version = "4.1.4";

package/package.json

@@ -1,86 +1,89 @@
 {
-    "name": "@equinor/fusion-framework-react-app",
-    "version": "4.1.2",
-    "description": "",
-    "main": "dist/esm/index.js",
-    "exports": {
-        ".": "./dist/esm/index.js",
-        "./bookmark": "./dist/esm/bookmark/index.js",
-        "./context": "./dist/esm/context/index.js",
-        "./framework": "./dist/esm/framework/index.js",
-        "./http": "./dist/esm/http/index.js",
-        "./navigation": "./dist/esm/navigation/index.js"
-    },
-    "types": "./dist/types/index.d.ts",
-    "typesVersions": {
-        "*": {
-            "bookmark": [
-                "dist/types/bookmark/index.d.ts"
-            ],
-            "context": [
-                "dist/types/context/index.d.ts"
-            ],
-            "framework": [
-                "dist/types/framework/index.d.ts"
-            ],
-            "http": [
-                "dist/types/http/index.d.ts"
-            ],
-            "navigation": [
-                "dist/types/navigation/index.d.ts"
-            ]
-        }
-    },
-    "scripts": {
-        "build": "tsc -b",
-        "prepack": "yarn build"
-    },
-    "keywords": [],
-    "author": "",
-    "license": "ISC",
-    "publishConfig": {
-        "access": "public"
-    },
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/equinor/fusion-framework.git",
-        "directory": "packages/react"
+  "name": "@equinor/fusion-framework-react-app",
+  "version": "4.1.4",
+  "description": "",
+  "main": "dist/esm/index.js",
+  "exports": {
+    ".": "./dist/esm/index.js",
+    "./bookmark": "./dist/esm/bookmark/index.js",
+    "./context": "./dist/esm/context/index.js",
+    "./framework": "./dist/esm/framework/index.js",
+    "./http": "./dist/esm/http/index.js",
+    "./navigation": "./dist/esm/navigation/index.js"
+  },
+  "types": "./dist/types/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "bookmark": [
+        "dist/types/bookmark/index.d.ts"
+      ],
+      "context": [
+        "dist/types/context/index.d.ts"
+      ],
+      "framework": [
+        "dist/types/framework/index.d.ts"
+      ],
+      "http": [
+        "dist/types/http/index.d.ts"
+      ],
+      "navigation": [
+        "dist/types/navigation/index.d.ts"
+      ]
+    }
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/equinor/fusion-framework.git",
+    "directory": "packages/react"
+  },
+  "dependencies": {
+    "@equinor/fusion-framework-module-app": "^5.2.3",
+    "@equinor/fusion-framework-module": "^4.2.3",
+    "@equinor/fusion-framework-app": "^7.1.2",
+    "@equinor/fusion-framework-module-navigation": "^3.0.4",
+    "@equinor/fusion-framework-react-module": "^3.0.4",
+    "@equinor/fusion-framework-react": "^5.2.5",
+    "@equinor/fusion-framework-react-module-http": "^3.0.4"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.20",
+    "@types/react-dom": "^18.2.7",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.1.3",
+    "@equinor/fusion-framework-module-event": "^4.0.4",
+    "@equinor/fusion-framework-react-module-bookmark": "^2.0.15",
+    "@equinor/fusion-framework-react-module-context": "^6.0.11"
+  },
+  "peerDependencies": {
+    "@types/react": "^17.0.0 || ^18.0.0",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@equinor/fusion-framework-react-module-context": {
+      "optional": true
     },
-    "dependencies": {
-        "@equinor/fusion-framework-app": "^7.0.16",
-        "@equinor/fusion-framework-module-navigation": "^3.0.1",
-        "@equinor/fusion-framework-react": "^5.2.2",
-        "@equinor/fusion-framework-react-module-http": "^3.0.3"
+    "@equinor/fusion-framework-module-navigation": {
+      "optional": true
     },
-    "devDependencies": {
-        "@equinor/fusion-framework-react-module-bookmark": "^2.0.12",
-        "@equinor/fusion-framework-react-module-context": "^6.0.9",
-        "@types/react": "^17.0.11",
-        "@types/react-dom": "^17.0.7",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
-        "typescript": "^5.1.3"
+    "@equinor/fusion-framework-react-module-bookmark": {
+      "optional": true
     },
-    "peerDependencies": {
-        "@types/react": "^17.0.0 || ^18.0.0",
-        "react": "^17.0.0 || ^18.0.0",
-        "react-dom": "^17.0.0 || ^18.0.0"
+    "@types/react": {
+      "optional": true
     },
-    "peerDependenciesMeta": {
-        "@equinor/fusion-framework-react-module-context": {
-            "optional": true
-        },
-        "@equinor/fusion-framework-module-navigation": {
-            "optional": true
-        },
-        "@equinor/fusion-framework-react-module-bookmark": {
-            "optional": true
-        },
-        "@types/react": {
-            "optional": true
-        },
-        "react-dom": {
-            "optional": true
-        }
+    "react-dom": {
+      "optional": true
     }
-}
+  },
+  "scripts": {
+    "build": "tsc -b"
+  }
+}

package/src/create-component.tsx

@@ -19,7 +19,7 @@ export type ComponentRenderArgs<TFusion extends Fusion = Fusion, TEnv = AppEnv>
 
 export type ComponentRenderer<TFusion extends Fusion = Fusion, TEnv = AppEnv> = (
     fusion: TFusion,
-    env: TEnv
+    env: TEnv,
 ) => React.LazyExoticComponent<React.ComponentType>;
 
 /**
@@ -75,7 +75,7 @@ export type ComponentRenderer<TFusion extends Fusion = Fusion, TEnv = AppEnv> =
 export const createComponent =
     <TModules extends Array<AnyModule>, TRef extends Fusion = Fusion, TEnv extends AppEnv = AppEnv>(
         Component: React.ElementType,
-        configure?: AppModuleInitiator<TModules, TRef, TEnv>
+        configure?: AppModuleInitiator<TModules, TRef, TEnv>,
     ): ComponentRenderer<TRef, TEnv> =>
     (fusion, env) =>
         lazy(async () => {

package/src/create-legacy-app.tsx

@@ -10,7 +10,7 @@ import { AppModule } from '@equinor/fusion-framework-module-app';
 
 export const createLegacyApp = <TModules extends Array<AnyModule>>(
     Component: React.ElementType,
-    configure?: AppModuleInitiator<TModules>
+    configure?: AppModuleInitiator<TModules>,
 ) => {
     const LegacyComponent = (): JSX.Element => {
         const fusion = useFramework<[AppModule]>();

package/src/make-component.tsx

@@ -19,7 +19,7 @@ export type ComponentRenderArgs<TFusion extends Fusion = Fusion, TEnv = AppEnv>
 
 export type ComponentRenderer<TFusion extends Fusion = Fusion, TEnv = AppEnv> = (
     fusion: TFusion,
-    env: TEnv
+    env: TEnv,
 ) => React.LazyExoticComponent<React.ComponentType>;
 
 /**
@@ -38,11 +38,11 @@ export type ComponentRenderer<TFusion extends Fusion = Fusion, TEnv = AppEnv> =
 export const makeComponent = <
     TModules extends Array<AnyModule>,
     TRef extends Fusion = Fusion,
-    TEnv extends AppEnv = AppEnv
+    TEnv extends AppEnv = AppEnv,
 >(
     Component: React.ReactNode,
     args: { fusion: TRef; env: TEnv },
-    configure?: AppModuleInitiator<TModules, TRef, TEnv>
+    configure?: AppModuleInitiator<TModules, TRef, TEnv>,
 ) =>
     lazy(async () => {
         const init = configureModules<TModules, TRef, TEnv>(configure);

package/src/navigation/useRouter.ts

@@ -9,7 +9,7 @@ import { type INavigationProvider } from '@equinor/fusion-framework-module-navig
  * @param routes router objects __(must be static | memorized)__
  */
 export const useRouter = (
-    routes: Parameters<INavigationProvider['createRouter']>[0]
+    routes: Parameters<INavigationProvider['createRouter']>[0],
 ): ReturnType<INavigationProvider['createRouter']> => {
     const provider = useNavigationModule();
     return useMemo(() => provider.createRouter(routes), [provider, routes]);

package/src/render-component.tsx

@@ -14,15 +14,17 @@ export const renderComponent = (renderer: ComponentRenderer) => {
 };
 
 const render = (el: Element, Component: FunctionComponent): RenderTeardown => {
+    // eslint-disable-next-line react/no-deprecated
     ReactDOM.render(
         <StrictMode>
             <Suspense fallback={<p>loading app</p>}>
                 <Component />
             </Suspense>
         </StrictMode>,
-        el
+        el,
     );
     return () => {
+        // eslint-disable-next-line react/no-deprecated
         ReactDOM.unmountComponentAtNode(el);
     };
 };

package/src/useAppModule.ts

@@ -13,9 +13,9 @@ import { useAppModules } from './useAppModules';
  */
 export const useAppModule = <
     TType extends AnyModule | unknown = unknown,
-    TKey extends string = ModuleKey<ModuleTypes<AppModules<[TType]>>>
+    TKey extends string = ModuleKey<ModuleTypes<AppModules<[TType]>>>,
 >(
-    module: TKey
+    module: TKey,
 ): TType extends AnyModule
     ? ModuleType<TType>
     : AppModulesInstance[Extract<keyof AppModulesInstance, TKey>] => {

package/src/useAppModules.ts

@@ -3,7 +3,7 @@ import type { AnyModule } from '@equinor/fusion-framework-module';
 import { useModules } from '@equinor/fusion-framework-react-module';
 
 export const useAppModules = <
-    T extends Array<AnyModule> | unknown = unknown
+    T extends Array<AnyModule> | unknown = unknown,
 >(): AppModulesInstance<T> => useModules<AppModulesInstance<T>>();
 
 export default useAppModules;

package/src/version.ts

@@ -1,2 +1,2 @@
 // Generated by genversion.
-export const version = '4.1.2';
+export const version = '4.1.4';

package/tsconfig.json

@@ -4,7 +4,9 @@
     "outDir": "dist/esm",
     "rootDir": "src",
     "declarationDir": "./dist/types",
-    "baseUrl": "src",
+    "paths": {
+      "react": [ "./node_modules/@types/react" ],
+    },
   },
   "references": [