@reltio/components 1.4.2269 → 1.4.2272

package/hooks/useHtmlSanitizer/useHtmlSanitizer.test.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import sanitizeHtml from 'sanitize-html';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import { sanitizerOptions } from './helpers';
 import { useHtmlSanitizer } from './useHtmlSanitizer';
 var getHookResult = function () {

package/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/hooks/useKeyboardNavigation/useKeyboardNavigation.test.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, act } from '@testing-library/react';
 import { useKeyboardNavigation } from './useKeyboardNavigation';
 describe('useKeyboardNavigation hook', function () {
     var items = [

package/hooks/useMatchesLoader/useMatchesLoader.test.js

@@ -47,7 +47,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import React from 'react';
 import { getTransitiveMatches, getMatchesForDataTenantEntity } from '@reltio/mdm-sdk';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook, waitFor } from '@testing-library/react';
 import { MdmModuleProvider } from '../../contexts/MdmModuleContext';
 import { useMatchesLoader } from './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; }) })); });
@@ -55,7 +55,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 () {
@@ -105,12 +105,14 @@ describe('Test useMatchesLoader hook', function () {
     });
     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*/, waitFor(function () {
+                                expect(result.current).toBeDefined();
+                            })];
                     case 1:
                         _a.sent();
                         expect(getTransitiveMatches).toHaveBeenCalledTimes(1);
@@ -120,14 +122,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*/, waitFor(function () {
+                                expect(result.current).toBeDefined();
+                            })];
                     case 1:
                         _a.sent();
                         expect(getTransitiveMatches).toHaveBeenCalledTimes(1);
@@ -137,14 +141,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*/, waitFor(function () {
+                                expect(result.current).toBeDefined();
+                            })];
                     case 1:
                         _a.sent();
                         expect(getTransitiveMatches).toHaveBeenCalledTimes(1);
@@ -155,7 +161,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:
@@ -166,11 +172,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*/, waitFor(function () {
+                            expect(result.current).toBeDefined();
+                        })];
                 case 1:
                     _a.sent();
                     expect(getMatchesForDataTenantEntity).toHaveBeenCalledTimes(1);

package/hooks/usePrevious/usePrevious.js

@@ -1,6 +1,6 @@
 import { useEffect, useRef } from 'react';
 export var usePrevious = function (value) {
-    var valueHolderRef = useRef();
+    var valueHolderRef = useRef(undefined);
     useEffect(function () {
         valueHolderRef.current = value;
     }, [value]);

package/hooks/useReadableSearchState/useReadableSearchState.test.js

@@ -46,7 +46,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React from 'react';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook, waitFor } from '@testing-library/react';
 import { SearchOperator, buildReadableQueryToString, buildReadableQuery, getKeywordFromSearchState, getUnresolvedLookupsListFromSearchGroups, resolveLookupsList, getGroupsFromSearchState } from '@reltio/mdm-sdk';
 import { MdmModuleProvider } from '../../contexts/MdmModuleContext';
 import { useReadableSearchState } from './useReadableSearchState';
