@openmrs/esm-react-utils 5.5.1-pre.1649 → 5.5.1-pre.1659

package/jest.config.js

@@ -6,8 +6,7 @@ module.exports = {
   moduleNameMapper: {
     '^lodash-es/(.*)$': 'lodash/$1',
     '@openmrs/esm-error-handling': '<rootDir>/__mocks__/openmrs-esm-error-handling.mock.ts',
-    '@openmrs/esm-state': '<rootDir>/__mocks__/openmrs-esm-state.mock.ts',
-    '@openmrs/esm-styleguide': '<rootDir>/__mocks__/openmrs-esm-styleguide.mock.tsx',
+    '@openmrs/esm-state': '@openmrs/esm-state/mock',
     dexie: require.resolve('dexie'),
   },
   testEnvironment: 'jsdom',

package/mock.tsx

@@ -0,0 +1,94 @@
+import React from 'react';
+import { openmrsFetch } from '@openmrs/esm-api/mock';
+import { configSchema } from '@openmrs/esm-config/mock';
+import { getExtensionStore, getExtensionInternalStore } from '@openmrs/esm-extensions/mock';
+import { createGlobalStore } from '@openmrs/esm-state/mock';
+import { usePagination as realUsePagination } from './src/index';
+export { ConfigurableLink, isDesktop, useStore, useStoreWithActions, createUseStore } from './src/index';
+import * as utils from '@openmrs/esm-utils';
+
+export const ComponentContext = React.createContext(null);
+
+export const openmrsComponentDecorator = jest.fn().mockImplementation(() => (component) => component);
+
+export const useAttachments = jest.fn(() => ({
+  isLoading: true,
+  data: [],
+  error: null,
+  mutate: jest.fn(),
+  isValidating: true,
+}));
+
+export const useConfig = jest.fn().mockImplementation(() => utils.getDefaultsFromConfigSchema(configSchema));
+
+export const useCurrentPatient = jest.fn(() => []);
+
+export const usePatient = jest.fn(() => ({
+  isLoading: true,
+  patient: null,
+  patientUuid: null,
+  error: null,
+}));
+
+export const useSession = jest.fn(() => ({
+  authenticated: false,
+  sessionId: '',
+}));
+
+export const useLayoutType = jest.fn(() => 'desktop');
+
+export const useAssignedExtensions = jest.fn(() => []);
+
+export const useExtensionSlotMeta = jest.fn(() => ({}));
+
+export const useConnectedExtensions = jest.fn(() => []);
+
+export const UserHasAccess = jest.fn().mockImplementation((props: any) => {
+  return props.children;
+});
+
+export const useExtensionInternalStore = createGlobalStore('extensionInternal', getExtensionInternalStore());
+
+export const useExtensionStore = getExtensionStore();
+
+export const ExtensionSlot = jest.fn().mockImplementation(({ children }) => <>{children}</>);
+
+export const Extension = jest.fn().mockImplementation((props: any) => <slot />);
+
+export const useFeatureFlag = jest.fn().mockReturnValue(true);
+
+export const usePagination = jest.fn(realUsePagination);
+
+export const useVisit = jest.fn().mockReturnValue({
+  error: null,
+  mutate: jest.fn(),
+  isValidating: true,
+  currentVisit: null,
+  activeVisit: null,
+  currentVisitIsRetrospective: false,
+});
+
+export const useVisitTypes = jest.fn(() => []);
+
+export const useAbortController = jest.fn().mockReturnValue(() => {
+  let aborted = false;
+  return jest.fn(
+    () =>
+      ({
+        abort: () => {
+          aborted = true;
+        },
+        signal: {
+          aborted,
+        },
+      }) as AbortController,
+  );
+});
+
+export const useOpenmrsSWR = jest.fn((key: string | Array<any>) => {
+  return { data: openmrsFetch(key.toString()) };
+});
+
+export const useDebounce = jest.fn().mockImplementation((value) => value);
+
+export const useOnClickOutside = jest.fn();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-react-utils",
-  "version": "5.5.1-pre.1649",
+  "version": "5.5.1-pre.1659",
   "license": "MPL-2.0",
   "description": "React utilities for OpenMRS.",
   "browser": "dist/openmrs-esm-react-utils.js",
@@ -47,10 +47,11 @@
     "@openmrs/esm-config": "5.x",
     "@openmrs/esm-error-handling": "5.x",
     "@openmrs/esm-extensions": "5.x",
+    "@openmrs/esm-feature-flags": "5.x",
     "@openmrs/esm-globals": "5.x",
     "@openmrs/esm-navigation": "5.x",
     "dayjs": "1.x",
-    "i18next": "19.x",
+    "i18next": "21.x",
     "react": "18.x",
     "react-dom": "18.x",
     "react-i18next": "11.x",
@@ -58,13 +59,13 @@
     "swr": "2.x"
   },
   "devDependencies": {
-    "@openmrs/esm-api": "5.5.1-pre.1649",
-    "@openmrs/esm-config": "5.5.1-pre.1649",
-    "@openmrs/esm-error-handling": "5.5.1-pre.1649",
-    "@openmrs/esm-extensions": "5.5.1-pre.1649",
-    "@openmrs/esm-feature-flags": "5.5.1-pre.1649",
-    "@openmrs/esm-globals": "5.5.1-pre.1649",
-    "@openmrs/esm-navigation": "5.5.1-pre.1649",
+    "@openmrs/esm-api": "5.5.1-pre.1659",
+    "@openmrs/esm-config": "5.5.1-pre.1659",
+    "@openmrs/esm-error-handling": "5.5.1-pre.1659",
+    "@openmrs/esm-extensions": "5.5.1-pre.1659",
+    "@openmrs/esm-feature-flags": "5.5.1-pre.1659",
+    "@openmrs/esm-globals": "5.5.1-pre.1659",
+    "@openmrs/esm-navigation": "5.5.1-pre.1659",
     "dayjs": "^1.10.8",
     "i18next": "^21.10.0",
     "react": "^18.1.0",

package/__mocks__/openmrs-esm-state.mock.ts

@@ -1,77 +0,0 @@
-import { createStore, StoreApi } from 'zustand';
-
-interface StoreEntity {
-  value: StoreApi<any>;
-  active: boolean;
-}
-
-export type MockedStore<T> = StoreApi<T> & { resetMock: () => void };
-
-const initialStates: Record<string, any> = {};
-
-const availableStores: Record<string, StoreEntity> = {};
-
-export const mockStores = availableStores;
-
-export function createGlobalStore<T>(name: string, initialState: T): StoreApi<T> {
-  const available = availableStores[name];
-
-  if (available) {
-    if (available.active) {
-      console.error('Cannot override an existing store. Make sure that stores are only created once.');
-    } else {
-      available.value.setState(initialState, true);
-    }
-
-    available.active = true;
-    return available.value;
-  } else {
-    const store = createStore<T>()(() => initialState);
-    initialStates[name] = initialState;
-
-    availableStores[name] = {
-      value: store,
-      active: true,
-    };
-
-    return instrumentedStore(name, store);
-  }
-}
-
-export function getGlobalStore<T>(name: string, fallbackState?: T): StoreApi<T> {
-  const available = availableStores[name];
-
-  if (!available) {
-    const store = createStore<T>()(() => fallbackState ?? ({} as unknown as T));
-    initialStates[name] = fallbackState;
-    availableStores[name] = {
-      value: store,
-      active: false,
-    };
-    return instrumentedStore(name, store);
-  }
-
-  return instrumentedStore(name, available.value);
-}
-
-export function subscribeTo<T, U>(store: StoreApi<T>, select: (state: T) => U, handle: (subState: U) => void) {
-  let previous = select(store.getState());
-
-  return store.subscribe((state) => {
-    const current = select(state);
-
-    if (current !== previous) {
-      previous = current;
-      handle(current);
-    }
-  });
-}
-
-function instrumentedStore<T>(name: string, store: StoreApi<T>) {
-  return {
-    getState: jest.spyOn(store, 'getState'),
-    setState: jest.spyOn(store, 'setState'),
-    subscribe: jest.spyOn(store, 'subscribe'),
-    resetMock: () => store.setState(initialStates[name]),
-  } as any as MockedStore<T>;
-}

package/__mocks__/openmrs-esm-styleguide.mock.tsx

@@ -1,11 +0,0 @@
-export const showNotification = jest.fn();
-export const showActionableNotification = jest.fn();
-export const showSnackbar = jest.fn();
-export const showToast = jest.fn();
-
-beforeEach(() => {
-  showNotification.mockReset();
-  showActionableNotification.mockReset();
-  showToast.mockReset();
-  showSnackbar.mockReset();
-});