@equinor/fusion-framework-react-module 4.0.0 → 4.0.2

package/dist/types/{ModuleProvider.d.ts → create-module-provider.d.ts}

@@ -1,6 +1,6 @@
 import { type LazyExoticComponent, type FunctionComponent } from 'react';
 import { type ModulesConfigurator, type ModulesInstanceType, type AnyModule } from '@equinor/fusion-framework-module';
-type ModuleProviderCreator = <TModules extends Array<AnyModule> = Array<AnyModule>, TRef extends ModulesInstanceType<[AnyModule]> = any>(configurator: ModulesConfigurator<TModules>, modules: TModules, ref?: TRef) => Promise<LazyExoticComponent<FunctionComponent>>;
+type ModuleProviderCreator = <TModules extends Array<AnyModule> = Array<AnyModule>, TRef extends ModulesInstanceType<[AnyModule]> = any>(configurator: ModulesConfigurator<TModules, TRef>, ref?: TRef) => Promise<LazyExoticComponent<FunctionComponent>>;
 /**
  * Function for creating a `ModuleProvider` component.
  *
@@ -10,28 +10,27 @@ type ModuleProviderCreator = <TModules extends Array<AnyModule> = Array<AnyModul
  * ```ts
  * import http, { HttpModule } from '@equinor/fusion-framework-module-http';
  * import msal, { MsalModule } from '@equinor/fusion-framework-module-msal';
+ * import { ModulesConfigurator } from '@equinor/fusion-framework-module';
  * import { createModuleProvider } from '@equinor/fusion-framework-react-module';
  *
- * export default createModuleProvider(
- *   (config) => {
- *     config.auth.configureDefault({
- *       tenantId: 'MY_TENANT_ID',
- *       clientId: 'MY_CLIENT_ID',
- *       redirectUri: '/authentication/login-callback',
- *     });
- *     config.http.configureClient('foo', {
- *       baseUri: 'https://foo.bar',
- *       defaultScopes: ['FOO_CLIENT_ID/.default'],
- *     });
- *   },
- *  [http, msal]
- *);
+ * const configurator = new ModulesConfigurator([http, msal]);
+ * configurator.onConfigured((config) => {
+ *   config.auth.configureDefault({
+ *     tenantId: 'MY_TENANT_ID',
+ *     clientId: 'MY_CLIENT_ID',
+ *     redirectUri: '/authentication/login-callback',
+ *   });
+ *   config.http.configureClient('foo', {
+ *     baseUri: 'https://foo.bar',
+ *     defaultScopes: ['FOO_CLIENT_ID/.default'],
+ *   });
+ * });
+ *
+ * export default createModuleProvider(configurator);
  * ```
- * @param configurator callback for configuring provided modules
- * @param modules modules which should be initiated
+ * @param configurator configurator for the modules that should be initialized
  * @param ref optional parent module instance
  * @returns Suspensive `ModuleProvider`
  */
 export declare const createModuleProvider: ModuleProviderCreator;
-export declare const ModuleProvider: import("react").Provider<Record<string, unknown>>;
-export default ModuleProvider;
+export {};

package/dist/types/index.d.ts

@@ -1,3 +1,5 @@
 export type { Modules, ModulesInstanceType, AnyModule, ModulesInstance, } from '@equinor/fusion-framework-module';
-export { ModuleProvider, createModuleProvider } from './ModuleProvider.js';
-export { useModules, useModule } from './useModules.js';
+export { createModuleProvider } from './create-module-provider.js';
+export { ModuleProvider } from './module-provider.js';
+export { useModules } from './useModules.js';
+export { useModule } from './useModule.js';

package/dist/types/module-provider.d.ts

@@ -0,0 +1,2 @@
+export declare const ModuleProvider: import("react").Provider<Record<string, unknown>>;
+export default ModuleProvider;

package/dist/types/useModule.d.ts

