@reltio/components 1.4.1126 → 1.4.1130

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.1126",
+  "version": "1.4.1130",
   "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.1126",
-    "@reltio/mdm-sdk": "^1.4.1126",
+    "@reltio/mdm-module": "^1.4.1130",
+    "@reltio/mdm-sdk": "^1.4.1130",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",
@@ -29,6 +29,7 @@
     "react-number-format": "^4.3.0",
     "react-redux": "^7.2.3",
     "react-resize-detector": "^4.2.0",
+    "react-router-dom": "^6.2.1",
     "react-select": "^3.0.4",
     "react-simple-maps": "^2.3.0",
     "react-split-pane": "^0.1.89",