@mcurros2/microm 1.1.89-0 → 1.1.92-0

package/dist/index.js

@@ -412,6 +412,19 @@ function $8b0c683387a5432f$export$f1f43a62560a15ec(props) {
         setNotifyValidationError,
         saveAndGetOnSubmit
     ]);
+    // Validation, InitialValues, InitialDirty
+    const addValidation = (0, $b4te3$react.useCallback)((column, validation)=>{
+        var _a;
+        if (validation) validationObject.current[column.name] = validation;
+        if (initialFormMode === "add" || forceDirty) initialDirty.current[column.name] = column.value !== "" || column.value !== null || column.value !== undefined ? true : false;
+        initialValues.current[column.name] = (_a = column.value) !== null && _a !== void 0 ? _a : "";
+    }, [
+        forceDirty,
+        initialFormMode
+    ]);
+    const removeValidation = (0, $b4te3$react.useCallback)((column)=>{
+        delete validationObject.current[column.name];
+    }, []);
     (0, $b4te3$react.useEffect)(()=>{
         const cancellation = getAbortController.current;
         if (getDataOnInit) {
@@ -444,19 +457,6 @@ function $8b0c683387a5432f$export$f1f43a62560a15ec(props) {
     }, [
         initialFormMode
     ]);
-    // Validation, InitialValues, InitialDirty
-    const addValidation = (0, $b4te3$react.useCallback)((column, validation)=>{
-        var _a;
-        if (validation) validationObject.current[column.name] = validation;
-        if (initialFormMode === "add" || forceDirty) initialDirty.current[column.name] = column.value !== "" || column.value !== null || column.value !== undefined ? true : false;
-        initialValues.current[column.name] = (_a = column.value) !== null && _a !== void 0 ? _a : "";
-    }, [
-        forceDirty,
-        initialFormMode
-    ]);
-    const removeValidation = (0, $b4te3$react.useCallback)((column)=>{
-        delete validationObject.current[column.name];
-    }, []);
     const result = (0, $b4te3$react.useMemo)(()=>({
             form: form,
             formMode: formMode,
@@ -47831,6 +47831,33 @@ $parcel$export(module.exports, "EntityFormPage", function () { return $637861954
 
 parcelRequire("7xGLy");
 var $gYKfx = parcelRequire("gYKfx");
+var $637861954d3d6876$var$__awaiter = undefined && undefined.__awaiter || function(thisArg, _arguments, P, generator) {
+    function adopt(value) {
+        return value instanceof P ? value : new P(function(resolve) {
+            resolve(value);
+        });
+    }
+    return new (P || (P = Promise))(function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function rejected(value) {
+            try {
+                step(generator["throw"](value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function step(result) {
+            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 var $637861954d3d6876$var$__rest = undefined && undefined.__rest || function(s, e) {
     var t = {};
     for(var p in s)if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -47844,13 +47871,16 @@ const $637861954d3d6876$export$e73f1d9fe021a92b = {
     defaultLoadingComponent: (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Skeleton), {})
 };
 function $637861954d3d6876$export$bf63b1212bff1393(props) {
-    const _a = (0, $b4te3$mantinecore.useComponentDefaultProps)("EntityFormPage", $637861954d3d6876$export$e73f1d9fe021a92b, props), { entityConstructor: entityConstructor, client: client, defaultLoadingComponent: defaultLoadingComponent } = _a, rest = $637861954d3d6876$var$__rest(_a, [
+    const _a = (0, $b4te3$mantinecore.useComponentDefaultProps)("EntityFormPage", $637861954d3d6876$export$e73f1d9fe021a92b, props), { entityConstructor: entityConstructor, client: client, defaultLoadingComponent: defaultLoadingComponent, saveBeforeLocalNavigation: saveBeforeLocalNavigation, saveBeforeRemoteNavigation: saveBeforeRemoteNavigation } = _a, rest = $637861954d3d6876$var$__rest(_a, [
         "entityConstructor",
         "client",
-        "defaultLoadingComponent"
+        "defaultLoadingComponent",
+        "saveBeforeLocalNavigation",
+        "saveBeforeRemoteNavigation"
     ]);
     const [entityForm, setEntityForm] = (0, $b4te3$react.useState)(null);
     const entityRef = (0, $b4te3$react.useRef)(null);
+    const entity = entityRef.current;
     // MMC: note that rest properties are not used in the useEffect dependency array as using ...rest will create a new object on every render
     (0, $b4te3$react.useEffect)(()=>{
         if (!entityRef.current) entityRef.current = entityConstructor(client);
@@ -47868,6 +47898,38 @@ function $637861954d3d6876$export$bf63b1212bff1393(props) {
         client,
         entityConstructor
     ]);
+    // save before navigation
+    (0, $b4te3$react.useEffect)(()=>{
+        const handleBeforeUnload = ()=>$637861954d3d6876$var$__awaiter(this, void 0, void 0, function*() {
+                try {
+                    if (saveBeforeRemoteNavigation && entity) yield entity.API.editData();
+                } catch (ex) {
+                    console.error("SaveBeforeRemoteNavigation", ex);
+                }
+            });
+        window.addEventListener("beforeunload", handleBeforeUnload);
+        return ()=>{
+            window.removeEventListener("beforeunload", handleBeforeUnload);
+        };
+    }, [
+        saveBeforeRemoteNavigation
+    ]);
+    const prevLocationRef = (0, $b4te3$react.useRef)(window.location.hash);
+    (0, $b4te3$react.useEffect)(()=>{
+        const handleLocalNavigation = ()=>$637861954d3d6876$var$__awaiter(this, void 0, void 0, function*() {
+                try {
+                    if (saveBeforeLocalNavigation && entity && prevLocationRef.current !== window.location.hash) yield entity.API.editData();
+                } catch (ex) {
+                    console.error("SaveBeforeLocalNavigation", ex);
+                }
+            });
+        window.addEventListener("hashchange", handleLocalNavigation);
+        return ()=>{
+            window.removeEventListener("hashchange", handleLocalNavigation);
+        };
+    }, [
+        saveBeforeLocalNavigation
+    ]);
     return (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$reactjsxruntime.Fragment), {
         children: entityForm || defaultLoadingComponent
     });