@@ -0,0 +1,22 @@
+import type { AnyModule, ModuleKey, Modules, ModuleType } from '@equinor/fusion-framework-module';
+/**
+ * Hook for accessing a single module instance from the current context scope.
+ *
+ * Convenience hook that retrieves a single module by its key/name. This is useful
+ * when you only need one module and want to avoid destructuring from `useModules`.
+ *
+ * @template T - The type of the module to retrieve. Defaults to any module from the available `Modules`.
+ * @template TKey - The string key/name of the module. Automatically inferred from `T` when possible.
+ * @param key - The name/key of the module to retrieve from the context.
+ * @returns The initialized instance of the requested module, with proper type inference.
+ *
+ * @example
+ * ```ts
+ * // Get a specific module by name
+ * const navigation = useModule('navigation');
+ *
+ * // With explicit type
+ * const navigation = useModule<NavigationModule>('navigation');
+ * ```
+ */
+export declare const useModule: <T extends AnyModule = Modules[keyof Modules], TKey extends string = ModuleKey<T>>(key: TKey) => ModuleType<TKey extends keyof Modules ? Modules[TKey] : T>;

package/dist/types/useModules.d.ts

@@ -1,4 +1,4 @@
-import type { AnyModule, ModuleKey, Modules, ModulesInstanceType, ModuleType } from '@equinor/fusion-framework-module';
+import type { AnyModule, Modules, ModulesInstanceType } from '@equinor/fusion-framework-module';
 /**
  * Hook for accessing module instances from the current context scope.
  *
@@ -19,25 +19,4 @@ import type { AnyModule, ModuleKey, Modules, ModulesInstanceType, ModuleType } f
  * ```
  */
 export declare const useModules: <TModules extends Array<AnyModule> | Record<string, AnyModule> = Modules>() => ModulesInstanceType<TModules>;
