@openmrs/esm-form-engine-lib 2.1.0-pre.1476 → 2.1.0-pre.1478

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-form-engine-lib",
-  "version": "2.1.0-pre.1476",
+  "version": "2.1.0-pre.1478",
   "description": "React Form Engine for O3",
   "browser": "dist/openmrs-esm-form-engine-lib.js",
   "main": "src/index.ts",

package/src/components/processor-factory/form-processor-factory.component.tsx

@@ -113,6 +113,7 @@ const FormProcessorFactory = ({
         <FormRenderer
           processorContext={processorContext}
           initialValues={initialValues}
+          isSubForm={isSubForm}
           setIsLoadingFormDependencies={setIsLoadingFormDependencies}
         />
       )}

package/src/components/renderer/form/form-renderer.component.tsx

@@ -13,10 +13,16 @@ import { useFormStateHelpers } from '../../../hooks/useFormStateHelpers';
 export type FormRendererProps = {
   processorContext: FormProcessorContextProps;
   initialValues: Record<string, any>;
+  isSubForm: boolean;
   setIsLoadingFormDependencies: (isLoading: boolean) => void;
 };
 
-export const FormRenderer = ({ processorContext, initialValues, setIsLoadingFormDependencies }: FormRendererProps) => {
+export const FormRenderer = ({
+  processorContext,
+  initialValues,
+  isSubForm,
+  setIsLoadingFormDependencies,
+}: FormRendererProps) => {
   const { evaluatedFields, evaluatedFormJson } = useEvaluateFormFieldExpressions(initialValues, processorContext);
   const { registerForm, setIsFormDirty, workspaceLayout } = useFormFactory();
   const methods = useForm({
@@ -64,8 +70,8 @@ export const FormRenderer = ({ processorContext, initialValues, setIsLoadingForm
   }, [processorContext, workspaceLayout, methods, formFields, formJson, invalidFields]);
 
   useEffect(() => {
-    registerForm(formJson.name, context);
-  }, [formJson.name, context]);
+    registerForm(formJson.name, isSubForm, context);
+  }, [formJson.name, isSubForm, context]);
 
   useEffect(() => {
     setIsFormDirty(isDirty);
@@ -91,12 +97,7 @@ export const FormRenderer = ({ processorContext, initialValues, setIsLoadingForm
             />
           );
         }
-        return (
-          <PageRenderer
-            key={page.label}
-            page={page}
-          />
-        );
+        return <PageRenderer key={page.label} page={page} />;
       })}
     </FormProvider>
   );

package/src/form-engine.component.tsx

@@ -35,7 +35,6 @@ interface FormEngineProps {
 // TODOs:
 // - Implement sidebar
 // - Conditionally render the button set
-// - Patient banner
 const FormEngine = ({
   formJson,
   patientUUID,

package/src/provider/form-factory-provider.tsx

@@ -26,7 +26,7 @@ interface FormFactoryProviderContextProps {
   visit: OpenmrsResource;
   location: OpenmrsResource;
   provider: OpenmrsResource;
-  registerForm: (formId: string, context: FormContextProps) => void;
+  registerForm: (formId: string, isSubForm: boolean, context: FormContextProps) => void;
   setCurrentPage: (page: string) => void;
   handleConfirmQuestionDeletion?: (question: Readonly<FormField>) => Promise<void>;
   setIsFormDirty: (isFormDirty: boolean) => void;
@@ -80,11 +80,11 @@ export const FormFactoryProvider: React.FC<FormFactoryProviderProps> = ({
 
   const abortController = new AbortController();
 
-  const registerForm = useCallback((formId: string, context: FormContextProps) => {
-    if (!rootForm.current) {
-      rootForm.current = context;
-    } else if (rootForm.current.formJson.name !== formId) {
+  const registerForm = useCallback((formId: string, isSubForm: boolean, context: FormContextProps) => {
+    if (isSubForm) {
       subForms.current[formId] = context;
+    } else {
+      rootForm.current = context;
     }
   }, []);