@openmrs/esm-fast-data-entry-app 1.0.1-pre.171 → 1.0.1-pre.176

package/src/hooks/useSearchEndpoint.ts

@@ -1,10 +1,6 @@
-import {
-  openmrsFetch,
-  type FetchResponse,
-  restBaseUrl,
-} from "@openmrs/esm-framework";
-import { useCallback, useMemo } from "react";
-import useSWRInfinite from "swr/infinite";
+import { openmrsFetch, type FetchResponse, restBaseUrl } from '@openmrs/esm-framework';
+import { useCallback, useMemo } from 'react';
+import useSWRInfinite from 'swr/infinite';
 
 export interface SearchResponse {
   data: Array<Record<string, unknown>> | null;
@@ -19,7 +15,7 @@ export interface SearchResponse {
       FetchResponse<{
         results: Array<Record<string, unknown>>;
         links: Array<{
-          rel: "prev" | "next";
+          rel: 'prev' | 'next';
         }>;
       }>
     >
@@ -34,29 +30,18 @@ interface SearchInfiniteProps {
   resultsToFetch?: number;
 }
 
-const useSearchEndpointInfinite = (
-  arg0: SearchInfiniteProps
-): SearchResponse => {
-  const {
-    baseUrl,
-    searchTerm,
-    parameters,
-    searching = true,
-    resultsToFetch = 10,
-  } = arg0;
+const useSearchEndpointInfinite = (arg0: SearchInfiniteProps): SearchResponse => {
+  const { baseUrl, searchTerm, parameters, searching = true, resultsToFetch = 10 } = arg0;
 
   const getUrl = useCallback(
     (
       page: number,
       prevPageData: FetchResponse<{
         results: Array<Record<string, unknown>>;
-        links: Array<{ rel: "prev" | "next" }>;
-      }>
+        links: Array<{ rel: 'prev' | 'next' }>;
+      }>,
     ) => {
-      if (
-        prevPageData &&
-        !prevPageData?.data?.links.some((link) => link.rel === "next")
-      ) {
+      if (prevPageData && !prevPageData?.data?.links.some((link) => link.rel === 'next')) {
         return null;
       }
       let url = `${baseUrl}?q=${searchTerm}`;
@@ -78,13 +63,13 @@ const useSearchEndpointInfinite = (
       }
       return url;
     },
-    [baseUrl, searchTerm, parameters, resultsToFetch]
+    [baseUrl, searchTerm, parameters, resultsToFetch],
   );
 
   const { data, isValidating, setSize, error, size } = useSWRInfinite<
     FetchResponse<{
       results: Array<Record<string, unknown>>;
-      links: Array<{ rel: "prev" | "next" }>;
+      links: Array<{ rel: 'prev' | 'next' }>;
       totalCount: number;
     }>,
     Error
@@ -92,30 +77,22 @@ const useSearchEndpointInfinite = (
 
   const results = useMemo(
     () => ({
-      data: data
-        ? [].concat(...(data?.map((resp) => resp?.data?.results) ?? []))
-        : null,
+      data: data ? [].concat(...(data?.map((resp) => resp?.data?.results) ?? [])) : null,
       isLoading: !data && !error,
       error,
-      hasMore: data?.length
-        ? !!data[data.length - 1].data?.links?.some(
-            (link) => link.rel === "next"
-          )
-        : false,
+      hasMore: data?.length ? !!data[data.length - 1].data?.links?.some((link) => link.rel === 'next') : false,
       loadingNewData: isValidating,
       setPage: setSize,
       currentPage: size,
       totalResults: data?.[0]?.data?.totalCount,
     }),
-    [data, isValidating, error, setSize, size]
+    [data, isValidating, error, setSize, size],
   );
 
   return results;
 };
 
-const useSearchCohortInfinite = ({
-  ...props
-}: SearchInfiniteProps): SearchResponse => {
+const useSearchCohortInfinite = ({ ...props }: SearchInfiniteProps): SearchResponse => {
   return useSearchEndpointInfinite({
     baseUrl: `${restBaseUrl}/cohortm/cohort`,
     resultsToFetch: 10,

package/src/hooks/useStartVisit.ts

@@ -1,16 +1,8 @@
-import { useCallback, useState } from "react";
-import { useTranslation } from "react-i18next";
-import {
-  showNotification,
-  showToast,
-  openmrsFetch,
-  restBaseUrl,
-} from "@openmrs/esm-framework";
+import { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { showNotification, showToast, openmrsFetch, restBaseUrl } from '@openmrs/esm-framework';
 
-const useStartVisit = ({
-  showSuccessNotification = true,
-  showErrorNotification = true,
-}) => {
+const useStartVisit = ({ showSuccessNotification = true, showErrorNotification = true }) => {
   const { t } = useTranslation();
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [success, setSuccess] = useState(null);
@@ -24,16 +16,13 @@ const useStartVisit = ({
       if (showSuccessNotification) {
         showToast({
           critical: true,
-          kind: "success",
-          description: t(
-            "visitStartedSuccessfully",
-            `${result?.data?.visitType?.display} started successfully`
-          ),
-          title: t("visitStarted", "Visit started"),
+          kind: 'success',
+          description: t('visitStartedSuccessfully', `${result?.data?.visitType?.display} started successfully`),
+          title: t('visitStarted', 'Visit started'),
         });
       }
     },
-    [t, showSuccessNotification]
+    [t, showSuccessNotification],
   );
 
   const onError = useCallback(
@@ -43,14 +32,14 @@ const useStartVisit = ({
       setError(error);
       if (showErrorNotification) {
         showNotification({
-          title: t("startVisitError", "Error starting visit"),
-          kind: "error",
+          title: t('startVisitError', 'Error starting visit'),
+          kind: 'error',
           critical: true,
           description: error?.message,
         });
       }
     },
-    [t, showErrorNotification]
+    [t, showErrorNotification],
   );
 
   const saveVisit = useCallback(
@@ -63,21 +52,21 @@ const useStartVisit = ({
         location: data.location,
       };
       openmrsFetch(`${restBaseUrl}/visit`, {
-        method: "POST",
+        method: 'POST',
         body: payload,
-        headers: { "Content-Type": "application/json" },
+        headers: { 'Content-Type': 'application/json' },
       })
         .then(onSave)
         .catch(onError);
     },
-    [onError, onSave]
+    [onError, onSave],
   );
 
   const updateEncounter = useCallback((data) => {
     openmrsFetch(`${restBaseUrl}/encounter/` + data.uuid, {
-      method: "POST",
+      method: 'POST',
       body: { visit: data.visit },
-      headers: { "Content-Type": "application/json" },
+      headers: { 'Content-Type': 'application/json' },
     });
   }, []);
 

package/src/index.ts

@@ -1,30 +1,18 @@
-import {
-  getAsyncLifecycle,
-  defineConfigSchema,
-  registerBreadcrumbs,
-} from "@openmrs/esm-framework";
-import { configSchema } from "./config-schema";
+import { getAsyncLifecycle, defineConfigSchema, registerBreadcrumbs } from '@openmrs/esm-framework';
+import { configSchema } from './config-schema';
 
-const moduleName = "@openmrs/esm-fast-data-entry-app";
+const moduleName = '@openmrs/esm-fast-data-entry-app';
 
 const options = {
-  featureName: "fast-data-entry-app",
+  featureName: 'fast-data-entry-app',
   moduleName,
 };
 
-export const importTranslation = require.context(
-  "../translations",
-  false,
-  /.json$/,
-  "lazy"
-);
+export const importTranslation = require.context('../translations', false, /.json$/, 'lazy');
 
-export const root = getAsyncLifecycle(() => import("./Root"), options);
+export const root = getAsyncLifecycle(() => import('./Root'), options);
 
-export const formsAppMenuLink = getAsyncLifecycle(
-  () => import("./forms-app-menu-link"),
-  options
-);
+export const formsAppMenuLink = getAsyncLifecycle(() => import('./forms-app-menu-link'), options);
 
 export function startupApp() {
   defineConfigSchema(moduleName, configSchema);
@@ -32,7 +20,7 @@ export function startupApp() {
   registerBreadcrumbs([
     {
       path: `${window.spaBase}/forms`,
-      title: "Forms",
+      title: 'Forms',
       parent: `${window.spaBase}/home`,
     },
   ]);

package/src/patient-card/PatientCard.tsx

@@ -1,8 +1,8 @@
-import { CheckmarkOutline, WarningAlt } from "@carbon/react/icons";
-import { SkeletonText } from "@carbon/react";
-import React from "react";
-import useGetPatient from "../hooks/useGetPatient";
-import styles from "./styles.scss";
+import { CheckmarkOutline, WarningAlt } from '@carbon/react/icons';
+import { SkeletonText } from '@carbon/react';
+import React from 'react';
+import useGetPatient from '../hooks/useGetPatient';
+import styles from './styles.scss';
 
 const CardContainer = ({ onClick = () => undefined, active, children }) => {
   return (
@@ -17,12 +17,7 @@ const CardContainer = ({ onClick = () => undefined, active, children }) => {
   );
 };
 
-const PatientCard = ({
-  patientUuid,
-  activePatientUuid,
-  editEncounter,
-  encounters,
-}) => {
+const PatientCard = ({ patientUuid, activePatientUuid, editEncounter, encounters }) => {
   const patient = useGetPatient(patientUuid);
   const givenName = patient?.name?.[0]?.given?.[0];
   const familyName = patient?.name?.[0]?.family;
@@ -39,17 +34,10 @@ const PatientCard = ({
   const active = activePatientUuid === patientUuid;
 
   return (
-    <CardContainer
-      onClick={active ? () => undefined : () => editEncounter(patientUuid)}
-      active={active}
-    >
+    <CardContainer onClick={active ? () => undefined : () => editEncounter(patientUuid)} active={active}>
       <div className={styles.patientInfo}>
         <div className={styles.identifier}>{identifier}</div>
-        <div
-          className={`${styles.displayName} ${
-            active && styles.activeDisplayName
-          }`}
-        >
+        <div className={`${styles.displayName} ${active && styles.activeDisplayName}`}>
           {givenName} {familyName}
         </div>
       </div>

package/src/patient-card/index.ts

@@ -1,3 +1,3 @@
-import PatientCard from "./PatientCard";
+import PatientCard from './PatientCard';
 
 export default PatientCard;

package/src/setup-tests.ts

@@ -1 +1 @@
-import "@testing-library/jest-dom/extend-expect";
+import '@testing-library/jest-dom/extend-expect';

package/tools/i18next-parser.config.js

@@ -1,14 +1,14 @@
 module.exports = {
-  contextSeparator: "_",
+  contextSeparator: '_',
   // Key separator used in your translation keys
 
   createOldCatalogs: false,
   // Save the \_old files
 
-  defaultNamespace: "translations",
+  defaultNamespace: 'translations',
   // Default namespace used in your i18next config
 
-  defaultValue: "",
+  defaultValue: '',
   // Default value to give to empty keys
   // You may also specify a function accepting the locale, namespace, and key as arguments
 
@@ -18,43 +18,43 @@ module.exports = {
   keepRemoved: false,
   // Keep keys from the catalog that are no longer in code
 
-  keySeparator: ".",
+  keySeparator: '.',
   // Key separator used in your translation keys
   // If you want to use plain english keys, separators such as `.` and `:` will conflict. You might want to set `keySeparator: false` and `namespaceSeparator: false`. That way, `t('Status: Loading...')` will not think that there are a namespace and three separator dots for instance.
 
   // see below for more details
   lexers: {
-    hbs: ["HandlebarsLexer"],
-    handlebars: ["HandlebarsLexer"],
+    hbs: ['HandlebarsLexer'],
+    handlebars: ['HandlebarsLexer'],
 
-    htm: ["HTMLLexer"],
-    html: ["HTMLLexer"],
+    htm: ['HTMLLexer'],
+    html: ['HTMLLexer'],
 
-    mjs: ["JavascriptLexer"],
-    js: ["JavascriptLexer"], // if you're writing jsx inside .js files, change this to JsxLexer
-    ts: ["JavascriptLexer"],
-    jsx: ["JsxLexer"],
-    tsx: ["JsxLexer"],
+    mjs: ['JavascriptLexer'],
+    js: ['JavascriptLexer'], // if you're writing jsx inside .js files, change this to JsxLexer
+    ts: ['JavascriptLexer'],
+    jsx: ['JsxLexer'],
+    tsx: ['JsxLexer'],
 
-    default: ["JavascriptLexer"],
+    default: ['JavascriptLexer'],
   },
 
-  lineEnding: "lf",
+  lineEnding: 'lf',
   // Control the line ending. See options at https://github.com/ryanve/eol
 
-  locales: ["en", "am", "es", "fr", "km", "he", "ar"],
+  locales: ['en', 'am', 'es', 'fr', 'km', 'he', 'ar'],
   // An array of the locales in your applications
 
-  namespaceSeparator: ":",
+  namespaceSeparator: ':',
   // Namespace separator used in your translation keys
   // If you want to use plain english keys, separators such as `.` and `:` will conflict. You might want to set `keySeparator: false` and `namespaceSeparator: false`. That way, `t('Status: Loading...')` will not think that there are a namespace and three separator dots for instance.
 
-  output: "$NAMESPACE/$LOCALE.json",
+  output: '$NAMESPACE/$LOCALE.json',
   // Supports $LOCALE and $NAMESPACE injection
   // Supports JSON (.json) and YAML (.yml) file formats
   // Where to write the locale files relative to process.cwd()
 
-  pluralSeparator: "_",
+  pluralSeparator: '_',
   // Plural separator used in your translation keys
   // If you want to use plain english keys, separators such as `_` might conflict. You might want to set `pluralSeparator` to a different string that does not occur in your keys.
 

package/webpack.config.js

@@ -1 +1 @@
-module.exports = require("openmrs/default-webpack-config");
+module.exports = require('openmrs/default-webpack-config');