@ixon-cdk/iframe-adapter 1.2.0 → 1.3.0-next.0

package/index.js

@@ -14,6 +14,18 @@ const EVENTS = {
   ResourceDataClientRender: `${EVENT_NS}rdc:render`,
   ResourceDataClientRenderResult: `${EVENT_NS}rdc:renderresult`,
 
+  // ActionBottomSheet
+  OpenActionBottomSheet: `${EVENT_NS}openactionbottomsheet`,
+  OpenActionBottomSheetResult: `${EVENT_NS}openactionbottomsheetresult`,
+
+  // Dialogs
+  OpenAlertDialog: `${EVENT_NS}openalertdialog`,
+  OpenAlertDialogResult: `${EVENT_NS}openalertdialogresult`,
+  OpenConfirmDialog: `${EVENT_NS}openconfirmdialog`,
+  OpenConfirmDialogResult: `${EVENT_NS}openconfirmdialogresult`,
+  OpenFormDialog: `${EVENT_NS}openformdialog`,
+  OpenFormDialogResult: `${EVENT_NS}openformdialogresult`,
+
   // VPN
   ShowVpnStatusDetails: `${EVENT_NS}showvpnstatusdetails`,
   ToggleVpn: `${EVENT_NS}togglevpn`,
@@ -132,6 +144,102 @@ class ComponentContext {
     );
   }
 
+  openActionBottomSheet(options) {
+    return new Promise(resolve => {
+      window.addEventListener(
+        'message',
+        _actionBottomSheetResultHandler,
+        false,
+      );
+
+      window.parent.postMessage(
+        { type: EVENTS.OpenActionBottomSheet, payload: { options } },
+        '*',
+      );
+
+      function _actionBottomSheetResultHandler(event) {
+        if (event.source !== window.parent) {
+          return;
+        }
+
+        if (event.data.type === EVENTS.OpenActionBottomSheetResult) {
+          window.removeEventListener(
+            'message',
+            _actionBottomSheetResultHandler,
+            false,
+          );
+          resolve(event.data.payload.result);
+        }
+      }
+    });
+  }
+
+  openAlertDialog(options) {
+    return new Promise(resolve => {
+      window.addEventListener('message', _dialogResultHandler, false);
+
+      window.parent.postMessage(
+        { type: EVENTS.OpenAlertDialog, payload: { options } },
+        '*',
+      );
+
+      function _dialogResultHandler(event) {
+        if (event.source !== window.parent) {
+          return;
+        }
+
+        if (event.data.type === EVENTS.OpenAlertDialogResult) {
+          window.removeEventListener('message', _dialogResultHandler, false);
+          resolve(event.data.payload.result);
+        }
+      }
+    });
+  }
+
+  openConfirmDialog(options) {
+    return new Promise(resolve => {
+      window.addEventListener('message', _dialogResultHandler, false);
+
+      window.parent.postMessage(
+        { type: EVENTS.OpenConfirmDialog, payload: { options } },
+        '*',
+      );
+
+      function _dialogResultHandler(event) {
+        if (event.source !== window.parent) {
+          return;
+        }
+
+        if (event.data.type === EVENTS.OpenConfirmDialogResult) {
+          window.removeEventListener('message', _dialogResultHandler, false);
+          resolve(event.data.payload.result);
+        }
+      }
+    });
+  }
+
+  openFormDialog(options) {
+    return new Promise(resolve => {
+      window.addEventListener('message', _dialogResultHandler, false);
+
+      window.parent.postMessage(
+        { type: EVENTS.OpenFormDialog, payload: { options } },
+        '*',
+      );
+
+      function _dialogResultHandler(event) {
+        if (event.source !== window.parent) {
+          return;
+        }
+
+        if (event.data.type === EVENTS.OpenFormDialogResult) {
+          window.removeEventListener('message', _dialogResultHandler, false);
+          resolve(event.data.payload.result);
+        }
+      }
+    });
+  }
+
   saveAsFile() {
     throw new NotImplementedError();
   }
@@ -425,6 +533,48 @@ export function connect({ iframe, context }) {
         break;
       }
 
+      /**
+       * ActionBottomSheet
+       */
+      case EVENTS.OpenActionBottomSheet:
+        context
+          .openActionBottomSheet(event.data.payload.options)
+          .then(result => {
+            iframe.contentWindow.postMessage(
+              { type: EVENTS.OpenActionBottomSheetResult, payload: { result } },
+              '*',
+            );
+          });
+        break;
+
+      /**
+       * Dialogs
+       */
+      case EVENTS.OpenAlertDialog:
+        context.openAlertDialog(event.data.payload.options).then(result => {
+          iframe.contentWindow.postMessage(
+            { type: EVENTS.OpenAlertDialogResult, payload: { result } },
+            '*',
+          );
+        });
+        break;
+      case EVENTS.OpenConfirmDialog:
+        context.openConfirmDialog(event.data.payload.options).then(result => {
+          iframe.contentWindow.postMessage(
+            { type: EVENTS.OpenConfirmDialogResult, payload: { result } },
+            '*',
+          );
+        });
+        break;
+      case EVENTS.OpenFormDialog:
+        context.openFormDialog(event.data.payload.options).then(result => {
+          iframe.contentWindow.postMessage(
+            { type: EVENTS.OpenFormDialogResult, payload: { result } },
+            '*',
+          );
+        });
+        break;
+
       /**
        * VPN
        */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ixon-cdk/iframe-adapter",
-  "version": "1.2.0",
+  "version": "1.3.0-next.0",
   "description": "",
   "main": "index.js",
   "author": "",
@@ -10,6 +10,6 @@
     "index.d.ts"
   ],
   "peerDependencies": {
-    "@ixon-cdk/types": "^1.2.0"
+    "@ixon-cdk/types": "^1.3.0-next.0"
   }
 }