Make the showing/hiding reference number field configurable

openmrs · Jan 10, 2025 · 6b0f786 · 6b0f786
1 parent 583aa07
commit 6b0f786
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 29 deletions.
diff --git a/packages/esm-patient-orders-app/src/config-schema.ts b/packages/esm-patient-orders-app/src/config-schema.ts
@@ -41,6 +41,12 @@ export const configSchema = {
       },
     },
   },
+  showReferenceNumberField: {
+    _type: Type.Boolean,
+    _default: true,
+    _description:
+      'Whether to display the Reference number field in the Order form. This field maps to the accesion_number property in the Order data model',
+  },
 };
 
 export interface OrderTypeDefinition {
@@ -54,4 +60,5 @@ export interface ConfigObject {
   orderEncounterType: string;
   showPrintButton: boolean;
   orderTypes: Array<OrderTypeDefinition>;
+  showReferenceNumberField: boolean;
 }
diff --git a/...p/src/order-basket/general-order-type/general-order-form/general-order-form.component.tsx b/...p/src/order-basket/general-order-type/general-order-form/general-order-form.component.tsx
@@ -54,6 +54,7 @@ export function OrderForm({
   const { orders, setOrders } = useOrderBasket<OrderBasketItem>(orderTypeUuid, prepOrderPostData);
   const [showErrorNotification, setShowErrorNotification] = useState(false);
   const { orderType } = useOrderType(orderTypeUuid);
+  const config = useConfig<ConfigObject>();
 
   const OrderFormSchema = useMemo(
     () =>
@@ -156,31 +157,33 @@ export function OrderForm({
               </InputWrapper>
             </Column>
           </Grid>
-          <Grid className={styles.gridRow}>
-            <Column lg={16} md={8} sm={4}>
-              <InputWrapper>
-                <Controller
-                  name="accessionNumber"
-                  control={control}
-                  render={({ field: { onChange, onBlur, value } }) => (
-                    <TextInput
-                      id="labReferenceNumberInput"
-                      invalid={!!errors.accessionNumber}
-                      invalidText={errors.accessionNumber?.message}
-                      labelText={t('referenceNumber', 'Reference number', {
-                        orderType: orderType?.display,
-                      })}
-                      maxLength={150}
-                      onBlur={onBlur}
-                      onChange={onChange}
-                      size={responsiveSize}
-                      value={value}
-                    />
-                  )}
-                />
-              </InputWrapper>
-            </Column>
-          </Grid>
+          {config.showReferenceNumberField && (
+            <Grid className={styles.gridRow}>
+              <Column lg={16} md={8} sm={4}>
+                <InputWrapper>
+                  <Controller
+                    name="accessionNumber"
+                    control={control}
+                    render={({ field: { onChange, onBlur, value } }) => (
+                      <TextInput
+                        id="labReferenceNumberInput"
+                        invalid={!!errors.accessionNumber}
+                        invalidText={errors.accessionNumber?.message}
+                        labelText={t('referenceNumber', 'Reference number', {
+                          orderType: orderType?.display,
+                        })}
+                        maxLength={150}
+                        onBlur={onBlur}
+                        onChange={onChange}
+                        size={responsiveSize}
+                        value={value}
+                      />
+                    )}
+                  />
+                </InputWrapper>
+              </Column>
+            </Grid>
+          )}
           <Grid className={styles.gridRow}>
             <Column lg={8} md={8} sm={4}>
               <InputWrapper>

diff --git a/packages/esm-patient-tests-app/src/config-schema.ts b/packages/esm-patient-tests-app/src/config-schema.ts
@@ -47,11 +47,11 @@ export const configSchema = {
       _default: ['1748a953-d12e-4be1-914c-f6b096c6cdef'],
     },
   },
-  showLabReferenceNumberField: {
+  showReferenceNumberField: {
     _type: Type.Boolean,
     _default: true,
     _description:
-      'Whether to display the Lab Reference number field in the Lab Order form. This field maps to the accesion_number property in the Order data model',
+      'Whether to display the Reference number field in the Test Order form. This field maps to the accesion_number property in the Order data model',
   },
   additionalTestOrderTypes: {
     _type: Type.Array,
@@ -130,7 +130,7 @@ export interface ConfigObject {
     labOrderTypeUuid: string;
     labOrderableConcepts: Array<string>;
   };
-  showLabReferenceNumberField: boolean;
+  showReferenceNumberField: boolean;
   additionalTestOrderTypes: Array<{
     label?: string;
     orderTypeUuid: string;

diff --git a/packages/esm-patient-tests-app/src/test-orders/add-test-order/test-order-form.component.tsx b/packages/esm-patient-tests-app/src/test-orders/add-test-order/test-order-form.component.tsx
@@ -187,7 +187,7 @@ export function LabOrderForm({
               </InputWrapper>
             </Column>
           </Grid>
-          {config.showLabReferenceNumberField ? (
+          {config.showReferenceNumberField ? (
             <Grid className={styles.gridRow}>
               <Column lg={16} md={8} sm={4}>
                 <InputWrapper>