Add parentEvent parameters to onSave and onClose events

Author: marcveens

CHANGELOG.md

@@ -1,4 +1,4 @@
-# 0.1.6
+# 0.1.7
 - Added `parentEvent` parameters to `onSave` and `onClose` events when the callbacks are triggered by another event.
 
 # 0.1.5

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "react-drawio",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "type": "module",
   "description": "React component for integrating the Diagrams (draw.io) embed iframe",
   "main": "index.js",

package.json

@@ -36,79 +36,84 @@ export const DrawIoEmbed = forwardRef<DrawIoEmbedRef, DrawIoEmbedProps>(
     const [isInitialized, setIsInitialized] = useState(false);
 
     const messageHandler = (evt: MessageEvent) => {
-      handleEvent(evt, {
-        init: () => {
-          setIsInitialized(true);
-        },
-        load: (data) => {
-          if (onLoad) {
-            onLoad(data);
-          }
-        },
-        configure: (data) => {
-          if (configuration) {
-            action.configure({ config: configuration });
-          }
+      handleEvent(
+        evt,
+        {
+          init: () => {
+            setIsInitialized(true);
+          },
+          load: (data) => {
+            if (onLoad) {
+              onLoad(data);
+            }
+          },
+          configure: (data) => {
+            if (configuration) {
+              action.configure({ config: configuration });
+            }
 
-          if (onConfigure) {
-            onConfigure(data);
-          }
-        },
-        save: (data) => {
-          action.exportDiagram({
-            format: exportFormat || 'xmlsvg',
-            // @ts-ignore not allowed normally, but only for internal use
-            exit: data.exit
-          });
-        },
-        exit: (data) => {
-          if (onClose) {
-            onClose(data);
-          }
-        },
-        draft: (data) => {
-          if (onDraft) {
-            onDraft(data);
-          }
-        },
-        export: (data) => {
-          if (onSave) {
-            onSave({
-              event: 'save',
-              xml: data.data,
-              parentEvent: 'export'
+            if (onConfigure) {
+              onConfigure(data);
+            }
+          },
+          save: (data) => {
+            action.exportDiagram({
+              format: exportFormat || 'xmlsvg',
+              // @ts-ignore not allowed normally, but only for internal use
+              exit: data.exit,
+              parentEvent: 'save'
             });
-          }
+          },
+          exit: (data) => {
+            if (onClose) {
+              onClose(data);
+            }
+          },
+          draft: (data) => {
+            if (onDraft) {
+              onDraft(data);
+            }
+          },
+          export: (data) => {
+            if (onSave) {
+              onSave({
+                event: 'save',
+                xml: data.data,
+                parentEvent: data.message.parentEvent || 'export'
+              });
+            }
 
-          if (onExport) {
-            onExport(data);
-          }
+            if (onExport) {
+              onExport(data);
+            }
 
-          // @ts-ignore not allowed normally, but only for internal use
-          if (data.message.exit && onClose) {
-            onClose({
-              event: 'exit',
-              modified: true,
-              parentEvent: 'export'
-            });
-          }
-        },
-        merge: (data) => {
-          if (onMerge) {
-            onMerge(data);
-          }
-        },
-        prompt: (data) => {
-          if (onPrompt) {
-            onPrompt(data);
+            // @ts-ignore not allowed normally, but only for internal use
+            if (data.message.exit && onClose) {
+              onClose({
+                event: 'exit',
+                modified: true,
+                parentEvent: data.message.parentEvent || 'export'
+              });
+            }
+          },
+          merge: (data) => {
+            if (onMerge) {
+              onMerge(data);
+            }
+          },
+          prompt: (data) => {
+            if (onPrompt) {
+              onPrompt(data);
+            }
+          },
+          template: (data) => {
+            if (onTemplate) {
+              onTemplate(data);
+            }
           }
         },
-        template: (data) => {
-          if (onTemplate) {
-            onTemplate(data);
-          }
-        }
-      }, baseUrl);
+        baseUrl
+      );
     };
 
     useImperativeHandle(

src/DrawIoEmbed.tsx

@@ -1,5 +1,18 @@
 import { RefObject } from 'react';
-import { ActionConfigure, ActionDialog, ActionDraft, ActionExport, ActionLayout, ActionLoad, ActionMerge, ActionPrompt, ActionSpinner, ActionStatus, ActionTemplate, EmbedActions } from '../types';
+import {
+  ActionConfigure,
+  ActionDialog,
+  ActionDraft,
+  ActionExport,
+  ActionLayout,
+  ActionLoad,
+  ActionMerge,
+  ActionPrompt,
+  ActionSpinner,
+  ActionStatus,
+  ActionTemplate,
+  EmbedActions
+} from '../types';
 
 type UniqueActionProps<T> = Omit<T, 'action'>;
 

src/hooks/useActions.ts

@@ -238,4 +238,5 @@ export type ActionExport = {
   data?: string;
   message?: string;
   xml?: string;
+  parentEvent?: string;
 };