@reltio/components 1.4.1944 → 1.4.1946

package/esm/RelationEditor/RelationEditor.test.js

@@ -22,8 +22,7 @@ import React from 'react';
 import { mount } from 'enzyme';
 import Button from '@mui/material/Button';
 import Typography from '@mui/material/Typography';
-import { ACTIVENESS_ATTR_TYPES, Directions, ErrorSource, Mode } from '@reltio/mdm-sdk';
-import * as mdmSdk from '@reltio/mdm-sdk';
+import { ACTIVENESS_ATTR_TYPES, Directions, ErrorSource, Mode, createTemporaryEntity, getEntityType, getInOutRelations, validateConnection } from '@reltio/mdm-sdk';
 import RelationEditor from './RelationEditor';
 import { ConnectionRelationTypeSelector } from '../ConnectionRelationTypeSelector';
 import { ErrorWrapper } from '../ErrorWrapper';
@@ -184,7 +183,7 @@ describe('RelationEditor', function () {
         };
         var props = __assign(__assign({}, defaultProps), { connection: connection, config: config });
         setUp({ props: props });
-        expect(mdmSdk.getInOutRelations).toHaveBeenCalledWith({
+        expect(getInOutRelations).toHaveBeenCalledWith({
             content: config.content,
             direction: Directions.IN,
             relationType: 'configuration/relationTypes/AccountTeam',
@@ -211,7 +210,7 @@ describe('RelationEditor', function () {
         };
         var props = __assign(__assign({}, defaultProps), { connection: connection, config: config });
         setUp({ props: props });
-        expect(mdmSdk.getInOutRelations).toHaveBeenCalledWith({
+        expect(getInOutRelations).toHaveBeenCalledWith({
             content: config.contentSecondLevel,
             direction: Directions.IN,
             relationType: 'configuration/relationTypes/AccountTeam',
@@ -692,7 +691,7 @@ describe('RelationEditor', function () {
             expect(mdmActions.closeRelationEditor).not.toHaveBeenCalledWith(config.id, expect.any(String));
         });
         it('should evaluate and update connection entity label if modified entity is specified', function () {
-            jest.spyOn(mdmSdk, 'getEntityType').mockReturnValue({ dataLabelPattern: '{Name}' });
+            getEntityType.mockReturnValue({ dataLabelPattern: '{Name}' });
             var expectedLabel = 'new Label!';
             var modifiedEntity = {
                 uri: 'entities/uri$$1',
@@ -753,7 +752,7 @@ describe('RelationEditor', function () {
             expect(mdmActions.closeRelationEditor).toHaveBeenCalledWith(config.id, expectedConnection.relation.relationUri);
         });
         it('should not update connection entity label if modified entity is not specified', function () {
-            jest.spyOn(mdmSdk, 'getEntityType').mockReturnValue({ dataLabelPattern: '{Name}' });
+            getEntityType.mockReturnValue({ dataLabelPattern: '{Name}' });
             var props = __assign(__assign({}, defaultProps), { config: config, metadata: { relationTypes: relationTypes, entityTypes: [] } });
             var component = setUp({ props: props });
             var applyButton = findApplyButton(component);
@@ -808,7 +807,7 @@ describe('RelationEditor', function () {
             expect(mdmActions.closeRelationEditor).toHaveBeenCalledWith(config.id, expectedConnection.relation.relationUri);
         });
         it('should clean up outdated temp modified entities', function () {
-            jest.spyOn(mdmSdk, 'getEntityType').mockReturnValue({});
+            getEntityType.mockReturnValue({});
             var connection = {
                 relation: { relationUri: relationUri },
                 entity: { entityUri: 'entities/uri$$relationEntity' }
@@ -905,8 +904,8 @@ describe('RelationEditor', function () {
             expect(mdmActions.entityDeleted).toHaveBeenCalledWith('entities/uri$$locationEntity');
             expect(mdmActions.entityDeleted).not.toHaveBeenCalledWith('entities/uri$$notRelatedEntity');
         });
-        it('should call mdmSdk validateConnection with correct params', function () {
-            jest.spyOn(mdmSdk, 'getEntityType').mockReturnValue({});
+        it('should call validateConnection with correct params', function () {
+            getEntityType.mockReturnValue({});
             var connection = {
                 relation: { relationUri: relationUri },
                 entity: { entityUri: 'entities/uri$$relationEntity' }
@@ -937,7 +936,7 @@ describe('RelationEditor', function () {
             applyButton = findApplyButton(component);
             expect(applyButton.prop('disabled')).toBe(false);
             applyButton.find('button').simulate('click');
-            expect(mdmSdk.validateConnection).toHaveBeenCalledWith(metadata, updatedAllModifiedEntities, updatedConnecton);
+            expect(validateConnection).toHaveBeenCalledWith(metadata, updatedAllModifiedEntities, updatedConnecton);
         });
         it('should enable Apply button if modified entity was changed', function () {
             var connection = { relation: { relationUri: relationUri }, entity: { entityUri: 'entities/uri$$123' } };
@@ -1260,8 +1259,8 @@ describe('RelationEditor', function () {
         describe('onCreate behavior', function () {
             it('should create new entity and call events for saving it in relation and in modified entities store slice', function () {
                 var mockedNewEntity = { uri: 'entities/uri$$1' };
-                jest.spyOn(mdmSdk, 'createTemporaryEntity').mockReturnValue(mockedNewEntity);
-                jest.spyOn(mdmSdk, 'getEntityType').mockReturnValue({ dataLabelPattern: '{Name}' });
+                createTemporaryEntity.mockReturnValue(mockedNewEntity);
+                getEntityType.mockReturnValue({ dataLabelPattern: '{Name}' });
                 var connection = {
                     relation: {
                         relationUri: relationUri,
@@ -1276,16 +1275,16 @@ describe('RelationEditor', function () {
                 var entitySelector = component.find(EntitySelector);
                 expect(entitySelector.length).toBe(1);
                 entitySelector.prop('onCreate')(entityTypeUri);
-                expect(mdmSdk.getEntityType).toHaveBeenCalledWith(metadata, entityTypeUri);
-                expect(mdmSdk.createTemporaryEntity).toHaveBeenCalledWith(expect.objectContaining({ entityTypeUri: entityTypeUri }));
+                expect(getEntityType).toHaveBeenCalledWith(metadata, entityTypeUri);
+                expect(createTemporaryEntity).toHaveBeenCalledWith(expect.objectContaining({ entityTypeUri: entityTypeUri }));
                 expect(mdmActions.setRelationEntity).toHaveBeenCalledWith(config.id, connection.relation.relationUri, mockedNewEntity);
                 expect(mdmActions.entityCreated).toHaveBeenCalledWith(mockedNewEntity);
                 expect(mdmAction).toHaveBeenCalledTimes(2);
             });
             it('should delete previous temp (modified) entity before creating new one', function () {
                 var mockedNewEntity = { uri: 'entities/uri$$1' };
-                jest.spyOn(mdmSdk, 'createTemporaryEntity').mockReturnValue(mockedNewEntity);
-                jest.spyOn(mdmSdk, 'getEntityType').mockReturnValue({ dataLabelPattern: '{Name}' });
+                createTemporaryEntity.mockReturnValue(mockedNewEntity);
+                getEntityType.mockReturnValue({ dataLabelPattern: '{Name}' });
                 var connection = {
                     relation: {
                         relationUri: relationUri,
@@ -1302,8 +1301,8 @@ describe('RelationEditor', function () {
                 var entitySelector = component.find(EntitySelector);
                 expect(entitySelector.length).toBe(1);
                 entitySelector.prop('onCreate')(entityTypeUri);
-                expect(mdmSdk.getEntityType).toHaveBeenCalledWith(metadata, entityTypeUri);
-                expect(mdmSdk.createTemporaryEntity).toHaveBeenCalledWith(expect.objectContaining({ entityTypeUri: entityTypeUri }));
+                expect(getEntityType).toHaveBeenCalledWith(metadata, entityTypeUri);
+                expect(createTemporaryEntity).toHaveBeenCalledWith(expect.objectContaining({ entityTypeUri: entityTypeUri }));
                 expect(mdmActions.setInitialInfo).toHaveBeenCalledWith(config.id, relationUri, modifiedEntity);
                 expect(mdmActions.entityDeleted).toHaveBeenCalledWith('entities/uri$$prev');
                 expect(mdmActions.setRelationEntity).toHaveBeenCalledWith(config.id, connection.relation.relationUri, mockedNewEntity);
@@ -1365,15 +1364,15 @@ describe('RelationEditor', function () {
                 var mockedNewEntity = { uri: 'entities/uri$$1' };
                 var initValue = '123';
                 var metadata = { relationTypes: [] };
-                jest.spyOn(mdmSdk, 'getEntityType').mockReturnValue(entityType);
-                jest.spyOn(mdmSdk, 'createTemporaryEntity').mockReturnValue(mockedNewEntity);
+                getEntityType.mockReturnValue(entityType);
+                createTemporaryEntity.mockReturnValue(mockedNewEntity);
                 var props = __assign(__assign({}, defaultProps), { connection: connection, config: config, metadata: metadata });
                 var component = setUp({ props: props });
                 var entitySelector = component.find(EntitySelector);
                 expect(entitySelector.length).toBe(1);
                 entitySelector.prop('onCreate')(entityTypeUri, initValue);
-                expect(mdmSdk.getEntityType).toHaveBeenCalledWith(metadata, entityTypeUri);
-                expect(mdmSdk.createTemporaryEntity).toHaveBeenCalledWith({
+                expect(getEntityType).toHaveBeenCalledWith(metadata, entityTypeUri);
+                expect(createTemporaryEntity).toHaveBeenCalledWith({
                     entityTypeUri: entityTypeUri,
                     initValue: initValue,
                     attributeTypes: [

package/esm/ReltioMap/ReltioMap.spec.js

@@ -46,7 +46,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { act, render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { findLast, last } from 'ramda';
 import { OverlayView, initialize, mockInstances, Marker, Map, Polygon } from '@googlemaps/jest-mocks';
@@ -235,7 +235,7 @@ describe('ReltioMap tests', function () {
         it('should not fit map bounds when markers changed and "Search when I move the map" mode is on', function () {
             var fitMapBoundsForMarkers = jest.spyOn(helpers, 'fitMapBoundsForMarkers');
             var fitMapBoundsForOverlay = jest.spyOn(helpers, 'fitMapBoundsForOverlay');
-            var rerender = setUpRTL(__assign(__assign({}, defaultProps), { markers: [] })).rerender;
+            var rerender = setUpRTL(__assign(__assign({}, defaultProps), { isSearchOnMapMove: false, markers: [] })).rerender;
             var newProps = __assign(__assign({}, defaultProps), { isSearchOnMapMove: true, markers: [
                     {
                         point: { lat: 1, lng: 1 },
@@ -431,7 +431,7 @@ describe('ReltioMap tests', function () {
                         return [4 /*yield*/, user.click(screen.getByLabelText('Draw area'))];
                     case 1:
                         _a.sent();
-                        expect(drawingManagerInstance.setDrawingMode).lastCalledWith(MAP_DRAWING_MODES.POLYGON);
+                        expect(drawingManagerInstance.setDrawingMode).toHaveBeenLastCalledWith(MAP_DRAWING_MODES.POLYGON);
                         overlay = {
                             setMap: jest.fn(),
                             getPath: function () { return ({
@@ -441,7 +441,9 @@ describe('ReltioMap tests', function () {
                                 ]; }
                             }); }
                         };
-                        getEventHandler(drawingManagerInstance, 'polygoncomplete')(overlay);
+                        act(function () {
+                            getEventHandler(drawingManagerInstance, 'polygoncomplete')(overlay);
+                        });
                         expect(onOverlayUpdated).toHaveBeenCalledWith({
                             type: MAP_DRAWING_MODES.POLYGON,
                             data: [
@@ -450,7 +452,7 @@ describe('ReltioMap tests', function () {
                             ]
                         });
                         expect(overlay.setMap).toHaveBeenCalledWith(null);
-                        expect(drawingManagerInstance.setDrawingMode).lastCalledWith(null);
+                        expect(drawingManagerInstance.setDrawingMode).toHaveBeenLastCalledWith(null);
                         return [2 /*return*/];
                 }
             });
@@ -472,11 +474,11 @@ describe('ReltioMap tests', function () {
                         return [4 /*yield*/, user.click(screen.getByLabelText('Draw area'))];
                     case 1:
                         _a.sent();
-                        expect(drawingManagerInstance.setDrawingMode).lastCalledWith(MAP_DRAWING_MODES.POLYGON);
+                        expect(drawingManagerInstance.setDrawingMode).toHaveBeenLastCalledWith(MAP_DRAWING_MODES.POLYGON);
                         return [4 /*yield*/, user.click(screen.getByText('Search as I move the map'))];
                     case 2:
                         _a.sent();
-                        expect(drawingManagerInstance.setDrawingMode).lastCalledWith(null);
+                        expect(drawingManagerInstance.setDrawingMode).toHaveBeenLastCalledWith(null);
                         expect(onMapBoundsChanged).toHaveBeenCalledWith(mapBoundsPolygon);
                         return [2 /*return*/];
                 }
@@ -492,14 +494,14 @@ describe('ReltioMap tests', function () {
                         return [4 /*yield*/, user.click(screen.getByLabelText('Draw area'))];
                     case 1:
                         _a.sent();
-                        expect(drawingManagerInstance.setDrawingMode).lastCalledWith(MAP_DRAWING_MODES.POLYGON);
+                        expect(drawingManagerInstance.setDrawingMode).toHaveBeenLastCalledWith(MAP_DRAWING_MODES.POLYGON);
                         return [4 /*yield*/, user.click(screen.getByText('Search as I move the map'))];
                     case 2:
                         _a.sent();
                         return [4 /*yield*/, user.click(screen.getByText('Search as I move the map'))];
                     case 3:
                         _a.sent();
-                        expect(drawingManagerInstance.setDrawingMode).lastCalledWith(null);
+                        expect(drawingManagerInstance.setDrawingMode).toHaveBeenLastCalledWith(null);
                         expect(onMapBoundsChanged).toHaveBeenCalledWith(null);
                         return [2 /*return*/];
                 }

package/esm/ReltioMap/components/EntityMarker/EntityMarker.spec.js

@@ -14,13 +14,12 @@ import { shallow, mount } from 'enzyme';
 import { Marker, InfoBox } from '@react-google-maps/api';
 import { ProfileCard } from '../../../ProfileCard';
 import { Popper } from '../../../Popper';
-import * as mdmSdk from '@reltio/mdm-sdk';
 import EntityMarker from './EntityMarker';
 import { MARKER } from './icons/marker.inline.svg';
 import { HOVERED_MARKER } from './icons/marker-hover.inline.svg';
 import { setupGoogleMock } from '../../googleMock.test-data';
 import { EntityMarkerContext } from '../../../contexts/EntityMarkerContext';
-import { svg2Url } from '@reltio/mdm-sdk';
+import { svg2Url, debounce } from '@reltio/mdm-sdk';
 import { rerenderWrapper } from '../../../test-utils';
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { debounce: jest.fn() })); });
 jest.mock('@react-google-maps/api', function () { return (__assign(__assign({}, jest.requireActual('@react-google-maps/api')), { Marker: jest.fn().mockImplementation(function () { return React.createElement("div", null); }), InfoBox: jest.fn().mockImplementation(function () { return React.createElement("div", null); }) })); });
@@ -52,7 +51,7 @@ describe('EntityMarker tests', function () {
         expect(infoBox.prop('position')).toEqual(markerProp.point);
     });
     it('should show opened popper on marker mouse over and close it on mouse out', function () {
-        var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (cb) { return cb; });
+        debounce.mockImplementation(function (cb) { return cb; });
         var component = shallow(React.createElement(EntityMarker, { marker: markerProp }));
         expect(component.find(Popper).prop('open')).toBe(false);
         component.find(Marker).prop('onMouseOver')();
@@ -67,7 +66,7 @@ describe('EntityMarker tests', function () {
         expect(component.find(Marker).prop('icon')).toMatchObject({
             url: markerUrl
         });
-        expect(debounceSpy).toHaveBeenCalled();
+        expect(debounce).toHaveBeenCalled();
     });
     it('should call "onClick" prop with marker on marker click', function () {
         var onClick = jest.fn();

package/esm/ScrollableTabs/ScrollableTabs.test.js

@@ -22,7 +22,7 @@ describe('ScrollableTabs', function () {
         return range(0, count).map(function (index) { return (__assign({ label: "label".concat(index), value: "value".concat(index) }, (additionalLabel ? { additionalLabel: additionalLabel } : {}))); });
     };
     var defaultProps = {
-        value: 'id1',
+        value: 'value0',
         tabs: generateTabs(3),
         onChange: jest.fn()
     };

package/esm/SearchInput/SearchInput.spec.js

@@ -82,7 +82,7 @@ describe('SearchInput tests', function () {
                     return [4 /*yield*/, user.type(screen.getByRole('textbox'), searchValue)];
                 case 1:
                     _a.sent();
-                    expect(onSearch).toHaveBeenLastCalledWith(searchValue);
+                    expect(onSearch).toHaveBeenCalledWith(searchValue);
                     return [2 /*return*/];
             }
         });
@@ -96,7 +96,7 @@ describe('SearchInput tests', function () {
                     return [4 /*yield*/, user.click(screen.getByRole('button'))];
                 case 1:
                     _a.sent();
-                    expect(onSearch).toBeCalledWith('');
+                    expect(onSearch).toHaveBeenCalledWith('');
                     return [2 /*return*/];
             }
         });

package/esm/SelectionPopup/SelectionPopup.spec.js

@@ -15,15 +15,12 @@ import Popover from '@mui/material/Popover';
 import { SelectionPopup } from './SelectionPopup';
 import { SearchInput } from '../SearchInput';
 describe('SelectionPopup tests', function () {
+    var defaultProps = {
+        anchorEl: document.createElement('div'),
+        open: true
+    };
     it('should render main components correctly', function () {
-        var props = {
-            children: React.createElement("div", { className: 'testChildren' }),
-            title: 'Title',
-            onSearch: jest.fn(),
-            searchInputOnKeyDown: jest.fn(),
-            open: true,
-            onClose: jest.fn()
-        };
+        var props = __assign(__assign({}, defaultProps), { children: React.createElement("div", { className: 'testChildren' }), title: 'Title', onSearch: jest.fn(), searchInputOnKeyDown: jest.fn(), onClose: jest.fn() });
         var component = shallow(React.createElement(SelectionPopup, __assign({}, props)));
         var popover = component.find(Popover);
         expect(popover.props()).toMatchObject({
@@ -38,21 +35,21 @@ describe('SelectionPopup tests', function () {
         expect(popover.find('.testChildren').length).toBe(1);
     });
     it('should hide title if props.hideTitle is true', function () {
-        var component = shallow(React.createElement(SelectionPopup, { hideTitle: true }));
+        var component = shallow(React.createElement(SelectionPopup, __assign({}, defaultProps, { hideTitle: true })));
         expect(component.find('.header')).toHaveLength(0);
     });
     it('should hide search input if props.hideSearchInput is true', function () {
-        var component = shallow(React.createElement(SelectionPopup, { hideSearchInput: true }));
+        var component = shallow(React.createElement(SelectionPopup, __assign({}, defaultProps, { hideSearchInput: true })));
         expect(component.find(SearchInput)).toHaveLength(0);
     });
     it('should render header at the top if props.headerPlacement is "top"', function () {
-        var component = shallow(React.createElement(SelectionPopup, { headerPlacement: 'top' }));
+        var component = shallow(React.createElement(SelectionPopup, __assign({}, defaultProps, { headerPlacement: "top" })));
         var content = component.find('.container').children();
         expect(content.at(0).prop('className')).toBe('header');
         expect(content.at(1).prop('placeholder')).toBe('Search & add attributes');
     });
     it('should render header at the bottom if props.headerPlacement is "bottom"', function () {
-        var component = shallow(React.createElement(SelectionPopup, { headerPlacement: 'bottom' }));
+        var component = shallow(React.createElement(SelectionPopup, __assign({}, defaultProps, { headerPlacement: "bottom" })));
         var content = component.find('.container').children();
         expect(content.at(content.length - 2).prop('className')).toBe('header');
         expect(content.at(content.length - 1).prop('placeholder')).toBe('Search & add attributes');

package/esm/SelectorWithOnlyOptionAutoSelect/SelectorWithOnlyOptionAutoSelect.test.js

@@ -46,12 +46,12 @@ describe('SelectorWithOnlyOptionAutoSelect tests', function () {
         });
         it('should call props.onChange on value change', function () {
             var wrapper = shallow(React.createElement(SelectorWithOnlyOptionAutoSelect, __assign({}, props)));
-            expect(props.onChange).not.toBeCalled();
+            expect(props.onChange).not.toHaveBeenCalled();
             var newValue = '2';
             wrapper.find('DropDownEditor').simulate('change', newValue);
-            expect(props.onChange).toBeCalledWith(newValue);
+            expect(props.onChange).toHaveBeenCalledWith(newValue);
             wrapper.find('DropDownEditor').simulate('change', '');
-            expect(props.onChange).toBeCalledWith(null);
+            expect(props.onChange).toHaveBeenCalledWith(null);
         });
         it('should render empty option if empty label specified', function () {
             var emptyLabel = 'EMPTY_LABEL';
@@ -79,7 +79,7 @@ describe('SelectorWithOnlyOptionAutoSelect tests', function () {
         });
         it('should autoselect value of the only option', function () {
             mount(React.createElement(SelectorWithOnlyOptionAutoSelect, __assign({}, props)));
-            expect(props.onChange).toBeCalledWith('1');
+            expect(props.onChange).toHaveBeenCalledWith('1');
         });
     });
 });

package/esm/ShowLess/ShowLess.test.js

@@ -50,7 +50,7 @@ describe('ShowLess tests', function () {
                     return [4 /*yield*/, user.click(screen.getByText('Show less'))];
                 case 1:
                     _a.sent();
-                    expect(onClickSpy).toBeCalledTimes(1);
+                    expect(onClickSpy).toHaveBeenCalledTimes(1);
                     return [2 /*return*/];
             }
         });

package/esm/ShowMore/ShowMore.test.js

@@ -67,7 +67,7 @@ describe('ShowMore tests', function () {
                     return [4 /*yield*/, user.click(screen.getByText('Show 5 more of remaining 10 value'))];
                 case 1:
                     _a.sent();
-                    expect(onClickSpy).toBeCalledTimes(1);
+                    expect(onClickSpy).toHaveBeenCalledTimes(1);
                     return [2 /*return*/];
             }
         });
@@ -81,7 +81,7 @@ describe('ShowMore tests', function () {
                     return [4 /*yield*/, user.click(screen.getByText('Show more'))];
                 case 1:
                     _a.sent();
-                    expect(onClickSpy).toBeCalledTimes(1);
+                    expect(onClickSpy).toHaveBeenCalledTimes(1);
                     return [2 /*return*/];
             }
         });

package/esm/SideButtonsPanel/SideButtonsPanel.spec.js

@@ -51,9 +51,9 @@ import userEvent from '@testing-library/user-event';
 import { SideButtonsPanel } from './SideButtonsPanel';
 describe('SideButtonsPanel tests', function () {
     var buttonsProps = [
-        { icon: function () { return React.createElement("div", { "data-reltio-id": "icon0" }); }, tooltipTitle: 'button0', id: 0 },
-        { icon: function () { return React.createElement("div", { "data-reltio-id": "icon1" }); }, tooltipTitle: 'button1', id: 1 },
-        { icon: function () { return React.createElement("div", { "data-reltio-id": "icon2" }); }, tooltipTitle: 'button2', id: 2 }
+        { icon: function () { return React.createElement("div", { "data-reltio-id": "icon0" }); }, tooltipTitle: 'button0', id: 0, showForDisabled: true },
+        { icon: function () { return React.createElement("div", { "data-reltio-id": "icon1" }); }, tooltipTitle: 'button1', id: 1, showForDisabled: true },
+        { icon: function () { return React.createElement("div", { "data-reltio-id": "icon2" }); }, tooltipTitle: 'button2', id: 2, showForDisabled: true }
     ];
     var defaultProps = {
         buttonsProps: buttonsProps,

package/esm/SimpleAttribute/IntegrationSimpleAttribute.test.js

@@ -45,19 +45,18 @@ 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 { dissoc } from 'ramda';
 import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { dissoc } from 'ramda';
+import { act, render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import * as mdmSdk from '@reltio/mdm-sdk';
+import { Mode, getUnmaskedAttributeValue } from '@reltio/mdm-sdk';
 import { MaskedAttributesProvider } from '../contexts/MaskedAttributesContext';
 import { MdmModuleProvider } from '../contexts/MdmModuleContext';
 import { SimpleAttribute } from './SimpleAttribute';
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getUnmaskedAttributeValue: jest.fn() })); });
 describe('masking/unmasking behaviour', function () {
-    var getUnmaskedAttributeValueMock = jest.spyOn(mdmSdk, 'getUnmaskedAttributeValue');
     beforeAll(function () {
-        getUnmaskedAttributeValueMock.mockResolvedValue({
+        getUnmaskedAttributeValue.mockResolvedValue({
             value: 'Unmasked value',
             uri: 'entities/16U21B8f/attributes/Name/2sAfjGOIh'
         });
@@ -69,7 +68,7 @@ describe('masking/unmasking behaviour', function () {
         var attributeType = isMaskingNeeded ? defaultAttributeType : dissoc('masking', defaultAttributeType);
         var Providers = function (_a) {
             var children = _a.children;
-            return (React.createElement(MdmModuleProvider, { values: { mode: mdmSdk.Mode.Viewing } },
+            return (React.createElement(MdmModuleProvider, { values: { mode: Mode.Viewing } },
                 React.createElement(MaskedAttributesProvider, null, children)));
         };
         var user = userEvent.setup();
@@ -95,7 +94,7 @@ describe('masking/unmasking behaviour', function () {
                     return [4 /*yield*/, user.click(switcher)];
                 case 1:
                     _b.sent();
-                    expect(getUnmaskedAttributeValueMock).toHaveBeenCalledWith(defaultAttributeValue.uri);
+                    expect(getUnmaskedAttributeValue).toHaveBeenCalledWith(defaultAttributeValue.uri);
                     return [2 /*return*/];
             }
         });
@@ -143,17 +142,22 @@ describe('masking/unmasking behaviour', function () {
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    getUnmaskedAttributeValueMock.mockImplementation(function () { return new Promise(function (resolve) { return (resolveGetUnmaskedAttributeValue = resolve); }); });
+                    getUnmaskedAttributeValue.mockImplementation(function () { return new Promise(function (resolve) { return (resolveGetUnmaskedAttributeValue = resolve); }); });
                     _a = setUp(), container = _a.container, user = _a.user;
                     switcher = container.querySelector('.switcherWrapper');
                     return [4 /*yield*/, user.click(switcher)];
                 case 1:
                     _b.sent();
                     expect(screen.getByRole('progressbar')).toBeInTheDocument();
-                    return [4 /*yield*/, resolveGetUnmaskedAttributeValue({
-                            value: 'Unmasked value',
-                            uri: 'entities/16U21B8f/attributes/Name/2sAfjGOIh'
-                        })];
+                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                resolveGetUnmaskedAttributeValue({
+                                    value: 'Unmasked value',
+                                    uri: 'entities/16U21B8f/attributes/Name/2sAfjGOIh'
+                                });
+                                return [2 /*return*/];
+                            });
+                        }); })];
                 case 2:
                     _b.sent();
                     return [4 /*yield*/, screen.findByText('Unmasked value')];

package/esm/SimpleDropDownSelector/SimpleDropDownSelector.test.js

@@ -6,7 +6,7 @@ import { DropDownPlaceholder } from './components/DropDownPlaceholder';
 import { DropDownSelector } from '../DropDownSelector';
 describe('SimpleDropDownSelector tests', function () {
     it('should render SimpleDropDownSelector with "components" prop', function () {
-        var component = shallow(React.createElement(SimpleDropDownSelector, null));
+        var component = shallow(React.createElement(SimpleDropDownSelector, { label: "test" }));
         expect(component.find(DropDownSelector).length).toBe(1);
         expect(component.find(DropDownSelector).prop('components')).toEqual({
             SingleValue: DropDownValue,

package/esm/TableWithBars/TableWithBars.test.js

@@ -70,6 +70,6 @@ describe('TableWithBars', function () {
         var onItemClick = jest.fn();
         var wrapper = mount(React.createElement(TableWithBars, { width: 600, height: 300, data: data, onItemClick: onItemClick }));
         wrapper.find('.attribute').first().simulate('click');
-        expect(onItemClick).toBeCalledWith('attr01');
+        expect(onItemClick).toHaveBeenCalledWith('attr01');
     });
 });

package/esm/TreeChart/TreeChart.test.js

@@ -78,7 +78,7 @@ describe('TreeChart', function () {
                     return [4 /*yield*/, user.click(screen.getByText('first'))];
                 case 1:
                     _a.sent();
-                    expect(onItemClickSpy).toBeCalledWith('group1');
+                    expect(onItemClickSpy).toHaveBeenCalledWith('group1');
                     return [2 /*return*/];
             }
         });

package/esm/TypeaheadEditor/TypeaheadEditor.test.js

@@ -49,8 +49,11 @@ import React from 'react';
 import { render, screen, fireEvent, waitFor, within } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { getMuiIconByName } from '../test-utils';
+import { debounce } from '@reltio/mdm-sdk';
 import { TypeaheadEditor } from './TypeaheadEditor';
-jest.mock('@reltio/mdm-sdk', function () { return (__assign({}, jest.requireActual('@reltio/mdm-sdk'))); });
+jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { debounce: jest.fn() })); });
+var originalDebounce = jest.requireActual('@reltio/mdm-sdk').debounce;
+var fakeDebounce = function (func) { return func; };
 var setUp = function (props) {
     var user = userEvent.setup();
     return __assign(__assign({}, render(React.createElement(TypeaheadEditor, __assign({}, props)))), { user: user });
@@ -83,6 +86,9 @@ describe('TypeaheadEditor', function () {
         multiple: false,
         onChange: jest.fn()
     };
+    beforeEach(function () {
+        debounce.mockImplementation(fakeDebounce);
+    });
     afterEach(function () {
         jest.clearAllMocks();
     });
@@ -191,6 +197,7 @@ describe('TypeaheadEditor', function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
+                    debounce.mockImplementation(originalDebounce);
                     user = setUp(defaultSingleProps).user;
                     input = screen.getByRole('textbox');
                     return [4 /*yield*/, user.click(input)];