@reltio/components 1.4.1144 → 1.4.1147

package/cjs/components/VerticalHeadingsTable/TableHeadCell/styles.js

@@ -12,17 +12,19 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
         }
     },
     dragIndicator: {
+        height: '100%',
         opacity: 0,
         position: 'absolute',
-        top: '50%',
+        top: 0,
         left: 0,
-        transform: 'translateY(-50%)',
         cursor: 'move',
         transition: 'opacity 0.3s'
     },
     dragIndicatorIcon: {
+        top: '15px',
         width: '14.4px',
         height: '18px',
-        color: theme.palette.text.secondary
+        color: theme.palette.text.secondary,
+        position: 'relative'
     }
 }); });

package/cjs/hooks/useAPI/useAPI.js

@@ -172,7 +172,7 @@ var useAPI = function (config) {
         }
     };
     react_1.useEffect(function () {
-        if (!mdm_sdk_1.isEmptyValue(config.action)) {
+        if (!mdm_sdk_1.isEmptyValue(config.action) && config.action.platform !== mdm_sdk_1.CustomScriptPlatform.CLASSIC) {
             workerRef.current = mdm_sdk_1.initializeWebWorker(workerUrl, config.action.files, process);
             return function () {
                 workerRef.current.terminate();

package/cjs/hooks/useCustomScripts.js

@@ -29,6 +29,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -51,7 +56,12 @@ var isURLtoProcess = function (processApi, url) {
 };
 var useCustomScripts = function (config, _a) {
     var addInternalRequestInterceptor = _a.addInternalRequestInterceptor, addInternalResponseInterceptor = _a.addInternalResponseInterceptor, removeInternalRequestInterceptor = _a.removeInternalRequestInterceptor, removeInternalResponseInterceptor = _a.removeInternalResponseInterceptor;
-    var customScripts = config.map(function (customScript) { return (__assign(__assign({}, customScript), { actionId: nanoid_1.default() })); });
+    var customScripts = config.reduce(function (acc, customScript) {
+        if (customScript.platform !== mdm_sdk_1.CustomScriptPlatform.CLASSIC) {
+            return __spreadArray(__spreadArray([], acc), [__assign(__assign({}, customScript), { actionId: nanoid_1.default() })]);
+        }
+        return acc;
+    }, []);
     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) || {};
@@ -115,8 +125,7 @@ var useCustomScripts = function (config, _a) {
     react_1.useEffect(function () {
         workers.current = customScripts.reduce(function (acc, customScript) {
             var _a;
-            acc = __assign(__assign({}, acc), (_a = {}, _a[customScript.actionId] = mdm_sdk_1.initializeWebWorker(workerUrl, customScript.files, process), _a));
-            return acc;
+            return __assign(__assign({}, acc), (_a = {}, _a[customScript.actionId] = mdm_sdk_1.initializeWebWorker(workerUrl, customScript.files, process), _a));
         }, workers.current);
         return function () {
             Object.keys(workers.current).forEach(function (actionId) {
@@ -202,7 +211,7 @@ var useCustomScripts = function (config, _a) {
         }
     };
     react_1.useEffect(function () {
-        if (!mdm_sdk_1.isEmptyValue(config)) {
+        if (!mdm_sdk_1.isEmptyValue(customScripts)) {
             addInternalRequestInterceptor(customScriptRequestInterceptor);
             addInternalResponseInterceptor(customScriptResponseInterceptor);
             return function () {

package/esm/components/VerticalHeadingsTable/TableHeadCell/styles.js

@@ -9,17 +9,19 @@ export var useStyles = makeStyles(function (theme) { return ({
         }
     },
     dragIndicator: {
+        height: '100%',
         opacity: 0,
         position: 'absolute',
-        top: '50%',
+        top: 0,
         left: 0,
-        transform: 'translateY(-50%)',
         cursor: 'move',
         transition: 'opacity 0.3s'
     },
     dragIndicatorIcon: {
+        top: '15px',
         width: '14.4px',
         height: '18px',
-        color: theme.palette.text.secondary
+        color: theme.palette.text.secondary,
+        position: 'relative'
     }
 }); });

package/esm/hooks/useAPI/useAPI.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import mdmModule, { ui } from '@reltio/mdm-module';
-import { initializeWebWorker, isEmptyValue } from '@reltio/mdm-sdk';
+import { CustomScriptPlatform, initializeWebWorker, isEmptyValue } from '@reltio/mdm-sdk';
 import { useWorkflowCheckPermission } from '../../components/workflow';
 import { SandboxAPIContext } from '../../contexts';
 import { processRequest } from './API';
@@ -150,7 +150,7 @@ export var useAPI = function (config) {
         }
     };
     useEffect(function () {
-        if (!isEmptyValue(config.action)) {
+        if (!isEmptyValue(config.action) && config.action.platform !== CustomScriptPlatform.CLASSIC) {
             workerRef.current = initializeWebWorker(workerUrl, config.action.files, process);
             return function () {
                 workerRef.current.terminate();

package/esm/hooks/useCustomScripts.js

@@ -9,10 +9,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
 import { useContext, useEffect, useRef } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import mdmModule, { ui } from '@reltio/mdm-module';
-import { initializeWebWorker, isEmptyValue } from '@reltio/mdm-sdk';
+import { CustomScriptPlatform, initializeWebWorker, isEmptyValue } from '@reltio/mdm-sdk';
 import nanoid from 'nanoid';
 import { find, map, pick, pipe, prop, omit } from 'ramda';
 import { useWorkflowCheckPermission } from '../components/workflow';
@@ -26,7 +31,12 @@ var isURLtoProcess = function (processApi, url) {
 };
 export var useCustomScripts = function (config, _a) {
     var addInternalRequestInterceptor = _a.addInternalRequestInterceptor, addInternalResponseInterceptor = _a.addInternalResponseInterceptor, removeInternalRequestInterceptor = _a.removeInternalRequestInterceptor, removeInternalResponseInterceptor = _a.removeInternalResponseInterceptor;
-    var customScripts = config.map(function (customScript) { return (__assign(__assign({}, customScript), { actionId: nanoid() })); });
+    var customScripts = config.reduce(function (acc, customScript) {
+        if (customScript.platform !== CustomScriptPlatform.CLASSIC) {
+            return __spreadArray(__spreadArray([], acc), [__assign(__assign({}, customScript), { actionId: nanoid() })]);
+        }
+        return acc;
+    }, []);
     var dispatch = useDispatch();
     var metadata = useSelector(mdmModule.selectors.getMetadata) || {};
     var entity = useSelector(mdmModule.selectors.getEntity) || {};
@@ -90,8 +100,7 @@ export var useCustomScripts = function (config, _a) {
     useEffect(function () {
         workers.current = customScripts.reduce(function (acc, customScript) {
             var _a;
-            acc = __assign(__assign({}, acc), (_a = {}, _a[customScript.actionId] = initializeWebWorker(workerUrl, customScript.files, process), _a));
-            return acc;
+            return __assign(__assign({}, acc), (_a = {}, _a[customScript.actionId] = initializeWebWorker(workerUrl, customScript.files, process), _a));
         }, workers.current);
         return function () {
             Object.keys(workers.current).forEach(function (actionId) {
@@ -177,7 +186,7 @@ export var useCustomScripts = function (config, _a) {
         }
     };
     useEffect(function () {
-        if (!isEmptyValue(config)) {
+        if (!isEmptyValue(customScripts)) {
             addInternalRequestInterceptor(customScriptRequestInterceptor);
             addInternalResponseInterceptor(customScriptResponseInterceptor);
             return function () {

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1144",
+  "version": "1.4.1147",
   "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.1144",
-    "@reltio/mdm-sdk": "^1.4.1144",
+    "@reltio/mdm-module": "^1.4.1147",
+    "@reltio/mdm-sdk": "^1.4.1147",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",