@reltio/components 1.4.2270 → 1.4.2272

package/cjs/hooks/useCollapsibleTableRows/useCollapsibleTableRows.test.js

@@ -34,7 +34,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_hooks_1 = require("@testing-library/react-hooks");
+var react_1 = require("@testing-library/react");
 var dataHelpers = __importStar(require("./dataHelpers"));
 var useCollapsibleTableRows_1 = require("./useCollapsibleTableRows");
 describe('useCollapsibleTableRows tests', function () {
@@ -65,7 +65,7 @@ describe('useCollapsibleTableRows tests', function () {
         maxRowValuesCount: 1
     };
     var getCollapsibleTableRows = function () {
-        return (0, react_hooks_1.renderHook)(function (props) { return (0, useCollapsibleTableRows_1.useCollapsibleTableRows)(props); }, { initialProps: initialProps });
+        return (0, react_1.renderHook)(function (props) { return (0, useCollapsibleTableRows_1.useCollapsibleTableRows)(props); }, { initialProps: initialProps });
     };
     beforeAll(function () {
         jest.spyOn(dataHelpers, 'getTableRowsData');
@@ -83,13 +83,13 @@ describe('useCollapsibleTableRows tests', function () {
     });
     it('should return correct toggleRowCollapse function for context', function () {
         var result = getCollapsibleTableRows().result;
-        (0, react_hooks_1.act)(function () {
+        (0, react_1.act)(function () {
             result.current.collapseContextValue.toggleRowCollapse(0);
         });
         var getMaxRowValuesCount = dataHelpers.getTableRowsData.mock.calls[1][4];
         expect(result.current.tableRowsData).toEqual(dataHelpers.getTableRowsData.mock.results[1].value);
         expect(getMaxRowValuesCount(0)).toBe(Infinity);
-        (0, react_hooks_1.act)(function () {
+        (0, react_1.act)(function () {
             result.current.collapseContextValue.toggleRowCollapse(0);
         });
         getMaxRowValuesCount = dataHelpers.getTableRowsData.mock.calls[2][4];
@@ -106,14 +106,14 @@ describe('useCollapsibleTableRows tests', function () {
     it('should return correct getIsRowCollapsed function for context', function () {
         var result = getCollapsibleTableRows().result;
         expect(result.current.collapseContextValue.getIsRowCollapsed(0)).toBe(true);
-        (0, react_hooks_1.act)(function () {
+        (0, react_1.act)(function () {
             result.current.collapseContextValue.toggleRowCollapse(0);
         });
         expect(result.current.collapseContextValue.getIsRowCollapsed(0)).toBe(false);
     });
     it('should not collapse expanded row on data change if it is still collapsible', function () {
         var _a = getCollapsibleTableRows(), result = _a.result, rerender = _a.rerender;
-        (0, react_hooks_1.act)(function () {
+        (0, react_1.act)(function () {
             result.current.collapseContextValue.toggleRowCollapse(0);
         });
         expect(result.current.collapseContextValue.getIsRowCollapsed(0)).toBe(false);
@@ -132,7 +132,7 @@ describe('useCollapsibleTableRows tests', function () {
     });
     it('should collapse expanded row on data change if it is not collapsible any more', function () {
         var _a = getCollapsibleTableRows(), result = _a.result, rerender = _a.rerender;
-        (0, react_hooks_1.act)(function () {
+        (0, react_1.act)(function () {
             result.current.collapseContextValue.toggleRowCollapse(0);
         });
         expect(result.current.collapseContextValue.getIsRowCollapsed(0)).toBe(false);
@@ -145,7 +145,7 @@ describe('useCollapsibleTableRows tests', function () {
     });
     it('should collapse expanded row on data change if its raw value changed', function () {
         var _a = getCollapsibleTableRows(), result = _a.result, rerender = _a.rerender;
-        (0, react_hooks_1.act)(function () {
+        (0, react_1.act)(function () {
             result.current.collapseContextValue.toggleRowCollapse(0);
         });
         expect(result.current.collapseContextValue.getIsRowCollapsed(0)).toBe(false);

package/cjs/hooks/useCommentsEntitiesMap/useCommentsEntitiesMap.test.js

@@ -60,7 +60,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var react_hooks_1 = require("@testing-library/react-hooks");
+var react_2 = require("@testing-library/react");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var MdmModuleContext_1 = require("../../contexts/MdmModuleContext");
 var useCommentsEntitiesMap_1 = require("./useCommentsEntitiesMap");
@@ -71,7 +71,7 @@ var setUp = function (props) {
         var children = _a.children;
         return react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { entityUriWithDataTenant: entityUriWithDataTenant } }, children);
     };
-    return (0, react_hooks_1.renderHook)(useCommentsEntitiesMap_1.useCommentsEntitiesMap, { initialProps: props, wrapper: Providers });
+    return (0, react_2.renderHook)(useCommentsEntitiesMap_1.useCommentsEntitiesMap, { initialProps: props, wrapper: Providers });
 };
 describe('useCollaboration behaviour', function () {
     beforeEach(function () {
@@ -121,7 +121,7 @@ describe('useCollaboration behaviour', function () {
                         ],
                         options: { activeness: 'all', max: 2, select: 'uri,label,type' }
                     });
-                    return [4 /*yield*/, (0, react_hooks_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                    return [4 /*yield*/, (0, react_2.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 switch (_a.label) {
                                     case 0: return [4 /*yield*/, Promise.resolve()];
@@ -185,7 +185,7 @@ describe('useCollaboration behaviour', function () {
                         ],
                         options: { activeness: 'all', max: 2, select: 'uri,label,type' }
                     });
-                    return [4 /*yield*/, (0, react_hooks_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                    return [4 /*yield*/, (0, react_2.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 switch (_a.label) {
                                     case 0: return [4 /*yield*/, Promise.resolve()];
@@ -235,7 +235,7 @@ describe('useCollaboration behaviour', function () {
                         ],
                         options: { activeness: 'all', max: 1, select: 'uri,label,type' }
                     });
-                    return [4 /*yield*/, (0, react_hooks_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                    return [4 /*yield*/, (0, react_2.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 switch (_a.label) {
                                     case 0: return [4 /*yield*/, Promise.resolve()];
@@ -257,7 +257,7 @@ describe('useCollaboration behaviour', function () {
                     mdm_sdk_1.getFilteredEntities.mockReturnValue(Promise.resolve([
                         { uri: 'entities/17utFhVb', type: 'configuration/entityTypes/HCP', label: 'BulkUpdate_regression_12' }
                     ]));
-                    (0, react_hooks_1.act)(function () {
+                    (0, react_2.act)(function () {
                         rerender(__spreadArray(__spreadArray([], comments, true), [
                             {
                                 objectId: 'relations/136SQO3C',
@@ -276,7 +276,7 @@ describe('useCollaboration behaviour', function () {
                         ],
                         options: { activeness: 'all', max: 1, select: 'uri,label,type' }
                     });
-                    return [4 /*yield*/, (0, react_hooks_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                    return [4 /*yield*/, (0, react_2.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 switch (_a.label) {
                                     case 0: return [4 /*yield*/, Promise.resolve()];
@@ -337,7 +337,7 @@ describe('useCollaboration behaviour', function () {
                         ],
                         options: { activeness: 'all', max: 1, select: 'uri,label,type' }
                     });
-                    return [4 /*yield*/, (0, react_hooks_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                    return [4 /*yield*/, (0, react_2.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 switch (_a.label) {
                                     case 0: return [4 /*yield*/, Promise.resolve()];
@@ -357,7 +357,7 @@ describe('useCollaboration behaviour', function () {
                         }
                     });
                     mdm_sdk_1.getFilteredEntities.mockReturnValue(Promise.reject());
-                    (0, react_hooks_1.act)(function () {
+                    (0, react_2.act)(function () {
                         rerender(__spreadArray(__spreadArray([], comments, true), [
                             {
                                 objectId: 'relations/136SQO3C',
@@ -376,7 +376,7 @@ describe('useCollaboration behaviour', function () {
                         ],
                         options: { activeness: 'all', max: 1, select: 'uri,label,type' }
                     });
-                    return [4 /*yield*/, (0, react_hooks_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                    return [4 /*yield*/, (0, react_2.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 switch (_a.label) {
                                     case 0: return [4 /*yield*/, Promise.resolve()];

package/cjs/hooks/useConfigPermissions/useConfigPermissions.test.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var ramda_1 = require("ramda");
-var react_hooks_1 = require("@testing-library/react-hooks");
+var react_2 = require("@testing-library/react");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var MdmModuleContext_1 = require("../../contexts/MdmModuleContext");
 var useConfigPermissions_1 = require("./useConfigPermissions");
@@ -29,7 +29,7 @@ var setUp = function () {
         var children = _a.children;
         return react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { user: user } }, children);
     };
-    return (0, react_hooks_1.renderHook)(useConfigPermissions_1.useConfigPermissions, { wrapper: Providers }).result.current;
+    return (0, react_2.renderHook)(useConfigPermissions_1.useConfigPermissions, { wrapper: Providers }).result.current;
 };
 describe('useConfigPermissions behaviour', function () {
     var checkConfigPermissionMock = jest.fn();

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

@@ -75,7 +75,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var nanoid_1 = require("nanoid");
-var react_hooks_1 = require("@testing-library/react-hooks");
+var react_2 = require("@testing-library/react");
 var request = __importStar(require("@reltio/mdm-sdk/src/network"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var MdmModuleContext_1 = require("../../contexts/MdmModuleContext");
@@ -128,7 +128,7 @@ describe('useCustomScripts', function () {
                 react_1.default.createElement(SnackbarContext_1.SnackbarContext.Provider, { value: showSnackbarMessage },
                     react_1.default.createElement(InterceptHandlersContext_1.InterceptHandlersContext.Provider, { value: interceptors }, children))));
         };
-        return (0, react_hooks_1.renderHook)(useCustomScripts_1.useCustomScripts, { initialProps: config, wrapper: Providers });
+        return (0, react_2.renderHook)(useCustomScripts_1.useCustomScripts, { initialProps: config, wrapper: Providers });
     };
     var postMessage = jest.fn();
     var onmessageFromWorker;
@@ -167,11 +167,11 @@ describe('useCustomScripts', function () {
         jest.clearAllMocks();
     });
     it('should intercept request', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var waitFor, params, response, _a;
+        var params, response, _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    waitFor = setUp().waitFor;
+                    setUp();
                     expect(mdm_sdk_1.initializeWebWorker).toHaveBeenCalledTimes(1);
                     params = {
                         name: mdm_sdk_1.RequestAction.API,
@@ -182,7 +182,7 @@ describe('useCustomScripts', function () {
                     response = requestProvider.request('/entities/1Ms5ANeR?options=sendHidden%2CaddRefAttrUriToCrosswalk', {
                         method: 'GET'
                     });
-                    (0, react_hooks_1.act)(function () {
+                    (0, react_2.act)(function () {
                         onmessageFromWorker({ action: mdm_sdk_1.CustomAction.REQUEST, params: params });
                     });
                     expect(postMessage).toHaveBeenCalledWith({
@@ -193,7 +193,7 @@ describe('useCustomScripts', function () {
                         method: 'GET',
                         url: 'https://tst-01.reltio.com/reltio/api/uitest1/entities/1Ms5ANeR?options=sendHidden%2CaddRefAttrUriToCrosswalk'
                     });
-                    return [4 /*yield*/, waitFor(function () { return expect(fetch).toHaveBeenCalledTimes(2); })];
+                    return [4 /*yield*/, (0, react_2.waitFor)(function () { return expect(fetch).toHaveBeenCalledTimes(2); })];
                 case 1:
                     _b.sent();
                     expect(fetch).toHaveBeenCalledWith('https://tst-01.reltio.com/nui/services/getTokenForWorker', { method: 'GET' });
@@ -208,7 +208,7 @@ describe('useCustomScripts', function () {
                         noRetry: true,
                         method: 'GET'
                     });
-                    return [4 /*yield*/, waitFor(function () {
+                    return [4 /*yield*/, (0, react_2.waitFor)(function () {
                             return expect(postMessage).toHaveBeenCalledWith({
                                 action: 'response',
                                 headers: { actionId: 'nanoid' },
@@ -238,11 +238,11 @@ describe('useCustomScripts', function () {
         });
     }); });
     it('should not fail if no options passed', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var waitFor, params;
+        var params;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    waitFor = setUp().waitFor;
+                    setUp();
                     expect(mdm_sdk_1.initializeWebWorker).toHaveBeenCalledTimes(1);
                     params = {
                         name: mdm_sdk_1.RequestAction.API,
@@ -251,7 +251,7 @@ describe('useCustomScripts', function () {
                         headers: { actionId: 'nanoid' }
                     };
                     requestProvider.request('/entities/1Ms5ANeR?options=sendHidden%2CaddRefAttrUriToCrosswalk');
-                    (0, react_hooks_1.act)(function () {
+                    (0, react_2.act)(function () {
                         onmessageFromWorker({ action: mdm_sdk_1.CustomAction.REQUEST, params: params });
                     });
                     expect(postMessage).toHaveBeenCalledWith({
@@ -262,7 +262,7 @@ describe('useCustomScripts', function () {
                         method: 'GET',
                         url: 'https://tst-01.reltio.com/reltio/api/uitest1/entities/1Ms5ANeR?options=sendHidden%2CaddRefAttrUriToCrosswalk'
                     });
-                    return [4 /*yield*/, waitFor(function () { return expect(fetch).toHaveBeenCalledTimes(2); })];
+                    return [4 /*yield*/, (0, react_2.waitFor)(function () { return expect(fetch).toHaveBeenCalledTimes(2); })];
                 case 1:
                     _a.sent();
                     return [2 /*return*/];
@@ -270,11 +270,11 @@ describe('useCustomScripts', function () {
         });
     }); });
     it('should intercept request if requestUrl start with apiPath', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var waitFor, params, response, _a;
+        var params, response, _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    waitFor = setUp().waitFor;
+                    setUp();
                     expect(mdm_sdk_1.initializeWebWorker).toHaveBeenCalledTimes(1);
                     params = {
                         name: mdm_sdk_1.RequestAction.API,
@@ -288,7 +288,7 @@ describe('useCustomScripts', function () {
                     response = requestProvider.request('/nui/reltioAPI/api/uitest1/entities/1Ms5ANeR?options=sendHidden%2CaddRefAttrUriToCrosswalk', {
                         method: 'GET'
                     });
-                    (0, react_hooks_1.act)(function () {
+                    (0, react_2.act)(function () {
                         onmessageFromWorker({ action: mdm_sdk_1.CustomAction.REQUEST, params: params });
                     });
                     expect(postMessage).toHaveBeenCalledWith({
@@ -301,7 +301,7 @@ describe('useCustomScripts', function () {
                         method: 'GET',
                         url: 'https://tst-01.reltio.com/reltio/api/uitest1/entities/1Ms5ANeR?options=sendHidden%2CaddRefAttrUriToCrosswalk'
                     });
-                    return [4 /*yield*/, waitFor(function () { return expect(fetch).toHaveBeenCalledTimes(2); })];
+                    return [4 /*yield*/, (0, react_2.waitFor)(function () { return expect(fetch).toHaveBeenCalledTimes(2); })];
                 case 1:
                     _b.sent();
                     expect(fetch).toHaveBeenCalledWith('https://tst-01.reltio.com/nui/services/getTokenForWorker', { method: 'GET' });
@@ -316,7 +316,7 @@ describe('useCustomScripts', function () {
                         noRequestProcessor: true,
                         method: 'GET'
                     });
-                    return [4 /*yield*/, waitFor(function () {
+                    return [4 /*yield*/, (0, react_2.waitFor)(function () {
                             return expect(postMessage).toHaveBeenCalledWith({
                                 action: 'response',
                                 headers: {
@@ -352,16 +352,16 @@ describe('useCustomScripts', function () {
         });
     }); });
     it('should intercept response', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var waitFor, response, _a;
+        var response, _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    waitFor = setUp().waitFor;
+                    setUp();
                     expect(mdm_sdk_1.initializeWebWorker).toHaveBeenCalledTimes(1);
                     response = requestProvider.request('/nui/reltioAPI/api/uitest1/entities/1Ms5ANeR/attributes/TextField/3U1mbeNRn?crosswalkValue=entity-FB-add-0.4094314985799944', {
                         method: 'GET'
                     });
-                    return [4 /*yield*/, waitFor(function () {
+                    return [4 /*yield*/, (0, react_2.waitFor)(function () {
                             return expect(postMessage).toHaveBeenCalledWith({
                                 action: 'apiResponse',
                                 data: { success: 'message' },
@@ -410,7 +410,7 @@ describe('useCustomScripts', function () {
         setUp();
         var message = 'some data to console';
         var log = jest.spyOn(console, 'log');
-        (0, react_hooks_1.act)(function () {
+        (0, react_2.act)(function () {
             onmessageFromWorker({ action: mdm_sdk_1.CustomAction.LOG, params: message });
         });
         expect(log).toHaveBeenCalledWith(message);
@@ -419,7 +419,7 @@ describe('useCustomScripts', function () {
     it('should set message on message event and clean on close popup', function () {
         setUp();
         var message = 'hello';
-        (0, react_hooks_1.act)(function () {
+        (0, react_2.act)(function () {
             onmessageFromWorker({ action: mdm_sdk_1.CustomAction.MESSAGE, params: message });
         });
         expect(showSnackbarMessage).toHaveBeenCalledWith(message);
@@ -441,7 +441,7 @@ describe('useCustomScripts', function () {
         });
     }); });
     it('should change url in request for absolute path in new UI correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var result, customScriptWithAbsolutePath, waitFor, params;
+        var result, customScriptWithAbsolutePath, params;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -454,7 +454,7 @@ describe('useCustomScripts', function () {
                         files: ['https://reltio-ui-files.s3.amazonaws.com/custom-scripts/hideAttr.js'],
                         permissions: ['/entities']
                     };
-                    waitFor = setUp({ config: [customScriptWithAbsolutePath] }).waitFor;
+                    setUp({ config: [customScriptWithAbsolutePath] });
                     expect(mdm_sdk_1.initializeWebWorker).toHaveBeenCalledTimes(1);
                     params = {
                         name: mdm_sdk_1.RequestAction.API,
@@ -466,10 +466,10 @@ describe('useCustomScripts', function () {
                             'Content-Type': 'application/json'
                         }
                     };
-                    (0, react_hooks_1.act)(function () {
+                    (0, react_2.act)(function () {
                         onmessageFromWorker({ action: mdm_sdk_1.CustomAction.REQUEST, params: params });
                     });
-                    return [4 /*yield*/, waitFor(function () {
+                    return [4 /*yield*/, (0, react_2.waitFor)(function () {
                             return expect(requestMock).toHaveBeenCalledWith('/nui/reltioAPI/api/uitest1/entities', {
                                 body: undefined,
                                 headers: {

package/cjs/hooks/useDndBasicTableScrollModifier/useDndBasicTableScrollModifier.js

@@ -7,7 +7,7 @@ var SCROLL_SPEED = 10;
 var TRIGGER_SCROLL_DISTANCE = 150;
 var useDndBasicTableScrollModifier = function (_a) {
     var tableRef = _a.tableRef;
-    var intervalRef = (0, react_1.useRef)();
+    var intervalRef = (0, react_1.useRef)(null);
     var stopScroll = (0, react_1.useCallback)(function () {
         if (intervalRef.current) {
             clearInterval(intervalRef.current);

package/cjs/hooks/useEditableConnection/useEditableConnection.test.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var react_hooks_1 = require("@testing-library/react-hooks");
+var react_2 = require("@testing-library/react");
 var MdmModuleContext_1 = require("../../contexts/MdmModuleContext");
 var useEditableConnection_1 = require("./useEditableConnection");
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getAllUsersForTenant: jest.fn(), getRelationType: jest.fn(), isAvailableRelationBetweenEntities: jest.fn().mockReturnValue(true) })); });
@@ -43,7 +43,7 @@ var getActions = function (_a) {
         connection: connection,
         onConnectionChange: onConnectionChange
     };
-    var result = (0, react_hooks_1.renderHook)(useEditableConnection_1.useEditableConnection, { initialProps: initialProps, wrapper: Providers }).result;
+    var result = (0, react_2.renderHook)(useEditableConnection_1.useEditableConnection, { initialProps: initialProps, wrapper: Providers }).result;
     return result.current;
 };
 describe('useEditableConnection behaviour', function () {

package/cjs/hooks/useFilterAutoFocus/useFilterAutoFocus.d.ts

@@ -1,5 +1,5 @@
 export declare const useFilterAutoFocus: (rowsData: Record<string, unknown>[]) => {
-    attributeFilterRef: import("react").MutableRefObject<any>;
-    lastAttributesCountRef: import("react").MutableRefObject<any>;
-    attributesCountRef: import("react").MutableRefObject<any>;
+    attributeFilterRef: import("react").MutableRefObject<HTMLInputElement>;
+    lastAttributesCountRef: import("react").MutableRefObject<number>;
+    attributesCountRef: import("react").MutableRefObject<number>;
 };

package/cjs/hooks/useHiddenAttributes/useHiddenAttributes.test.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var ramda_1 = require("ramda");
-var react_hooks_1 = require("@testing-library/react-hooks");
+var react_1 = require("@testing-library/react");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var MdmModuleContext_1 = require("../../contexts/MdmModuleContext");
 var useHiddenAttributes_1 = require("./useHiddenAttributes");
@@ -105,7 +105,7 @@ describe('useHiddenAttributes', function () {
     };
     var updateHiddenAttributes = jest.fn();
     var resetHiddenAttributes = jest.fn();
-    var setUp = function () { return (0, react_hooks_1.renderHook)(useHiddenAttributes_1.useHiddenAttributes); };
+    var setUp = function () { return (0, react_1.renderHook)(useHiddenAttributes_1.useHiddenAttributes); };
     beforeEach(function () {
         MdmModuleContext_1.useMdmMetadata.mockReturnValue(metadata);
         MdmModuleContext_1.useMdmEntity.mockReturnValue(null);

package/cjs/hooks/useHtmlSanitizer/useHtmlSanitizer.test.js

@@ -15,11 +15,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var sanitize_html_1 = __importDefault(require("sanitize-html"));
-var react_hooks_1 = require("@testing-library/react-hooks");
+var react_1 = require("@testing-library/react");
 var helpers_1 = require("./helpers");
 var useHtmlSanitizer_1 = require("./useHtmlSanitizer");
 var getHookResult = function () {
-    var result = (0, react_hooks_1.renderHook)(useHtmlSanitizer_1.useHtmlSanitizer).result;
+    var result = (0, react_1.renderHook)(useHtmlSanitizer_1.useHtmlSanitizer).result;
     return result.current;
 };
 jest.mock('sanitize-html', function () {

package/cjs/hooks/useKeyboardNavigation/useKeyboardNavigation.d.ts

@@ -15,6 +15,6 @@ type Props<T, S> = {
 };
 export declare const useKeyboardNavigation: <T, S>({ items, open, onSelectFocusedItem, selectedItems, onClose }: Props<T, S>) => {
     focusIndex: number;
-    handleKeyDown: (event: React.KeyboardEvent) => boolean;
+    handleKeyDown: (event: React.KeyboardEvent) => false;
 };
 export {};

package/cjs/hooks/useKeyboardNavigation/useKeyboardNavigation.test.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_hooks_1 = require("@testing-library/react-hooks");
+var react_1 = require("@testing-library/react");
 var useKeyboardNavigation_1 = require("./useKeyboardNavigation");
 describe('useKeyboardNavigation hook', function () {
     var items = [
@@ -30,10 +30,10 @@ describe('useKeyboardNavigation hook', function () {
     };
     var setUp = function (props) {
         if (props === void 0) { props = {}; }
-        return (0, react_hooks_1.renderHook)(useKeyboardNavigation_1.useKeyboardNavigation, { initialProps: __assign(__assign({}, defaultProps), props) });
+        return (0, react_1.renderHook)(useKeyboardNavigation_1.useKeyboardNavigation, { initialProps: __assign(__assign({}, defaultProps), props) });
     };
     var pressKey = function (handleKeyDown, key) {
-        (0, react_hooks_1.act)(function () {
+        (0, react_1.act)(function () {
             handleKeyDown({ key: key, preventDefault: function () { } });
         });
     };

package/cjs/hooks/useMatchesLoader/useMatchesLoader.test.js

@@ -52,7 +52,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var react_hooks_1 = require("@testing-library/react-hooks");
+var react_2 = require("@testing-library/react");
 var MdmModuleContext_1 = require("../../contexts/MdmModuleContext");
 var useMatchesLoader_1 = require("./useMatchesLoader");
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getTransitiveMatches: jest.fn(), getMatchesForDataTenantEntity: jest.fn(), isDataTenantEntity: jest.fn().mockImplementation(function (entity) { return !!entity.dataTenant; }) })); });
@@ -60,7 +60,7 @@ jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.re
  * useMatchesLoader runs a useEffect that calls getMatches() on mount. getMatches() is async:
  * it calls the SDK (getTransitiveMatches / getMatchesForDataTenantEntity), and when the
  * promise resolves, it updates the state (setTotal, setMatches, setEntitiesMap), which triggers
- * a re-render. waitForNextUpdate() waits for that next render, so assertions run after
+ * a re-render. waitFor() waits for that next render, so assertions run after
  * the async load has completed and we avoid races.
  */
 describe('Test useMatchesLoader hook', function () {
@@ -103,19 +103,21 @@ describe('Test useMatchesLoader hook', function () {
             var children = _a.children;
             return react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues }, children);
         };
-        return (0, react_hooks_1.renderHook)(useMatchesLoader_1.useMatchesLoader, { initialProps: props, wrapper: Providers });
+        return (0, react_2.renderHook)(useMatchesLoader_1.useMatchesLoader, { initialProps: props, wrapper: Providers });
     };
     afterEach(function () {
         jest.clearAllMocks();
     });
     describe('Data masking behaviour', function () {
         it('should call transitive endpoint without options if metadata doesnt have masked attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var waitForNextUpdate;
+            var result;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        waitForNextUpdate = setUp().waitForNextUpdate;
-                        return [4 /*yield*/, waitForNextUpdate()];
+                        result = setUp().result;
+                        return [4 /*yield*/, (0, react_2.waitFor)(function () {
+                                expect(result.current).toBeDefined();
+                            })];
                     case 1:
                         _a.sent();
                         expect(mdm_sdk_1.getTransitiveMatches).toHaveBeenCalledTimes(1);
@@ -125,14 +127,16 @@ describe('Test useMatchesLoader hook', function () {
             });
         }); });
         it('should call transitive endpoint with sendMasked option if metadata has masked attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var metadata, waitForNextUpdate;
+            var metadata, result;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         metadata = getMetadata();
                         metadata.entityTypes[0].attributes[0].masking = { regexPattern: '.{4}$' };
-                        waitForNextUpdate = setUp({ mdmValues: { metadata: metadata } }).waitForNextUpdate;
-                        return [4 /*yield*/, waitForNextUpdate()];
+                        result = setUp({ mdmValues: { metadata: metadata } }).result;
+                        return [4 /*yield*/, (0, react_2.waitFor)(function () {
+                                expect(result.current).toBeDefined();
+                            })];
                     case 1:
                         _a.sent();
                         expect(mdm_sdk_1.getTransitiveMatches).toHaveBeenCalledTimes(1);
@@ -142,14 +146,16 @@ describe('Test useMatchesLoader hook', function () {
             });
         }); });
         it('should not add sendMasked or showAccess option if showMasking configuration property is false', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var metadata, waitForNextUpdate;
+            var metadata, result;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         metadata = getMetadata();
                         metadata.entityTypes[0].attributes[0].masking = { regexPattern: '.{4}$' };
-                        waitForNextUpdate = setUp({ mdmValues: { metadata: metadata, showMasking: false } }).waitForNextUpdate;
-                        return [4 /*yield*/, waitForNextUpdate()];
+                        result = setUp({ mdmValues: { metadata: metadata, showMasking: false } }).result;
+                        return [4 /*yield*/, (0, react_2.waitFor)(function () {
+                                expect(result.current).toBeDefined();
+                            })];
                     case 1:
                         _a.sent();
                         expect(mdm_sdk_1.getTransitiveMatches).toHaveBeenCalledTimes(1);
@@ -160,7 +166,7 @@ describe('Test useMatchesLoader hook', function () {
         }); });
     });
     it('should pass dataTenants to getMatchesForDataTenantEntity when entity has dataTenant', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var dataTenantEntity, dataTenants, waitForNextUpdate;
+        var dataTenantEntity, dataTenants, result;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -171,11 +177,13 @@ describe('Test useMatchesLoader hook', function () {
                         attributes: {}
                     };
                     dataTenants = [{ id: 'tenantId4', name: 'tenant', idBuilderSubscription: false }];
-                    waitForNextUpdate = setUp({
+                    result = setUp({
                         props: __assign(__assign({}, defaultProps), { entity: dataTenantEntity }),
                         mdmValues: __assign(__assign({}, defaultMdmValues), { dataTenantsWithIdBuilder: dataTenants })
-                    }).waitForNextUpdate;
-                    return [4 /*yield*/, waitForNextUpdate()];
+                    }).result;
+                    return [4 /*yield*/, (0, react_2.waitFor)(function () {
+                            expect(result.current).toBeDefined();
+                        })];
                 case 1:
                     _a.sent();
                     expect(mdm_sdk_1.getMatchesForDataTenantEntity).toHaveBeenCalledTimes(1);

package/cjs/hooks/usePrevious/usePrevious.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePrevious = void 0;
 var react_1 = require("react");
 var usePrevious = function (value) {
-    var valueHolderRef = (0, react_1.useRef)();
+    var valueHolderRef = (0, react_1.useRef)(undefined);
     (0, react_1.useEffect)(function () {
         valueHolderRef.current = value;
     }, [value]);