@reltio/components 1.4.1159 → 1.4.1162

package/cjs/components/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -37,7 +37,7 @@ var FilterSelector_1 = __importDefault(require("./components/FilterSelector/Filt
 var RowActions_1 = __importDefault(require("./components/RowActions/RowActions"));
 var QueryBuilderRowsGroup_1 = __importDefault(require("../QueryBuilderRowsGroup/QueryBuilderRowsGroup"));
 var AttributeSelector_1 = __importDefault(require("./components/AttributeSelector/AttributeSelector"));
-var ValueEditor_1 = __importDefault(require("./components/ValueEditor/ValueEditor"));
+var ValuesEditor_1 = __importDefault(require("./components/ValuesEditor/ValuesEditor"));
 var styles_1 = require("./styles");
 var EMPTY_FILTER = { fieldName: null, filter: null, values: [] };
 var Stub = function () { return null; };
@@ -107,6 +107,6 @@ var AttributesFiltersBuilder = function (_a) {
     var addNewFilter = react_1.useCallback(function (newFilter) {
         onChange(__spreadArray(__spreadArray([], actualFilters.current), [newFilter]));
     }, [onChange]);
-    return (react_1.default.createElement(QueryBuilderRowsGroup_1.default, { rowClasses: rowClasses, rowsData: rowsData, AttributeSelectorComponent: AttributeSelector_1.default, FilterSelectorComponent: FilterSelector_1.default, ValuesEditorComponent: ValueEditor_1.default, ActionsComponent: RowActions_1.default, LogicOperatorComponent: Stub, filterSelectorRefIndex: lastAttributesCountRef.current, filterSelectorRef: attributeFilterRef, lastRowAttributeSelectorProps: lastRowAttributeSelectorProps, attributesGroup: attributeSelectorItems, changeFilter: changeFilter, addNewFilter: addNewFilter, addRowAfterIndex: addRowAfterIndex, removeRow: removeRow, duplicateRow: duplicateRow }));
+    return (react_1.default.createElement(QueryBuilderRowsGroup_1.default, { rowClasses: rowClasses, rowsData: rowsData, AttributeSelectorComponent: AttributeSelector_1.default, FilterSelectorComponent: FilterSelector_1.default, ValuesEditorComponent: ValuesEditor_1.default, ActionsComponent: RowActions_1.default, LogicOperatorComponent: Stub, filterSelectorRefIndex: lastAttributesCountRef.current, filterSelectorRef: attributeFilterRef, lastRowAttributeSelectorProps: lastRowAttributeSelectorProps, attributesGroup: attributeSelectorItems, changeFilter: changeFilter, addNewFilter: addNewFilter, addRowAfterIndex: addRowAfterIndex, removeRow: removeRow, duplicateRow: duplicateRow }));
 };
 exports.default = react_1.memo(AttributesFiltersBuilder);

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

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

package/cjs/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/cjs/components/ReltioMap/MapControls/TopRightMapControls/TopRightMapControls.js

@@ -9,7 +9,7 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var Button_1 = __importDefault(require("@material-ui/core/Button"));
 var HOCs_1 = require("../../../../HOCs");
 var HighlightOff_1 = __importDefault(require("@material-ui/icons/HighlightOff"));
-var constants_1 = require("../../constants");
+var constants_1 = require("../../../../constants");
 var Radius_1 = __importDefault(require("../../../../icons/Radius"));
 var Draw_1 = __importDefault(require("../../../../icons/Draw"));
 var styles_1 = require("./styles");

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

@@ -6,7 +6,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.fitMapBoundsForOverlay = exports.fitMapBoundsForMarkers = exports.getDrawingMode = exports.getMapBoundsPolygon = void 0;
-var constants_1 = require("../constants");
+var constants_1 = require("../../../constants");
 var getMapBoundsPolygon = function (map) {
     var bounds = map.getBounds();
     var ne = bounds.getNorthEast();

package/cjs/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/cjs/components/ReltioMap/index.js

@@ -63,7 +63,7 @@ var useFitMapBounds = function (_a) {
     }, [map, markers, activeOverlay]);
 };
 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 = styles_1.useStyles();
     var _d = api_1.useJsApiLoader({
         googleMapsApiKey: mapKey,
@@ -75,6 +75,7 @@ var ReltioMap = function (_a) {
     var _g = react_1.useState(null), drawingMode = _g[0], setDrawingMode = _g[1];
     useFitMapBounds({ markers: markers, activeOverlay: activeOverlay, map: map, isSearchOnMapMove: isSearchOnMapMove });
     var allOverlayOptions = react_1.useMemo(function () { return (__assign(__assign({}, constants_1.DEFAULT_OVERLAY_OPTIONS), (overlayOptions || {}))); }, [overlayOptions]);
+    var googleMapOptions = react_1.useMemo(function () { return (__assign(__assign({}, constants_1.DEFAULT_GOOGLE_MAP_OPTIONS), (mapOptions || {}))); }, [mapOptions]);
     var handleChangeIsSearchOnMapMove = react_1.useCallback(function (isSearchOnMapMove) {
         onMapBoundsChanged(isSearchOnMapMove ? helpers_1.getMapBoundsPolygon(map) : null);
         setDrawingMode(null);
@@ -140,11 +141,7 @@ var ReltioMap = function (_a) {
     if (!isLoaded) {
         return loadingElement;
     }
-    return (react_1.default.createElement(api_1.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_1.default.createElement(api_1.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_1.default.createElement(MapControlContrainer_1.MapControlContainer, { className: styles.mapControlContainer, position: window.google.maps.ControlPosition.TOP_RIGHT, map: map },
             react_1.default.createElement(TopRightMapControls_1.TopRightMapControls, { hasActiveOverlay: !!activeOverlay, drawingModes: drawingModes, drawingMode: drawingMode, onDrawingModeChanged: setDrawingMode, onClearOverlay: handleClearOverlay }))),
         map && isSearchEnabled && (react_1.default.createElement(MapControlContrainer_1.MapControlContainer, { className: styles.mapControlContainer, position: window.google.maps.ControlPosition.TOP_CENTER, map: map },

package/cjs/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/cjs/constants/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MAP_MINIMUM_SCALE_RADIUS = exports.DEFAULT_OVERLAY_OPTIONS = exports.MAP_DRAWING_MODES = exports.ALWAYS_VISIBLE_TYPE_URIS = exports.COMMENTS_CONTAINER_VISIBILITY_AREA = exports.QueryBuilderAttributeDataType = exports.QueryBuilderAttributeType = exports.ColumnsDataType = exports.ColumnFilterType = exports.SortingType = void 0;
+exports.MAP_MINIMUM_SCALE_RADIUS = exports.DEFAULT_OVERLAY_OPTIONS = exports.DEFAULT_GOOGLE_MAP_OPTIONS = exports.MAP_DRAWING_MODES = exports.ALWAYS_VISIBLE_TYPE_URIS = exports.COMMENTS_CONTAINER_VISIBILITY_AREA = exports.QueryBuilderAttributeDataType = exports.QueryBuilderAttributeType = exports.ColumnsDataType = exports.ColumnFilterType = exports.SortingType = void 0;
 var prop_types_1 = require("./prop-types");
 Object.defineProperty(exports, "SortingType", { enumerable: true, get: function () { return prop_types_1.SortingType; } });
 Object.defineProperty(exports, "ColumnFilterType", { enumerable: true, get: function () { return prop_types_1.ColumnFilterType; } });
@@ -13,5 +13,6 @@ var attributes_1 = require("./attributes");
 Object.defineProperty(exports, "ALWAYS_VISIBLE_TYPE_URIS", { enumerable: true, get: function () { return attributes_1.ALWAYS_VISIBLE_TYPE_URIS; } });
 var map_1 = require("./map");
 Object.defineProperty(exports, "MAP_DRAWING_MODES", { enumerable: true, get: function () { return map_1.MAP_DRAWING_MODES; } });
+Object.defineProperty(exports, "DEFAULT_GOOGLE_MAP_OPTIONS", { enumerable: true, get: function () { return map_1.DEFAULT_GOOGLE_MAP_OPTIONS; } });
 Object.defineProperty(exports, "DEFAULT_OVERLAY_OPTIONS", { enumerable: true, get: function () { return map_1.DEFAULT_OVERLAY_OPTIONS; } });
 Object.defineProperty(exports, "MAP_MINIMUM_SCALE_RADIUS", { enumerable: true, get: function () { return map_1.MAP_MINIMUM_SCALE_RADIUS; } });

package/cjs/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/cjs/constants/map.js

@@ -1,6 +1,6 @@
 "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_MINIMUM_SCALE_RADIUS = exports.DEFAULT_GOOGLE_MAP_OPTIONS = exports.DEFAULT_OVERLAY_OPTIONS = exports.MAP_DRAWING_MODES = void 0;
 exports.MAP_DRAWING_MODES = {
     CIRCLE: 'circle',
     POLYGON: 'polygon'
@@ -14,4 +14,9 @@ exports.DEFAULT_OVERLAY_OPTIONS = {
     editable: true,
     zIndex: 1
 };
+exports.DEFAULT_GOOGLE_MAP_OPTIONS = {
+    mapTypeControl: false,
+    streetViewControl: false,
+    fullscreenControl: false
+};
 exports.MAP_MINIMUM_SCALE_RADIUS = 0.001;

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) {