@reltio/components 1.4.1128 → 1.4.1129

package/cjs/hooks/useAPI/API.js

@@ -181,15 +181,15 @@ var processRequest = function (_a) {
             break;
         }
         case types_1.RequestAction.ALERT: {
-            window.alert(paramObject.params.text);
+            worker.postMessage(__assign({ action: 'response', result: window.alert(paramObject.params.text) }, paramObject.params));
             break;
         }
         case types_1.RequestAction.CONFIRM: {
-            window.confirm(paramObject.params.text);
+            worker.postMessage(__assign({ action: 'response', result: window.confirm(paramObject.params.text) }, paramObject.params));
             break;
         }
         case types_1.RequestAction.PROMPT: {
-            window.prompt(paramObject.params.text, paramObject.params.defaultText || '');
+            worker.postMessage(__assign({ action: 'response', result: window.prompt(paramObject.params.text, paramObject.params.defaultText || '') }, paramObject.params));
             break;
         }
         case types_1.RequestAction.OPEN_WINDOW: {

package/cjs/hooks/useAPI/types.d.ts

@@ -41,6 +41,7 @@ export declare type Params = {
     defaultText?: string;
     text?: string;
     html?: string;
+    type?: string;
 };
 export declare type ProcessRequestParams = {
     name: RequestAction;
@@ -79,7 +80,8 @@ export declare enum CustomAction {
     SET_WIDTH = "setWidth",
     RETURN_PROCESSED_API_RESPONSE = "returnProcessedApiResponse",
     RETURN_PROCESSED_API_REQUEST = "returnProcessedApiRequest",
-    REQUEST = "request"
+    REQUEST = "request",
+    EVENT = "event"
 }
 export declare type CustomActionTask = {
     action: CustomAction;

package/cjs/hooks/useAPI/types.js

@@ -39,4 +39,5 @@ var CustomAction;
     CustomAction["RETURN_PROCESSED_API_RESPONSE"] = "returnProcessedApiResponse";
     CustomAction["RETURN_PROCESSED_API_REQUEST"] = "returnProcessedApiRequest";
     CustomAction["REQUEST"] = "request";
+    CustomAction["EVENT"] = "event";
 })(CustomAction = exports.CustomAction || (exports.CustomAction = {}));

package/cjs/hooks/useAPI/useAPI.d.ts

@@ -1,5 +1,5 @@
 import { CustomViewConfig } from '@reltio/mdm-sdk';
-export declare const useAPI: (config: CustomViewConfig) => {
+export declare const useAPI: (config?: CustomViewConfig) => {
     html: HTMLElement;
     visible: boolean;
     tooltip: string;
@@ -10,4 +10,5 @@ export declare const useAPI: (config: CustomViewConfig) => {
     };
     message: string;
     onClosePopup: () => void;
+    onClick: () => void;
 };

package/cjs/hooks/useAPI/useAPI.js

@@ -41,13 +41,13 @@ var API_1 = require("./API");
 var helpers_1 = require("./helpers");
 var types_1 = require("./types");
 var useAPI = function (config) {
-    var _a = config.action, files = _a.files, permissions = _a.permissions;
-    var _b = react_1.useState(), html = _b[0], setHtml = _b[1];
-    var _c = react_1.useState([]), listenersToReset = _c[0], setListenersToReset = _c[1];
-    var _d = react_1.useState(true), visible = _d[0], setVisible = _d[1];
-    var _e = react_1.useState(null), tooltip = _e[0], setTooltip = _e[1];
-    var _f = react_1.useState(null), customStyles = _f[0], setCustomStyles = _f[1];
-    var _g = react_1.useState(''), message = _g[0], setMessage = _g[1];
+    if (config === void 0) { config = {}; }
+    var _a = react_1.useState(), html = _a[0], setHtml = _a[1];
+    var _b = react_1.useState([]), listenersToReset = _b[0], setListenersToReset = _b[1];
+    var _c = react_1.useState(true), visible = _c[0], setVisible = _c[1];
+    var _d = react_1.useState(null), tooltip = _d[0], setTooltip = _d[1];
+    var _e = react_1.useState(null), customStyles = _e[0], setCustomStyles = _e[1];
+    var _f = react_1.useState(''), message = _f[0], setMessage = _f[1];
     var dispatch = react_redux_1.useDispatch();
     var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata) || {};
     var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity) || {};
@@ -61,8 +61,9 @@ var useAPI = function (config) {
     var environment = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowEnvironmentUrl);
     var qxApi = react_1.useContext(contexts_1.SandboxAPIContext);
     var workflowCheckPermission = workflow_1.useWorkflowCheckPermission();
-    var _h = react_redux_1.useSelector(mdm_module_1.default.selectors.getSearchProviderData) || {}, typeSearch = _h.type, search = _h.data;
+    var _g = react_redux_1.useSelector(mdm_module_1.default.selectors.getSearchProviderData) || {}, typeSearch = _g.type, search = _g.data;
     var openSearch = function (search) { return dispatch(mdm_module_1.ui.actions.openSearch(search)); };
+    var workerRef = react_1.useRef();
     var process = function (task, worker, innerText) {
         if (task) {
             var handlersToReset_1 = [];
@@ -156,8 +157,7 @@ var useAPI = function (config) {
                     break;
                 }
                 case types_1.CustomAction.REQUEST: {
-                    API_1.processRequest(__assign({ name: task.params.name, paramObject: task, permissions: permissions,
-                        worker: worker,
+                    API_1.processRequest(__assign({ name: task.params.name, paramObject: task, permissions: config.action.permissions, worker: worker,
                         metadata: metadata, config: config, user: user,
                         apiPath: apiPath,
                         tenant: tenant,
@@ -172,21 +172,32 @@ var useAPI = function (config) {
         }
     };
     react_1.useEffect(function () {
-        var worker = mdm_sdk_1.initializeWebWorker(workerUrl, files, process);
-        return function () {
-            worker.terminate();
-        };
-    }, []);
+        if (!mdm_sdk_1.isEmptyValue(config.action)) {
+            workerRef.current = mdm_sdk_1.initializeWebWorker(workerUrl, config.action.files, process);
+            return function () {
+                workerRef.current.terminate();
+            };
+        }
+    }, [config]);
     react_1.useEffect(function () { return function () {
         listenersToReset.forEach(function (listener) { return listener(); });
     }; }, [listenersToReset]);
+    var onClick = react_1.useCallback(function () {
+        var _a;
+        (_a = workerRef.current) === null || _a === void 0 ? void 0 : _a.postMessage({
+            action: 'event',
+            type: 'execute',
+            data: null
+        });
+    }, [config]);
     return {
         html: html,
         visible: visible,
         tooltip: tooltip,
         customStyles: customStyles,
         message: message,
-        onClosePopup: function () { return setMessage(''); }
+        onClosePopup: function () { return setMessage(''); },
+        onClick: onClick
     };
 };
 exports.useAPI = useAPI;

package/esm/hooks/useAPI/API.js

@@ -178,15 +178,15 @@ export var processRequest = function (_a) {
             break;
         }
         case RequestAction.ALERT: {
-            window.alert(paramObject.params.text);
+            worker.postMessage(__assign({ action: 'response', result: window.alert(paramObject.params.text) }, paramObject.params));
             break;
         }
         case RequestAction.CONFIRM: {
-            window.confirm(paramObject.params.text);
+            worker.postMessage(__assign({ action: 'response', result: window.confirm(paramObject.params.text) }, paramObject.params));
             break;
         }
         case RequestAction.PROMPT: {
-            window.prompt(paramObject.params.text, paramObject.params.defaultText || '');
+            worker.postMessage(__assign({ action: 'response', result: window.prompt(paramObject.params.text, paramObject.params.defaultText || '') }, paramObject.params));
             break;
         }
         case RequestAction.OPEN_WINDOW: {

package/esm/hooks/useAPI/types.d.ts

@@ -41,6 +41,7 @@ export declare type Params = {
     defaultText?: string;
     text?: string;
     html?: string;
+    type?: string;
 };
 export declare type ProcessRequestParams = {
     name: RequestAction;
@@ -79,7 +80,8 @@ export declare enum CustomAction {
     SET_WIDTH = "setWidth",
     RETURN_PROCESSED_API_RESPONSE = "returnProcessedApiResponse",
     RETURN_PROCESSED_API_REQUEST = "returnProcessedApiRequest",
-    REQUEST = "request"
+    REQUEST = "request",
+    EVENT = "event"
 }
 export declare type CustomActionTask = {
     action: CustomAction;

package/esm/hooks/useAPI/types.js

@@ -36,4 +36,5 @@ export var CustomAction;
     CustomAction["RETURN_PROCESSED_API_RESPONSE"] = "returnProcessedApiResponse";
     CustomAction["RETURN_PROCESSED_API_REQUEST"] = "returnProcessedApiRequest";
     CustomAction["REQUEST"] = "request";
+    CustomAction["EVENT"] = "event";
 })(CustomAction || (CustomAction = {}));

package/esm/hooks/useAPI/useAPI.d.ts

@@ -1,5 +1,5 @@
 import { CustomViewConfig } from '@reltio/mdm-sdk';
-export declare const useAPI: (config: CustomViewConfig) => {
+export declare const useAPI: (config?: CustomViewConfig) => {
     html: HTMLElement;
     visible: boolean;
     tooltip: string;
@@ -10,4 +10,5 @@ export declare const useAPI: (config: CustomViewConfig) => {
     };
     message: string;
     onClosePopup: () => void;
+    onClick: () => void;
 };

package/esm/hooks/useAPI/useAPI.js

@@ -9,23 +9,23 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { useContext, useEffect, useState } from 'react';
+import { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import mdmModule, { ui } from '@reltio/mdm-module';
-import { initializeWebWorker } from '@reltio/mdm-sdk';
+import { initializeWebWorker, isEmptyValue } from '@reltio/mdm-sdk';
 import { useWorkflowCheckPermission } from '../../components/workflow';
 import { SandboxAPIContext } from '../../contexts';
 import { processRequest } from './API';
 import { getWorkerURL } from './helpers';
 import { CustomAction } from './types';
 export var useAPI = function (config) {
-    var _a = config.action, files = _a.files, permissions = _a.permissions;
-    var _b = useState(), html = _b[0], setHtml = _b[1];
-    var _c = useState([]), listenersToReset = _c[0], setListenersToReset = _c[1];
-    var _d = useState(true), visible = _d[0], setVisible = _d[1];
-    var _e = useState(null), tooltip = _e[0], setTooltip = _e[1];
-    var _f = useState(null), customStyles = _f[0], setCustomStyles = _f[1];
-    var _g = useState(''), message = _g[0], setMessage = _g[1];
+    if (config === void 0) { config = {}; }
+    var _a = useState(), html = _a[0], setHtml = _a[1];
+    var _b = useState([]), listenersToReset = _b[0], setListenersToReset = _b[1];
+    var _c = useState(true), visible = _c[0], setVisible = _c[1];
+    var _d = useState(null), tooltip = _d[0], setTooltip = _d[1];
+    var _e = useState(null), customStyles = _e[0], setCustomStyles = _e[1];
+    var _f = useState(''), message = _f[0], setMessage = _f[1];
     var dispatch = useDispatch();
     var metadata = useSelector(mdmModule.selectors.getMetadata) || {};
     var entity = useSelector(mdmModule.selectors.getEntity) || {};
@@ -39,8 +39,9 @@ export var useAPI = function (config) {
     var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
     var qxApi = useContext(SandboxAPIContext);
     var workflowCheckPermission = useWorkflowCheckPermission();
-    var _h = useSelector(mdmModule.selectors.getSearchProviderData) || {}, typeSearch = _h.type, search = _h.data;
+    var _g = useSelector(mdmModule.selectors.getSearchProviderData) || {}, typeSearch = _g.type, search = _g.data;
     var openSearch = function (search) { return dispatch(ui.actions.openSearch(search)); };
+    var workerRef = useRef();
     var process = function (task, worker, innerText) {
         if (task) {
             var handlersToReset_1 = [];
@@ -134,8 +135,7 @@ export var useAPI = function (config) {
                     break;
                 }
                 case CustomAction.REQUEST: {
-                    processRequest(__assign({ name: task.params.name, paramObject: task, permissions: permissions,
-                        worker: worker,
+                    processRequest(__assign({ name: task.params.name, paramObject: task, permissions: config.action.permissions, worker: worker,
                         metadata: metadata, config: config, user: user,
                         apiPath: apiPath,
                         tenant: tenant,
@@ -150,20 +150,31 @@ export var useAPI = function (config) {
         }
     };
     useEffect(function () {
-        var worker = initializeWebWorker(workerUrl, files, process);
-        return function () {
-            worker.terminate();
-        };
-    }, []);
+        if (!isEmptyValue(config.action)) {
+            workerRef.current = initializeWebWorker(workerUrl, config.action.files, process);
+            return function () {
+                workerRef.current.terminate();
+            };
+        }
+    }, [config]);
     useEffect(function () { return function () {
         listenersToReset.forEach(function (listener) { return listener(); });
     }; }, [listenersToReset]);
+    var onClick = useCallback(function () {
+        var _a;
+        (_a = workerRef.current) === null || _a === void 0 ? void 0 : _a.postMessage({
+            action: 'event',
+            type: 'execute',
+            data: null
+        });
+    }, [config]);
     return {
         html: html,
         visible: visible,
         tooltip: tooltip,
         customStyles: customStyles,
         message: message,
-        onClosePopup: function () { return setMessage(''); }
+        onClosePopup: function () { return setMessage(''); },
+        onClick: onClick
     };
 };

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1128",
+  "version": "1.4.1129",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1128",
-    "@reltio/mdm-sdk": "^1.4.1128",
+    "@reltio/mdm-module": "^1.4.1129",
+    "@reltio/mdm-sdk": "^1.4.1129",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",