@@ -117,7 +117,7 @@ describe('useReadableSearchState tests', function () {
         });
     });
     it('should resolve unresolved lookups', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var unresolvedLookups, lookupsList, searchState, waitFor;
+        var unresolvedLookups, lookupsList, searchState;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -129,7 +129,7 @@ describe('useReadableSearchState tests', function () {
                     getUnresolvedLookupsListFromSearchGroups.mockReturnValueOnce(unresolvedLookups);
                     resolveLookupsList.mockResolvedValue(lookupsList);
                     searchState = { version: '2.0', facets: [] };
-                    waitFor = setUp(searchState).waitFor;
+                    setUp(searchState);
                     expect(resolveLookupsList).toHaveBeenCalledWith([
                         { type: 'COUNTRY_CD', codeValue: 'RU' },
                         { type: 'COUNTRY_CD', codeValue: 'IT' }

package/hooks/useRelationsLoader/useRelationsLoader.test.js

@@ -46,7 +46,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React, { useState } from 'react';
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, act, waitFor } from '@testing-library/react';
 import { ActivityFilter, Mode, getRelationsForEntity } from '@reltio/mdm-sdk';
 import { MdmModuleProvider } from '../../contexts/MdmModuleContext';
 import { useRelationsLoader } from './useRelationsLoader';
@@ -144,20 +144,20 @@ describe('useRelationsLoader behaviour', function () {
         jest.clearAllMocks();
     });
     it('should call getRelationsForEntity if reload is called', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var metadata, mdmValues, _a, result, waitFor;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
+        var metadata, mdmValues, result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
                 case 0:
                     metadata = createMetadata({ entityAccess: ['DELETE', 'READ', 'CREATE', 'UPDATE'] });
                     mdmValues = __assign(__assign({}, defaultMdmValues), { metadata: metadata });
-                    _a = setUp({ mdmValues: mdmValues }), result = _a.result, waitFor = _a.waitFor;
+                    result = setUp({ mdmValues: mdmValues }).result;
                     act(function () {
                         result.current.reload();
                     });
                     expect(getRelationsForEntity).toHaveBeenCalled();
                     return [4 /*yield*/, waitFor(function () { return expect(result.current.isLoading).toBe(false); })];
                 case 1:
-                    _b.sent();
+                    _a.sent();
                     expect(mdmActions.relationsLoaded).toHaveBeenCalledWith({
                         id: defaultConfig.id,
                         connections: connections,
@@ -169,13 +169,13 @@ describe('useRelationsLoader behaviour', function () {
         });
     }); });
     it('should call reload on change lastLoadedTime', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var metadata, mdmValues, _a, result, waitFor, updateMdmValues, reloadFirst, reloadNext;
+        var metadata, mdmValues, _a, result, updateMdmValues, reloadFirst, reloadNext;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
                     metadata = createMetadata({ entityAccess: ['DELETE', 'READ', 'CREATE', 'UPDATE'] });
                     mdmValues = __assign(__assign({}, defaultMdmValues), { metadata: metadata });
-                    _a = setUp({ mdmValues: mdmValues }), result = _a.result, waitFor = _a.waitFor, updateMdmValues = _a.updateMdmValues;
+                    _a = setUp({ mdmValues: mdmValues }), result = _a.result, updateMdmValues = _a.updateMdmValues;
                     reloadFirst = result.current.reload;
                     act(function () {
                         updateMdmValues(function (prev) { return (__assign(__assign({}, prev), { profileLastLoadedTime: 1674037143200 })); });
@@ -192,9 +192,9 @@ describe('useRelationsLoader behaviour', function () {
     }); });
     describe('security related', function () {
         it('should filter out relations current user does not have access to', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var metadata, config, props, mdmValues, _a, result, waitFor;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var metadata, config, props, mdmValues, result;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
                     case 0:
                         metadata = createMetadata({ entityAccess: ['DELETE', 'READ', 'CREATE', 'UPDATE'] });
                         config = {
@@ -213,7 +213,7 @@ describe('useRelationsLoader behaviour', function () {
                         };
                         props = __assign(__assign({}, defaultProps), { config: config });
                         mdmValues = __assign(__assign({}, defaultMdmValues), { metadata: metadata });
-                        _a = setUp({ props: props, mdmValues: mdmValues }), result = _a.result, waitFor = _a.waitFor;
+                        result = setUp({ props: props, mdmValues: mdmValues }).result;
                         expect(getRelationsForEntity).toHaveBeenCalledWith('123', [
                             {
                                 activeness: { entity: 'all', relation: 'all' },
@@ -228,15 +228,15 @@ describe('useRelationsLoader behaviour', function () {
                         ], { searchByOv: false });
                         return [4 /*yield*/, waitFor(function () { return expect(result.current.isLoading).toBe(false); })];
                     case 1:
-                        _b.sent();
+                        _a.sent();
                         return [2 /*return*/];
                 }
             });
         }); });
         it('should filter out relations if current user does not have access to on the nextEntry', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var metadata, config, props, mdmValues, _a, result, waitFor;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var metadata, config, props, mdmValues, result;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
                     case 0:
                         metadata = createMetadata();
                         config = {
@@ -272,7 +272,7 @@ describe('useRelationsLoader behaviour', function () {
                         };
                         props = __assign(__assign({}, defaultProps), { config: config });
                         mdmValues = __assign(__assign({}, defaultMdmValues), { metadata: metadata });
-                        _a = setUp({ props: props, mdmValues: mdmValues }), result = _a.result, waitFor = _a.waitFor;
+                        result = setUp({ props: props, mdmValues: mdmValues }).result;
                         expect(getRelationsForEntity).toHaveBeenCalledWith('123', [
                             {
                                 activeness: { entity: 'all', relation: 'all' },
@@ -297,15 +297,15 @@ describe('useRelationsLoader behaviour', function () {
                         ], { searchByOv: false });
                         return [4 /*yield*/, waitFor(function () { return expect(result.current.isLoading).toBe(false); })];
                     case 1:
-                        _b.sent();
+                        _a.sent();
                         return [2 /*return*/];
                 }
             });
         }); });
         it('should not make a request if all entity types are filtered out on nextEntry', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var metadata, config, props, mdmValues, _a, result, waitFor;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var metadata, config, props, mdmValues, result;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
                     case 0:
                         metadata = createMetadata();
                         config = {
@@ -341,19 +341,19 @@ describe('useRelationsLoader behaviour', function () {
                         };
                         props = __assign(__assign({}, defaultProps), { config: config });
                         mdmValues = __assign(__assign({}, defaultMdmValues), { metadata: metadata });
-                        _a = setUp({ props: props, mdmValues: mdmValues }), result = _a.result, waitFor = _a.waitFor;
+                        result = setUp({ props: props, mdmValues: mdmValues }).result;
                         expect(getRelationsForEntity).not.toHaveBeenCalled();
                         return [4 /*yield*/, waitFor(function () { return expect(result.current.isLoading).toBe(false); })];
                     case 1:
-                        _b.sent();
+                        _a.sent();
                         return [2 /*return*/];
                 }
             });
         }); });
         it('should not make a request if all entity types are filtered out', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var metadata, config, props, mdmValues, _a, result, waitFor;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var metadata, config, props, mdmValues, result;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
                     case 0:
                         metadata = createMetadata();
                         config = {
@@ -375,19 +375,19 @@ describe('useRelationsLoader behaviour', function () {
                         };
                         props = __assign(__assign({}, defaultProps), { config: config });
                         mdmValues = __assign(__assign({}, defaultMdmValues), { metadata: metadata });
-                        _a = setUp({ props: props, mdmValues: mdmValues }), result = _a.result, waitFor = _a.waitFor;
+                        result = setUp({ props: props, mdmValues: mdmValues }).result;
                         expect(getRelationsForEntity).not.toHaveBeenCalled();
                         return [4 /*yield*/, waitFor(function () { return expect(result.current.isLoading).toBe(false); })];
                     case 1:
-                        _b.sent();
+                        _a.sent();
                         return [2 /*return*/];
                 }
             });
         }); });
         it('should make a request if entity types are not specified in config.content', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var metadata, config, props, mdmValues, _a, result, waitFor;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var metadata, config, props, mdmValues, result;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
                     case 0:
                         metadata = createMetadata();
                         config = {
@@ -408,7 +408,7 @@ describe('useRelationsLoader behaviour', function () {
                         };
                         props = __assign(__assign({}, defaultProps), { config: config });
                         mdmValues = __assign(__assign({}, defaultMdmValues), { metadata: metadata });
-                        _a = setUp({ props: props, mdmValues: mdmValues }), result = _a.result, waitFor = _a.waitFor;
+                        result = setUp({ props: props, mdmValues: mdmValues }).result;
                         expect(getRelationsForEntity).toHaveBeenCalledWith('123', [
                             {
                                 activeness: { entity: 'all', relation: 'all' },
@@ -422,7 +422,7 @@ describe('useRelationsLoader behaviour', function () {
                         ], { searchByOv: false });
                         return [4 /*yield*/, waitFor(function () { return expect(result.current.isLoading).toBe(false); })];
                     case 1:
-                        _b.sent();
+                        _a.sent();
                         return [2 /*return*/];
                 }
             });
@@ -430,13 +430,13 @@ describe('useRelationsLoader behaviour', function () {
     });
     describe('masking behaviour', function () {
         it('should send correct masking options if relation has masking', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var metadata, mdmValues, _a, result, waitFor;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var metadata, mdmValues, result;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
                     case 0:
                         metadata = createMetadata({ masking: true });
                         mdmValues = __assign(__assign({}, defaultMdmValues), { metadata: metadata });
-                        _a = setUp({ mdmValues: mdmValues }), result = _a.result, waitFor = _a.waitFor;
+                        result = setUp({ mdmValues: mdmValues }).result;
                         act(function () {
                             result.current.reload();
                         });
@@ -457,7 +457,7 @@ describe('useRelationsLoader behaviour', function () {
                         });
                         return [4 /*yield*/, waitFor(function () { return expect(result.current.isLoading).toBe(false); })];
                     case 1:
-                        _b.sent();
+                        _a.sent();
                         return [2 /*return*/];
                 }
             });

package/hooks/useSavedSearchesRequest/useSavedSearchesRequest.test.js

@@ -55,7 +55,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import React from 'react';
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, act } from '@testing-library/react';
 import { getSavedSearches, updateSavedSearch, deleteSavedSearch, getTotalsForQuery, createSavedSearch } from '@reltio/mdm-sdk';
 import { showDefaultErrorMessage } from '../../helpers/errors';
 import { PageRequestsAbortingContext } from '../../contexts/PageRequestsAbortingContext';

package/hooks/useSavedStateForEntityType/useSavedStateForEntityType.test.js

@@ -45,7 +45,7 @@ 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 };
     }
 };
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, act } from '@testing-library/react';
 import { useSavedStateForEntityType } from './useSavedStateForEntityType';
 describe('useSavedStateForEntityType test', function () {
     var _a;
@@ -171,13 +171,15 @@ describe('useSavedStateForEntityType test', function () {
                                     case 0: return [4 /*yield*/, resolveSavedState(savedState)];
                                     case 1:
                                         _a.sent();
-                                        result.current.updateSavedState({ visibleColumns: ['new'] });
                                         return [2 /*return*/];
                                 }
                             });
                         }); })];
                 case 1:
                     _b.sent();
