@reltio/components 1.4.2282 → 1.4.2284

package/DropDownMenuButton/DropDownMenuButton.js

@@ -26,18 +26,22 @@ export function DropDownMenuButton(_a) {
     var styles = useStyles();
     var buttonRef = useRef(null);
     var _k = useState(false), isOpen = _k[0], setIsOpen = _k[1];
+    // onMenuOpen is fired synchronously in the click handler (below) so it wins the race against a
+    // parent's onMouseLeave when the button lives in an unmounting hover overlay; onMenuClose stays
+    // deferred to this effect so consumers can keep the button mounted (e.g. delete confirmation).
     useDidUpdateEffect(function () {
-        if (isOpen) {
-            onMenuOpen();
-        }
-        else {
+        if (!isOpen) {
             onMenuClose();
         }
     }, [isOpen]);
     var handleToggle = useCallback(function (e) {
         e === null || e === void 0 ? void 0 : e.stopPropagation();
-        setIsOpen(function (open) { return !open; });
-    }, []);
+        var nextIsOpen = !isOpen;
+        setIsOpen(nextIsOpen);
+        if (nextIsOpen) {
+            onMenuOpen();
+        }
+    }, [isOpen, onMenuOpen]);
     var renderMenuItem = function (item, index) {
         return React.createElement(MenuItemRenderer, { item: item, key: index, onMenuClose: handleToggle });
     };

package/DropDownMenuButton/DropDownMenuButton.spec.js

@@ -45,6 +45,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+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;
+};
 import React from 'react';
 import { render, screen, within } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
@@ -104,4 +115,29 @@ describe('Dropdown menu button tests', function () {
             }
         });
     }); });
+    it('should call onMenuOpen synchronously within the click handler, before it is deferred to an effect', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var callOrder, ButtonComponent, onMenuOpen, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    callOrder = [];
+                    ButtonComponent = React.forwardRef(function (_a, ref) {
+                        var onClick = _a.onClick, children = _a.children, rest = __rest(_a, ["onClick", "children"]);
+                        return (React.createElement("button", __assign({ ref: ref }, rest, { onClick: function (e) {
+                                onClick === null || onClick === void 0 ? void 0 : onClick(e);
+                                callOrder.push('afterClick');
+                            } }), children));
+                    });
+                    ButtonComponent.displayName = 'ButtonComponent';
+                    onMenuOpen = jest.fn(function () { return callOrder.push('menuOpen'); });
+                    user = setUp(__assign(__assign({}, defaultProps), { buttonComponent: ButtonComponent, onMenuOpen: onMenuOpen })).user;
+                    return [4 /*yield*/, user.click(screen.getByText('content'))];
+                case 1:
+                    _a.sent();
+                    expect(onMenuOpen).toHaveBeenCalledTimes(1);
+                    expect(callOrder).toEqual(['menuOpen', 'afterClick']);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
 });

package/cjs/DropDownMenuButton/DropDownMenuButton.js

@@ -55,18 +55,22 @@ function DropDownMenuButton(_a) {
     var styles = (0, styles_1.useStyles)();
     var buttonRef = (0, react_1.useRef)(null);
     var _k = (0, react_1.useState)(false), isOpen = _k[0], setIsOpen = _k[1];
+    // onMenuOpen is fired synchronously in the click handler (below) so it wins the race against a
+    // parent's onMouseLeave when the button lives in an unmounting hover overlay; onMenuClose stays
+    // deferred to this effect so consumers can keep the button mounted (e.g. delete confirmation).
     (0, useDidUpdateEffect_1.useDidUpdateEffect)(function () {
-        if (isOpen) {
-            onMenuOpen();
-        }
-        else {
+        if (!isOpen) {
             onMenuClose();
         }
     }, [isOpen]);
     var handleToggle = (0, react_1.useCallback)(function (e) {
         e === null || e === void 0 ? void 0 : e.stopPropagation();
-        setIsOpen(function (open) { return !open; });
-    }, []);
+        var nextIsOpen = !isOpen;
+        setIsOpen(nextIsOpen);
+        if (nextIsOpen) {
+            onMenuOpen();
+        }
+    }, [isOpen, onMenuOpen]);
     var renderMenuItem = function (item, index) {
         return react_1.default.createElement(MenuItemRenderer, { item: item, key: index, onMenuClose: handleToggle });
     };

