@reltio/components 1.4.1945 → 1.4.1947

package/cjs/RelationEditor/RelationEditor.test.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -51,7 +28,6 @@ var enzyme_1 = require("enzyme");
 var Button_1 = __importDefault(require("@mui/material/Button"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdmSdk = __importStar(require("@reltio/mdm-sdk"));
 var RelationEditor_1 = __importDefault(require("./RelationEditor"));
 var ConnectionRelationTypeSelector_1 = require("../ConnectionRelationTypeSelector");
 var ErrorWrapper_1 = require("../ErrorWrapper");
@@ -212,7 +188,7 @@ describe('RelationEditor', function () {
         };
         var props = __assign(__assign({}, defaultProps), { connection: connection, config: config });
         setUp({ props: props });
-        expect(mdmSdk.getInOutRelations).toHaveBeenCalledWith({
+        expect(mdm_sdk_1.getInOutRelations).toHaveBeenCalledWith({
             content: config.content,
             direction: mdm_sdk_1.Directions.IN,
             relationType: 'configuration/relationTypes/AccountTeam',
@@ -239,7 +215,7 @@ describe('RelationEditor', function () {
         };
         var props = __assign(__assign({}, defaultProps), { connection: connection, config: config });
         setUp({ props: props });
-        expect(mdmSdk.getInOutRelations).toHaveBeenCalledWith({
+        expect(mdm_sdk_1.getInOutRelations).toHaveBeenCalledWith({
             content: config.contentSecondLevel,
             direction: mdm_sdk_1.Directions.IN,
             relationType: 'configuration/relationTypes/AccountTeam',
@@ -720,7 +696,7 @@ describe('RelationEditor', function () {
             expect(mdmActions.closeRelationEditor).not.toHaveBeenCalledWith(relations_test_data_1.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}' });
+            mdm_sdk_1.getEntityType.mockReturnValue({ dataLabelPattern: '{Name}' });
             var expectedLabel = 'new Label!';
             var modifiedEntity = {
                 uri: 'entities/uri$$1',
@@ -781,7 +757,7 @@ describe('RelationEditor', function () {
             expect(mdmActions.closeRelationEditor).toHaveBeenCalledWith(relations_test_data_1.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}' });
+            mdm_sdk_1.getEntityType.mockReturnValue({ dataLabelPattern: '{Name}' });
             var props = __assign(__assign({}, defaultProps), { config: relations_test_data_1.config, metadata: { relationTypes: relations_test_data_1.relationTypes, entityTypes: [] } });
             var component = setUp({ props: props });
             var applyButton = findApplyButton(component);
@@ -836,7 +812,7 @@ describe('RelationEditor', function () {
             expect(mdmActions.closeRelationEditor).toHaveBeenCalledWith(relations_test_data_1.config.id, expectedConnection.relation.relationUri);
         });
         it('should clean up outdated temp modified entities', function () {
-            jest.spyOn(mdmSdk, 'getEntityType').mockReturnValue({});
+            mdm_sdk_1.getEntityType.mockReturnValue({});
             var connection = {
                 relation: { relationUri: relationUri },
                 entity: { entityUri: 'entities/uri$$relationEntity' }
@@ -933,8 +909,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 () {
+            mdm_sdk_1.getEntityType.mockReturnValue({});
             var connection = {
                 relation: { relationUri: relationUri },
                 entity: { entityUri: 'entities/uri$$relationEntity' }
@@ -965,7 +941,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(mdm_sdk_1.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' } };
@@ -1288,8 +1264,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}' });
+                mdm_sdk_1.createTemporaryEntity.mockReturnValue(mockedNewEntity);
+                mdm_sdk_1.getEntityType.mockReturnValue({ dataLabelPattern: '{Name}' });
                 var connection = {
                     relation: {
                         relationUri: relationUri,
@@ -1304,16 +1280,16 @@ describe('RelationEditor', function () {
                 var entitySelector = component.find(EntitySelector_1.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(mdm_sdk_1.getEntityType).toHaveBeenCalledWith(metadata, entityTypeUri);
+                expect(mdm_sdk_1.createTemporaryEntity).toHaveBeenCalledWith(expect.objectContaining({ entityTypeUri: entityTypeUri }));
                 expect(mdmActions.setRelationEntity).toHaveBeenCalledWith(relations_test_data_1.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}' });
+                mdm_sdk_1.createTemporaryEntity.mockReturnValue(mockedNewEntity);
+                mdm_sdk_1.getEntityType.mockReturnValue({ dataLabelPattern: '{Name}' });
                 var connection = {
                     relation: {
                         relationUri: relationUri,
@@ -1330,8 +1306,8 @@ describe('RelationEditor', function () {
                 var entitySelector = component.find(EntitySelector_1.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(mdm_sdk_1.getEntityType).toHaveBeenCalledWith(metadata, entityTypeUri);
+                expect(mdm_sdk_1.createTemporaryEntity).toHaveBeenCalledWith(expect.objectContaining({ entityTypeUri: entityTypeUri }));
                 expect(mdmActions.setInitialInfo).toHaveBeenCalledWith(relations_test_data_1.config.id, relationUri, modifiedEntity);
                 expect(mdmActions.entityDeleted).toHaveBeenCalledWith('entities/uri$$prev');
                 expect(mdmActions.setRelationEntity).toHaveBeenCalledWith(relations_test_data_1.config.id, connection.relation.relationUri, mockedNewEntity);
@@ -1393,15 +1369,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);
+                mdm_sdk_1.getEntityType.mockReturnValue(entityType);
+                mdm_sdk_1.createTemporaryEntity.mockReturnValue(mockedNewEntity);
                 var props = __assign(__assign({}, defaultProps), { connection: connection, config: relations_test_data_1.config, metadata: metadata });
                 var component = setUp({ props: props });
                 var entitySelector = component.find(EntitySelector_1.EntitySelector);
                 expect(entitySelector.length).toBe(1);
                 entitySelector.prop('onCreate')(entityTypeUri, initValue);
-                expect(mdmSdk.getEntityType).toHaveBeenCalledWith(metadata, entityTypeUri);
-                expect(mdmSdk.createTemporaryEntity).toHaveBeenCalledWith({
+                expect(mdm_sdk_1.getEntityType).toHaveBeenCalledWith(metadata, entityTypeUri);
+                expect(mdm_sdk_1.createTemporaryEntity).toHaveBeenCalledWith({
                     entityTypeUri: entityTypeUri,
                     initValue: initValue,
                     attributeTypes: [

package/cjs/ReltioMap/ReltioMap.spec.js

@@ -263,7 +263,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 },
@@ -459,7 +459,7 @@ describe('ReltioMap tests', function () {
                         return [4 /*yield*/, user.click(react_2.screen.getByLabelText('Draw area'))];
                     case 1:
                         _a.sent();
-                        expect(drawingManagerInstance.setDrawingMode).lastCalledWith(constants_1.MAP_DRAWING_MODES.POLYGON);
+                        expect(drawingManagerInstance.setDrawingMode).toHaveBeenLastCalledWith(constants_1.MAP_DRAWING_MODES.POLYGON);
                         overlay = {
                             setMap: jest.fn(),
                             getPath: function () { return ({
@@ -469,7 +469,9 @@ describe('ReltioMap tests', function () {
                                 ]; }
                             }); }
                         };
-                        getEventHandler(drawingManagerInstance, 'polygoncomplete')(overlay);
+                        (0, react_2.act)(function () {
+                            getEventHandler(drawingManagerInstance, 'polygoncomplete')(overlay);
+                        });
                         expect(onOverlayUpdated).toHaveBeenCalledWith({
                             type: constants_1.MAP_DRAWING_MODES.POLYGON,
                             data: [
@@ -478,7 +480,7 @@ describe('ReltioMap tests', function () {
                             ]
                         });
                         expect(overlay.setMap).toHaveBeenCalledWith(null);
-                        expect(drawingManagerInstance.setDrawingMode).lastCalledWith(null);
+                        expect(drawingManagerInstance.setDrawingMode).toHaveBeenLastCalledWith(null);
                         return [2 /*return*/];
                 }
             });
@@ -500,11 +502,11 @@ describe('ReltioMap tests', function () {
                         return [4 /*yield*/, user.click(react_2.screen.getByLabelText('Draw area'))];
                     case 1:
                         _a.sent();
-                        expect(drawingManagerInstance.setDrawingMode).lastCalledWith(constants_1.MAP_DRAWING_MODES.POLYGON);
+                        expect(drawingManagerInstance.setDrawingMode).toHaveBeenLastCalledWith(constants_1.MAP_DRAWING_MODES.POLYGON);
                         return [4 /*yield*/, user.click(react_2.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*/];
                 }
@@ -520,14 +522,14 @@ describe('ReltioMap tests', function () {
                         return [4 /*yield*/, user.click(react_2.screen.getByLabelText('Draw area'))];
                     case 1:
                         _a.sent();
-                        expect(drawingManagerInstance.setDrawingMode).lastCalledWith(constants_1.MAP_DRAWING_MODES.POLYGON);
+                        expect(drawingManagerInstance.setDrawingMode).toHaveBeenLastCalledWith(constants_1.MAP_DRAWING_MODES.POLYGON);
                         return [4 /*yield*/, user.click(react_2.screen.getByText('Search as I move the map'))];
                     case 2:
                         _a.sent();
                         return [4 /*yield*/, user.click(react_2.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/cjs/ReltioMap/components/EntityMarker/EntityMarker.spec.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -42,7 +19,6 @@ var enzyme_1 = require("enzyme");
 var api_1 = require("@react-google-maps/api");
 var ProfileCard_1 = require("../../../ProfileCard");
 var Popper_1 = require("../../../Popper");
-var mdmSdk = __importStar(require("@reltio/mdm-sdk"));
 var EntityMarker_1 = __importDefault(require("./EntityMarker"));
 var marker_inline_svg_1 = require("./icons/marker.inline.svg");
 var marker_hover_inline_svg_1 = require("./icons/marker-hover.inline.svg");
@@ -80,7 +56,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; });
+        mdm_sdk_1.debounce.mockImplementation(function (cb) { return cb; });
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(EntityMarker_1.default, { marker: markerProp }));
         expect(component.find(Popper_1.Popper).prop('open')).toBe(false);
         component.find(api_1.Marker).prop('onMouseOver')();
@@ -95,7 +71,7 @@ describe('EntityMarker tests', function () {
         expect(component.find(api_1.Marker).prop('icon')).toMatchObject({
             url: markerUrl
         });
-        expect(debounceSpy).toHaveBeenCalled();
+        expect(mdm_sdk_1.debounce).toHaveBeenCalled();
     });
     it('should call "onClick" prop with marker on marker click', function () {
         var onClick = jest.fn();

package/cjs/ScrollableTabs/ScrollableTabs.test.js

@@ -27,7 +27,7 @@ describe('ScrollableTabs', function () {
         return (0, ramda_1.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/cjs/SearchInput/SearchInput.spec.js

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

package/cjs/SelectionPopup/SelectionPopup.spec.js

@@ -20,15 +20,12 @@ var Popover_1 = __importDefault(require("@mui/material/Popover"));
 var SelectionPopup_1 = require("./SelectionPopup");
 var SearchInput_1 = require("../SearchInput");
 describe('SelectionPopup tests', function () {
+    var defaultProps = {
+        anchorEl: document.createElement('div'),
+        open: true
+    };
     it('should render main components correctly', function () {
-        var props = {
-            children: react_1.default.createElement("div", { className: 'testChildren' }),
-            title: 'Title',
-            onSearch: jest.fn(),
-            searchInputOnKeyDown: jest.fn(),
-            open: true,
-            onClose: jest.fn()
-        };
+        var props = __assign(__assign({}, defaultProps), { children: react_1.default.createElement("div", { className: 'testChildren' }), title: 'Title', onSearch: jest.fn(), searchInputOnKeyDown: jest.fn(), onClose: jest.fn() });
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(SelectionPopup_1.SelectionPopup, __assign({}, props)));
         var popover = component.find(Popover_1.default);
         expect(popover.props()).toMatchObject({
@@ -43,21 +40,21 @@ describe('SelectionPopup tests', function () {
         expect(popover.find('.testChildren').length).toBe(1);
     });
     it('should hide title if props.hideTitle is true', function () {
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(SelectionPopup_1.SelectionPopup, { hideTitle: true }));
+        var component = (0, enzyme_1.shallow)(react_1.default.createElement(SelectionPopup_1.SelectionPopup, __assign({}, defaultProps, { hideTitle: true })));
         expect(component.find('.header')).toHaveLength(0);
     });
     it('should hide search input if props.hideSearchInput is true', function () {
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(SelectionPopup_1.SelectionPopup, { hideSearchInput: true }));
+        var component = (0, enzyme_1.shallow)(react_1.default.createElement(SelectionPopup_1.SelectionPopup, __assign({}, defaultProps, { hideSearchInput: true })));
         expect(component.find(SearchInput_1.SearchInput)).toHaveLength(0);
     });
     it('should render header at the top if props.headerPlacement is "top"', function () {
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(SelectionPopup_1.SelectionPopup, { headerPlacement: 'top' }));
+        var component = (0, enzyme_1.shallow)(react_1.default.createElement(SelectionPopup_1.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 = (0, enzyme_1.shallow)(react_1.default.createElement(SelectionPopup_1.SelectionPopup, { headerPlacement: 'bottom' }));
+        var component = (0, enzyme_1.shallow)(react_1.default.createElement(SelectionPopup_1.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/cjs/SelectorWithOnlyOptionAutoSelect/SelectorWithOnlyOptionAutoSelect.test.js

@@ -51,12 +51,12 @@ describe('SelectorWithOnlyOptionAutoSelect tests', function () {
         });
         it('should call props.onChange on value change', function () {
             var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SelectorWithOnlyOptionAutoSelect_1.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';
@@ -84,7 +84,7 @@ describe('SelectorWithOnlyOptionAutoSelect tests', function () {
         });
         it('should autoselect value of the only option', function () {
             (0, enzyme_1.mount)(react_1.default.createElement(SelectorWithOnlyOptionAutoSelect_1.SelectorWithOnlyOptionAutoSelect, __assign({}, props)));
-            expect(props.onChange).toBeCalledWith('1');
+            expect(props.onChange).toHaveBeenCalledWith('1');
         });
     });
 });

package/cjs/ShowLess/ShowLess.test.js

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

package/cjs/ShowMore/ShowMore.test.js

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

package/cjs/SideButtonsPanel/SideButtonsPanel.spec.js

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

package/cjs/SimpleAttribute/IntegrationSimpleAttribute.test.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -73,19 +50,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var ramda_1 = require("ramda");
 var react_1 = __importDefault(require("react"));
+var ramda_1 = require("ramda");
 var react_2 = require("@testing-library/react");
 var user_event_1 = __importDefault(require("@testing-library/user-event"));
-var mdmSdk = __importStar(require("@reltio/mdm-sdk"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var MaskedAttributesContext_1 = require("../contexts/MaskedAttributesContext");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var SimpleAttribute_1 = require("./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({
+        mdm_sdk_1.getUnmaskedAttributeValue.mockResolvedValue({
             value: 'Unmasked value',
             uri: 'entities/16U21B8f/attributes/Name/2sAfjGOIh'
         });
@@ -97,7 +73,7 @@ describe('masking/unmasking behaviour', function () {
         var attributeType = isMaskingNeeded ? defaultAttributeType : (0, ramda_1.dissoc)('masking', defaultAttributeType);
         var Providers = function (_a) {
             var children = _a.children;
-            return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { mode: mdmSdk.Mode.Viewing } },
+            return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { mode: mdm_sdk_1.Mode.Viewing } },
                 react_1.default.createElement(MaskedAttributesContext_1.MaskedAttributesProvider, null, children)));
         };
         var user = user_event_1.default.setup();
@@ -123,7 +99,7 @@ describe('masking/unmasking behaviour', function () {
                     return [4 /*yield*/, user.click(switcher)];
                 case 1:
                     _b.sent();
-                    expect(getUnmaskedAttributeValueMock).toHaveBeenCalledWith(defaultAttributeValue.uri);
+                    expect(mdm_sdk_1.getUnmaskedAttributeValue).toHaveBeenCalledWith(defaultAttributeValue.uri);
                     return [2 /*return*/];
             }
         });
@@ -171,17 +147,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); }); });
+                    mdm_sdk_1.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(react_2.screen.getByRole('progressbar')).toBeInTheDocument();
-                    return [4 /*yield*/, resolveGetUnmaskedAttributeValue({
-                            value: 'Unmasked value',
-                            uri: 'entities/16U21B8f/attributes/Name/2sAfjGOIh'
-                        })];
+                    return [4 /*yield*/, (0, react_2.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*/, react_2.screen.findByText('Unmasked value')];

package/cjs/SimpleDropDownSelector/SimpleDropDownSelector.test.js

@@ -11,7 +11,7 @@ var DropDownPlaceholder_1 = require("./components/DropDownPlaceholder");
 var DropDownSelector_1 = require("../DropDownSelector");
 describe('SimpleDropDownSelector tests', function () {
     it('should render SimpleDropDownSelector with "components" prop', function () {
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(SimpleDropDownSelector_1.default, null));
+        var component = (0, enzyme_1.shallow)(react_1.default.createElement(SimpleDropDownSelector_1.default, { label: "test" }));
         expect(component.find(DropDownSelector_1.DropDownSelector).length).toBe(1);
         expect(component.find(DropDownSelector_1.DropDownSelector).prop('components')).toEqual({
             SingleValue: DropDownValue_1.DropDownValue,

package/cjs/TableWithBars/TableWithBars.test.js

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

package/cjs/TreeChart/TreeChart.test.js

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

package/cjs/TypeaheadEditor/TypeaheadEditor.test.js

@@ -54,8 +54,11 @@ var react_1 = __importDefault(require("react"));
 var react_2 = require("@testing-library/react");
 var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var test_utils_1 = require("../test-utils");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var TypeaheadEditor_1 = require("./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 = user_event_1.default.setup();
     return __assign(__assign({}, (0, react_2.render)(react_1.default.createElement(TypeaheadEditor_1.TypeaheadEditor, __assign({}, props)))), { user: user });
@@ -88,6 +91,9 @@ describe('TypeaheadEditor', function () {
         multiple: false,
         onChange: jest.fn()
     };
+    beforeEach(function () {
+        mdm_sdk_1.debounce.mockImplementation(fakeDebounce);
+    });
     afterEach(function () {
         jest.clearAllMocks();
     });
@@ -196,6 +202,7 @@ describe('TypeaheadEditor', function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
+                    mdm_sdk_1.debounce.mockImplementation(originalDebounce);
                     user = setUp(defaultSingleProps).user;
                     input = react_2.screen.getByRole('textbox');
                     return [4 /*yield*/, user.click(input)];