+                    act(function () {
+                        result.current.updateSavedState({ visibleColumns: ['new'] });
+                    });
                     expect(initialProps.saveState).toHaveBeenCalledWith((_a = {},
                         _a[entityTypeUri] = {
                             visibleColumns: ['new']
@@ -224,13 +226,15 @@ describe('useSavedStateForEntityType test', function () {
                                     case 0: return [4 /*yield*/, resolveSavedState(savedState)];
                                     case 1:
                                         _a.sent();
-                                        result.current.updateSavedState({ visibleColumns: ['new'] });
                                         return [2 /*return*/];
                                 }
                             });
                         }); })];
                 case 1:
                     _d.sent();
+                    act(function () {
+                        result.current.updateSavedState({ visibleColumns: ['new'] });
+                    });
                     expect(initialProps.saveState).toHaveBeenCalledWith((_b = {},
                         _b[entityTypeUri] = {
                             visibleColumns: ['new']

package/hooks/useScrollToAttributeError/useScrollToAttributeError.test.js

@@ -45,7 +45,7 @@ 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 };
     }
 };
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import { useScrollToAttributeError } from './useScrollToAttributeError';
 import { ScrollType } from '../../contexts/ScrollToElementContext';
 import { ErrorSeverity } from '@reltio/mdm-sdk';

