From 4376273836aae70ca919a225f37fcfe4140f9fc1 Mon Sep 17 00:00:00 2001
From: Pavel Denisjuk <pavel@webiny.com>
Date: Wed, 15 May 2024 16:03:53 +0200
Subject: [PATCH 1/3] fix(app-record-locking): disable Prompt on force unlock
 [skip ci]

---
 .../HeadlessCmsContentEntry/ContentEntryLocker.tsx         | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/app-record-locking/src/components/HeadlessCmsContentEntry/ContentEntryLocker.tsx b/packages/app-record-locking/src/components/HeadlessCmsContentEntry/ContentEntryLocker.tsx
index 6e7944059aa..1ba1d3b0890 100644
--- a/packages/app-record-locking/src/components/HeadlessCmsContentEntry/ContentEntryLocker.tsx
+++ b/packages/app-record-locking/src/components/HeadlessCmsContentEntry/ContentEntryLocker.tsx
@@ -35,6 +35,7 @@ const ForceUnlocked = ({ user }: IForceUnlockedProps) => {
 };
 
 export const ContentEntryLocker = ({ children }: IContentEntryLockerProps) => {
+    const disablePrompt = useRef(false);
     const { entry, contentModel: model } = useContentEntry();
     const { updateEntryLock, unlockEntry, fetchLockedEntryLockRecord, removeEntryLock } =
         useRecordLocking();
@@ -50,9 +51,8 @@ export const ContentEntryLocker = ({ children }: IContentEntryLockerProps) => {
     const PromptDecorator = useMemo(() => {
         return Prompt.createDecorator(Original => {
             return function Prompt(props) {
-                return <Original {...props} />;
-                // const when = disablePrompt.current === true ? false : props.when;
-                // return <Original message={props.message} when={when} />;
+                const when = disablePrompt.current === true ? false : props.when;
+                return <Original message={props.message} when={when} />;
             };
         });
     }, []);
@@ -74,6 +74,7 @@ export const ContentEntryLocker = ({ children }: IContentEntryLockerProps) => {
                     $lockingType: model.modelId
                 };
                 removeEntryLock(record);
+                disablePrompt.current = true;
                 showDialog({
                     title: "Entry was forcefully unlocked",
                     content: <ForceUnlocked user={user} />,

From e750e8077887ab49eb80f3a9ab81dd7589bc4875 Mon Sep 17 00:00:00 2001
From: Pavel Denisjuk <pavel@webiny.com>
Date: Wed, 15 May 2024 21:51:53 +0200
Subject: [PATCH 2/3] fix(form): store form callbacks to ref [skip ci]

---
 packages/form/src/Form.tsx | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/packages/form/src/Form.tsx b/packages/form/src/Form.tsx
index 6d8573b9d87..570dbf3bb2c 100644
--- a/packages/form/src/Form.tsx
+++ b/packages/form/src/Form.tsx
@@ -9,22 +9,32 @@ import { FormContext } from "./FormContext";
 import { FormPresenter } from "./FormPresenter";
 import { FormAPI } from "./FormApi";
 
+type Callbacks<T> = Pick<FormProps<T>, "onChange" | "onInvalid">;
+
 function FormInner<T extends GenericFormData = GenericFormData>(
     props: FormProps<T>,
     ref: React.ForwardedRef<any>
 ) {
     const dataRef = useRef(props.data);
+    const callbacksRef = useRef<Callbacks<T>>({
+        onChange: props.onChange,
+        onInvalid: props.onInvalid
+    });
 
     const presenter = useMemo(() => {
         const presenter = new FormPresenter<T>();
         presenter.init({
             data: (props.data || {}) as T,
             onChange: data => {
-                if (typeof props.onChange === "function") {
-                    props.onChange(data, formApi);
+                if (typeof callbacksRef.current.onChange === "function") {
+                    callbacksRef.current.onChange(data, formApi);
                 }
             },
-            onInvalid: props.onInvalid
+            onInvalid: (...args) => {
+                if (typeof callbacksRef.current.onInvalid === "function") {
+                    callbacksRef.current.onInvalid(...args);
+                }
+            }
         });
         return presenter;
     }, []);
@@ -45,6 +55,13 @@ function FormInner<T extends GenericFormData = GenericFormData>(
         });
     }, [props.onSubmit, props.disabled, props.validateOnFirstSubmit]);
 
+    useEffect(() => {
+        callbacksRef.current = {
+            onChange: props.onChange,
+            onInvalid: props.onInvalid
+        };
+    }, [props.onChange, props.onInvalid]);
+
     useEffect(() => {
         presenter.setInvalidFields(props.invalidFields || {});
     }, [props.invalidFields]);

From c921777cbb9cd922323fde135544feca7c6b0c31 Mon Sep 17 00:00:00 2001
From: Pavel Denisjuk <pavel@webiny.com>
Date: Thu, 16 May 2024 11:56:07 +0200
Subject: [PATCH 3/3] fix(form): set defaultValue in action [skip ci]

---
 packages/form/src/Form.tsx         |  2 ++
 packages/form/src/FormPresenter.ts | 10 ++++++----
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/form/src/Form.tsx b/packages/form/src/Form.tsx
index 570dbf3bb2c..1f1a3f623fa 100644
--- a/packages/form/src/Form.tsx
+++ b/packages/form/src/Form.tsx
@@ -134,3 +134,5 @@ export const Form = observer(
         props: FormProps<T> & { ref?: React.ForwardedRef<any> }
     ) => ReturnType<typeof FormInner<T>>
 );
+
+Form.displayName = "Form";
diff --git a/packages/form/src/FormPresenter.ts b/packages/form/src/FormPresenter.ts
index 5053301a2d8..1f7095450e3 100644
--- a/packages/form/src/FormPresenter.ts
+++ b/packages/form/src/FormPresenter.ts
@@ -160,11 +160,13 @@ export class FormPresenter<T extends GenericFormData = GenericFormData> {
         const defaultValue = field.getDefaultValue();
 
         requestAnimationFrame(() => {
-            if (emptyValues.includes(currentFieldValue) && defaultValue !== undefined) {
-                lodashSet(this.data, fieldName, defaultValue);
-            }
+            runInAction(() => {
+                if (emptyValues.includes(currentFieldValue) && defaultValue !== undefined) {
+                    lodashSet(this.data, fieldName, defaultValue);
+                }
 
-            this.formFields.set(props.name, field);
+                this.formFields.set(props.name, field);
+            });
         });
     }