@reltio/components 1.4.1128 → 1.4.1131

package/cjs/components/attributes/editMode/AttributesFactory/AttributesFactory.js

@@ -36,7 +36,7 @@ var EditModeAttributesFactory = /** @class */ (function () {
     EditModeAttributesFactory.build = function (attributeType, props) {
         if (props === void 0) { props = {}; }
         /* eslint-disable @typescript-eslint/no-unused-vars */
-        var showEmptyEditors = props.showEmptyEditors, onAddAttributes = props.onAddAttributes, lazy = props.lazy, errors = props.errors, crosswalks = props.crosswalks, showNonOv = props.showNonOv, propsForSimpleAttribute = __rest(props, ["showEmptyEditors", "onAddAttributes", "lazy", "errors", "crosswalks", "showNonOv"]);
+        var showEmptyEditors = props.showEmptyEditors, onAddAttributes = props.onAddAttributes, lazy = props.lazy, errors = props.errors, crosswalks = props.crosswalks, showNonOv = props.showNonOv, expanded = props.expanded, propsForSimpleAttribute = __rest(props, ["showEmptyEditors", "onAddAttributes", "lazy", "errors", "crosswalks", "showNonOv", "expanded"]);
         /* eslint-enable @typescript-eslint/no-unused-vars */
         switch (attributeType.type) {
             case mdm_sdk_1.DataTypes.TYPE_NESTED:

package/cjs/components/attributes/editMode/ComplexAttribute/ComplexAttribute.d.ts

@@ -1,5 +1,5 @@
 export default ComplexAttribute;
-declare function ComplexAttribute({ label, attributeTypesList, attributeType, attributeValue, children, errors, ownError, mode, metadata, crosswalks, lazy, showEmptyEditors, onAddOneMore, onAddAttributes, onDeleteAttribute, onChangeAttribute, additionalControlsRenderer, hideDeleteButton, state, showNonOv }: {
+declare function ComplexAttribute({ label, attributeTypesList, attributeType, attributeValue, children, errors, ownError, mode, metadata, crosswalks, lazy, showEmptyEditors, onAddOneMore, onAddAttributes, onDeleteAttribute, onChangeAttribute, additionalControlsRenderer, hideDeleteButton, state, showNonOv, expanded: expandedProp }: {
     label: any;
     attributeTypesList: any;
     attributeType: any;
@@ -20,6 +20,7 @@ declare function ComplexAttribute({ label, attributeTypesList, attributeType, at
     hideDeleteButton: any;
     state: any;
     showNonOv: any;
+    expanded?: boolean;
 }): JSX.Element;
 declare namespace ComplexAttribute {
     const propTypes: {
@@ -130,6 +131,7 @@ declare namespace ComplexAttribute {
         hideDeleteButton: PropTypes.Requireable<boolean>;
         showNonOv: PropTypes.Requireable<boolean>;
         state: PropTypes.Requireable<string>;
+        expanded: PropTypes.Requireable<boolean>;
         label: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         attributeTypesList: PropTypes.Requireable<PropTypes.InferProps<{

package/cjs/components/attributes/editMode/ComplexAttribute/ComplexAttribute.js

@@ -48,13 +48,17 @@ var AttributesList_1 = __importDefault(require("../AttributesList/AttributesList
 var ArrowExpandButton_1 = __importDefault(require("../../../ArrowExpandButton/ArrowExpandButton"));
 var ComplexAttribute = function (_a) {
     var _b;
-    var label = _a.label, attributeTypesList = _a.attributeTypesList, attributeType = _a.attributeType, attributeValue = _a.attributeValue, children = _a.children, errors = _a.errors, ownError = _a.ownError, mode = _a.mode, metadata = _a.metadata, crosswalks = _a.crosswalks, lazy = _a.lazy, showEmptyEditors = _a.showEmptyEditors, onAddOneMore = _a.onAddOneMore, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, hideDeleteButton = _a.hideDeleteButton, state = _a.state, showNonOv = _a.showNonOv;
+    var label = _a.label, attributeTypesList = _a.attributeTypesList, attributeType = _a.attributeType, attributeValue = _a.attributeValue, children = _a.children, errors = _a.errors, ownError = _a.ownError, mode = _a.mode, metadata = _a.metadata, crosswalks = _a.crosswalks, lazy = _a.lazy, showEmptyEditors = _a.showEmptyEditors, onAddOneMore = _a.onAddOneMore, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, hideDeleteButton = _a.hideDeleteButton, state = _a.state, showNonOv = _a.showNonOv, _c = _a.expanded, expandedProp = _c === void 0 ? false : _c;
     var styles = styles_1.useStyles();
     var deleted = state === 'deleted';
     var edited = state === 'edited';
     var uri = attributeValue.uri;
     var isNew = mdm_sdk_1.isTempUri(uri);
-    var _c = react_1.useState(isNew), expanded = _c[0], setExpanded = _c[1];
+    var defaultExpand = isNew || expandedProp;
+    var _d = react_1.useState(defaultExpand), expanded = _d[0], setExpanded = _d[1];
+    react_1.useEffect(function () {
+        setExpanded(defaultExpand);
+    }, [defaultExpand]);
     var canDelete = react_1.useMemo(function () {
         return mdm_sdk_1.checkCanDeleteAttribute({
             attributeType: attributeType,

package/cjs/components/attributes/editMode/NestedAttribute/NestedAttribute.d.ts

@@ -108,6 +108,7 @@ declare var _default: React.MemoExoticComponent<{
         hideDeleteButton: import("prop-types").Requireable<boolean>;
         showNonOv: import("prop-types").Requireable<boolean>;
         state: import("prop-types").Requireable<string>;
+        expanded: import("prop-types").Requireable<boolean>;
         attributeValue: import("prop-types").Requireable<import("prop-types").InferProps<{
             value: import("prop-types").Requireable<object>;
             ov: import("prop-types").Requireable<boolean>;

package/cjs/components/attributes/editMode/ReferenceAttribute/ReferenceAttribute.d.ts

@@ -116,6 +116,7 @@ declare var _default: React.MemoExoticComponent<{
         hideDeleteButton: PropTypes.Requireable<boolean>;
         showNonOv: PropTypes.Requireable<boolean>;
         state: PropTypes.Requireable<string>;
+        expanded: PropTypes.Requireable<boolean>;
         attributeValue: PropTypes.Requireable<PropTypes.InferProps<{
             refEntity: PropTypes.Requireable<object>;
             refRelation: PropTypes.Requireable<object>;

package/cjs/components/attributes/editMode/ReferenceAttribute/index.d.ts

@@ -117,6 +117,7 @@ declare var _default: import("react-redux").ConnectedComponent<import("react").M
         hideDeleteButton: import("prop-types").Requireable<boolean>;
         showNonOv: import("prop-types").Requireable<boolean>;
         state: import("prop-types").Requireable<string>;
+        expanded: import("prop-types").Requireable<boolean>;
         attributeValue: import("prop-types").Requireable<import("prop-types").InferProps<{
             refEntity: import("prop-types").Requireable<object>;
             refRelation: import("prop-types").Requireable<object>;

package/cjs/components/attributes/readMode/NestedAttribute/NestedAttribute.d.ts

@@ -112,6 +112,7 @@ declare var _default: React.MemoExoticComponent<{
         hideDeleteButton: import("prop-types").Requireable<boolean>;
         showNonOv: import("prop-types").Requireable<boolean>;
         state: import("prop-types").Requireable<string>;
+        expanded: import("prop-types").Requireable<boolean>;
         attributeValue: import("prop-types").Requireable<import("prop-types").InferProps<{
             value: import("prop-types").Requireable<object>;
             ov: import("prop-types").Requireable<boolean>;

package/cjs/components/attributes/readMode/ReferenceAttribute/ReferenceAttribute.d.ts

@@ -114,6 +114,7 @@ declare var _default: React.MemoExoticComponent<{
         hideDeleteButton: import("prop-types").Requireable<boolean>;
         showNonOv: import("prop-types").Requireable<boolean>;
         state: import("prop-types").Requireable<string>;
+        expanded: import("prop-types").Requireable<boolean>;
         attributeValue: import("prop-types").Requireable<import("prop-types").InferProps<{
             refEntity: import("prop-types").Requireable<object>;
             refRelation: import("prop-types").Requireable<object>;

package/cjs/components/attributes/readMode/ReferenceAttribute/index.d.ts

@@ -115,6 +115,7 @@ declare var _default: import("react-redux").ConnectedComponent<import("react").M
         hideDeleteButton: import("prop-types").Requireable<boolean>;
         showNonOv: import("prop-types").Requireable<boolean>;
         state: import("prop-types").Requireable<string>;
+        expanded: import("prop-types").Requireable<boolean>;
         attributeValue: import("prop-types").Requireable<import("prop-types").InferProps<{
             refEntity: import("prop-types").Requireable<object>;
             refRelation: import("prop-types").Requireable<object>;

package/cjs/hooks/useAPI/API.js

@@ -181,15 +181,15 @@ var processRequest = function (_a) {
             break;
         }
         case types_1.RequestAction.ALERT: {
-            window.alert(paramObject.params.text);
+            worker.postMessage(__assign({ action: 'response', result: window.alert(paramObject.params.text) }, paramObject.params));
             break;
         }
         case types_1.RequestAction.CONFIRM: {
-            window.confirm(paramObject.params.text);
+            worker.postMessage(__assign({ action: 'response', result: window.confirm(paramObject.params.text) }, paramObject.params));
             break;
         }
         case types_1.RequestAction.PROMPT: {
-            window.prompt(paramObject.params.text, paramObject.params.defaultText || '');
+            worker.postMessage(__assign({ action: 'response', result: window.prompt(paramObject.params.text, paramObject.params.defaultText || '') }, paramObject.params));
             break;
         }
         case types_1.RequestAction.OPEN_WINDOW: {

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

@@ -41,6 +41,7 @@ export declare type Params = {
     defaultText?: string;
     text?: string;
     html?: string;
+    type?: string;
 };
 export declare type ProcessRequestParams = {
     name: RequestAction;
@@ -79,7 +80,8 @@ export declare enum CustomAction {
     SET_WIDTH = "setWidth",
     RETURN_PROCESSED_API_RESPONSE = "returnProcessedApiResponse",
     RETURN_PROCESSED_API_REQUEST = "returnProcessedApiRequest",
-    REQUEST = "request"
+    REQUEST = "request",
+    EVENT = "event"
 }
 export declare type CustomActionTask = {
     action: CustomAction;

package/cjs/hooks/useAPI/types.js

@@ -39,4 +39,5 @@ var CustomAction;
     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.d.ts

@@ -1,5 +1,5 @@
 import { CustomViewConfig } from '@reltio/mdm-sdk';
-export declare const useAPI: (config: CustomViewConfig) => {
+export declare const useAPI: (config?: CustomViewConfig) => {
     html: HTMLElement;
     visible: boolean;
     tooltip: string;
@@ -10,4 +10,5 @@ export declare const useAPI: (config: CustomViewConfig) => {
     };
     message: string;
     onClosePopup: () => void;
+    onClick: () => void;
 };

package/cjs/hooks/useAPI/useAPI.js

@@ -41,13 +41,13 @@ var API_1 = require("./API");
 var helpers_1 = require("./helpers");
 var types_1 = require("./types");
 var useAPI = function (config) {
-    var _a = config.action, files = _a.files, permissions = _a.permissions;
-    var _b = react_1.useState(), html = _b[0], setHtml = _b[1];
-    var _c = react_1.useState([]), listenersToReset = _c[0], setListenersToReset = _c[1];
-    var _d = react_1.useState(true), visible = _d[0], setVisible = _d[1];
-    var _e = react_1.useState(null), tooltip = _e[0], setTooltip = _e[1];
-    var _f = react_1.useState(null), customStyles = _f[0], setCustomStyles = _f[1];
-    var _g = react_1.useState(''), message = _g[0], setMessage = _g[1];
+    if (config === void 0) { config = {}; }
+    var _a = react_1.useState(), html = _a[0], setHtml = _a[1];
+    var _b = react_1.useState([]), listenersToReset = _b[0], setListenersToReset = _b[1];
+    var _c = react_1.useState(true), visible = _c[0], setVisible = _c[1];
+    var _d = react_1.useState(null), tooltip = _d[0], setTooltip = _d[1];
+    var _e = react_1.useState(null), customStyles = _e[0], setCustomStyles = _e[1];
+    var _f = react_1.useState(''), message = _f[0], setMessage = _f[1];
     var dispatch = react_redux_1.useDispatch();
     var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata) || {};
     var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity) || {};
@@ -61,8 +61,9 @@ var useAPI = function (config) {
     var environment = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowEnvironmentUrl);
     var qxApi = react_1.useContext(contexts_1.SandboxAPIContext);
     var workflowCheckPermission = workflow_1.useWorkflowCheckPermission();
-    var _h = react_redux_1.useSelector(mdm_module_1.default.selectors.getSearchProviderData) || {}, typeSearch = _h.type, search = _h.data;
+    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) {
         if (task) {
             var handlersToReset_1 = [];
@@ -156,8 +157,7 @@ var useAPI = function (config) {
                     break;
                 }
                 case types_1.CustomAction.REQUEST: {
-                    API_1.processRequest(__assign({ name: task.params.name, paramObject: task, permissions: permissions,
-                        worker: worker,
+                    API_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,
@@ -172,21 +172,32 @@ var useAPI = function (config) {
         }
     };
     react_1.useEffect(function () {
-        var worker = mdm_sdk_1.initializeWebWorker(workerUrl, files, process);
-        return function () {
-            worker.terminate();
-        };
-    }, []);
+        if (!mdm_sdk_1.isEmptyValue(config.action)) {
+            workerRef.current = mdm_sdk_1.initializeWebWorker(workerUrl, config.action.files, process);
+            return function () {
+                workerRef.current.terminate();
+            };
+        }
+    }, [config]);
     react_1.useEffect(function () { return function () {
         listenersToReset.forEach(function (listener) { return listener(); });
     }; }, [listenersToReset]);
+    var onClick = react_1.useCallback(function () {
+        var _a;
+        (_a = workerRef.current) === null || _a === void 0 ? void 0 : _a.postMessage({
+            action: 'event',
+            type: 'execute',
+            data: null
+        });
+    }, [config]);
     return {
         html: html,
         visible: visible,
         tooltip: tooltip,
         customStyles: customStyles,
         message: message,
-        onClosePopup: function () { return setMessage(''); }
+        onClosePopup: function () { return setMessage(''); },
+        onClick: onClick
     };
 };
 exports.useAPI = useAPI;

package/esm/components/attributes/editMode/AttributesFactory/AttributesFactory.js

@@ -31,7 +31,7 @@ var EditModeAttributesFactory = /** @class */ (function () {
     EditModeAttributesFactory.build = function (attributeType, props) {
         if (props === void 0) { props = {}; }
         /* eslint-disable @typescript-eslint/no-unused-vars */
-        var showEmptyEditors = props.showEmptyEditors, onAddAttributes = props.onAddAttributes, lazy = props.lazy, errors = props.errors, crosswalks = props.crosswalks, showNonOv = props.showNonOv, propsForSimpleAttribute = __rest(props, ["showEmptyEditors", "onAddAttributes", "lazy", "errors", "crosswalks", "showNonOv"]);
+        var showEmptyEditors = props.showEmptyEditors, onAddAttributes = props.onAddAttributes, lazy = props.lazy, errors = props.errors, crosswalks = props.crosswalks, showNonOv = props.showNonOv, expanded = props.expanded, propsForSimpleAttribute = __rest(props, ["showEmptyEditors", "onAddAttributes", "lazy", "errors", "crosswalks", "showNonOv", "expanded"]);
         /* eslint-enable @typescript-eslint/no-unused-vars */
         switch (attributeType.type) {
             case DataTypes.TYPE_NESTED:

package/esm/components/attributes/editMode/ComplexAttribute/ComplexAttribute.d.ts

@@ -1,5 +1,5 @@
 export default ComplexAttribute;
-declare function ComplexAttribute({ label, attributeTypesList, attributeType, attributeValue, children, errors, ownError, mode, metadata, crosswalks, lazy, showEmptyEditors, onAddOneMore, onAddAttributes, onDeleteAttribute, onChangeAttribute, additionalControlsRenderer, hideDeleteButton, state, showNonOv }: {
+declare function ComplexAttribute({ label, attributeTypesList, attributeType, attributeValue, children, errors, ownError, mode, metadata, crosswalks, lazy, showEmptyEditors, onAddOneMore, onAddAttributes, onDeleteAttribute, onChangeAttribute, additionalControlsRenderer, hideDeleteButton, state, showNonOv, expanded: expandedProp }: {
     label: any;
     attributeTypesList: any;
     attributeType: any;
@@ -20,6 +20,7 @@ declare function ComplexAttribute({ label, attributeTypesList, attributeType, at
     hideDeleteButton: any;
     state: any;
     showNonOv: any;
+    expanded?: boolean;
 }): JSX.Element;
 declare namespace ComplexAttribute {
     const propTypes: {
@@ -130,6 +131,7 @@ declare namespace ComplexAttribute {
         hideDeleteButton: PropTypes.Requireable<boolean>;
         showNonOv: PropTypes.Requireable<boolean>;
         state: PropTypes.Requireable<string>;
+        expanded: PropTypes.Requireable<boolean>;
         label: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         attributeTypesList: PropTypes.Requireable<PropTypes.InferProps<{

package/esm/components/attributes/editMode/ComplexAttribute/ComplexAttribute.js

@@ -24,13 +24,17 @@ import AttributesList from '../AttributesList/AttributesList';
 import ArrowExpandButton from '../../../ArrowExpandButton/ArrowExpandButton';
 var ComplexAttribute = function (_a) {
     var _b;
-    var label = _a.label, attributeTypesList = _a.attributeTypesList, attributeType = _a.attributeType, attributeValue = _a.attributeValue, children = _a.children, errors = _a.errors, ownError = _a.ownError, mode = _a.mode, metadata = _a.metadata, crosswalks = _a.crosswalks, lazy = _a.lazy, showEmptyEditors = _a.showEmptyEditors, onAddOneMore = _a.onAddOneMore, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, hideDeleteButton = _a.hideDeleteButton, state = _a.state, showNonOv = _a.showNonOv;
+    var label = _a.label, attributeTypesList = _a.attributeTypesList, attributeType = _a.attributeType, attributeValue = _a.attributeValue, children = _a.children, errors = _a.errors, ownError = _a.ownError, mode = _a.mode, metadata = _a.metadata, crosswalks = _a.crosswalks, lazy = _a.lazy, showEmptyEditors = _a.showEmptyEditors, onAddOneMore = _a.onAddOneMore, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, hideDeleteButton = _a.hideDeleteButton, state = _a.state, showNonOv = _a.showNonOv, _c = _a.expanded, expandedProp = _c === void 0 ? false : _c;
     var styles = useStyles();
     var deleted = state === 'deleted';
     var edited = state === 'edited';
     var uri = attributeValue.uri;
     var isNew = isTempUri(uri);
-    var _c = useState(isNew), expanded = _c[0], setExpanded = _c[1];
+    var defaultExpand = isNew || expandedProp;
+    var _d = useState(defaultExpand), expanded = _d[0], setExpanded = _d[1];
+    useEffect(function () {
+        setExpanded(defaultExpand);
+    }, [defaultExpand]);
     var canDelete = useMemo(function () {
         return checkCanDeleteAttribute({
             attributeType: attributeType,

package/esm/components/attributes/editMode/NestedAttribute/NestedAttribute.d.ts

@@ -108,6 +108,7 @@ declare var _default: React.MemoExoticComponent<{
         hideDeleteButton: import("prop-types").Requireable<boolean>;
         showNonOv: import("prop-types").Requireable<boolean>;
         state: import("prop-types").Requireable<string>;
+        expanded: import("prop-types").Requireable<boolean>;
         attributeValue: import("prop-types").Requireable<import("prop-types").InferProps<{
             value: import("prop-types").Requireable<object>;
             ov: import("prop-types").Requireable<boolean>;

package/esm/components/attributes/editMode/ReferenceAttribute/ReferenceAttribute.d.ts

@@ -116,6 +116,7 @@ declare var _default: React.MemoExoticComponent<{
         hideDeleteButton: PropTypes.Requireable<boolean>;
         showNonOv: PropTypes.Requireable<boolean>;
         state: PropTypes.Requireable<string>;
+        expanded: PropTypes.Requireable<boolean>;
         attributeValue: PropTypes.Requireable<PropTypes.InferProps<{
             refEntity: PropTypes.Requireable<object>;
             refRelation: PropTypes.Requireable<object>;

package/esm/components/attributes/editMode/ReferenceAttribute/index.d.ts

@@ -117,6 +117,7 @@ declare var _default: import("react-redux").ConnectedComponent<import("react").M
         hideDeleteButton: import("prop-types").Requireable<boolean>;
         showNonOv: import("prop-types").Requireable<boolean>;
         state: import("prop-types").Requireable<string>;
+        expanded: import("prop-types").Requireable<boolean>;
         attributeValue: import("prop-types").Requireable<import("prop-types").InferProps<{
             refEntity: import("prop-types").Requireable<object>;
             refRelation: import("prop-types").Requireable<object>;

package/esm/components/attributes/readMode/NestedAttribute/NestedAttribute.d.ts

@@ -112,6 +112,7 @@ declare var _default: React.MemoExoticComponent<{
         hideDeleteButton: import("prop-types").Requireable<boolean>;
         showNonOv: import("prop-types").Requireable<boolean>;
         state: import("prop-types").Requireable<string>;
+        expanded: import("prop-types").Requireable<boolean>;
         attributeValue: import("prop-types").Requireable<import("prop-types").InferProps<{
             value: import("prop-types").Requireable<object>;
             ov: import("prop-types").Requireable<boolean>;

package/esm/components/attributes/readMode/ReferenceAttribute/ReferenceAttribute.d.ts

@@ -114,6 +114,7 @@ declare var _default: React.MemoExoticComponent<{
         hideDeleteButton: import("prop-types").Requireable<boolean>;
         showNonOv: import("prop-types").Requireable<boolean>;
         state: import("prop-types").Requireable<string>;
+        expanded: import("prop-types").Requireable<boolean>;
         attributeValue: import("prop-types").Requireable<import("prop-types").InferProps<{
             refEntity: import("prop-types").Requireable<object>;
             refRelation: import("prop-types").Requireable<object>;

package/esm/components/attributes/readMode/ReferenceAttribute/index.d.ts

@@ -115,6 +115,7 @@ declare var _default: import("react-redux").ConnectedComponent<import("react").M
         hideDeleteButton: import("prop-types").Requireable<boolean>;
         showNonOv: import("prop-types").Requireable<boolean>;
         state: import("prop-types").Requireable<string>;
+        expanded: import("prop-types").Requireable<boolean>;
         attributeValue: import("prop-types").Requireable<import("prop-types").InferProps<{
             refEntity: import("prop-types").Requireable<object>;
             refRelation: import("prop-types").Requireable<object>;

package/esm/hooks/useAPI/API.js

@@ -178,15 +178,15 @@ export var processRequest = function (_a) {
             break;
         }
         case RequestAction.ALERT: {
-            window.alert(paramObject.params.text);
+            worker.postMessage(__assign({ action: 'response', result: window.alert(paramObject.params.text) }, paramObject.params));
             break;
         }
         case RequestAction.CONFIRM: {
-            window.confirm(paramObject.params.text);
+            worker.postMessage(__assign({ action: 'response', result: window.confirm(paramObject.params.text) }, paramObject.params));
             break;
         }
         case RequestAction.PROMPT: {
-            window.prompt(paramObject.params.text, paramObject.params.defaultText || '');
+            worker.postMessage(__assign({ action: 'response', result: window.prompt(paramObject.params.text, paramObject.params.defaultText || '') }, paramObject.params));
             break;
         }
         case RequestAction.OPEN_WINDOW: {

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

@@ -41,6 +41,7 @@ export declare type Params = {
     defaultText?: string;
     text?: string;
     html?: string;
+    type?: string;
 };
 export declare type ProcessRequestParams = {
     name: RequestAction;
@@ -79,7 +80,8 @@ export declare enum CustomAction {
     SET_WIDTH = "setWidth",
     RETURN_PROCESSED_API_RESPONSE = "returnProcessedApiResponse",
     RETURN_PROCESSED_API_REQUEST = "returnProcessedApiRequest",
-    REQUEST = "request"
+    REQUEST = "request",
+    EVENT = "event"
 }
 export declare type CustomActionTask = {
     action: CustomAction;

package/esm/hooks/useAPI/types.js

@@ -36,4 +36,5 @@ export var CustomAction;
     CustomAction["RETURN_PROCESSED_API_RESPONSE"] = "returnProcessedApiResponse";
     CustomAction["RETURN_PROCESSED_API_REQUEST"] = "returnProcessedApiRequest";
     CustomAction["REQUEST"] = "request";
+    CustomAction["EVENT"] = "event";
 })(CustomAction || (CustomAction = {}));

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

@@ -1,5 +1,5 @@
 import { CustomViewConfig } from '@reltio/mdm-sdk';
-export declare const useAPI: (config: CustomViewConfig) => {
+export declare const useAPI: (config?: CustomViewConfig) => {
     html: HTMLElement;
     visible: boolean;
     tooltip: string;
@@ -10,4 +10,5 @@ export declare const useAPI: (config: CustomViewConfig) => {
     };
     message: string;
     onClosePopup: () => void;
+    onClick: () => void;
 };

package/esm/hooks/useAPI/useAPI.js

@@ -9,23 +9,23 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { useContext, useEffect, useState } from 'react';
+import { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import mdmModule, { ui } from '@reltio/mdm-module';
-import { initializeWebWorker } from '@reltio/mdm-sdk';
+import { initializeWebWorker, isEmptyValue } from '@reltio/mdm-sdk';
 import { useWorkflowCheckPermission } from '../../components/workflow';
 import { SandboxAPIContext } from '../../contexts';
 import { processRequest } from './API';
 import { getWorkerURL } from './helpers';
 import { CustomAction } from './types';
 export var useAPI = function (config) {
-    var _a = config.action, files = _a.files, permissions = _a.permissions;
-    var _b = useState(), html = _b[0], setHtml = _b[1];
-    var _c = useState([]), listenersToReset = _c[0], setListenersToReset = _c[1];
-    var _d = useState(true), visible = _d[0], setVisible = _d[1];
-    var _e = useState(null), tooltip = _e[0], setTooltip = _e[1];
-    var _f = useState(null), customStyles = _f[0], setCustomStyles = _f[1];
-    var _g = useState(''), message = _g[0], setMessage = _g[1];
+    if (config === void 0) { config = {}; }
+    var _a = useState(), html = _a[0], setHtml = _a[1];
+    var _b = useState([]), listenersToReset = _b[0], setListenersToReset = _b[1];
+    var _c = useState(true), visible = _c[0], setVisible = _c[1];
+    var _d = useState(null), tooltip = _d[0], setTooltip = _d[1];
+    var _e = useState(null), customStyles = _e[0], setCustomStyles = _e[1];
+    var _f = useState(''), message = _f[0], setMessage = _f[1];
     var dispatch = useDispatch();
     var metadata = useSelector(mdmModule.selectors.getMetadata) || {};
     var entity = useSelector(mdmModule.selectors.getEntity) || {};
@@ -39,8 +39,9 @@ export var useAPI = function (config) {
     var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
     var qxApi = useContext(SandboxAPIContext);
     var workflowCheckPermission = useWorkflowCheckPermission();
-    var _h = useSelector(mdmModule.selectors.getSearchProviderData) || {}, typeSearch = _h.type, search = _h.data;
+    var _g = useSelector(mdmModule.selectors.getSearchProviderData) || {}, typeSearch = _g.type, search = _g.data;
     var openSearch = function (search) { return dispatch(ui.actions.openSearch(search)); };
+    var workerRef = useRef();
     var process = function (task, worker, innerText) {
         if (task) {
             var handlersToReset_1 = [];
@@ -134,8 +135,7 @@ export var useAPI = function (config) {
                     break;
                 }
                 case CustomAction.REQUEST: {
-                    processRequest(__assign({ name: task.params.name, paramObject: task, permissions: permissions,
-                        worker: worker,
+                    processRequest(__assign({ name: task.params.name, paramObject: task, permissions: config.action.permissions, worker: worker,
                         metadata: metadata, config: config, user: user,
                         apiPath: apiPath,
                         tenant: tenant,
@@ -150,20 +150,31 @@ export var useAPI = function (config) {
         }
     };
     useEffect(function () {
-        var worker = initializeWebWorker(workerUrl, files, process);
-        return function () {
-            worker.terminate();
-        };
-    }, []);
+        if (!isEmptyValue(config.action)) {
+            workerRef.current = initializeWebWorker(workerUrl, config.action.files, process);
+            return function () {
+                workerRef.current.terminate();
+            };
+        }
+    }, [config]);
     useEffect(function () { return function () {
         listenersToReset.forEach(function (listener) { return listener(); });
     }; }, [listenersToReset]);
+    var onClick = useCallback(function () {
+        var _a;
+        (_a = workerRef.current) === null || _a === void 0 ? void 0 : _a.postMessage({
+            action: 'event',
+            type: 'execute',
+            data: null
+        });
+    }, [config]);
     return {
         html: html,
         visible: visible,
         tooltip: tooltip,
         customStyles: customStyles,
         message: message,
-        onClosePopup: function () { return setMessage(''); }
+        onClosePopup: function () { return setMessage(''); },
+        onClick: onClick
     };
 };

package/package.json

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