package/hooks/useUsers/useUsers.test.js

@@ -46,7 +46,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React from 'react';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook, waitFor } from '@testing-library/react';
 import { getAllUsersForTenant } from '@reltio/mdm-sdk';
 import { MdmModuleProvider } from '../../contexts/MdmModuleContext';
 import { useUsers } from './useUsers';
@@ -67,34 +67,33 @@ describe('useUsers behaviour', function () {
         jest.clearAllMocks();
     });
     it('should call getAllUsersForTenant and update users value', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, _a, result, waitFor;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
+        var response, result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
                 case 0:
                     response = [{ username: 'username', email: 'email' }];
                     getAllUsersForTenant.mockResolvedValue(response);
-                    _a = setUp(), result = _a.result, waitFor = _a.waitFor;
+                    result = setUp().result;
                     expect(result.current).toEqual([]);
                     expect(getAllUsersForTenant).toHaveBeenCalledWith({ tenant: tenant.id, servicesPath: servicesPath });
                     return [4 /*yield*/, waitFor(function () { return expect(result.current).toEqual(response); })];
                 case 1:
-                    _b.sent();
+                    _a.sent();
                     return [2 /*return*/];
             }
         });
     }); });
     it('should set users value as null in case of unsuccessful request', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, result, waitForValueToChange;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
+        var result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
                 case 0:
                     getAllUsersForTenant.mockRejectedValue('Error');
-                    _a = setUp(), result = _a.result, waitForValueToChange = _a.waitForValueToChange;
+                    result = setUp().result;
                     expect(getAllUsersForTenant).toHaveBeenCalled();
-                    return [4 /*yield*/, waitForValueToChange(function () { return result.current; })];
+                    return [4 /*yield*/, waitFor(function () { return expect(result.current).toEqual([]); })];
                 case 1:
-                    _b.sent();
-                    expect(result.current).toEqual([]);
+                    _a.sent();
                     return [2 /*return*/];
             }
         });

