@reltio/components 1.4.1159 → 1.4.1162

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/components/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -13,7 +13,7 @@ import FilterSelector from './components/FilterSelector/FilterSelector';
 import RowActions from './components/RowActions/RowActions';
 import QueryBuilderRowsGroup from '../QueryBuilderRowsGroup/QueryBuilderRowsGroup';
 import AttributeSelector from './components/AttributeSelector/AttributeSelector';
-import ValueEditor from './components/ValueEditor/ValueEditor';
+import ValuesEditor from './components/ValuesEditor/ValuesEditor';
 import { useStyles } from './styles';
 var EMPTY_FILTER = { fieldName: null, filter: null, values: [] };
 var Stub = function () { return null; };
@@ -83,6 +83,6 @@ var AttributesFiltersBuilder = function (_a) {
     var addNewFilter = useCallback(function (newFilter) {
         onChange(__spreadArray(__spreadArray([], actualFilters.current), [newFilter]));
     }, [onChange]);
-    return (React.createElement(QueryBuilderRowsGroup, { rowClasses: rowClasses, rowsData: rowsData, AttributeSelectorComponent: AttributeSelector, FilterSelectorComponent: FilterSelector, ValuesEditorComponent: ValueEditor, ActionsComponent: RowActions, LogicOperatorComponent: Stub, filterSelectorRefIndex: lastAttributesCountRef.current, filterSelectorRef: attributeFilterRef, lastRowAttributeSelectorProps: lastRowAttributeSelectorProps, attributesGroup: attributeSelectorItems, changeFilter: changeFilter, addNewFilter: addNewFilter, addRowAfterIndex: addRowAfterIndex, removeRow: removeRow, duplicateRow: duplicateRow }));
+    return (React.createElement(QueryBuilderRowsGroup, { rowClasses: rowClasses, rowsData: rowsData, AttributeSelectorComponent: AttributeSelector, FilterSelectorComponent: FilterSelector, ValuesEditorComponent: ValuesEditor, ActionsComponent: RowActions, LogicOperatorComponent: Stub, filterSelectorRefIndex: lastAttributesCountRef.current, filterSelectorRef: attributeFilterRef, lastRowAttributeSelectorProps: lastRowAttributeSelectorProps, attributesGroup: attributeSelectorItems, changeFilter: changeFilter, addNewFilter: addNewFilter, addRowAfterIndex: addRowAfterIndex, removeRow: removeRow, duplicateRow: duplicateRow }));
 };
 export default memo(AttributesFiltersBuilder);

package/esm/components/AttributesFiltersBuilder/components/{ValueEditor → ValuesEditor}/styles.js