package/cjs/DropDownMenuButton/DropDownMenuButton.spec.js

@@ -46,6 +46,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -109,4 +120,29 @@ describe('Dropdown menu button tests', function () {
             }
         });
     }); });
+    it('should call onMenuOpen synchronously within the click handler, before it is deferred to an effect', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var callOrder, ButtonComponent, onMenuOpen, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    callOrder = [];
+                    ButtonComponent = react_1.default.forwardRef(function (_a, ref) {
+                        var onClick = _a.onClick, children = _a.children, rest = __rest(_a, ["onClick", "children"]);
+                        return (react_1.default.createElement("button", __assign({ ref: ref }, rest, { onClick: function (e) {
+                                onClick === null || onClick === void 0 ? void 0 : onClick(e);
+                                callOrder.push('afterClick');
+                            } }), children));
+                    });
+                    ButtonComponent.displayName = 'ButtonComponent';
+                    onMenuOpen = jest.fn(function () { return callOrder.push('menuOpen'); });
+                    user = setUp(__assign(__assign({}, defaultProps), { buttonComponent: ButtonComponent, onMenuOpen: onMenuOpen })).user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('content'))];
+                case 1:
+                    _a.sent();
+                    expect(onMenuOpen).toHaveBeenCalledTimes(1);
+                    expect(callOrder).toEqual(['menuOpen', 'afterClick']);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
 });

package/cjs/hooks/useAPI/useAPI.js