package/hooks/useWhyDidYouUpdate/useWhyDidYouUpdate.js

@@ -13,7 +13,7 @@ import { useEffect, useRef } from 'react';
 export var useWhyDidYouUpdate = function (name, props) {
     // Get a mutable ref object where we can store props ...
     // ... for comparison next time this hook runs.
-    var previousProps = useRef();
+    var previousProps = useRef(null);
     useEffect(function () {
         if (previousProps.current) {
             // Get all keys from previous and current props

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2269",
+  "version": "1.4.2272",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -11,7 +11,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@googlemaps/markerclusterer": "^2.5.3",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.2049",
+    "@reltio/mdm-sdk": "^1.4.2051",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",
@@ -27,7 +27,6 @@
     "react-dnd": "^9.4.0",
     "react-dnd-html5-backend": "^10.0.2",
     "react-grid-layout": "1.4.2",
-    "react-lifecycles-compat": "^3.0.4",
     "react-mentions": "^4.3.0",
     "react-number-format": "^4.9.2",
     "react-resizable-panels": "^2.0.20",
@@ -36,7 +35,7 @@
     "react-simple-maps": "^3.0.0",
     "react-virtualized": "^9.22.5",
     "react-window": "^1.8.10",
-    "recharts": "^2.15.0",
+    "recharts": "^2.15.1",
     "sanitize-html": "^2.13.1",
     "sigma": "^2.4.0",
     "topojson-client": "^3.1.0"
@@ -52,8 +51,8 @@
     "nanoid": "^3.3.8",
     "prop-types": "^15.6.2",
     "ramda": "^0.28.0",
-    "react": "^17.0.2",
-    "react-components": "bitbucket:reltio-ondemand/react-components#v4.2.7",
+    "react": "^18.3.1",
+    "react-components": "bitbucket:reltio-ondemand/react-components#v5.0.1",
     "react-resize-detector": "^9.1.1",
     "ui-i18n": "bitbucket:reltio-ondemand/ui-i18n#v1.4.0"
   },

package/test-utils/dndKit/DndContextComponent.js

@@ -24,6 +24,9 @@ export var DndContextComponent = function (_a) {
         });
     }, [dispatchMonitorEvent, onDragStart]);
     var handleDragOver = useCallback(function (nodeId) {
+        if (!dragActiveIdRef.current) {
+            return;
+        }
         dragOverIdRef.current = nodeId;
         var draggableNode = draggableNodesRef.current.get(dragActiveIdRef.current);
         var droppableNode = droppableNodesRef.current.get(nodeId);

package/test-utils/dndKit/index.d.ts

@@ -11,6 +11,7 @@ export declare const mockDndKit: {
             onMouseUp(): void;
         };
         setNodeRef: (element: HTMLElement | null) => void;
+        setActivatorNodeRef: (element: HTMLElement | null) => void;
     };
     useDroppable: (props: import("./type").MockUseDraggableArguments) => {
         setNodeRef: (element: HTMLElement | null) => void;

package/test-utils/dndKit/useDndMonitorProvider.d.ts

@@ -1 +1,4 @@
-export declare const useDndMonitorProvider: () => readonly [({ type, event }: any) => void, (listener: any) => () => boolean];
+export declare const useDndMonitorProvider: () => readonly [({ type, event }: {
+    type: any;
+    event: any;
+}) => void, (listener: any) => () => boolean];

package/test-utils/dndKit/useDraggable.d.ts

@@ -9,4 +9,5 @@ export declare const useDraggable: (props: MockUseDraggableArguments) => {
         onMouseUp(): void;
     };
     setNodeRef: (element: HTMLElement | null) => void;
+    setActivatorNodeRef: (element: HTMLElement | null) => void;
 };

package/test-utils/dndKit/useDraggable.js

@@ -9,6 +9,12 @@ export var useDraggable = function (props) {
         }
     }, [props.id]);
     var _b = useNodeRef(onChangeNode), node = _b[0], setNodeRef = _b[1];