@@ -15,6 +15,8 @@ export var useStyles = makeStyles(function () { return ({
         margin: 0
     },
     valuesEditor: {
+        display: 'flex',
+        alignItems: 'center',
         width: '222px!important',
         minHeight: '40px',
         flexShrink: 0

package/esm/components/ProfilesList/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "image" | "secondaryLabel" | "item" | "inactive" | "selected" | "avatar" | "clickable" | "info" | "@keyframes animate" | "highlighted" | "justImported" | "businessCard" | "secondRow">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "item" | "image" | "secondaryLabel" | "inactive" | "selected" | "avatar" | "clickable" | "info" | "@keyframes animate" | "highlighted" | "justImported" | "businessCard" | "secondRow">;

package/esm/components/ReltioMap/MapControls/TopRightMapControls/TopRightMapControls.js

@@ -3,7 +3,7 @@ import i18n from 'ui-i18n';
 import Button from '@material-ui/core/Button';
 import { withTooltip } from '../../../../HOCs';
 import HighlightOffIcon from '@material-ui/icons/HighlightOff';
-import { MAP_DRAWING_MODES } from '../../constants';
+import { MAP_DRAWING_MODES } from '../../../../constants';
 import RadiusIcon from '../../../../icons/Radius';
 import DrawIcon from '../../../../icons/Draw';
 import { useStyles } from './styles';

package/esm/components/ReltioMap/helpers/index.js

@@ -3,7 +3,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
         to[j] = from[i];
     return to;
 };
-import { MAP_DRAWING_MODES, MAP_MINIMUM_SCALE_RADIUS } from '../constants';
+import { MAP_DRAWING_MODES, MAP_MINIMUM_SCALE_RADIUS } from '../../../constants';
 export var getMapBoundsPolygon = function (map) {
     var bounds = map.getBounds();
     var ne = bounds.getNorthEast();

package/esm/components/ReltioMap/index.d.ts

@@ -15,6 +15,7 @@ declare type Props = {
     drawingModes?: DrawingModes;
     markerClusterer?: boolean;
     markerClustererOptions?: MarkerClustererProps['options'];
+    mapOptions?: google.maps.MapOptions;
     mapContainerClassName: string;
     onMapBoundsChanged?: (value: MapBounds | null) => void;
     onOverlayUpdated?: (value: {
@@ -23,5 +24,5 @@ declare type Props = {
     }) => void;
     onMarkerClicked?: (value: Marker) => void;
 };
-export declare const ReltioMap: ({ markers, mapKey, defaultZoom, defaultCenter, loadingElement, isSearchOnMapMove, isSearchEnabled, activeOverlay, overlayOptions, drawingModes, markerClusterer, markerClustererOptions, mapContainerClassName, onMapBoundsChanged, onOverlayUpdated, onMarkerClicked }: Props) => JSX.Element;
+export declare const ReltioMap: ({ markers, mapKey, defaultZoom, defaultCenter, loadingElement, isSearchOnMapMove, isSearchEnabled, activeOverlay, overlayOptions, drawingModes, markerClusterer, markerClustererOptions, mapOptions, mapContainerClassName, onMapBoundsChanged, onOverlayUpdated, onMarkerClicked }: Props) => JSX.Element;
 export {};

package/esm/components/ReltioMap/index.js

@@ -17,7 +17,7 @@ import { TopRightMapControls } from './MapControls/TopRightMapControls/TopRightM
 import { TopCenterMapControls } from './MapControls/TopCenterMapControls/TopCenterMapControls';
 import { getMapBoundsPolygon, getDrawingMode, fitMapBoundsForMarkers, fitMapBoundsForOverlay } from './helpers';
 import EntityMarker from './EntityMarker/EntityMarker';
-import { DEFAULT_OVERLAY_OPTIONS, MAP_DRAWING_MODES } from '../../constants';
+import { DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_DRAWING_MODES } from '../../constants';
 import { useStyles } from './styles';
 import { usePrevious } from '../../hooks';
 var ON_MAP_MOVE_DEBOUNCE_INTERVAL = 1000;
@@ -38,7 +38,7 @@ var useFitMapBounds = function (_a) {
     }, [map, markers, activeOverlay]);
 };
 export var ReltioMap = function (_a) {
-    var _b = _a.markers, markers = _b === void 0 ? [] : _b, mapKey = _a.mapKey, defaultZoom = _a.defaultZoom, defaultCenter = _a.defaultCenter, loadingElement = _a.loadingElement, isSearchOnMapMove = _a.isSearchOnMapMove, isSearchEnabled = _a.isSearchEnabled, activeOverlay = _a.activeOverlay, overlayOptions = _a.overlayOptions, _c = _a.drawingModes, drawingModes = _c === void 0 ? [] : _c, markerClusterer = _a.markerClusterer, markerClustererOptions = _a.markerClustererOptions, mapContainerClassName = _a.mapContainerClassName, onMapBoundsChanged = _a.onMapBoundsChanged, onOverlayUpdated = _a.onOverlayUpdated, onMarkerClicked = _a.onMarkerClicked;
+    var _b = _a.markers, markers = _b === void 0 ? [] : _b, mapKey = _a.mapKey, defaultZoom = _a.defaultZoom, defaultCenter = _a.defaultCenter, loadingElement = _a.loadingElement, isSearchOnMapMove = _a.isSearchOnMapMove, isSearchEnabled = _a.isSearchEnabled, activeOverlay = _a.activeOverlay, overlayOptions = _a.overlayOptions, _c = _a.drawingModes, drawingModes = _c === void 0 ? [] : _c, markerClusterer = _a.markerClusterer, markerClustererOptions = _a.markerClustererOptions, mapOptions = _a.mapOptions, mapContainerClassName = _a.mapContainerClassName, onMapBoundsChanged = _a.onMapBoundsChanged, onOverlayUpdated = _a.onOverlayUpdated, onMarkerClicked = _a.onMarkerClicked;
     var styles = useStyles();
     var _d = useJsApiLoader({
         googleMapsApiKey: mapKey,
@@ -50,6 +50,7 @@ export var ReltioMap = function (_a) {
     var _g = useState(null), drawingMode = _g[0], setDrawingMode = _g[1];
     useFitMapBounds({ markers: markers, activeOverlay: activeOverlay, map: map, isSearchOnMapMove: isSearchOnMapMove });
     var allOverlayOptions = useMemo(function () { return (__assign(__assign({}, DEFAULT_OVERLAY_OPTIONS), (overlayOptions || {}))); }, [overlayOptions]);
+    var googleMapOptions = useMemo(function () { return (__assign(__assign({}, DEFAULT_GOOGLE_MAP_OPTIONS), (mapOptions || {}))); }, [mapOptions]);
     var handleChangeIsSearchOnMapMove = useCallback(function (isSearchOnMapMove) {
         onMapBoundsChanged(isSearchOnMapMove ? getMapBoundsPolygon(map) : null);
         setDrawingMode(null);
@@ -115,11 +116,7 @@ export var ReltioMap = function (_a) {
     if (!isLoaded) {
         return loadingElement;
     }
-    return (React.createElement(GoogleMap, { mapTypeId: window.google.maps.MapTypeId.ROADMAP, options: {
-            mapTypeControl: false,
-            streetViewControl: false,
-            fullscreenControl: false
-        }, onLoad: setMap, zoom: defaultZoom, center: defaultCenter, onZoomChanged: handleMapMoveStart, onDragStart: handleMapMoveStart, onIdle: handleMapIdle, mapContainerClassName: mapContainerClassName },
+    return (React.createElement(GoogleMap, { mapTypeId: window.google.maps.MapTypeId.ROADMAP, options: googleMapOptions, onLoad: setMap, zoom: defaultZoom, center: defaultCenter, onZoomChanged: handleMapMoveStart, onDragStart: handleMapMoveStart, onIdle: handleMapIdle, mapContainerClassName: mapContainerClassName },
         map && isSearchEnabled && Boolean(drawingModes.length) && (React.createElement(MapControlContainer, { className: styles.mapControlContainer, position: window.google.maps.ControlPosition.TOP_RIGHT, map: map },
             React.createElement(TopRightMapControls, { hasActiveOverlay: !!activeOverlay, drawingModes: drawingModes, drawingMode: drawingMode, onDrawingModeChanged: setDrawingMode, onClearOverlay: handleClearOverlay }))),
         map && isSearchEnabled && (React.createElement(MapControlContainer, { className: styles.mapControlContainer, position: window.google.maps.ControlPosition.TOP_CENTER, map: map },

package/esm/constants/index.d.ts

@@ -1,4 +1,4 @@
 export { COMMENTS_CONTAINER_VISIBILITY_AREA } from "./classnames";
 export { ALWAYS_VISIBLE_TYPE_URIS } from "./attributes";
 export { SortingType, ColumnFilterType, ColumnsDataType, QueryBuilderAttributeType, QueryBuilderAttributeDataType } from "./prop-types";
-export { MAP_DRAWING_MODES, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from "./map";
+export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from "./map";

package/esm/constants/index.js

@@ -1,4 +1,4 @@
 export { SortingType, ColumnFilterType, ColumnsDataType, QueryBuilderAttributeType, QueryBuilderAttributeDataType } from './prop-types';
 export { COMMENTS_CONTAINER_VISIBILITY_AREA } from './classnames';
 export { ALWAYS_VISIBLE_TYPE_URIS } from './attributes';
-export { MAP_DRAWING_MODES, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
+export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';

package/esm/constants/map.d.ts

@@ -11,4 +11,9 @@ export declare const DEFAULT_OVERLAY_OPTIONS: {
     editable: boolean;
     zIndex: number;
 };
+export declare const DEFAULT_GOOGLE_MAP_OPTIONS: {
+    mapTypeControl: boolean;
+    streetViewControl: boolean;
+    fullscreenControl: boolean;
+};
 export declare const MAP_MINIMUM_SCALE_RADIUS = 0.001;

package/esm/constants/map.js

@@ -11,4 +11,9 @@ export var DEFAULT_OVERLAY_OPTIONS = {
     editable: true,
     zIndex: 1
 };
+export var DEFAULT_GOOGLE_MAP_OPTIONS = {
+    mapTypeControl: false,
+    streetViewControl: false,
+    fullscreenControl: false
+};
 export var MAP_MINIMUM_SCALE_RADIUS = 0.001;

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.1159",
+  "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.1159",
-    "@reltio/mdm-sdk": "^1.4.1159",
+    "@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",

package/cjs/components/ReltioMap/constants.d.ts

@@ -1,14 +0,0 @@
-export declare const MAP_DRAWING_MODES: {
-    CIRCLE: string;
-    POLYGON: string;
-};
-export declare const DEFAULT_OVERLAY_OPTIONS: {
-    fillColor: string;
-    fillOpacity: number;
-    strokeWeight: number;
-    strokeColor: string;
-    clickable: boolean;
-    editable: boolean;
-    zIndex: number;
-};
-export declare const MAP_MINIMUM_SCALE_RADIUS = 0.001;

package/cjs/components/ReltioMap/constants.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MAP_MINIMUM_SCALE_RADIUS = exports.DEFAULT_OVERLAY_OPTIONS = exports.MAP_DRAWING_MODES = void 0;
-exports.MAP_DRAWING_MODES = {
-    CIRCLE: 'circle',
-    POLYGON: 'polygon'
-};
-exports.DEFAULT_OVERLAY_OPTIONS = {
-    fillColor: 'rgb(242,82,82)',
-    fillOpacity: 0.1,
-    strokeWeight: 2,
-    strokeColor: '#F25252',
-    clickable: false,
-    editable: true,
-    zIndex: 1
-};
-exports.MAP_MINIMUM_SCALE_RADIUS = 0.001;

package/esm/components/ReltioMap/constants.d.ts

@@ -1,14 +0,0 @@
-export declare const MAP_DRAWING_MODES: {
-    CIRCLE: string;
-    POLYGON: string;
-};
-export declare const DEFAULT_OVERLAY_OPTIONS: {
-    fillColor: string;
-    fillOpacity: number;
-    strokeWeight: number;
-    strokeColor: string;
-    clickable: boolean;
-    editable: boolean;
-    zIndex: number;
-};
-export declare const MAP_MINIMUM_SCALE_RADIUS = 0.001;

package/esm/components/ReltioMap/constants.js

@@ -1,14 +0,0 @@
-export var MAP_DRAWING_MODES = {
-    CIRCLE: 'circle',
-    POLYGON: 'polygon'
-};
-export var DEFAULT_OVERLAY_OPTIONS = {
-    fillColor: 'rgb(242,82,82)',
-    fillOpacity: 0.1,
-    strokeWeight: 2,
-    strokeColor: '#F25252',
-    clickable: false,
-    editable: true,
-    zIndex: 1
-};
-export var MAP_MINIMUM_SCALE_RADIUS = 0.001;