fix(react-formio): Fix issue on Form hook

tsedio · Feb 23, 2021 · 80543f1 · 80543f1
1 parent 0b47eea
commit 80543f1
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 6 deletions.
diff --git a/packages/react-formio/src/components/form-access/formAccess.component.tsx b/packages/react-formio/src/components/form-access/formAccess.component.tsx
@@ -25,6 +25,11 @@ export function FormAccess({
   onSubmit,
   options
 }: PropsWithChildren<FormAccessProps>): ReactElement {
+  const submissionAccess = {
+    data: formAccessToSubmission(form.submissionAccess)
+  };
+  const access = { data: formAccessToSubmission(form.access) };
+
   return (
     <div>
       {children}
@@ -35,7 +40,7 @@ export function FormAccess({
             form={getSubmissionPermissionForm({
               choices: mapRoles(roles)
             })}
-            submission={{ data: formAccessToSubmission(form.submissionAccess) }}
+            submission={submissionAccess}
             onSubmit={(data: any) => {
               onSubmit(mapSubmissionAccess("submissionAccess", form, data));
             }}
@@ -82,11 +87,11 @@ export function FormAccess({
             form={getAccessPermissionForm({
               choices: mapRoles(roles)
             })}
-            submission={{ data: formAccessToSubmission(form.access) }}
+            submission={access}
             onSubmit={(data: any) => {
               onSubmit(mapSubmissionAccess("access", form, data));
             }}
-            options={{ ...{ template: "bootstrap3", iconset: "fa" } }}
+            options={options}
           />
 
           {children}

diff --git a/packages/react-formio/src/components/form-access/formAccess.stories.tsx b/packages/react-formio/src/components/form-access/formAccess.stories.tsx
@@ -29,7 +29,9 @@ export default {
 export const Sandbox = (args: any) => {
   // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
   // @ts-ignore
-  return <FormAccess {...args} />;
+  return (
+    <FormAccess {...args} options={{ template: "tailwind", iconset: "bx" }} />
+  );
 };
 
 Sandbox.args = {
@@ -48,7 +50,12 @@ Sandbox.args = {
         type: "read_all"
       }
     ],
-    submissionAccess: [],
+    submissionAccess: [
+      {
+        roles: ["5d0797bc872fc747da559858"],
+        type: "read_all"
+      }
+    ],
     controller: "",
     properties: {},
     settings: {},

diff --git a/packages/react-formio/src/components/form-action/formAction.stories.tsx b/packages/react-formio/src/components/form-action/formAction.stories.tsx
@@ -6,6 +6,7 @@ export default {
   component: FormAction,
   argTypes: {
     onSubmit: { action: "onSubmit" },
+
     type: {
       control: {
         type: "object"

diff --git a/packages/react-formio/src/components/form/useForm.hook.ts b/packages/react-formio/src/components/form/useForm.hook.ts
@@ -35,7 +35,8 @@ export const useForm = ({
   const initializeFormio = (): void => {
     if (instance.current && instance.current.ready) {
       instance.current.onAny(onAnyEvent);
-      if (submission) {
+
+      if (formio.current && submission) {
         formio.current.submission = submission;
       }
     }
@@ -58,6 +59,10 @@ export const useForm = ({
       onFormReady(formioInstance);
     }
 
+    if (submission) {
+      formio.current.submission = submission;
+    }
+
     return formio.current;
   };