+    var onChangeActivatorNode = useCallback(function (newElement) {
+        if (newElement) {
+            newElement.setAttribute('data-test-dnd-activator-id', props.id);
+        }
+    }, [props.id]);
+    var _c = useNodeRef(onChangeActivatorNode), setActivatorNodeRef = _c[1];
     var data = useRef(props.data);
     useEffect(function () {
         draggableNodesRef.current.set(props.id, { id: props.id, data: data, node: node });
@@ -34,6 +40,7 @@ export var useDraggable = function (props) {
     return {
         attributes: {},
         listeners: listeners,
-        setNodeRef: setNodeRef
+        setNodeRef: setNodeRef,
+        setActivatorNodeRef: setActivatorNodeRef
     };
 };

package/test-utils/index.d.ts

@@ -1,3 +1,4 @@
+export { mockUseSelector, mockUseDispatch } from './mockStoreHooks';
 export declare const awaitMockPromises: () => Promise<unknown>;
 export declare const deepFreeze: (obj: any) => any;
 export declare const rerenderWrapper: (wrapper: any) => any;
@@ -29,4 +30,3 @@ interface MouseEventWithOffsets extends MouseEventInit {
 export declare class FakeMouseEvent extends MouseEvent {
     constructor(type: string, values: MouseEventWithOffsets);
 }
-export {};

package/test-utils/index.js

@@ -72,6 +72,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { queryHelpers } from '@testing-library/react';
+export { mockUseSelector, mockUseDispatch } from './mockStoreHooks';
 export var awaitMockPromises = function () { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         return [2 /*return*/, new Promise(function (resolve) { return setImmediate(resolve); })];

package/test-utils/mockStoreHooks.d.ts

@@ -0,0 +1,4 @@
+type UseSelectorImpl = (selector: (state: unknown) => unknown) => unknown;
+export declare const mockUseSelector: (impl?: UseSelectorImpl) => jest.Mock;
+export declare const mockUseDispatch: (dispatch?: jest.Mock) => jest.Mock;
+export {};