@openmrs/esm-fast-data-entry-app 1.0.0-pre.11 → 1.0.0-pre.21

package/src/forms/patient-info.scss

@@ -0,0 +1,59 @@
+@import '~@openmrs/esm-styleguide/src/vars';
+@import '~carbon-components/src/globals/scss/vars';
+@import '~carbon-components/src/globals/scss/mixins';
+
+.container {
+  border-bottom: 0.0125rem solid $color-gray-30;
+  background-color: $ui-02;
+  padding: 0;
+}
+
+.patientInfoContainer {
+  padding: 0 0 0 $spacing-05;
+  display: flex;
+  align-items: center;
+  min-height: 7rem;
+}
+
+.activePatientInfoContainer {
+  background-color: $color-blue-10;
+  padding: 0 0 0 $spacing-05;
+  display: flex;
+  align-items: center;
+  min-height: 7rem;
+}
+
+.patientName {
+  @include carbon--type-style('productive-heading-03');
+}
+
+.patientInfoContent {
+  margin: $spacing-05 0 0 $spacing-05;
+  width: 100%;
+}
+
+.demographics {
+  @include carbon--type-style('body-short-02');
+  color: $text-02;
+  margin-top: $spacing-02;
+}
+
+.identifier {
+  @include carbon--type-style('body-short-02');
+  color: $ui-04;
+}
+
+.patientInfoRow {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  & > button {
+    min-height: 2rem;
+  }
+}
+
+.patientEditBtn {
+  color: $ui-05;
+  margin: $spacing-03;
+}

package/src/forms/styles.scss

@@ -0,0 +1,13 @@
+@import "~@openmrs/esm-styleguide/src/vars";
+
+.breadcrumbsContainer > div > div > nav {
+  background-color: white;
+  padding: 0.5rem;
+  border-bottom: 1px solid $openmrs-background-grey;
+}
+
+.formContainer {
+  display: flex;
+  text-align: center;
+  margin-top: 1rem;
+}

package/src/forms/useGetPatient.ts

@@ -0,0 +1,23 @@
+import { fetchCurrentPatient } from "@openmrs/esm-framework";
+import { useEffect, useState } from "react";
+
+const useGetPatient = (patientUuid) => {
+  const [patient, setPatient] = useState(null);
+
+  useEffect(() => {
+    if (!patientUuid) {
+      setPatient(null);
+    } else {
+      getPatient(patientUuid);
+    }
+  }, [patientUuid]);
+
+  const getPatient = async (uuid) => {
+    const result = await fetchCurrentPatient(uuid);
+    setPatient(result?.data);
+  };
+
+  return patient;
+};
+
+export default useGetPatient;

package/src/index.ts

@@ -5,7 +5,11 @@
  * microfrontend.
  */
 
-import { getAsyncLifecycle, defineConfigSchema } from "@openmrs/esm-framework";
+import {
+  getAsyncLifecycle,
+  defineConfigSchema,
+  registerBreadcrumbs,
+} from "@openmrs/esm-framework";
 import { configSchema } from "./config-schema";
 
 /**
@@ -53,6 +57,14 @@ function setupOpenMRS() {
 
   defineConfigSchema(moduleName, configSchema);
 
+  registerBreadcrumbs([
+    {
+      path: `${window.spaBase}/forms`,
+      title: "Forms",
+      parent: `${window.spaBase}/home`,
+    },
+  ]);
+
   return {
     pages: [
       {

package/src/loader.scss

@@ -0,0 +1,9 @@
+@import "~@openmrs/esm-styleguide/src/vars";
+@import "~carbon-components/src/globals/scss/vars";
+
+.loading {
+  display: flex;
+  background-color: $openmrs-background-grey;
+  justify-content: center;
+  min-height: $spacing-09;
+}

package/tsconfig.json

@@ -1,23 +1,26 @@
-{
-  "compilerOptions": {
-    "esModuleInterop": true,
-    "module": "esnext",
-    "allowSyntheticDefaultImports": true,
-    "jsx": "react",
-    "skipLibCheck": true,
-    "moduleResolution": "node",
-    "lib": [
-      "dom",
-      "es5",
-      "scripthost",
-      "es2015",
-      "es2015.promise",
-      "es2016.array.include",
-      "es2018",
-      "es2020"
-    ],
-    "resolveJsonModule": true,
-    "noEmit": true,
-    "target": "esnext"
-  }
-}
+{
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "module": "esnext",
+    "allowSyntheticDefaultImports": true,
+    "jsx": "react",
+    "skipLibCheck": true,
+    "moduleResolution": "node",
+    "lib": [
+      "dom",
+      "es5",
+      "scripthost",
+      "es2015",
+      "es2015.promise",
+      "es2016.array.include",
+      "es2018",
+      "es2020"
+    ],
+    "resolveJsonModule": true,
+    "noEmit": true,
+    "target": "esnext",
+    // "paths": {
+    //   "@openmrs/*": ["./node_modules/@openmrs/*"]
+    // }
+  }
+}

package/.husky/pre-commit

@@ -1,6 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-set -e  # die on error
-
-npx pretty-quick --staged

package/.husky/pre-push

@@ -1,6 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-set -e  # die on error
-
-yarn verify