@equinor/fusion-framework-react-components-people-provider 1.5.3 → 1.5.4

package/dist/types/PeopleResolver.d.ts

@@ -1,5 +1,6 @@
+import { type PropsWithChildren } from 'react';
 import { PersonResolver } from '@equinor/fusion-wc-person';
 export { PersonResolver };
-export declare const PeopleResolverComponent: (props: React.PropsWithChildren<{
+export declare const PeopleResolverComponent: (props: PropsWithChildren<{
     resolver: PersonResolver;
 }>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/PeopleResolverProvider.d.ts

@@ -1,8 +1,8 @@
-import { PropsWithChildren } from 'react';
-import { PersonControllerOptions } from './PersonController';
+import { type PropsWithChildren, type ReactNode } from 'react';
+import type { PersonControllerOptions } from './PersonController';
 type PeopleResolverProviderProps = PropsWithChildren<{
     readonly options?: PersonControllerOptions;
-    readonly fallback?: React.ReactNode;
+    readonly fallback?: ReactNode;
 }>;
 export declare const PeopleResolverProvider: (props: PeopleResolverProviderProps) => import("react/jsx-runtime").JSX.Element;
 export default PeopleResolverProvider;

package/dist/types/PersonController.d.ts

@@ -1,4 +1,4 @@
-import { Observable } from 'rxjs';
+import { type Observable } from 'rxjs';
 import type { ApiPerson, PeopleApiClient } from '@equinor/fusion-framework-module-services/people';
 import type { ApiResponse as GetPersonApiResponse } from '@equinor/fusion-framework-module-services/people/get';
 import type { ApiResponse as QueryPersonApiResponse } from '@equinor/fusion-framework-module-services/people/query';

package/dist/types/create-resolver.d.ts

@@ -1,4 +1,4 @@
-import { PersonResolver } from '@equinor/fusion-wc-person';
-import { IPersonController } from './PersonController';
+import type { PersonResolver } from '@equinor/fusion-wc-person';
+import type { IPersonController } from './PersonController';
 export declare const createResolver: (controller: IPersonController) => PersonResolver;
 export default createResolver;

package/dist/types/makeResolver.d.ts

@@ -1,5 +1,5 @@
-import { PersonControllerOptions } from './PersonController';
-import { IApiProvider } from '@equinor/fusion-framework-module-services';
+import { type PersonControllerOptions } from './PersonController';
+import type { IApiProvider } from '@equinor/fusion-framework-module-services';
 export declare const makeResolver: (services: IApiProvider, options?: PersonControllerOptions) => import("react").LazyExoticComponent<({ children }: {
     readonly children?: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const version = "1.5.3";
+export declare const version = "1.5.4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/fusion-framework-react-components-people-provider",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "description": "",
   "main": "dist/esm/index.js",
   "exports": {
@@ -23,20 +23,19 @@
   },
   "dependencies": {
     "rxjs": "^7.8.1",
-    "@equinor/fusion-framework-module-services": "^5.1.0",
-    "@equinor/fusion-framework-react": "^7.4.0",
-    "@equinor/fusion-framework-react-module": "^3.1.6",
-    "@equinor/fusion-framework-react-module-bookmark": "^3.0.0",
-    "@equinor/fusion-query": "^5.2.1"
+    "@equinor/fusion-framework-module-services": "^5.1.1",
+    "@equinor/fusion-framework-react-module": "^3.1.7",
+    "@equinor/fusion-framework-react": "^7.4.1",
+    "@equinor/fusion-query": "^5.2.2"
   },
   "devDependencies": {
     "@equinor/fusion-wc-person": "^3.1.4",
     "@types/react": "^18.2.50",
     "react": "^18.2.0",
     "typescript": "^5.5.4",
-    "@equinor/fusion-framework-module-bookmark": "^2.1.1",
-    "@equinor/fusion-framework-module-app": "^6.1.4",
-    "@equinor/fusion-framework-module-event": "^4.3.0"
+    "@equinor/fusion-framework-module-app": "^6.1.5",
+    "@equinor/fusion-framework-module-event": "^4.3.1",
+    "@equinor/fusion-framework-module-bookmark": "^2.1.2"
   },
   "peerDependencies": {
     "@types/react": "^17.0.0 || ^18.0.0",

package/src/PeopleResolver.tsx

@@ -1,12 +1,12 @@
-import { useEffect, useRef } from 'react';
+import { type PropsWithChildren, useEffect, useRef } from 'react';
 
 import {
-    PersonProviderElement,
-    PersonAvatarElement,
-    PersonCardElement,
-    PersonResolver,
-    PersonListItemElement,
-    PersonSelectElement,
+  PersonProviderElement,
+  PersonAvatarElement,
+  PersonCardElement,
+  PersonResolver,
+  PersonListItemElement,
+  PersonSelectElement,
 } from '@equinor/fusion-wc-person';
 
 PersonProviderElement;
@@ -17,15 +17,16 @@ PersonSelectElement;
 
 export { PersonResolver };
 
-export const PeopleResolverComponent = (
-    props: React.PropsWithChildren<{ resolver: PersonResolver }>,
-) => {
-    const { resolver, children } = props;
-    const ref = useRef<PersonProviderElement | null>(null);
-    useEffect(() => {
-        if (ref.current && resolver) {
-            ref.current.resolver = resolver;
-        }
-    }, [ref, resolver]);
-    return <fwc-person-provider ref={ref}>{children}</fwc-person-provider>;
+export const PeopleResolverComponent = (props: PropsWithChildren<{ resolver: PersonResolver }>) => {
+  const { resolver, children } = props;
+  const ref = useRef<PersonProviderElement | null>(null);
+
+  // when the element is ready, set the resolver
+  useEffect(() => {
+    if (ref.current && resolver) {
+      ref.current.resolver = resolver;
+    }
+  }, [resolver]);
+
+  return <fwc-person-provider ref={ref}>{children}</fwc-person-provider>;
 };

package/src/PeopleResolverProvider.tsx

@@ -1,26 +1,26 @@
-import { PropsWithChildren, Suspense, useMemo } from 'react';
-import { ServicesModule } from '@equinor/fusion-framework-module-services';
+import { type PropsWithChildren, type ReactNode, Suspense, useMemo } from 'react';
+import type { ServicesModule } from '@equinor/fusion-framework-module-services';
 import { useModule } from '@equinor/fusion-framework-react-module';
 import { makeResolver } from './makeResolver';
-import { PersonControllerOptions } from './PersonController';
+import type { PersonControllerOptions } from './PersonController';
 
 type PeopleResolverProviderProps = PropsWithChildren<{
-    readonly options?: PersonControllerOptions;
-    readonly fallback?: React.ReactNode;
+  readonly options?: PersonControllerOptions;
+  readonly fallback?: ReactNode;
 }>;
 
 export const PeopleResolverProvider = (props: PeopleResolverProviderProps) => {
-    const { children, options, fallback } = props;
-    const services = useModule<ServicesModule>('services');
-    if (!services) {
-        throw Error('missing service module');
-    }
-    const Component = useMemo(() => makeResolver(services, options), [services, options]);
-    return (
-        <Suspense fallback={fallback || <></>}>
-            <Component>{children}</Component>
-        </Suspense>
-    );
+  const { children, options, fallback } = props;
+  const services = useModule<ServicesModule>('services');
+  if (!services) {
+    throw Error('missing service module');
+  }
+  const Component = useMemo(() => makeResolver(services, options), [services, options]);
+  return (
+    <Suspense fallback={fallback || null}>
+      <Component>{children}</Component>
+    </Suspense>
+  );
 };
 
 export default PeopleResolverProvider;