@@ -37,6 +37,7 @@ var useAPI = function (config) {
     var workerRef = (0, react_1.useRef)(null);
     var entityRef = (0, react_1.useRef)(null);
     var searchQueryRef = (0, react_1.useRef)(null);
+    var qxApiRef = (0, react_1.useRef)(null);
     var requestListeners = (0, react_1.useRef)({});
     var responseListeners = (0, react_1.useRef)({});
     var sanitizeHtml = (0, useHtmlSanitizer_1.useHtmlSanitizer)();
@@ -148,7 +149,7 @@ var useAPI = function (config) {
                 }
                 case mdm_sdk_1.CustomAction.REQUEST: {
                     var processedTask = (0, customScript_1.getProcessedTask)(task, apiPath, reltioPath, tenant);
-                    (0, API_1.processRequest)(__assign({ params: processedTask.params, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, servicesPath: servicesPath, apiPath: reltioPath, tenant: tenant, workflowPath: workflowPath, entity: entityRef.current, entityUri: (_b = entityRef.current) === null || _b === void 0 ? void 0 : _b.uri, environment: environment, query: searchQueryRef.current, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
+                    (0, API_1.processRequest)(__assign({ params: processedTask.params, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, servicesPath: servicesPath, apiPath: reltioPath, tenant: tenant, workflowPath: workflowPath, entity: entityRef.current, entityUri: (_b = entityRef.current) === null || _b === void 0 ? void 0 : _b.uri, environment: environment, query: searchQueryRef.current, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApiRef.current));
                     break;
                 }
                 case mdm_sdk_1.CustomAction.RETURN_PROCESSED_API_RESPONSE: {
@@ -228,6 +229,9 @@ var useAPI = function (config) {
         searchQueryRef.current = searchQuery;
         postEventMessage('changeSearchQuery', searchQuery);
     }, [searchQuery]);
+    (0, react_1.useEffect)(function () {
+        qxApiRef.current = qxApi;
+    }, [qxApi]);
     (0, react_1.useEffect)(function () {
         postEventMessage('changeVisibility', visible);
     }, [visible]);

package/cjs/hooks/useAPI/useAPI.test.js

@@ -153,18 +153,21 @@ var sandbox = {
     setEntityUri: jest.fn().mockImplementation(function (entityUri, listener) { return setTimeout(listener, 1000); })
 };
 var setUp = function (_a) {
-    var _b = _a === void 0 ? {} : _a, _c = _b.config, config = _c === void 0 ? (0, config_test_data_1.createConfig)() : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? defaultMdmValues : _d;
+    var _b = _a === void 0 ? {} : _a, _c = _b.config, config = _c === void 0 ? (0, config_test_data_1.createConfig)() : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? defaultMdmValues : _d, _e = _b.sandboxValue, sandboxValue = _e === void 0 ? sandbox : _e;
     var updateMdmValues;
+    var updateSandbox;
     var Providers = function (_a) {
         var children = _a.children;
         var _b = (0, react_1.useState)(mdmValues), mdmValuesState = _b[0], setMdmValuesState = _b[1];
+        var _c = (0, react_1.useState)(sandboxValue), sandboxState = _c[0], setSandboxState = _c[1];
         updateMdmValues = setMdmValuesState;
+        updateSandbox = setSandboxState;
         return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValuesState, actions: mdmActions },
             react_1.default.createElement(SnackbarContext_1.SnackbarContext.Provider, { value: showSnackbarMessage },
-                react_1.default.createElement(SandboxAPIContext_1.SandboxAPIContext.Provider, { value: sandbox },
+                react_1.default.createElement(SandboxAPIContext_1.SandboxAPIContext.Provider, { value: sandboxState },
                     react_1.default.createElement(InterceptHandlersContext_1.InterceptHandlersContext.Provider, { value: interceptors }, children)))));
     };
-    return __assign(__assign({}, (0, react_2.renderHook)(useAPI_1.useAPI, { initialProps: config, wrapper: Providers })), { updateMdmValues: updateMdmValues });
+    return __assign(__assign({}, (0, react_2.renderHook)(useAPI_1.useAPI, { initialProps: config, wrapper: Providers })), { updateMdmValues: updateMdmValues, updateSandbox: updateSandbox });
 };
 describe('useAPI custom sandbox behavior', function () {
     var postMessage = jest.fn();
@@ -943,6 +946,28 @@ describe('useAPI custom sandbox behavior', function () {
             return [2 /*return*/];
         });
     }); });
+    it('should call setEntityUri from the current sandbox after it changes', function () {
+        var updateSandbox = setUp().updateSandbox;
+        var newSandbox = {
+            getCurrentPerspectiveId: jest.fn().mockReturnValue('23'),
+            showPerspective: jest.fn(),
+            setEntityUri: jest.fn()
+        };
+        (0, react_2.act)(function () {
+            updateSandbox(newSandbox);
+        });
+        var params = {
+            name: mdm_sdk_1.RequestAction.SET_ENTITY_URI,
+            id: 23,
+            entityUri: 'entities/NEW999'
+        };
+        (0, react_2.act)(function () {
+            onmessageFromWorker({ action: mdm_sdk_1.CustomAction.REQUEST, params: params });
+        });
+        expect(newSandbox.setEntityUri).toHaveBeenCalledTimes(1);
+        expect(newSandbox.setEntityUri.mock.calls[0][0]).toBe(params.entityUri);
+        expect(sandbox.setEntityUri).not.toHaveBeenCalled();
+    });
     it('should call showPerspective and getCurrentPerspectiveId from sandbox on setPerspective request', function () {
         setUp();
         var params = {

package/cjs/hooks/useCustomScripts/useCustomScripts.js

@@ -78,6 +78,7 @@ var useCustomScripts = function (config) {
     var workers = (0, react_1.useRef)({});
     var entityRef = (0, react_1.useRef)(null);
     var searchQueryRef = (0, react_1.useRef)(null);
+    var qxApiRef = (0, react_1.useRef)(qxApi);
     var processMessageFromWorker = function (_a) {
         var _b;
         var task = _a.task, worker = _a.worker, config = _a.config;
@@ -93,7 +94,7 @@ var useCustomScripts = function (config) {
                 }
                 case mdm_sdk_1.CustomAction.REQUEST: {
                     var processedTask = (0, customScript_1.getProcessedTask)(task, apiPath, reltioPath, tenant);
-                    (0, useAPI_1.processRequest)(__assign({ params: processedTask.params, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, apiPath: reltioPath, servicesPath: servicesPath, tenant: tenant, workflowPath: workflowPath, entity: entityRef.current, entityUri: (_b = entityRef.current) === null || _b === void 0 ? void 0 : _b.uri, environment: environment, query: searchQueryRef.current, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
+                    (0, useAPI_1.processRequest)(__assign({ params: processedTask.params, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, apiPath: reltioPath, servicesPath: servicesPath, tenant: tenant, workflowPath: workflowPath, entity: entityRef.current, entityUri: (_b = entityRef.current) === null || _b === void 0 ? void 0 : _b.uri, environment: environment, query: searchQueryRef.current, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApiRef.current));
                     break;
                 }
                 case mdm_sdk_1.CustomAction.RETURN_PROCESSED_API_RESPONSE: {
@@ -135,6 +136,9 @@ var useCustomScripts = function (config) {
     (0, react_1.useEffect)(function () {
         searchQueryRef.current = searchQuery;
     }, [searchQuery]);
+    (0, react_1.useEffect)(function () {
+        qxApiRef.current = qxApi;
+    }, [qxApi]);
     var customScriptRequestInterceptor = function (_a) {
         var _b;
         var url = _a.url, next = _a.next, resolve = _a.resolve, _c = _a.options, options = _c === void 0 ? {} : _c;

package/cjs/hooks/useCustomScripts/useCustomScripts.test.js

@@ -81,6 +81,7 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var MdmModuleContext_1 = require("../../contexts/MdmModuleContext");
 var InterceptHandlersContext_1 = require("../../contexts/InterceptHandlersContext");
 var SnackbarContext_1 = require("../../contexts/SnackbarContext");
+var SandboxAPIContext_1 = require("../../contexts/SandboxAPIContext");
 var useCustomScripts_1 = require("./useCustomScripts");
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { initializeWebWorker: jest.fn() })); });
 jest.mock('nanoid', function () { return (__assign(__assign({}, jest.requireActual('nanoid')), { nanoid: jest.fn() })); });
@@ -120,18 +121,27 @@ describe('useCustomScripts', function () {
         removeInternalRequestInterceptor: requestProvider.removeRequestInterceptor,
         removeInternalResponseInterceptor: requestProvider.removeResponseInterceptor
     };
+    var sandbox = {
+        getCurrentPerspectiveId: jest.fn().mockReturnValue('23'),
+        showPerspective: jest.fn(),
+        setEntityUri: jest.fn()
+    };
     var setUp = function (_a) {
-        var _b = _a === void 0 ? {} : _a, _c = _b.mdmValues, mdmValues = _c === void 0 ? defaultMdmValues : _c, _d = _b.config, config = _d === void 0 ? createConfig() : _d;
+        var _b = _a === void 0 ? {} : _a, _c = _b.mdmValues, mdmValues = _c === void 0 ? defaultMdmValues : _c, _d = _b.config, config = _d === void 0 ? createConfig() : _d, _e = _b.sandboxValue, sandboxValue = _e === void 0 ? sandbox : _e;
         var updateMdmValues;
+        var updateSandbox;
         var Providers = function (_a) {
             var children = _a.children;
             var _b = react_1.default.useState(mdmValues), mdmValuesState = _b[0], setMdmValuesState = _b[1];
+            var _c = react_1.default.useState(sandboxValue), sandboxState = _c[0], setSandboxState = _c[1];
             updateMdmValues = setMdmValuesState;
+            updateSandbox = setSandboxState;
             return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValuesState },
                 react_1.default.createElement(SnackbarContext_1.SnackbarContext.Provider, { value: showSnackbarMessage },
-                    react_1.default.createElement(InterceptHandlersContext_1.InterceptHandlersContext.Provider, { value: interceptors }, children))));
+                    react_1.default.createElement(SandboxAPIContext_1.SandboxAPIContext.Provider, { value: sandboxState },
+                        react_1.default.createElement(InterceptHandlersContext_1.InterceptHandlersContext.Provider, { value: interceptors }, children)))));
         };
-        return __assign(__assign({}, (0, react_2.renderHook)(useCustomScripts_1.useCustomScripts, { initialProps: config, wrapper: Providers })), { updateMdmValues: updateMdmValues });
+        return __assign(__assign({}, (0, react_2.renderHook)(useCustomScripts_1.useCustomScripts, { initialProps: config, wrapper: Providers })), { updateMdmValues: updateMdmValues, updateSandbox: updateSandbox });
     };
     var postMessage = jest.fn();
     var onmessageFromWorker;
@@ -532,6 +542,26 @@ describe('useCustomScripts', function () {
             id: 'id3'
         });
     });
+    it('should call setEntityUri from the current sandbox after it changes', function () {
+        var updateSandbox = setUp().updateSandbox;
+        var newSandbox = {
+            getCurrentPerspectiveId: jest.fn().mockReturnValue('23'),
+            showPerspective: jest.fn(),
+            setEntityUri: jest.fn()
+        };
+        (0, react_2.act)(function () {
+            updateSandbox(newSandbox);
+        });
+        (0, react_2.act)(function () {
+            onmessageFromWorker({
+                action: mdm_sdk_1.CustomAction.REQUEST,
+                params: { name: mdm_sdk_1.RequestAction.SET_ENTITY_URI, id: 'id1', entityUri: 'entities/BBB' }
+            });
+        });
+        expect(newSandbox.setEntityUri).toHaveBeenCalledTimes(1);
+        expect(newSandbox.setEntityUri.mock.calls[0][0]).toBe('entities/BBB');
+        expect(sandbox.setEntityUri).not.toHaveBeenCalled();
+    });
     it('should resolve getSearchQuery with the current query after it changes', function () {
         var updateMdmValues = setUp({
             mdmValues: __assign(__assign({}, defaultMdmValues), { searchProviderData: { type: 'search', data: { query: 'q1' } } })

package/hooks/useAPI/useAPI.js

@@ -34,6 +34,7 @@ export var useAPI = function (config) {
     var workerRef = useRef(null);
     var entityRef = useRef(null);
     var searchQueryRef = useRef(null);
+    var qxApiRef = useRef(null);
     var requestListeners = useRef({});
     var responseListeners = useRef({});
     var sanitizeHtml = useHtmlSanitizer();
@@ -145,7 +146,7 @@ export var useAPI = function (config) {
                 }
                 case CustomAction.REQUEST: {
                     var processedTask = getProcessedTask(task, apiPath, reltioPath, tenant);
-                    processRequest(__assign({ params: processedTask.params, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, servicesPath: servicesPath, apiPath: reltioPath, tenant: tenant, workflowPath: workflowPath, entity: entityRef.current, entityUri: (_b = entityRef.current) === null || _b === void 0 ? void 0 : _b.uri, environment: environment, query: searchQueryRef.current, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
+                    processRequest(__assign({ params: processedTask.params, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, servicesPath: servicesPath, apiPath: reltioPath, tenant: tenant, workflowPath: workflowPath, entity: entityRef.current, entityUri: (_b = entityRef.current) === null || _b === void 0 ? void 0 : _b.uri, environment: environment, query: searchQueryRef.current, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApiRef.current));
                     break;
                 }
                 case CustomAction.RETURN_PROCESSED_API_RESPONSE: {
@@ -225,6 +226,9 @@ export var useAPI = function (config) {
         searchQueryRef.current = searchQuery;
         postEventMessage('changeSearchQuery', searchQuery);
     }, [searchQuery]);
+    useEffect(function () {
+        qxApiRef.current = qxApi;
+    }, [qxApi]);
     useEffect(function () {
         postEventMessage('changeVisibility', visible);
     }, [visible]);

package/hooks/useAPI/useAPI.test.js

@@ -128,18 +128,21 @@ var sandbox = {
     setEntityUri: jest.fn().mockImplementation(function (entityUri, listener) { return setTimeout(listener, 1000); })
 };
 var setUp = function (_a) {
-    var _b = _a === void 0 ? {} : _a, _c = _b.config, config = _c === void 0 ? createConfig() : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? defaultMdmValues : _d;
+    var _b = _a === void 0 ? {} : _a, _c = _b.config, config = _c === void 0 ? createConfig() : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? defaultMdmValues : _d, _e = _b.sandboxValue, sandboxValue = _e === void 0 ? sandbox : _e;
     var updateMdmValues;
+    var updateSandbox;
     var Providers = function (_a) {
         var children = _a.children;
         var _b = useState(mdmValues), mdmValuesState = _b[0], setMdmValuesState = _b[1];
+        var _c = useState(sandboxValue), sandboxState = _c[0], setSandboxState = _c[1];
         updateMdmValues = setMdmValuesState;
+        updateSandbox = setSandboxState;
         return (React.createElement(MdmModuleProvider, { values: mdmValuesState, actions: mdmActions },
             React.createElement(SnackbarContext.Provider, { value: showSnackbarMessage },
-                React.createElement(SandboxAPIContext.Provider, { value: sandbox },
+                React.createElement(SandboxAPIContext.Provider, { value: sandboxState },
                     React.createElement(InterceptHandlersContext.Provider, { value: interceptors }, children)))));
     };
-    return __assign(__assign({}, renderHook(useAPI, { initialProps: config, wrapper: Providers })), { updateMdmValues: updateMdmValues });
+    return __assign(__assign({}, renderHook(useAPI, { initialProps: config, wrapper: Providers })), { updateMdmValues: updateMdmValues, updateSandbox: updateSandbox });
 };
 describe('useAPI custom sandbox behavior', function () {
     var postMessage = jest.fn();
@@ -918,6 +921,28 @@ describe('useAPI custom sandbox behavior', function () {
             return [2 /*return*/];
         });
     }); });
+    it('should call setEntityUri from the current sandbox after it changes', function () {
+        var updateSandbox = setUp().updateSandbox;
+        var newSandbox = {
+            getCurrentPerspectiveId: jest.fn().mockReturnValue('23'),
+            showPerspective: jest.fn(),
+            setEntityUri: jest.fn()
+        };
+        act(function () {
+            updateSandbox(newSandbox);
+        });
+        var params = {
+            name: RequestAction.SET_ENTITY_URI,
+            id: 23,
+            entityUri: 'entities/NEW999'
+        };
+        act(function () {
+            onmessageFromWorker({ action: CustomAction.REQUEST, params: params });
+        });
+        expect(newSandbox.setEntityUri).toHaveBeenCalledTimes(1);
+        expect(newSandbox.setEntityUri.mock.calls[0][0]).toBe(params.entityUri);
+        expect(sandbox.setEntityUri).not.toHaveBeenCalled();
+    });
     it('should call showPerspective and getCurrentPerspectiveId from sandbox on setPerspective request', function () {
         setUp();
         var params = {

package/hooks/useCustomScripts/useCustomScripts.js

@@ -75,6 +75,7 @@ export var useCustomScripts = function (config) {
     var workers = useRef({});
     var entityRef = useRef(null);
     var searchQueryRef = useRef(null);
+    var qxApiRef = useRef(qxApi);
     var processMessageFromWorker = function (_a) {
         var _b;
         var task = _a.task, worker = _a.worker, config = _a.config;
@@ -90,7 +91,7 @@ export var useCustomScripts = function (config) {
                 }
                 case CustomAction.REQUEST: {
                     var processedTask = getProcessedTask(task, apiPath, reltioPath, tenant);
-                    processRequest(__assign({ params: processedTask.params, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, apiPath: reltioPath, servicesPath: servicesPath, tenant: tenant, workflowPath: workflowPath, entity: entityRef.current, entityUri: (_b = entityRef.current) === null || _b === void 0 ? void 0 : _b.uri, environment: environment, query: searchQueryRef.current, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
+                    processRequest(__assign({ params: processedTask.params, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, apiPath: reltioPath, servicesPath: servicesPath, tenant: tenant, workflowPath: workflowPath, entity: entityRef.current, entityUri: (_b = entityRef.current) === null || _b === void 0 ? void 0 : _b.uri, environment: environment, query: searchQueryRef.current, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApiRef.current));
                     break;
                 }
                 case CustomAction.RETURN_PROCESSED_API_RESPONSE: {
@@ -132,6 +133,9 @@ export var useCustomScripts = function (config) {
     useEffect(function () {
         searchQueryRef.current = searchQuery;
     }, [searchQuery]);
+    useEffect(function () {
+        qxApiRef.current = qxApi;
+    }, [qxApi]);
     var customScriptRequestInterceptor = function (_a) {
         var _b;
         var url = _a.url, next = _a.next, resolve = _a.resolve, _c = _a.options, options = _c === void 0 ? {} : _c;

package/hooks/useCustomScripts/useCustomScripts.test.js

@@ -53,6 +53,7 @@ import { CustomAction, CustomScriptPlatform, RequestAction, setRequestProvider,
 import { MdmModuleProvider } from '../../contexts/MdmModuleContext';
 import { InterceptHandlersContext } from '../../contexts/InterceptHandlersContext';
 import { SnackbarContext } from '../../contexts/SnackbarContext';
+import { SandboxAPIContext } from '../../contexts/SandboxAPIContext';
 import { useCustomScripts } from './useCustomScripts';
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { initializeWebWorker: jest.fn() })); });
 jest.mock('nanoid', function () { return (__assign(__assign({}, jest.requireActual('nanoid')), { nanoid: jest.fn() })); });
@@ -92,18 +93,27 @@ describe('useCustomScripts', function () {
         removeInternalRequestInterceptor: requestProvider.removeRequestInterceptor,
         removeInternalResponseInterceptor: requestProvider.removeResponseInterceptor
     };
+    var sandbox = {
+        getCurrentPerspectiveId: jest.fn().mockReturnValue('23'),
+        showPerspective: jest.fn(),
+        setEntityUri: jest.fn()
+    };
     var setUp = function (_a) {
-        var _b = _a === void 0 ? {} : _a, _c = _b.mdmValues, mdmValues = _c === void 0 ? defaultMdmValues : _c, _d = _b.config, config = _d === void 0 ? createConfig() : _d;
+        var _b = _a === void 0 ? {} : _a, _c = _b.mdmValues, mdmValues = _c === void 0 ? defaultMdmValues : _c, _d = _b.config, config = _d === void 0 ? createConfig() : _d, _e = _b.sandboxValue, sandboxValue = _e === void 0 ? sandbox : _e;
         var updateMdmValues;
+        var updateSandbox;
         var Providers = function (_a) {
             var children = _a.children;
             var _b = React.useState(mdmValues), mdmValuesState = _b[0], setMdmValuesState = _b[1];
+            var _c = React.useState(sandboxValue), sandboxState = _c[0], setSandboxState = _c[1];
             updateMdmValues = setMdmValuesState;
+            updateSandbox = setSandboxState;
             return (React.createElement(MdmModuleProvider, { values: mdmValuesState },
                 React.createElement(SnackbarContext.Provider, { value: showSnackbarMessage },
-                    React.createElement(InterceptHandlersContext.Provider, { value: interceptors }, children))));
+                    React.createElement(SandboxAPIContext.Provider, { value: sandboxState },
+                        React.createElement(InterceptHandlersContext.Provider, { value: interceptors }, children)))));
         };
-        return __assign(__assign({}, renderHook(useCustomScripts, { initialProps: config, wrapper: Providers })), { updateMdmValues: updateMdmValues });
+        return __assign(__assign({}, renderHook(useCustomScripts, { initialProps: config, wrapper: Providers })), { updateMdmValues: updateMdmValues, updateSandbox: updateSandbox });
     };
     var postMessage = jest.fn();
     var onmessageFromWorker;
@@ -504,6 +514,26 @@ describe('useCustomScripts', function () {
             id: 'id3'
         });
     });
+    it('should call setEntityUri from the current sandbox after it changes', function () {
+        var updateSandbox = setUp().updateSandbox;
+        var newSandbox = {
+            getCurrentPerspectiveId: jest.fn().mockReturnValue('23'),
+            showPerspective: jest.fn(),
+            setEntityUri: jest.fn()
+        };
+        act(function () {
+            updateSandbox(newSandbox);
+        });
+        act(function () {
+            onmessageFromWorker({
+                action: CustomAction.REQUEST,
+                params: { name: RequestAction.SET_ENTITY_URI, id: 'id1', entityUri: 'entities/BBB' }
+            });
+        });
+        expect(newSandbox.setEntityUri).toHaveBeenCalledTimes(1);
+        expect(newSandbox.setEntityUri.mock.calls[0][0]).toBe('entities/BBB');
+        expect(sandbox.setEntityUri).not.toHaveBeenCalled();
+    });
     it('should resolve getSearchQuery with the current query after it changes', function () {
         var updateMdmValues = setUp({
             mdmValues: __assign(__assign({}, defaultMdmValues), { searchProviderData: { type: 'search', data: { query: 'q1' } } })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2282",
+  "version": "1.4.2284",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",