@reltio/components 1.4.1161 → 1.4.1162

package/cjs/hooks/index.d.ts

@@ -1,6 +1,5 @@
 export { useActions } from './useActions';
-export { useAPI, CustomAction } from './useAPI';
-export type { CustomActionTask } from './useAPI';
+export { useAPI } from './useAPI';
 export { useAsyncMount } from './useAsyncMount';
 export { useCollaboration } from './useCollaboration';
 export { useCommentsEntitiesMap } from './useCommentsEntitiesMap';

package/cjs/hooks/index.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.CustomAction = exports.useAPI = exports.useActions = void 0;
+exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = void 0;
 var useActions_1 = require("./useActions");
 Object.defineProperty(exports, "useActions", { enumerable: true, get: function () { return useActions_1.useActions; } });
 var useAPI_1 = require("./useAPI");
 Object.defineProperty(exports, "useAPI", { enumerable: true, get: function () { return useAPI_1.useAPI; } });
-Object.defineProperty(exports, "CustomAction", { enumerable: true, get: function () { return useAPI_1.CustomAction; } });
 var useAsyncMount_1 = require("./useAsyncMount");
 Object.defineProperty(exports, "useAsyncMount", { enumerable: true, get: function () { return useAsyncMount_1.useAsyncMount; } });
 var useCollaboration_1 = require("./useCollaboration");

package/cjs/hooks/useAPI/API.js

