@openmrs/esm-react-utils 5.3.3-pre.1296 → 5.3.3-pre.1301

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-react-utils",
-  "version": "5.3.3-pre.1296",
+  "version": "5.3.3-pre.1301",
   "license": "MPL-2.0",
   "description": "React utilities for OpenMRS.",
   "browser": "dist/openmrs-esm-react-utils.js",
@@ -57,12 +57,12 @@
     "swr": "2.x"
   },
   "devDependencies": {
-    "@openmrs/esm-api": "5.3.3-pre.1296",
-    "@openmrs/esm-config": "5.3.3-pre.1296",
-    "@openmrs/esm-error-handling": "5.3.3-pre.1296",
-    "@openmrs/esm-extensions": "5.3.3-pre.1296",
-    "@openmrs/esm-feature-flags": "5.3.3-pre.1296",
-    "@openmrs/esm-globals": "5.3.3-pre.1296",
+    "@openmrs/esm-api": "5.3.3-pre.1301",
+    "@openmrs/esm-config": "5.3.3-pre.1301",
+    "@openmrs/esm-error-handling": "5.3.3-pre.1301",
+    "@openmrs/esm-extensions": "5.3.3-pre.1301",
+    "@openmrs/esm-feature-flags": "5.3.3-pre.1301",
+    "@openmrs/esm-globals": "5.3.3-pre.1301",
     "dayjs": "^1.10.8",
     "i18next": "^21.10.0",
     "react": "^18.1.0",

package/src/ConfigurableLink.tsx

@@ -1,6 +1,7 @@
 /** @module @category Navigation */
 import React, { type MouseEvent, type AnchorHTMLAttributes, type PropsWithChildren } from 'react';
-import { navigate, interpolateUrl, TemplateParams } from '@openmrs/esm-config';
+import type { TemplateParams } from '@openmrs/esm-config';
+import { navigate, interpolateUrl } from '@openmrs/esm-config';
 
 function handleClick(event: MouseEvent, to: string, templateParams?: TemplateParams) {
   if (!event.metaKey && !event.ctrlKey && !event.shiftKey && event.button == 0) {

package/src/Extension.tsx

@@ -37,7 +37,6 @@ export const Extension: React.FC<ExtensionProps> = ({ state, children, wrap, ...
       );
     }
     // we only warn when component mounts
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const ref = useCallback(
@@ -98,7 +97,6 @@ export const Extension: React.FC<ExtensionProps> = ({ state, children, wrap, ...
 
     // we intentionally do not re-run this hook if state gets updated
     // state updates are handled in the next useEffect hook
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [extension?.extensionSlotName, extension?.extensionId, extension?.extensionSlotModuleName, domElement]);
 
   useEffect(() => {

package/src/UserHasAccess.tsx

@@ -1,5 +1,6 @@
 /** @module @category API */
-import { getCurrentUser, LoggedInUser, userHasAccess } from '@openmrs/esm-api';
+import type { LoggedInUser } from '@openmrs/esm-api';
+import { getCurrentUser, userHasAccess } from '@openmrs/esm-api';
 import React, { useEffect, useState } from 'react';
 
 export interface UserHasAccessProps {

package/src/getLifecycle.ts

@@ -1,8 +1,10 @@
 /** @module @category Framework */
-import React, { ComponentType } from 'react';
+import type { ComponentType } from 'react';
+import React from 'react';
 import ReactDOMClient from 'react-dom/client';
 import singleSpaReact from 'single-spa-react';
-import { openmrsComponentDecorator, ComponentDecoratorOptions } from './openmrsComponentDecorator';
+import type { ComponentDecoratorOptions } from './openmrsComponentDecorator';
+import { openmrsComponentDecorator } from './openmrsComponentDecorator';
 
 export function getLifecycle<T>(Component: ComponentType<T>, options: ComponentDecoratorOptions) {
   return singleSpaReact({

package/src/openmrsComponentDecorator.tsx

@@ -1,7 +1,8 @@
 import React, { type ComponentType, Suspense } from 'react';
 import { I18nextProvider } from 'react-i18next';
 import type {} from '@openmrs/esm-globals';
-import { ComponentConfig, ComponentContext, ExtensionData } from './ComponentContext';
+import type { ComponentConfig, ExtensionData } from './ComponentContext';
+import { ComponentContext } from './ComponentContext';
 
 const defaultOpts = {
   strictMode: true,

package/src/setup-tests.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom';
 
-window.openmrsBase = '/openmrs';
-window.spaBase = '/spa';
-window.getOpenmrsSpaBase = () => '/openmrs/spa/';
+global.window.openmrsBase = '/openmrs';
+global.window.spaBase = '/spa';
+global.window.getOpenmrsSpaBase = () => '/openmrs/spa/';

package/src/useAssignedExtensions.ts

@@ -1,6 +1,7 @@
 /** @module @category Extension */
 import { useEffect, useState } from 'react';
-import { AssignedExtension, ExtensionStore, getExtensionStore } from '@openmrs/esm-extensions';
+import type { AssignedExtension, ExtensionStore } from '@openmrs/esm-extensions';
+import { getExtensionStore } from '@openmrs/esm-extensions';
 import isEqual from 'lodash-es/isEqual';
 
 /**

package/src/useConfig.ts

@@ -1,16 +1,11 @@
 /** @module @category Config */
 import { useContext, useEffect, useMemo, useState } from 'react';
-import {
-  getConfigStore,
-  getExtensionsConfigStore,
-  ConfigStore,
-  ConfigObject,
-  ExtensionsConfigStore,
-  getExtensionConfigFromStore,
-} from '@openmrs/esm-config';
+import type { ConfigStore, ConfigObject, ExtensionsConfigStore } from '@openmrs/esm-config';
+import { getConfigStore, getExtensionsConfigStore, getExtensionConfigFromStore } from '@openmrs/esm-config';
 import type { StoreApi } from 'zustand';
 import isEqual from 'lodash-es/isEqual';
-import { ComponentContext, ExtensionData } from './ComponentContext';
+import type { ExtensionData } from './ComponentContext';
+import { ComponentContext } from './ComponentContext';
 
 const promises: Record<string, Promise<ConfigObject>> = {};
 const errorMessage = `No ComponentContext has been provided. This should come from "openmrsComponentDecorator".

package/src/useConnectedExtensions.ts

@@ -1,6 +1,7 @@
 /** @module @category Extension */
 import { useMemo } from 'react';
-import { ConnectedExtension, getConnectedExtensions } from '@openmrs/esm-extensions';
+import type { ConnectedExtension } from '@openmrs/esm-extensions';
+import { getConnectedExtensions } from '@openmrs/esm-extensions';
 import { useConnectivity } from './useConnectivity';
 import { useAssignedExtensions } from './useAssignedExtensions';
 import { useStore } from './useStore';

package/src/useExtensionInternalStore.ts

@@ -1,4 +1,5 @@
-import { ExtensionInternalStore, getExtensionInternalStore } from '@openmrs/esm-extensions';
+import type { ExtensionInternalStore } from '@openmrs/esm-extensions';
+import { getExtensionInternalStore } from '@openmrs/esm-extensions';
 import { createUseStore } from './useStore';
 
 /** @internal

package/src/useExtensionSlotMeta.ts

@@ -1,5 +1,5 @@
 /** @module @category Extension */
-import { ExtensionMeta } from '@openmrs/esm-extensions';
+import type { ExtensionMeta } from '@openmrs/esm-extensions';
 import { useMemo } from 'react';
 import { useConnectedExtensions } from './useConnectedExtensions';
 

package/src/useExtensionStore.ts

@@ -1,5 +1,6 @@
 /** @module @category Extension */
-import { ExtensionStore, getExtensionStore } from '@openmrs/esm-extensions';
+import type { ExtensionStore } from '@openmrs/esm-extensions';
+import { getExtensionStore } from '@openmrs/esm-extensions';
 import { createUseStore } from './useStore';
 
 export const useExtensionStore = createUseStore<ExtensionStore>(getExtensionStore());

package/src/useLocations.tsx

@@ -1,5 +1,6 @@
 /** @module @category API */
-import { getLocations, Location } from '@openmrs/esm-api';
+import type { Location } from '@openmrs/esm-api';
+import { getLocations } from '@openmrs/esm-api';
 import { useState, useEffect } from 'react';
 
 export function useLocations(tagUuidOrName: string | null = null) {

package/src/useOpenmrsSWR.ts

@@ -1,6 +1,7 @@
 /** @module @category Utility */
 import { useCallback, useMemo } from 'react';
-import useSWR, { SWRConfiguration } from 'swr';
+import type { SWRConfiguration } from 'swr';
+import useSWR from 'swr';
 import { type FetchConfig, openmrsFetch } from '@openmrs/esm-api';
 import useAbortController from './useAbortController';
 

package/src/usePatient.ts

@@ -1,6 +1,7 @@
 /** @module @category API */
 import { useEffect, useReducer } from 'react';
-import { fetchCurrentPatient, PatientUuid } from '@openmrs/esm-api';
+import type { PatientUuid } from '@openmrs/esm-api';
+import { fetchCurrentPatient } from '@openmrs/esm-api';
 
 export type NullablePatient = fhir.Patient | null;
 

package/src/useSession.ts

@@ -1,5 +1,6 @@
 /** @module @category API */
-import { getSessionStore, Session } from '@openmrs/esm-api';
+import type { Session } from '@openmrs/esm-api';
+import { getSessionStore } from '@openmrs/esm-api';
 import { useState, useEffect, useRef } from 'react';
 
 let promise: undefined | Promise<Session>;

package/src/useStore.ts

@@ -17,14 +17,9 @@ function bindActions<T>(store: StoreApi<T>, actions: Actions<T>): BoundActions {
   const bound = {};
 
   for (let i in actions) {
-    bound[i] = function () {
-      const args = arguments;
+    bound[i] = function (...args) {
       store.setState((state) => {
-        let _args = [state];
-        for (let i = 0; i < args.length; i++) {
-          _args.push(args[i]);
-        }
-
+        let _args = [state, ...args];
         return actions[i](..._args);
       });
     };

package/src/useVisit.ts

@@ -1,5 +1,6 @@
 /** @module @category API */
-import { defaultVisitCustomRepresentation, getVisitStore, openmrsFetch, Visit } from '@openmrs/esm-api';
+import type { Visit } from '@openmrs/esm-api';
+import { defaultVisitCustomRepresentation, getVisitStore, openmrsFetch } from '@openmrs/esm-api';
 import useSWR from 'swr';
 import dayjs from 'dayjs';
 import isToday from 'dayjs/plugin/isToday';

package/src/useVisitTypes.ts

@@ -1,5 +1,6 @@
 /** @module @category API */
-import { getVisitTypes, VisitType } from '@openmrs/esm-api';
+import type { VisitType } from '@openmrs/esm-api';
+import { getVisitTypes } from '@openmrs/esm-api';
 import { useEffect, useState } from 'react';
 
 export function useVisitTypes() {