@equinor/fusion-framework-react-module-context 0.0.0-context-error-20240131144633

package/src/index.ts

@@ -0,0 +1,12 @@
+export {
+    enableContext,
+    ContextModule,
+    ContextItem,
+    ContextItemType,
+    IContextProvider,
+    IContextModuleConfigurator,
+} from '@equinor/fusion-framework-module-context';
+export { FusionContextSearchError } from '@equinor/fusion-framework-module-context/errors.js';
+
+export { useCurrentContext, useModuleCurrentContext } from './useCurrentContext';
+export { useQueryContext, useModuleQueryContext } from './useQueryContext';

package/src/useCurrentContext.ts

@@ -0,0 +1,34 @@
+import { ContextItem, ContextModule } from '@equinor/fusion-framework-module-context';
+import { IContextProvider, contextModuleKey } from '@equinor/fusion-framework-module-context';
+import { useModule } from '@equinor/fusion-framework-react-module';
+import { useObservableState } from '@equinor/fusion-observable/react';
+import { useCallback, useMemo } from 'react';
+
+export const useCurrentContext = (provider: IContextProvider) => {
+    const currentContext$ = useMemo(() => provider.currentContext$, [provider]);
+    const { value: currentContext } = useObservableState(currentContext$, {
+        initial: provider.currentContext,
+    });
+    const setCurrentContext = useCallback(
+        (entry?: ContextItem | string | null) => {
+            if (!entry) {
+                return provider.clearCurrentContext();
+            } else if (typeof entry === 'string') {
+                return provider.setCurrentContextByIdAsync(entry);
+            }
+            return provider.setCurrentContextAsync(entry);
+        },
+        [provider],
+    );
+    return { currentContext, setCurrentContext };
+};
+
+/**
+ * uses context provider from closes module provider
+ */
+export const useModuleCurrentContext = () => {
+    const provider = useModule<ContextModule>(contextModuleKey);
+    return useCurrentContext(provider);
+};
+
+export default useModuleCurrentContext;

package/src/useQueryContext.ts

@@ -0,0 +1,21 @@
+import {
+    ContextModule,
+    contextModuleKey,
+    IContextProvider,
+} from '@equinor/fusion-framework-module-context';
+import { useModule } from '@equinor/fusion-framework-react-module';
+import { useObservableState, useDebounce } from '@equinor/fusion-observable/react';
+import { useMemo } from 'react';
+
+export const useQueryContext = (provider: IContextProvider, options?: { debounce?: number }) => {
+    const args = Object.assign({}, { debounce: 500 }, options);
+    const searchFn = useMemo(() => provider.queryContext.bind(provider), [provider]);
+    const { idle, next, value$ } = useDebounce(searchFn, args);
+    const { value } = useObservableState(value$);
+    return { value, querying: !idle, query: next };
+};
+
+export const useModuleQueryContext = (options?: { debounce?: number }) => {
+    const provider = useModule<ContextModule>(contextModuleKey);
+    return useQueryContext(provider, options);
+};

package/src/version.ts

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

package/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "extends": "../../tsconfig.react.json",
+  "compilerOptions": {
+    "outDir": "dist/esm",
+    "rootDir": "src",
+    "declarationDir": "./dist/types",
+    
+  },
+  "references": [
+    {
+      "path": "../../../utils/query"
+    },
+    {
+      "path": "../../../modules/context"
+    },
+    {
+      "path": "../module"
+    },
+  ],
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "lib"
+  ]
+}