@@ -13,7 +13,6 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.processRequest = void 0;
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var types_1 = require("./types");
 var processFromQuery = function (params, permissions, workflowPath, tenant, environment) {
     if (!params.processDefinitionId) {
         return new Promise(function (resolve) { return resolve({ errorMessage: 'processDefinitionId is empty' }); });
@@ -101,26 +100,26 @@ var processRequest = function (_a) {
         });
     };
     switch (name) {
-        case types_1.RequestAction.API: {
+        case mdm_sdk_1.RequestAction.API: {
             var request = sendApiRequest(paramObject.params, permissions);
             handleRequest(request);
             break;
         }
-        case types_1.RequestAction.WORKFLOW: {
+        case mdm_sdk_1.RequestAction.WORKFLOW: {
             var request = workflowRequest(paramObject.params, permissions, workflowPath, tenant);
             handleRequest(request);
             break;
         }
-        case types_1.RequestAction.WORKFLOW_START_PROCESS_FROM_QUERY: {
+        case mdm_sdk_1.RequestAction.WORKFLOW_START_PROCESS_FROM_QUERY: {
             var request = processFromQuery(paramObject.params, permissions, workflowPath, tenant, environment);
             handleRequest(request);
             break;
         }
-        case types_1.RequestAction.GET_CONFIGURATION: {
+        case mdm_sdk_1.RequestAction.GET_CONFIGURATION: {
             worker.postMessage(__assign({ action: 'response', result: metadata }, paramObject.params));
             break;
         }
-        case types_1.RequestAction.GET_UI_CONFIGURATION: {
+        case mdm_sdk_1.RequestAction.GET_UI_CONFIGURATION: {
             var response = __assign(__assign({}, config), { action: __assign({}, config.action) });
             if (response.action.permissions) {
                 delete response.action.permissions;
@@ -128,71 +127,71 @@ var processRequest = function (_a) {
             worker.postMessage(__assign({ action: 'response', result: response }, paramObject.params));
             break;
         }
-        case types_1.RequestAction.SET_ENTITY_URI: {
+        case mdm_sdk_1.RequestAction.SET_ENTITY_URI: {
             var listener = function () { return worker.postMessage(__assign({ action: 'response', result: entity }, paramObject.params)); };
             setEntityUri(entityUri, listener);
             break;
         }
-        case types_1.RequestAction.SET_PERSPECTIVE: {
+        case mdm_sdk_1.RequestAction.SET_PERSPECTIVE: {
             showPerspective(paramObject.params.perspective);
             worker.postMessage(__assign({ action: 'response', result: getCurrentPerspectiveId() }, paramObject.params));
             break;
         }
-        case types_1.RequestAction.GET_PERSPECTIVE: {
+        case mdm_sdk_1.RequestAction.GET_PERSPECTIVE: {
             if (getCurrentPerspectiveId) {
                 worker.postMessage(__assign({ action: 'response', result: getCurrentPerspectiveId() }, paramObject.params));
             }
             break;
         }
-        case types_1.RequestAction.WORKFLOW_CHECK_PERMISSION: {
+        case mdm_sdk_1.RequestAction.WORKFLOW_CHECK_PERMISSION: {
             worker.postMessage(__assign({ action: 'response', result: workflowCheckPermission(paramObject.params.permission) }, paramObject.params));
             break;
         }
-        case types_1.RequestAction.GET_SEARCH_QUERY: {
+        case mdm_sdk_1.RequestAction.GET_SEARCH_QUERY: {
             worker.postMessage(__assign({ action: 'response', result: query }, paramObject.params));
             break;
         }
-        case types_1.RequestAction.OPEN_SEARCH: {
+        case mdm_sdk_1.RequestAction.OPEN_SEARCH: {
             openSearch({ viewId: config.id, searchState: paramObject.params.searchState });
             break;
         }
-        case types_1.RequestAction.GET_ENTITY_URI: {
+        case mdm_sdk_1.RequestAction.GET_ENTITY_URI: {
             worker.postMessage(__assign({ action: 'response', result: entityUri }, paramObject.params));
             break;
         }
-        case types_1.RequestAction.GET_ENTITY: {
+        case mdm_sdk_1.RequestAction.GET_ENTITY: {
             worker.postMessage(__assign({ action: 'response', result: entity }, paramObject.params));
             break;
         }
-        case types_1.RequestAction.GET_API_PATH: {
+        case mdm_sdk_1.RequestAction.GET_API_PATH: {
             worker.postMessage(__assign({ action: 'response', result: apiPath }, paramObject.params));
             break;
         }
-        case types_1.RequestAction.WORKFLOW_GET_WORKFLOW_PATH: {
+        case mdm_sdk_1.RequestAction.WORKFLOW_GET_WORKFLOW_PATH: {
             worker.postMessage(__assign({ action: 'response', result: workflowPath }, paramObject.params));
             break;
         }
-        case types_1.RequestAction.GET_TENANT: {
+        case mdm_sdk_1.RequestAction.GET_TENANT: {
             worker.postMessage(__assign({ action: 'response', result: tenant }, paramObject.params));
             break;
         }
-        case types_1.RequestAction.GET_USER: {
+        case mdm_sdk_1.RequestAction.GET_USER: {
             worker.postMessage(__assign({ action: 'response', result: user }, paramObject.params));
             break;
         }
-        case types_1.RequestAction.ALERT: {
+        case mdm_sdk_1.RequestAction.ALERT: {
             worker.postMessage(__assign({ action: 'response', result: window.alert(paramObject.params.text) }, paramObject.params));
             break;
         }
-        case types_1.RequestAction.CONFIRM: {
+        case mdm_sdk_1.RequestAction.CONFIRM: {
             worker.postMessage(__assign({ action: 'response', result: window.confirm(paramObject.params.text) }, paramObject.params));
             break;
         }
-        case types_1.RequestAction.PROMPT: {
+        case mdm_sdk_1.RequestAction.PROMPT: {
             worker.postMessage(__assign({ action: 'response', result: window.prompt(paramObject.params.text, paramObject.params.defaultText || '') }, paramObject.params));
             break;
         }
-        case types_1.RequestAction.OPEN_WINDOW: {
+        case mdm_sdk_1.RequestAction.OPEN_WINDOW: {
             window.open(paramObject.params.url, '_blank');
             break;
         }

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

@@ -1,5 +1,4 @@
 export { useAPI } from './useAPI';
-export { CustomAction } from './types';
 export { processRequest } from './API';
 export { getWorkerURL } from './helpers';
-export type { CustomActionTask, Params, Request } from './types';
+export type { Request } from './types';

package/cjs/hooks/useAPI/index.js

@@ -1,10 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getWorkerURL = exports.processRequest = exports.CustomAction = exports.useAPI = void 0;
+exports.getWorkerURL = exports.processRequest = exports.useAPI = void 0;
 var useAPI_1 = require("./useAPI");
 Object.defineProperty(exports, "useAPI", { enumerable: true, get: function () { return useAPI_1.useAPI; } });
-var types_1 = require("./types");
-Object.defineProperty(exports, "CustomAction", { enumerable: true, get: function () { return types_1.CustomAction; } });
 var API_1 = require("./API");
 Object.defineProperty(exports, "processRequest", { enumerable: true, get: function () { return API_1.processRequest; } });
 var helpers_1 = require("./helpers");

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

@@ -1,52 +1,8 @@
-import { CustomScript, CustomViewConfig, PrimitiveValue } from '@reltio/mdm-sdk';
-export declare enum RequestAction {
-    WORKFLOW = "workflow",
-    WORKFLOW_START_PROCESS_FROM_QUERY = "workflow/startProcessFromQuery",
-    API = "api",
-    GET_ENTITY_URI = "getEntityUri",
-    GET_ENTITY = "getEntity",
-    GET_API_PATH = "getApiPath",
-    WORKFLOW_GET_WORKFLOW_PATH = "workflow/getWorkflowPath",
-    GET_SEARCH_QUERY = "getSearchQuery",
-    GET_TENANT = "getTenant",
-    GET_USER = "getUser",
-    GET_PERSPECTIVE = "getPerspective",
-    SET_PERSPECTIVE = "setPerspective",
-    SET_ENTITY_URI = "setEntityUri",
-    ALERT = "alert",
-    CONFIRM = "confirm",
-    PROMPT = "prompt",
-    OPEN_WINDOW = "openWindow",
-    GET_CONFIGURATION = "getConfiguration",
-    GET_UI_CONFIGURATION = "getUiConfiguration",
-    OPEN_SEARCH = "openSearch",
-    WORKFLOW_CHECK_PERMISSION = "workflow/checkPermission"
-}
-export declare type Params = {
-    url?: string;
-    name?: RequestAction;
-    id?: string | number;
-    method?: 'PUT' | 'DELETE' | 'GET' | 'POST';
-    data?: {
-        [key: string]: unknown;
-    };
-    headers?: {
-        [key: string]: string;
-    };
-    processDefinitionId?: string;
-    searchString?: string;
-    perspective?: string;
-    permission?: string;
-    searchState?: unknown;
-    defaultText?: string;
-    text?: string;
-    html?: string;
-    type?: string;
-};
+import { CustomActionTask, CustomActionTaskParams, CustomScript, CustomViewConfig, RequestAction } from '@reltio/mdm-sdk';
 export declare type ProcessRequestParams = {
     name: RequestAction;
     paramObject: {
-        params: Params;
+        params: CustomActionTaskParams;
     };
     permissions?: string[];
     worker: Worker;
@@ -68,25 +24,6 @@ export declare type ProcessRequestParams = {
     showPerspective: (perspective: any) => void;
     setEntityUri: (entityUri: string, listener: () => void) => void;
 };
-export declare enum CustomAction {
-    SET_HTML = "setHtml",
-    LOG = "log",
-    SET_VISIBILITY = "setVisibility",
-    MESSAGE = "message",
-    SET_ENABLED = "setEnabled",
-    SET_TOOLTIP = "setToolTip",
-    SET_LABEL = "setLabel",
-    SET_HEIGHT = "setHeight",
-    SET_WIDTH = "setWidth",
-    RETURN_PROCESSED_API_RESPONSE = "returnProcessedApiResponse",
-    RETURN_PROCESSED_API_REQUEST = "returnProcessedApiRequest",
-    REQUEST = "request",
-    EVENT = "event"
-}
-export declare type CustomActionTask = {
-    action: CustomAction;
-    params: Params | PrimitiveValue;
-};
 export declare type Request = Omit<CustomActionTask, 'params'> & {
-    params: Params;
+    params: CustomActionTaskParams;
 };

package/cjs/hooks/useAPI/types.js

@@ -1,43 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomAction = exports.RequestAction = void 0;
-var RequestAction;
-(function (RequestAction) {
-    RequestAction["WORKFLOW"] = "workflow";
-    RequestAction["WORKFLOW_START_PROCESS_FROM_QUERY"] = "workflow/startProcessFromQuery";
-    RequestAction["API"] = "api";
-    RequestAction["GET_ENTITY_URI"] = "getEntityUri";
-    RequestAction["GET_ENTITY"] = "getEntity";
-    RequestAction["GET_API_PATH"] = "getApiPath";
-    RequestAction["WORKFLOW_GET_WORKFLOW_PATH"] = "workflow/getWorkflowPath";
-    RequestAction["GET_SEARCH_QUERY"] = "getSearchQuery";
-    RequestAction["GET_TENANT"] = "getTenant";
-    RequestAction["GET_USER"] = "getUser";
-    RequestAction["GET_PERSPECTIVE"] = "getPerspective";
-    RequestAction["SET_PERSPECTIVE"] = "setPerspective";
-    RequestAction["SET_ENTITY_URI"] = "setEntityUri";
-    RequestAction["ALERT"] = "alert";
-    RequestAction["CONFIRM"] = "confirm";
-    RequestAction["PROMPT"] = "prompt";
-    RequestAction["OPEN_WINDOW"] = "openWindow";
-    RequestAction["GET_CONFIGURATION"] = "getConfiguration";
-    RequestAction["GET_UI_CONFIGURATION"] = "getUiConfiguration";
-    RequestAction["OPEN_SEARCH"] = "openSearch";
-    RequestAction["WORKFLOW_CHECK_PERMISSION"] = "workflow/checkPermission";
-})(RequestAction = exports.RequestAction || (exports.RequestAction = {}));
-var CustomAction;
-(function (CustomAction) {
-    CustomAction["SET_HTML"] = "setHtml";
-    CustomAction["LOG"] = "log";
-    CustomAction["SET_VISIBILITY"] = "setVisibility";
-    CustomAction["MESSAGE"] = "message";
-    CustomAction["SET_ENABLED"] = "setEnabled";
-    CustomAction["SET_TOOLTIP"] = "setToolTip";
-    CustomAction["SET_LABEL"] = "setLabel";
-    CustomAction["SET_HEIGHT"] = "setHeight";
-    CustomAction["SET_WIDTH"] = "setWidth";
-    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.js

@@ -39,7 +39,6 @@ var workflow_1 = require("../../components/workflow");
 var contexts_1 = require("../../contexts");
 var API_1 = require("./API");
 var helpers_1 = require("./helpers");
-var types_1 = require("./types");
 var useAPI = function (config) {
     if (config === void 0) { config = {}; }
     var _a = react_1.useState(), html = _a[0], setHtml = _a[1];
@@ -64,7 +63,8 @@ var useAPI = function (config) {
     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) {
+    var process = function (_a) {
+        var task = _a.task, worker = _a.worker, innerText = _a.innerText;
         if (task) {
             var handlersToReset_1 = [];
             var processInnerHtml_1 = function (parent) {
@@ -108,15 +108,15 @@ var useAPI = function (config) {
                 setListenersToReset(handlersToReset_1);
                 setHtml(docBlock);
             };
-            if (task.action === types_1.CustomAction.SET_HTML && innerText !== task.params.html) {
+            if (task.action === mdm_sdk_1.CustomAction.SET_HTML && innerText !== task.params.html) {
                 resetHtml(task.params.html);
             }
             switch (task.action) {
-                case types_1.CustomAction.LOG: {
+                case mdm_sdk_1.CustomAction.LOG: {
                     console.log(task.params); //eslint-disable-line no-console
                     break;
                 }
-                case types_1.CustomAction.SET_VISIBILITY: {
+                case mdm_sdk_1.CustomAction.SET_VISIBILITY: {
                     if (task.params === 'visible') {
                         setVisible(true);
                         resetHtml();
@@ -126,20 +126,20 @@ var useAPI = function (config) {
                     }
                     break;
                 }
-                case types_1.CustomAction.SET_TOOLTIP: {
+                case mdm_sdk_1.CustomAction.SET_TOOLTIP: {
                     setTooltip(task.params);
                     resetHtml();
                     break;
                 }
-                case types_1.CustomAction.SET_HEIGHT: {
+                case mdm_sdk_1.CustomAction.SET_HEIGHT: {
                     setCustomStyles(function (prev) { return (__assign(__assign({}, (prev || {})), { height: task.params })); });
                     break;
                 }
-                case types_1.CustomAction.SET_WIDTH: {
+                case mdm_sdk_1.CustomAction.SET_WIDTH: {
                     setCustomStyles(function (prev) { return (__assign(__assign({}, (prev || {})), { width: task.params })); });
                     break;
                 }
-                case types_1.CustomAction.SET_ENABLED: {
+                case mdm_sdk_1.CustomAction.SET_ENABLED: {
                     setCustomStyles(function (prev) {
                         var newStyles = __assign({}, (prev || {}));
                         if (!task.params) {
@@ -152,11 +152,11 @@ var useAPI = function (config) {
                     });
                     break;
                 }
-                case types_1.CustomAction.MESSAGE: {
+                case mdm_sdk_1.CustomAction.MESSAGE: {
                     setMessage(task.params);
                     break;
                 }
-                case types_1.CustomAction.REQUEST: {
+                case mdm_sdk_1.CustomAction.REQUEST: {
                     API_1.processRequest(__assign({ name: task.params.name, paramObject: task, permissions: config.action.permissions, worker: worker,
                         metadata: metadata, config: config, user: user,
                         apiPath: apiPath,

package/cjs/hooks/useCustomScripts.js

@@ -29,6 +29,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 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];
@@ -54,6 +65,10 @@ var isURLtoProcess = function (processApi, url) {
         return request.replace(/\/*$/, '') === url || (request && regExp.test(url));
     });
 };
+var getCustomViewConfig = function (config) {
+    var processApiResponse = config.processApiResponse, processApiRequest = config.processApiRequest, permissions = config.permissions, files = config.files, otherProps = __rest(config, ["processApiResponse", "processApiRequest", "permissions", "files"]);
+    return __assign({ action: { processApiResponse: processApiResponse, processApiRequest: processApiRequest, permissions: permissions, files: files } }, otherProps);
+};
 var useCustomScripts = function (config, _a) {
     var addInternalRequestInterceptor = _a.addInternalRequestInterceptor, addInternalResponseInterceptor = _a.addInternalResponseInterceptor, removeInternalRequestInterceptor = _a.removeInternalRequestInterceptor, removeInternalResponseInterceptor = _a.removeInternalResponseInterceptor;
     var customScripts = config.reduce(function (acc, customScript) {
@@ -81,14 +96,17 @@ var useCustomScripts = function (config, _a) {
     var requestListeners = react_1.useRef({});
     var responseListeners = react_1.useRef({});
     var workers = react_1.useRef({});
-    var process = function (task, worker) {
-        var _a, _b;
+    var process = function (_a) {
+        var _b, _c;
+        var task = _a.task, worker = _a.worker, config = _a.config;
         if (task) {
             switch (task.action) {
-                case useAPI_1.CustomAction.REQUEST: {
-                    if (((_b = (_a = task.params) === null || _a === void 0 ? void 0 : _a.headers) === null || _b === void 0 ? void 0 : _b.origin) !== 'ui') {
-                        useAPI_1.processRequest(__assign({ name: task.params.name, paramObject: task, permissions: customScripts[0].permissions, worker: worker,
-                            metadata: metadata, config: { action: customScripts[0] }, user: user,
+                case mdm_sdk_1.CustomAction.REQUEST: {
+                    if (((_c = (_b = task.params) === null || _b === void 0 ? void 0 : _b.headers) === null || _c === void 0 ? void 0 : _c.origin) !== 'ui') {
+                        useAPI_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,
                             workflowPath: workflowPath,
@@ -98,7 +116,7 @@ var useCustomScripts = function (config, _a) {
                             workflowCheckPermission: workflowCheckPermission }, qxApi));
                     }
                     else {
-                        var _c = task.params, headers = _c.headers, id = _c.id, fakeURL = _c.url, method = _c.method, data = _c.data;
+                        var _d = task.params, headers = _d.headers, id = _d.id, fakeURL = _d.url, method = _d.method, data = _d.data;
                         var url = fakeURL.replace(reltioPath, apiPath);
                         if (requestListeners.current[headers.requestId]) {
                             requestListeners.current[headers.requestId].next(url, __assign(__assign({}, data), { id: id,
@@ -110,9 +128,9 @@ var useCustomScripts = function (config, _a) {
                     }
                     break;
                 }
-                case useAPI_1.CustomAction.RETURN_PROCESSED_API_RESPONSE:
-                case useAPI_1.CustomAction.RETURN_PROCESSED_API_REQUEST: {
-                    var _d = task.params, id = _d.id, data = _d.data;
+                case mdm_sdk_1.CustomAction.RETURN_PROCESSED_API_RESPONSE:
+                case mdm_sdk_1.CustomAction.RETURN_PROCESSED_API_REQUEST: {
+                    var _e = task.params, id = _e.id, data = _e.data;
                     if (responseListeners.current[id]) {
                         responseListeners.current[id].next(data);
                         responseListeners.current = ramda_1.omit([id], responseListeners.current);
@@ -125,7 +143,8 @@ var useCustomScripts = function (config, _a) {
     react_1.useEffect(function () {
         workers.current = customScripts.reduce(function (acc, customScript) {
             var _a;
-            return __assign(__assign({}, acc), (_a = {}, _a[customScript.actionId] = mdm_sdk_1.initializeWebWorker(workerUrl, customScript.files, process), _a));
+            var customViewConfig = getCustomViewConfig(customScript);
+            return __assign(__assign({}, acc), (_a = {}, _a[customScript.actionId] = mdm_sdk_1.initializeWebWorker(workerUrl, customScript.files, process, customViewConfig), _a));
         }, workers.current);
         return function () {
             Object.keys(workers.current).forEach(function (actionId) {

package/cjs/hooks/useSavedStateForEntityType.js

@@ -26,14 +26,14 @@ var useSavedStateForEntityType = function (_a) {
         }
     };
     useDidUpdateEffect_1.useDidUpdateEffect(saveChangesLocallyForPrevEntityType, [entityTypeUri]);
-    var updateSavedState = function (stateToSave) {
+    var updateSavedState = react_1.useCallback(function (stateToSave) {
         var _a;
         var changedState = (_a = {},
             _a[entityTypeUri] = stateToSave,
             _a);
         setChangedState(changedState);
         saveState(__assign(__assign({}, savedState), changedState));
-    };
+    }, [entityTypeUri, saveState, savedState]);
     react_1.useEffect(function () {
         getSavedState()
             .then(function (savedState) {

package/esm/hooks/index.d.ts

@@ -1,6 +1,5 @@
 export { useActions } from './useActions';
-export { useAPI, CustomAction } from './useAPI';
-export type { CustomActionTask } from './useAPI';
+export { useAPI } from './useAPI';
 export { useAsyncMount } from './useAsyncMount';
 export { useCollaboration } from './useCollaboration';
 export { useCommentsEntitiesMap } from './useCommentsEntitiesMap';

package/esm/hooks/index.js

@@ -1,5 +1,5 @@
 export { useActions } from './useActions';
-export { useAPI, CustomAction } from './useAPI';
+export { useAPI } from './useAPI';
 export { useAsyncMount } from './useAsyncMount';
 export { useCollaboration } from './useCollaboration';
 export { useCommentsEntitiesMap } from './useCommentsEntitiesMap';

package/esm/hooks/useAPI/API.js

@@ -9,8 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { sendRequestFromCustomSandbox, sendWorkflowRequest, startProcessFromQuery } from '@reltio/mdm-sdk';
-import { RequestAction } from './types';
+import { RequestAction, sendRequestFromCustomSandbox, sendWorkflowRequest, startProcessFromQuery } from '@reltio/mdm-sdk';
 var processFromQuery = function (params, permissions, workflowPath, tenant, environment) {
     if (!params.processDefinitionId) {
         return new Promise(function (resolve) { return resolve({ errorMessage: 'processDefinitionId is empty' }); });

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

@@ -1,5 +1,4 @@
 export { useAPI } from './useAPI';
-export { CustomAction } from './types';
 export { processRequest } from './API';
 export { getWorkerURL } from './helpers';
-export type { CustomActionTask, Params, Request } from './types';
+export type { Request } from './types';

package/esm/hooks/useAPI/index.js

@@ -1,4 +1,3 @@
 export { useAPI } from './useAPI';
-export { CustomAction } from './types';
 export { processRequest } from './API';
 export { getWorkerURL } from './helpers';

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

@@ -1,52 +1,8 @@
-import { CustomScript, CustomViewConfig, PrimitiveValue } from '@reltio/mdm-sdk';
-export declare enum RequestAction {
-    WORKFLOW = "workflow",
-    WORKFLOW_START_PROCESS_FROM_QUERY = "workflow/startProcessFromQuery",
-    API = "api",
-    GET_ENTITY_URI = "getEntityUri",
-    GET_ENTITY = "getEntity",
-    GET_API_PATH = "getApiPath",
-    WORKFLOW_GET_WORKFLOW_PATH = "workflow/getWorkflowPath",
-    GET_SEARCH_QUERY = "getSearchQuery",
-    GET_TENANT = "getTenant",
-    GET_USER = "getUser",
-    GET_PERSPECTIVE = "getPerspective",
-    SET_PERSPECTIVE = "setPerspective",
-    SET_ENTITY_URI = "setEntityUri",
-    ALERT = "alert",
-    CONFIRM = "confirm",
-    PROMPT = "prompt",
-    OPEN_WINDOW = "openWindow",
-    GET_CONFIGURATION = "getConfiguration",
-    GET_UI_CONFIGURATION = "getUiConfiguration",
-    OPEN_SEARCH = "openSearch",
-    WORKFLOW_CHECK_PERMISSION = "workflow/checkPermission"
-}
-export declare type Params = {
-    url?: string;
-    name?: RequestAction;
-    id?: string | number;
-    method?: 'PUT' | 'DELETE' | 'GET' | 'POST';
-    data?: {
-        [key: string]: unknown;
-    };
-    headers?: {
-        [key: string]: string;
-    };
-    processDefinitionId?: string;
-    searchString?: string;
-    perspective?: string;
-    permission?: string;
-    searchState?: unknown;
-    defaultText?: string;
-    text?: string;
-    html?: string;
-    type?: string;
-};
+import { CustomActionTask, CustomActionTaskParams, CustomScript, CustomViewConfig, RequestAction } from '@reltio/mdm-sdk';
 export declare type ProcessRequestParams = {
     name: RequestAction;
     paramObject: {
-        params: Params;
+        params: CustomActionTaskParams;
     };
     permissions?: string[];
     worker: Worker;
@@ -68,25 +24,6 @@ export declare type ProcessRequestParams = {
     showPerspective: (perspective: any) => void;
     setEntityUri: (entityUri: string, listener: () => void) => void;
 };
-export declare enum CustomAction {
-    SET_HTML = "setHtml",
-    LOG = "log",
-    SET_VISIBILITY = "setVisibility",
-    MESSAGE = "message",
-    SET_ENABLED = "setEnabled",
-    SET_TOOLTIP = "setToolTip",
-    SET_LABEL = "setLabel",
-    SET_HEIGHT = "setHeight",
-    SET_WIDTH = "setWidth",
-    RETURN_PROCESSED_API_RESPONSE = "returnProcessedApiResponse",
-    RETURN_PROCESSED_API_REQUEST = "returnProcessedApiRequest",
-    REQUEST = "request",
-    EVENT = "event"
-}
-export declare type CustomActionTask = {
-    action: CustomAction;
-    params: Params | PrimitiveValue;
-};
 export declare type Request = Omit<CustomActionTask, 'params'> & {
-    params: Params;
+    params: CustomActionTaskParams;
 };

package/esm/hooks/useAPI/types.js

@@ -1,40 +1 @@
-export var RequestAction;
-(function (RequestAction) {
-    RequestAction["WORKFLOW"] = "workflow";
-    RequestAction["WORKFLOW_START_PROCESS_FROM_QUERY"] = "workflow/startProcessFromQuery";
-    RequestAction["API"] = "api";
-    RequestAction["GET_ENTITY_URI"] = "getEntityUri";
-    RequestAction["GET_ENTITY"] = "getEntity";
-    RequestAction["GET_API_PATH"] = "getApiPath";
-    RequestAction["WORKFLOW_GET_WORKFLOW_PATH"] = "workflow/getWorkflowPath";
-    RequestAction["GET_SEARCH_QUERY"] = "getSearchQuery";
-    RequestAction["GET_TENANT"] = "getTenant";
-    RequestAction["GET_USER"] = "getUser";
-    RequestAction["GET_PERSPECTIVE"] = "getPerspective";
-    RequestAction["SET_PERSPECTIVE"] = "setPerspective";
-    RequestAction["SET_ENTITY_URI"] = "setEntityUri";
-    RequestAction["ALERT"] = "alert";
-    RequestAction["CONFIRM"] = "confirm";
-    RequestAction["PROMPT"] = "prompt";
-    RequestAction["OPEN_WINDOW"] = "openWindow";
-    RequestAction["GET_CONFIGURATION"] = "getConfiguration";
-    RequestAction["GET_UI_CONFIGURATION"] = "getUiConfiguration";
-    RequestAction["OPEN_SEARCH"] = "openSearch";
-    RequestAction["WORKFLOW_CHECK_PERMISSION"] = "workflow/checkPermission";
-})(RequestAction || (RequestAction = {}));
-export var CustomAction;
-(function (CustomAction) {
-    CustomAction["SET_HTML"] = "setHtml";
-    CustomAction["LOG"] = "log";
-    CustomAction["SET_VISIBILITY"] = "setVisibility";
-    CustomAction["MESSAGE"] = "message";
-    CustomAction["SET_ENABLED"] = "setEnabled";
-    CustomAction["SET_TOOLTIP"] = "setToolTip";
-    CustomAction["SET_LABEL"] = "setLabel";
-    CustomAction["SET_HEIGHT"] = "setHeight";
-    CustomAction["SET_WIDTH"] = "setWidth";
-    CustomAction["RETURN_PROCESSED_API_RESPONSE"] = "returnProcessedApiResponse";
-    CustomAction["RETURN_PROCESSED_API_REQUEST"] = "returnProcessedApiRequest";
-    CustomAction["REQUEST"] = "request";
-    CustomAction["EVENT"] = "event";
-})(CustomAction || (CustomAction = {}));
+export {};

package/esm/hooks/useAPI/useAPI.js

@@ -12,12 +12,11 @@ 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 { CustomScriptPlatform, initializeWebWorker, isEmptyValue } from '@reltio/mdm-sdk';
+import { CustomAction, CustomScriptPlatform, 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) {
     if (config === void 0) { config = {}; }
     var _a = useState(), html = _a[0], setHtml = _a[1];
@@ -42,7 +41,8 @@ export var useAPI = function (config) {
     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) {
+    var process = function (_a) {
+        var task = _a.task, worker = _a.worker, innerText = _a.innerText;
         if (task) {
             var handlersToReset_1 = [];
             var processInnerHtml_1 = function (parent) {

package/esm/hooks/useCustomScripts.js

@@ -9,6 +9,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 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];
@@ -17,18 +28,22 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
 import { useContext, useEffect, useRef } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import mdmModule, { ui } from '@reltio/mdm-module';
-import { CustomScriptPlatform, initializeWebWorker, isEmptyValue } from '@reltio/mdm-sdk';
+import { CustomAction, CustomScriptPlatform, initializeWebWorker, isEmptyValue } from '@reltio/mdm-sdk';
 import nanoid from 'nanoid';
-import { find, map, pick, pipe, prop, omit } from 'ramda';
+import { find, map, omit, pick, pipe, prop } from 'ramda';
 import { useWorkflowCheckPermission } from '../components/workflow';
 import { SandboxAPIContext } from '../contexts';
-import { CustomAction, getWorkerURL, processRequest } from './useAPI';
+import { getWorkerURL, processRequest } from './useAPI';
 var isURLtoProcess = function (processApi, url) {
     return (processApi || []).some(function (request) {
         var regExp = new RegExp("^" + request + "$");
         return request.replace(/\/*$/, '') === url || (request && regExp.test(url));
     });
 };
+var getCustomViewConfig = function (config) {
+    var processApiResponse = config.processApiResponse, processApiRequest = config.processApiRequest, permissions = config.permissions, files = config.files, otherProps = __rest(config, ["processApiResponse", "processApiRequest", "permissions", "files"]);
+    return __assign({ action: { processApiResponse: processApiResponse, processApiRequest: processApiRequest, permissions: permissions, files: files } }, otherProps);
+};
 export var useCustomScripts = function (config, _a) {
     var addInternalRequestInterceptor = _a.addInternalRequestInterceptor, addInternalResponseInterceptor = _a.addInternalResponseInterceptor, removeInternalRequestInterceptor = _a.removeInternalRequestInterceptor, removeInternalResponseInterceptor = _a.removeInternalResponseInterceptor;
     var customScripts = config.reduce(function (acc, customScript) {
@@ -56,14 +71,17 @@ export var useCustomScripts = function (config, _a) {
     var requestListeners = useRef({});
     var responseListeners = useRef({});
     var workers = useRef({});
-    var process = function (task, worker) {
-        var _a, _b;
+    var process = function (_a) {
+        var _b, _c;
+        var task = _a.task, worker = _a.worker, config = _a.config;
         if (task) {
             switch (task.action) {
                 case CustomAction.REQUEST: {
-                    if (((_b = (_a = task.params) === null || _a === void 0 ? void 0 : _a.headers) === null || _b === void 0 ? void 0 : _b.origin) !== 'ui') {
-                        processRequest(__assign({ name: task.params.name, paramObject: task, permissions: customScripts[0].permissions, worker: worker,
-                            metadata: metadata, config: { action: customScripts[0] }, user: user,
+                    if (((_c = (_b = task.params) === null || _b === void 0 ? void 0 : _b.headers) === null || _c === void 0 ? void 0 : _c.origin) !== 'ui') {
+                        processRequest(__assign({ name: task.params.name, paramObject: task, permissions: config.action.permissions, worker: worker,
+                            metadata: metadata,
+                            config: config,
+                            user: user,
                             apiPath: apiPath,
                             tenant: tenant,
                             workflowPath: workflowPath,
@@ -73,7 +91,7 @@ export var useCustomScripts = function (config, _a) {
                             workflowCheckPermission: workflowCheckPermission }, qxApi));
                     }
                     else {
-                        var _c = task.params, headers = _c.headers, id = _c.id, fakeURL = _c.url, method = _c.method, data = _c.data;
+                        var _d = task.params, headers = _d.headers, id = _d.id, fakeURL = _d.url, method = _d.method, data = _d.data;
                         var url = fakeURL.replace(reltioPath, apiPath);
                         if (requestListeners.current[headers.requestId]) {
                             requestListeners.current[headers.requestId].next(url, __assign(__assign({}, data), { id: id,
@@ -87,7 +105,7 @@ export var useCustomScripts = function (config, _a) {
                 }
                 case CustomAction.RETURN_PROCESSED_API_RESPONSE:
                 case CustomAction.RETURN_PROCESSED_API_REQUEST: {
-                    var _d = task.params, id = _d.id, data = _d.data;
+                    var _e = task.params, id = _e.id, data = _e.data;
                     if (responseListeners.current[id]) {
                         responseListeners.current[id].next(data);
                         responseListeners.current = omit([id], responseListeners.current);
@@ -100,7 +118,8 @@ export var useCustomScripts = function (config, _a) {
     useEffect(function () {
         workers.current = customScripts.reduce(function (acc, customScript) {
             var _a;
-            return __assign(__assign({}, acc), (_a = {}, _a[customScript.actionId] = initializeWebWorker(workerUrl, customScript.files, process), _a));
+            var customViewConfig = getCustomViewConfig(customScript);
+            return __assign(__assign({}, acc), (_a = {}, _a[customScript.actionId] = initializeWebWorker(workerUrl, customScript.files, process, customViewConfig), _a));
         }, workers.current);
         return function () {
             Object.keys(workers.current).forEach(function (actionId) {

package/esm/hooks/useSavedStateForEntityType.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { useDidUpdateEffect } from './useDidUpdateEffect';
 export var useSavedStateForEntityType = function (_a) {
     var getSavedState = _a.getSavedState, saveState = _a.saveState, entityTypeUri = _a.entityTypeUri;
@@ -23,14 +23,14 @@ export var useSavedStateForEntityType = function (_a) {
         }
     };
     useDidUpdateEffect(saveChangesLocallyForPrevEntityType, [entityTypeUri]);
-    var updateSavedState = function (stateToSave) {
+    var updateSavedState = useCallback(function (stateToSave) {
         var _a;
         var changedState = (_a = {},
             _a[entityTypeUri] = stateToSave,
             _a);
         setChangedState(changedState);
         saveState(__assign(__assign({}, savedState), changedState));
-    };
+    }, [entityTypeUri, saveState, savedState]);
     useEffect(function () {
         getSavedState()
             .then(function (savedState) {

package/package.json

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