-/**
- * Hook for accessing a single module instance from the current context scope.
- *
- * Convenience hook that retrieves a single module by its key/name. This is useful
- * when you only need one module and want to avoid destructuring from `useModules`.
- *
- * @template T - The type of the module to retrieve. Defaults to any module from the available `Modules`.
- * @template TKey - The string key/name of the module. Automatically inferred from `T` when possible.
- * @param key - The name/key of the module to retrieve from the context.
- * @returns The initialized instance of the requested module, with proper type inference.
- *
- * @example
- * ```ts
- * // Get a specific module by name
- * const navigation = useModule('navigation');
- *
- * // With explicit type
- * const navigation = useModule<NavigationModule>('navigation');
- * ```
- */
-export declare const useModule: <T extends AnyModule = Modules[keyof Modules], TKey extends string = ModuleKey<T>>(key: TKey) => ModuleType<TKey extends keyof Modules ? Modules[TKey] : T>;
 export default useModules;

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const version = "4.0.0";
+export declare const version = "4.0.2";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/fusion-framework-react-module",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "type": "module",
   "main": "dist/esm/index.js",
   "exports": {
@@ -26,14 +26,14 @@
     "directory": "packages/react/modules/module"
   },
   "dependencies": {
-    "@equinor/fusion-framework-module": "^6.0.0"
+    "@equinor/fusion-framework-module": "^6.1.1"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "react": "^19.2.1",
     "react-dom": "^19.2.1",
-    "typescript": "^5.9.3"
+    "typescript": "^7.0.2"
   },
   "peerDependencies": {
     "@types/react": "^18.0.0 || ^19.0.0",

package/src/{ModuleProvider.tsx → create-module-provider.tsx}

@@ -14,15 +14,14 @@ import {
   type AnyModule,
 } from '@equinor/fusion-framework-module';
 
-import moduleContext from './context.js';
+import { ModuleProvider } from './module-provider.js';
 
 type ModuleProviderCreator = <
   TModules extends Array<AnyModule> = Array<AnyModule>,
   // biome-ignore lint/suspicious/noExplicitAny: Default type parameter for module instance reference
   TRef extends ModulesInstanceType<[AnyModule]> = any,
 >(
-  configurator: ModulesConfigurator<TModules>,
-  modules: TModules,
+  configurator: ModulesConfigurator<TModules, TRef>,
   ref?: TRef,
 ) => Promise<LazyExoticComponent<FunctionComponent>>;
 
@@ -35,25 +34,25 @@ type ModuleProviderCreator = <
  * ```ts
  * import http, { HttpModule } from '@equinor/fusion-framework-module-http';
  * import msal, { MsalModule } from '@equinor/fusion-framework-module-msal';
+ * import { ModulesConfigurator } from '@equinor/fusion-framework-module';
  * import { createModuleProvider } from '@equinor/fusion-framework-react-module';
  *
- * export default createModuleProvider(
- *   (config) => {
- *     config.auth.configureDefault({
- *       tenantId: 'MY_TENANT_ID',
- *       clientId: 'MY_CLIENT_ID',
- *       redirectUri: '/authentication/login-callback',
- *     });
- *     config.http.configureClient('foo', {
- *       baseUri: 'https://foo.bar',
- *       defaultScopes: ['FOO_CLIENT_ID/.default'],
- *     });
- *   },
- *  [http, msal]
- *);
+ * const configurator = new ModulesConfigurator([http, msal]);
+ * configurator.onConfigured((config) => {
+ *   config.auth.configureDefault({
+ *     tenantId: 'MY_TENANT_ID',
+ *     clientId: 'MY_CLIENT_ID',
+ *     redirectUri: '/authentication/login-callback',
+ *   });
+ *   config.http.configureClient('foo', {
+ *     baseUri: 'https://foo.bar',
+ *     defaultScopes: ['FOO_CLIENT_ID/.default'],
+ *   });
+ * });
+ *
+ * export default createModuleProvider(configurator);
  * ```
- * @param configurator callback for configuring provided modules
- * @param modules modules which should be initiated
+ * @param configurator configurator for the modules that should be initialized
  * @param ref optional parent module instance
  * @returns Suspensive `ModuleProvider`
  */
@@ -62,7 +61,7 @@ export const createModuleProvider: ModuleProviderCreator = async <
   // biome-ignore lint/suspicious/noExplicitAny: Default type parameter for module instance reference
   TRef extends ModulesInstanceType<[AnyModule]> = any,
 >(
-  configurator: ModulesConfigurator<TModules>,
+  configurator: ModulesConfigurator<TModules, TRef>,
   ref?: TRef,
 ): Promise<LazyExoticComponent<FunctionComponent>> => {
   const Component = lazy(async () => {
@@ -77,7 +76,3 @@ export const createModuleProvider: ModuleProviderCreator = async <
   });
   return Component;
 };
-
-export const ModuleProvider = moduleContext.Provider;
-
-export default ModuleProvider;

package/src/index.ts

@@ -5,5 +5,7 @@ export type {
   ModulesInstance,
 } from '@equinor/fusion-framework-module';
 
-export { ModuleProvider, createModuleProvider } from './ModuleProvider.js';
-export { useModules, useModule } from './useModules.js';
+export { createModuleProvider } from './create-module-provider.js';
+export { ModuleProvider } from './module-provider.js';
+export { useModules } from './useModules.js';
+export { useModule } from './useModule.js';

package/src/module-provider.ts

@@ -0,0 +1,5 @@
+import moduleContext from './module-context.js';
+
+export const ModuleProvider = moduleContext.Provider;
+
+export default ModuleProvider;

package/src/useModule.ts

@@ -0,0 +1,35 @@
+import type { AnyModule, ModuleKey, Modules, ModuleType } from '@equinor/fusion-framework-module';
+
+import { useModules } from './useModules.js';
+
+/**
+ * Hook for accessing a single module instance from the current context scope.
+ *
+ * Convenience hook that retrieves a single module by its key/name. This is useful
+ * when you only need one module and want to avoid destructuring from `useModules`.
+ *
+ * @template T - The type of the module to retrieve. Defaults to any module from the available `Modules`.
+ * @template TKey - The string key/name of the module. Automatically inferred from `T` when possible.
+ * @param key - The name/key of the module to retrieve from the context.
+ * @returns The initialized instance of the requested module, with proper type inference.
+ *
+ * @example
+ * ```ts
+ * // Get a specific module by name
+ * const navigation = useModule('navigation');
+ *
+ * // With explicit type
+ * const navigation = useModule<NavigationModule>('navigation');
+ * ```
+ */
+export const useModule = <
+  T extends AnyModule = Modules[keyof Modules],
+  TKey extends string = ModuleKey<T>,
+>(
+  key: TKey,
+): ModuleType<TKey extends keyof Modules ? Modules[TKey] : T> => {
+  const modules = useModules<Record<string, AnyModule>>();
+  return (modules as Record<string, unknown>)[key] as ModuleType<
+    TKey extends keyof Modules ? Modules[TKey] : T
+  >;
+};

package/src/useModules.ts

@@ -1,13 +1,7 @@
-import type {
-  AnyModule,
-  ModuleKey,
-  Modules,
-  ModulesInstanceType,
-  ModuleType,
-} from '@equinor/fusion-framework-module';
+import type { AnyModule, Modules, ModulesInstanceType } from '@equinor/fusion-framework-module';
 import { useContext } from 'react';
 
-import { moduleContext } from './context.js';
+import { moduleContext } from './module-context.js';
 
 /**
  * Hook for accessing module instances from the current context scope.
@@ -32,36 +26,4 @@ export const useModules = <
   TModules extends Array<AnyModule> | Record<string, AnyModule> = Modules,
 >(): ModulesInstanceType<TModules> => useContext(moduleContext) as ModulesInstanceType<TModules>;
 
-/**
- * Hook for accessing a single module instance from the current context scope.
- *
- * Convenience hook that retrieves a single module by its key/name. This is useful
- * when you only need one module and want to avoid destructuring from `useModules`.
- *
- * @template T - The type of the module to retrieve. Defaults to any module from the available `Modules`.
- * @template TKey - The string key/name of the module. Automatically inferred from `T` when possible.
- * @param key - The name/key of the module to retrieve from the context.
- * @returns The initialized instance of the requested module, with proper type inference.
- *
- * @example
- * ```ts
- * // Get a specific module by name
- * const navigation = useModule('navigation');
- *
- * // With explicit type
- * const navigation = useModule<NavigationModule>('navigation');
- * ```
- */
-export const useModule = <
-  T extends AnyModule = Modules[keyof Modules],
-  TKey extends string = ModuleKey<T>,
->(
-  key: TKey,
-): ModuleType<TKey extends keyof Modules ? Modules[TKey] : T> => {
-  const modules = useModules<Record<string, AnyModule>>();
-  return (modules as Record<string, unknown>)[key] as ModuleType<
-    TKey extends keyof Modules ? Modules[TKey] : T
-  >;
-};
-
 export default useModules;

package/src/version.ts

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

package/dist/esm/ModuleProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModuleProvider.js","sourceRoot":"","sources":["../../src/ModuleProvider.tsx"],"names":[],"mappings":";AAAA,uDAAuD;AACvD,OAAO,EACL,IAAI,EACJ,SAAS,GAIV,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,iBAAiB,GAIlB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,aAAa,MAAM,cAAc,CAAC;AAYzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAA0B,KAAK,EAK9D,YAA2C,EAC3C,GAAU,EACuC,EAAE;IACnD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE;QAChC,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,GAAG,MAAM,iBAAiB,CAAiB,YAAY,EAAE,GAAG,CAAC,CAAC;QAC5F,OAAO;YACL,OAAO,EAAE,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE;gBAClD,wGAAwG;gBACxG,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACrC,OAAO,KAAC,cAAc,IAAC,KAAK,EAAE,QAAQ,YAAG,QAAQ,GAAkB,CAAC;YACtE,CAAC;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAC,QAAQ,CAAC;AAErD,eAAe,cAAc,CAAC"}

package/dist/esm/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAA0B,EAAE,CAAC,CAAC;AAExE,eAAe,aAAa,CAAC"}