@reltio/components 1.4.1944 → 1.4.1946

package/esm/UploadFileButton/UploadFileButton.spec.js

@@ -59,66 +59,101 @@ describe('UploadFileButton tests', function () {
             expect(component.find('input').prop('accept')).toBe('*.txt,*.csv');
             expect(component.find('input').prop('type')).toBe('file');
         });
-        it('should call onUpload', function () {
-            var component = mount(React.createElement(UploadFileButton, { onUpload: onUpload, supportedFileTypes: supportedFileTypes }));
-            var event = { target: { files: [{ name: 'test' }] } };
-            component.find('input').simulate('change', event);
-            expect(onUpload).toHaveBeenCalledWith({ name: 'test' });
-        });
-        it('should invoke onError on file upload error', function () {
-            var onError = jest.fn();
-            var ERROR_MESSAGE = 'Error';
-            var uploadReject = Promise.reject(ERROR_MESSAGE);
-            var onUpload = jest.fn().mockReturnValueOnce(uploadReject);
-            var component = mount(React.createElement(UploadFileButton, { onUpload: onUpload, onError: onError, supportedFileTypes: supportedFileTypes }));
-            var event = { target: { files: [{ name: 'test' }] } };
-            act(function () {
-                component.find('input').simulate('change', event);
-            });
-            return uploadReject
-                .catch(function () { })
-                .then(function () {
-                expect(onError).toHaveBeenCalledWith(ERROR_MESSAGE);
-            });
-        });
-        it('should use default onError prop if it is not specified', function () {
-            var addErrorSpy = jest.spyOn(ErrorPopup, 'addError').mockImplementation(function () { });
-            var ERROR_MESSAGE = 'Error';
-            var uploadReject = Promise.reject(ERROR_MESSAGE);
-            var onUpload = jest.fn().mockReturnValueOnce(uploadReject);
-            var component = mount(React.createElement(UploadFileButton, { onUpload: onUpload, supportedFileTypes: supportedFileTypes }));
-            var event = { target: { files: [{ name: 'test' }] } };
-            act(function () {
-                component.find('input').simulate('change', event);
+        it('should call onUpload', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var component, event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        component = mount(React.createElement(UploadFileButton, { onUpload: onUpload, supportedFileTypes: supportedFileTypes }));
+                        event = { target: { files: [{ name: 'test' }] } };
+                        return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    component.find('input').simulate('change', event);
+                                    return [2 /*return*/];
+                                });
+                            }); })];
+                    case 1:
+                        _a.sent();
+                        expect(onUpload).toHaveBeenCalledWith({ name: 'test' });
+                        return [2 /*return*/];
+                }
             });
-            return uploadReject
-                .catch(function () { })
-                .then(function () {
-                expect(addErrorSpy).toHaveBeenCalledWith({
-                    title: 'File upload error',
-                    message: ERROR_MESSAGE
-                });
+        }); });
+        it('should invoke onError on file upload error', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var onError, ERROR_MESSAGE, onUpload, component, event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        onError = jest.fn();
+                        ERROR_MESSAGE = 'Error';
+                        onUpload = jest.fn().mockRejectedValue(ERROR_MESSAGE);
+                        component = mount(React.createElement(UploadFileButton, { onUpload: onUpload, onError: onError, supportedFileTypes: supportedFileTypes }));
+                        event = { target: { files: [{ name: 'test' }] } };
+                        return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    component.find('input').simulate('change', event);
+                                    return [2 /*return*/];
+                                });
+                            }); })];
+                    case 1:
+                        _a.sent();
+                        expect(onError).toHaveBeenCalledWith(ERROR_MESSAGE);
+                        return [2 /*return*/];
+                }
             });
-        });
-        it('should use errorMessage for error popup if it available', function () {
-            var addErrorSpy = jest.spyOn(ErrorPopup, 'addError').mockImplementation(function () { });
-            var ERROR_OBJECT = { errorMessage: 'errorMessage text' };
-            var uploadReject = Promise.reject(ERROR_OBJECT);
-            var onUpload = jest.fn().mockReturnValueOnce(uploadReject);
-            var component = mount(React.createElement(UploadFileButton, { onUpload: onUpload, supportedFileTypes: supportedFileTypes }));
-            var event = { target: { files: [{ name: 'test' }] } };
-            act(function () {
-                component.find('input').simulate('change', event);
+        }); });
+        it('should use default onError prop if it is not specified', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var addErrorSpy, ERROR_MESSAGE, onUpload, component, event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        addErrorSpy = jest.spyOn(ErrorPopup, 'addError').mockImplementation(function () { });
+                        ERROR_MESSAGE = 'Error';
+                        onUpload = jest.fn().mockRejectedValue(ERROR_MESSAGE);
+                        component = mount(React.createElement(UploadFileButton, { onUpload: onUpload, supportedFileTypes: supportedFileTypes }));
+                        event = { target: { files: [{ name: 'test' }] } };
+                        return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    component.find('input').simulate('change', event);
+                                    return [2 /*return*/];
+                                });
+                            }); })];
+                    case 1:
+                        _a.sent();
+                        expect(addErrorSpy).toHaveBeenCalledWith({
+                            title: 'File upload error',
+                            message: ERROR_MESSAGE
+                        });
+                        return [2 /*return*/];
+                }
             });
-            return uploadReject
-                .catch(function () { })
-                .then(function () {
-                expect(addErrorSpy).toHaveBeenCalledWith({
-                    title: 'File upload error',
-                    message: ERROR_OBJECT.errorMessage
-                });
+        }); });
+        it('should use errorMessage for error popup if it available', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var addErrorSpy, ERROR_OBJECT, onUpload, component, event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        addErrorSpy = jest.spyOn(ErrorPopup, 'addError').mockImplementation(function () { });
+                        ERROR_OBJECT = { errorMessage: 'errorMessage text' };
+                        onUpload = jest.fn().mockRejectedValue(ERROR_OBJECT);
+                        component = mount(React.createElement(UploadFileButton, { onUpload: onUpload, supportedFileTypes: supportedFileTypes }));
+                        event = { target: { files: [{ name: 'test' }] } };
+                        return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    component.find('input').simulate('change', event);
+                                    return [2 /*return*/];
+                                });
+                            }); })];
+                    case 1:
+                        _a.sent();
+                        expect(addErrorSpy).toHaveBeenCalledWith({
+                            title: 'File upload error',
+                            message: ERROR_OBJECT.errorMessage
+                        });
+                        return [2 /*return*/];
+                }
             });
-        });
+        }); });
     });
     describe('uploaded mode behavior', function () {
         var onUpload, onCancel, supportedFileTypes;
@@ -134,11 +169,16 @@ describe('UploadFileButton tests', function () {
                     case 0:
                         component = mount(React.createElement(UploadFileButton, { onUpload: onUpload, supportedFileTypes: supportedFileTypes }));
                         event = { target: { files: [{ name: 'test' }] } };
-                        act(function () {
-                            component.find('input').simulate('change', event);
-                        });
-                        return [4 /*yield*/, Promise.resolve()];
+                        return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    component.find('input').simulate('change', event);
+                                    return [2 /*return*/];
+                                });
+                            }); })];
                     case 1:
+                        _a.sent();
+                        return [4 /*yield*/, Promise.resolve()];
+                    case 2:
                         _a.sent();
                         component.update();
                         linkComponent = component.find(Link);
@@ -151,9 +191,7 @@ describe('UploadFileButton tests', function () {
             var link = 'link';
             var filename = 'filename';
             var component = mount(React.createElement(UploadFileButton, { link: link, filename: filename }));
-            act(function () {
-                component.update();
-            });
+            component.update();
             expect(component.find(ExpandedValueTooltip)).toHaveLength(1);
             var linkComponent = component.find(Link);
             expect(linkComponent.prop('href')).toBe('link');
@@ -163,9 +201,7 @@ describe('UploadFileButton tests', function () {
             var link = 'link';
             var filename = 'filename';
             var component = mount(React.createElement(UploadFileButton, { link: link, filename: filename, isValidLink: false }));
-            act(function () {
-                component.update();
-            });
+            component.update();
             expect(component.find(ExpandedValueTooltip)).toHaveLength(1);
             expect(component.find(Link)).toHaveLength(0);
             expect(component.find(Typography).text()).toBe('filename');
@@ -174,9 +210,7 @@ describe('UploadFileButton tests', function () {
             var link = 'link';
             var filename = 'filename';
             var component = mount(React.createElement(UploadFileButton, { link: link, onCancel: onCancel, filename: filename }));
-            act(function () {
-                component.update();
-            });
+            component.update();
             var cancelIcon = component.find('svg');
             cancelIcon.simulate('click');
             expect(onCancel).toHaveBeenCalled();

package/esm/VerticalHeadingsTable/components/TableCellWithDnd/TableCellWithDnd.test.js

@@ -22,7 +22,10 @@ var setUp = function (_a) {
         React.createElement(DndContext.Consumer, null, function (_a) {
             var dragDropManager = _a.dragDropManager;
             manager = dragDropManager;
-            return (React.createElement(TableCellWithDnd, { onMoveColumn: onMoveColumn, onDropColumn: onDropColumn, shouldRenderDragIndicator: shouldRenderDragIndicator, index: index, columnValue: columnValue, rowData: rowData, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, someRowIsDragging: someRowIsDragging }));
+            return (React.createElement("table", null,
+                React.createElement("tbody", null,
+                    React.createElement("tr", null,
+                        React.createElement(TableCellWithDnd, { onMoveColumn: onMoveColumn, onDropColumn: onDropColumn, shouldRenderDragIndicator: shouldRenderDragIndicator, index: index, columnValue: columnValue, rowData: rowData, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, someRowIsDragging: someRowIsDragging })))));
         })));
     return [component, manager];
 };

package/esm/VerticalHeadingsTable/components/TableRowWithDnd/TableRowWithDnd.test.js

@@ -30,7 +30,9 @@ var setUp = function (_a) {
         React.createElement(DndContext.Consumer, null, function (_a) {
             var dragDropManager = _a.dragDropManager;
             manager = dragDropManager;
-            return (React.createElement(TableRowWithDnd, { rowData: rowData, columnsData: columnsData, index: index, onMoveRow: onMoveRow, onDropRow: onDropRow, onMoveColumn: onMoveColumn, onDropColumn: onDropColumn, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, setSomeRowIsDragging: setSomeRowIsDragging, someRowIsDragging: someRowIsDragging }));
+            return (React.createElement("table", null,
+                React.createElement("tbody", null,
+                    React.createElement(TableRowWithDnd, { rowData: rowData, columnsData: columnsData, index: index, onMoveRow: onMoveRow, onDropRow: onDropRow, onMoveColumn: onMoveColumn, onDropColumn: onDropColumn, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, setSomeRowIsDragging: setSomeRowIsDragging, someRowIsDragging: someRowIsDragging }))));
         })));
     return [component, manager];
 };

package/esm/constants/attributes.d.ts

@@ -1 +1 @@
-export declare const ALWAYS_VISIBLE_TYPE_URIS: string[];
+export declare const FIXED_TYPE_URIS: string[];

package/esm/constants/attributes.js

@@ -1,2 +1,2 @@
 import { EntityAttrTypes } from '@reltio/mdm-sdk';
-export var ALWAYS_VISIBLE_TYPE_URIS = [EntityAttrTypes.roles.uri, EntityAttrTypes.tags.uri];
+export var FIXED_TYPE_URIS = [EntityAttrTypes.roles.uri, EntityAttrTypes.tags.uri];

package/esm/constants/index.d.ts

@@ -1,6 +1,6 @@
 export { SortingType, QueryBuilderAttributeType } from './prop-types';
 export { COMMENTS_CONTAINER_VISIBILITY_AREA } from './classnames';
-export { ALWAYS_VISIBLE_TYPE_URIS } from './attributes';
+export { FIXED_TYPE_URIS } from './attributes';
 export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
 export { COMMON_TEXT_FIELD_PROPS } from './textField';
 export { POPUP_Z_INDEX } from './common';

package/esm/constants/index.js

@@ -1,6 +1,6 @@
 export { SortingType, QueryBuilderAttributeType } from './prop-types';
 export { COMMENTS_CONTAINER_VISIBILITY_AREA } from './classnames';
-export { ALWAYS_VISIBLE_TYPE_URIS } from './attributes';
+export { FIXED_TYPE_URIS } from './attributes';
 export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
 export { COMMON_TEXT_FIELD_PROPS } from './textField';
 export { POPUP_Z_INDEX } from './common';

package/esm/contexts/AllwaysVisibleAttributesContext/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AlwaysVisibleAttributesContext: import("react").Context<string[]>;

package/esm/contexts/AllwaysVisibleAttributesContext/index.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+export var AlwaysVisibleAttributesContext = createContext([]);
+AlwaysVisibleAttributesContext.displayName = 'AlwaysVisibleAttributesContext';

package/esm/features/activity-log/ActivitiesFactory/components/SearchActivity/SearchActivity.test.js

@@ -71,7 +71,7 @@ describe('SearchActivity tests', function () {
             map: null,
             version: '2.0'
         };
-        expect(useReadableSearchState).toBeCalledWith(searchState);
+        expect(useReadableSearchState).toHaveBeenCalledWith(searchState);
         wrapper.find('.link').simulate('click');
         expect(openSearch).toHaveBeenCalledWith(searchState);
     });
@@ -176,7 +176,7 @@ describe('SearchActivity tests', function () {
                 tabs: []
             }
         };
-        expect(useReadableSearchState).toBeCalledWith(searchState);
+        expect(useReadableSearchState).toHaveBeenCalledWith(searchState);
         wrapper.find('.link').simulate('click');
         expect(openSearch).toHaveBeenCalledWith(searchState);
     });

package/esm/features/activity-log/ActivityExportButton/ActivityExportButton.specs.js

@@ -50,7 +50,6 @@ import { mount } from 'enzyme';
 import { act } from 'react-dom/test-utils';
 import { ActivityExportButton } from './ActivityExportButton';
 import { SmallIconButton } from '../../../SmallIconButton';
-import * as mdmSdkModule from '@reltio/mdm-sdk';
 import { exportActivities, DateRangeTypes } from '@reltio/mdm-sdk';
 import { DropDownMenuButton } from '../../../DropDownMenuButton';
 import Snackbar from '@mui/material/Snackbar';
@@ -84,7 +83,7 @@ var setUp = function (_a) {
 };
 describe('ActivityExportButton tests', function () {
     beforeAll(function () {
-        jest.spyOn(mdmSdkModule, 'exportActivities').mockImplementation(function () { return new Promise(function (resolve) { return resolve({}); }); });
+        exportActivities.mockImplementation(function () { return new Promise(function (resolve) { return resolve({}); }); });
     });
     it('should render correct default state', function () {
         var wrapper = setUp();

package/esm/features/activity-log/ActivityFilterEditor/components/EntityChangedSelectors/EntityChangedSelectors.specs.js

@@ -11,8 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import React from 'react';
 import { mount } from 'enzyme';
-import * as mdmSdkModule from '@reltio/mdm-sdk';
-import { DateRangeTypes } from '@reltio/mdm-sdk';
+import { DateRangeTypes, findClosestCommonAncestor } from '@reltio/mdm-sdk';
 import { AttributeSelector } from '../../../../../AttributeSelector';
 import { SourceSelector } from '../SourceSelector';
 import { EntityChangedSelectors } from './EntityChangedSelectors';
@@ -98,7 +97,7 @@ var setUp = function (props) {
 };
 describe('EntityChangedSelectors tests', function () {
     beforeAll(function () {
-        jest.spyOn(mdmSdkModule, 'findClosestCommonAncestor').mockReturnValue(defaultMetadata.entityTypes[0].uri);
+        findClosestCommonAncestor.mockReturnValue(defaultMetadata.entityTypes[0].uri);
     });
     it('should render correct default state', function () {
         var wrapper = setUp();

package/esm/features/activity-log/ActivityLog/ActivityLog.test.js

@@ -159,6 +159,7 @@ describe('ActivityLogTests', function () {
         return __assign({ user: user }, render(React.createElement(ActivityLog, __assign({}, defaultProps, props)), { wrapper: Providers }));
     };
     it('should render correctly', function () {
+        jest.spyOn(console, 'warn').mockReturnValue();
         setUp();
         var activityItems = screen.getAllByTestId('activity-log-item');
         expect(activityItems).toHaveLength(3);
@@ -170,12 +171,15 @@ describe('ActivityLogTests', function () {
         expect(within(activityItems[2]).getByText(activities[3].user)).toBeInTheDocument();
         expect(within(activityItems[2]).getByText('Profile merged manually')).toBeInTheDocument();
         expect(within(activityItems[2]).getByText('<No label>')).toBeInTheDocument();
+        expect(console.warn).toHaveBeenCalledWith('Activities not implemented:', activities[2].items);
+        expect(console.warn).toHaveBeenCalledWith('Activities not implemented:', [activities[3].items[1]]);
     });
     it('should toggle group item collapsed correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
         var user;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
+                    jest.spyOn(console, 'warn').mockReturnValue();
                     user = setUp().user;
                     screen.getAllByTestId('collapse-button');
                     expect(screen.getAllByTestId('activity-log-item')).toHaveLength(3);

package/esm/features/activity-log/ActivityLog/components/GroupItem/GroupItem.test.js

@@ -31,6 +31,6 @@ describe('GroupItem tests', function () {
     it('should call props.onToggle on collapse button click', function () {
         var wrapper = shallow(React.createElement(GroupItem, __assign({}, props)));
         wrapper.find('CollapseButton').simulate('click');
-        expect(props.onToggle).toBeCalledWith(props.item.index);
+        expect(props.onToggle).toHaveBeenCalledWith(props.item.index);
     });
 });

package/esm/features/activity-log/ActivityLogFilter/ActivityLogFilter.specs.js

@@ -11,8 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import React from 'react';
 import { mount } from 'enzyme';
-import { getAllUsersForTenant, canUserMakeActivitiesExport } from '@reltio/mdm-sdk';
-import { DateRangeTypes } from '@reltio/mdm-sdk';
+import { getAllUsersForTenant, canUserMakeActivitiesExport, DateRangeTypes } from '@reltio/mdm-sdk';
 import Tooltip from '@mui/material/Tooltip';
 import { ActivityLogFilter } from './ActivityLogFilter';
 import { ActivityExportButton } from '../ActivityExportButton';

package/esm/features/crosswalks/AttributesTable/AttributesTable.test.js

@@ -172,8 +172,8 @@ describe('AttributesTable tests', function () {
             rowsData: ROWS_DATA_MOCK,
             columnsData: COLUMNS_DATA_MOCK
         });
-        expect(helpers.getBasicTableRowsData).toBeCalledWith(metadata, 'configuration/entityTypes/HCP', props.selectedAttributeTypes, DEFAULT_VISIBLE_COLUMNS, props.crosswalksMap, props.entity.attributes, props.activeSurvivorshipGroupUri);
-        expect(helpers.getBasicTableColumnsData).toBeCalledWith(DEFAULT_VISIBLE_COLUMNS.map(function (columnId) { return COLUMNS_DATA.find(function (_a) {
+        expect(helpers.getBasicTableRowsData).toHaveBeenCalledWith(metadata, 'configuration/entityTypes/HCP', props.selectedAttributeTypes, DEFAULT_VISIBLE_COLUMNS, props.crosswalksMap, props.entity.attributes, props.activeSurvivorshipGroupUri);
+        expect(helpers.getBasicTableColumnsData).toHaveBeenCalledWith(DEFAULT_VISIBLE_COLUMNS.map(function (columnId) { return COLUMNS_DATA.find(function (_a) {
             var id = _a.id;
             return id === columnId;
         }); }));
@@ -187,10 +187,10 @@ describe('AttributesTable tests', function () {
     });
     it('should select initial attribute types when props.selectedAttributeTypes is nil', function () {
         var wrapper = mount(React.createElement(AttributesTable, __assign({}, props)));
-        expect(props.onSelectAttributeTypes).not.toBeCalled();
+        expect(props.onSelectAttributeTypes).not.toHaveBeenCalled();
         wrapper.setProps({ selectedAttributeTypes: undefined });
-        expect(props.onSelectAttributeTypes).toBeCalledTimes(1);
-        expect(props.onSelectAttributeTypes).toBeCalledWith([
+        expect(props.onSelectAttributeTypes).toHaveBeenCalledTimes(1);
+        expect(props.onSelectAttributeTypes).toHaveBeenCalledWith([
             {
                 label: 'Country Code',
                 name: 'CountryCode',
@@ -264,7 +264,7 @@ describe('AttributesTable tests', function () {
         });
         wrapper.update();
         expect(wrapper.find('ConfirmDeleteDialog').prop('open')).toBe(false);
-        expect(props.onDelete).toBeCalledWith(deleteEvent);
+        expect(props.onDelete).toHaveBeenCalledWith(deleteEvent);
     });
     it('should not call props.onDelete without confirmation on attribute delete', function () {
         var _a, _b;
@@ -291,7 +291,7 @@ describe('AttributesTable tests', function () {
         });
         wrapper.update();
         expect(wrapper.find('ConfirmDeleteDialog').prop('open')).toBe(false);
-        expect(props.onDelete).not.toBeCalled();
+        expect(props.onDelete).not.toHaveBeenCalled();
     });
     it('should call props.onEdit on not ignored attribute edit', function () {
         var _a, _b;
@@ -309,7 +309,7 @@ describe('AttributesTable tests', function () {
         act(function () {
             onEdit(editEvent);
         });
-        expect(props.onEdit).toBeCalledWith(editEvent);
+        expect(props.onEdit).toHaveBeenCalledWith(editEvent);
     });
     it('should show confirmation dialog on ignored attribute edit', function () {
         var _a, _b;
@@ -329,7 +329,7 @@ describe('AttributesTable tests', function () {
             onEdit(editEvent);
         });
         wrapper.update();
-        expect(props.onEdit).not.toBeCalled();
+        expect(props.onEdit).not.toHaveBeenCalled();
         expect(wrapper.find(ConfirmEditIgnoredDialog).prop('open')).toBe(true);
     });
     it('should call props.onEdit if confirmed editing attribute with ignored ', function () {
@@ -350,8 +350,8 @@ describe('AttributesTable tests', function () {
         });
         wrapper.update();
         wrapper.find(ConfirmEditIgnoredDialog).prop('onConfirmEditWithIgnore')();
-        expect(props.onEdit).toBeCalledWith(editEvent);
-        expect(props.onIgnore).not.toBeCalled();
+        expect(props.onEdit).toHaveBeenCalledWith(editEvent);
+        expect(props.onIgnore).not.toHaveBeenCalled();
     });
     it('should call props.onEdit and props.onIgnore if confirmed editing attribute without ignored ', function () {
         var _a, _b;
@@ -371,8 +371,8 @@ describe('AttributesTable tests', function () {
         });
         wrapper.update();
         wrapper.find(ConfirmEditIgnoredDialog).prop('onConfirmEditWithoutIgnore')();
-        expect(props.onEdit).toBeCalledWith(__assign(__assign({}, editEvent), { clearAttributeFlags: true }));
-        expect(props.onIgnore).not.toBeCalled();
+        expect(props.onEdit).toHaveBeenCalledWith(__assign(__assign({}, editEvent), { clearAttributeFlags: true }));
+        expect(props.onIgnore).not.toHaveBeenCalled();
     });
     it('should pass props.onAdd to AttributeValuesRenderer', function () {
         var wrapper = mount(React.createElement(AttributesTable, __assign({}, props)));

package/esm/features/crosswalks/AttributesTable/IntegrationAttributesTable.test.js

@@ -220,7 +220,7 @@ describe('attribute table tests', function () {
                     confirmButton = within(dialog).getByText('Yes');
                     fireEvent.click(declineButton);
                     fireEvent.click(confirmButton);
-                    expect(onDelete).not.toBeCalled();
+                    expect(onDelete).not.toHaveBeenCalled();
                     unmockTableSizing();
                     return [2 /*return*/];
             }
@@ -256,11 +256,11 @@ describe('attribute table tests', function () {
                     return [4 /*yield*/, user.click(pinButton)];
                 case 2:
                     _a.sent();
-                    expect(onPin).toBeCalled();
+                    expect(onPin).toHaveBeenCalled();
                     return [4 /*yield*/, user.click(ignoreButton)];
                 case 3:
                     _a.sent();
-                    expect(onIgnore).toBeCalled();
+                    expect(onIgnore).toHaveBeenCalled();
                     unmockTableSizing();
                     return [2 /*return*/];
             }
@@ -283,7 +283,7 @@ describe('attribute table tests', function () {
                     return [4 /*yield*/, user.dblClick(screen.getByText('Ok'))];
                 case 2:
                     _a.sent();
-                    expect(onEdit).toBeCalledTimes(1);
+                    expect(onEdit).toHaveBeenCalledTimes(1);
                     unmockTableSizing();
                     return [2 /*return*/];
             }
@@ -309,7 +309,7 @@ describe('attribute table tests', function () {
                     return [4 /*yield*/, user.dblClick(screen.getByText('Ok'))];
                 case 3:
                     _a.sent();
-                    expect(onEdit).toBeCalledTimes(1);
+                    expect(onEdit).toHaveBeenCalledTimes(1);
                     unmockTableSizing();
                     return [2 /*return*/];
             }

package/esm/features/crosswalks/AttributesTable/components/AddAttributesButton/AddAttributesButton.test.js

@@ -114,8 +114,8 @@ describe('AddAttributesButton tests', function () {
             uri: 'configuration/entityTypes/HCP/attributes/Date'
         };
         onApply([selectedSimple]);
-        expect(onSelectAttributeTypes).toBeCalledWith(__spreadArray([selectedSimple], selectedAttributeTypes, true));
-        expect(onAdd).not.toBeCalled();
+        expect(onSelectAttributeTypes).toHaveBeenCalledWith(__spreadArray([selectedSimple], selectedAttributeTypes, true));
+        expect(onAdd).not.toHaveBeenCalled();
     });
     it('should add attribute to beginning on nested attribute select', function () {
         var onSelectAttributeTypes = defaultProps.onSelectAttributeTypes, selectedAttributeTypes = defaultProps.selectedAttributeTypes, onAdd = defaultProps.onAdd, parentUri = defaultProps.parentUri;
@@ -128,8 +128,8 @@ describe('AddAttributesButton tests', function () {
             uri: 'configuration/entityTypes/HCP/attributes/Nested'
         };
         onApply([selectedNested]);
-        expect(onSelectAttributeTypes).toBeCalledWith(__spreadArray([selectedNested], selectedAttributeTypes, true));
-        expect(onAdd).toBeCalledWith({
+        expect(onSelectAttributeTypes).toHaveBeenCalledWith(__spreadArray([selectedNested], selectedAttributeTypes, true));
+        expect(onAdd).toHaveBeenCalledWith({
             attributeType: selectedNested,
             parentUri: parentUri
         });

package/esm/features/crosswalks/AttributesTable/components/ConfirmEditIgnoredDialog/ConfirmEditIgnoredDialog.test.js

@@ -34,20 +34,20 @@ describe('ConfirmEditIgnoredDialog tests', function () {
     it('should call props.onClose on Cancel button click', function () {
         var wrapper = shallow(React.createElement(ConfirmEditIgnoredDialog, __assign({}, props)));
         wrapper.find(Button).at(0).simulate('click');
-        expect(props.onClose).toBeCalled();
+        expect(props.onClose).toHaveBeenCalled();
     });
     it('should call props.onConfirmEditWithoutIgnore and props.onClose on Ok button click', function () {
         var wrapper = shallow(React.createElement(ConfirmEditIgnoredDialog, __assign({}, props)));
         wrapper.find(Button).at(1).simulate('click');
-        expect(props.onClose).toBeCalled();
-        expect(props.onConfirmEditWithoutIgnore).toBeCalled();
+        expect(props.onClose).toHaveBeenCalled();
+        expect(props.onConfirmEditWithoutIgnore).toHaveBeenCalled();
     });
     it('should call props.onConfirmEditWithIgnore and props.onClose on with ignore select and Ok button click', function () {
         var wrapper = shallow(React.createElement(ConfirmEditIgnoredDialog, __assign({}, props)));
         var value = wrapper.find(RadioGroup).childAt(1).prop('value');
         wrapper.find(RadioGroup).simulate('change', { target: { value: value } });
         wrapper.find(Button).at(1).simulate('click');
-        expect(props.onClose).toBeCalled();
-        expect(props.onConfirmEditWithIgnore).toBeCalled();
+        expect(props.onClose).toHaveBeenCalled();
+        expect(props.onConfirmEditWithIgnore).toHaveBeenCalled();
     });
 });

package/esm/features/crosswalks/AttributesTable/components/WinnerSourcesRenderer/WinnerSourcesRenderer.test.js

@@ -132,11 +132,11 @@ describe('WinnerSourcesRenderer tests', function () {
                     return [4 /*yield*/, user.hover(item)];
                 case 1:
                     _a.sent();
-                    expect(setCrosswalkHighlightedSpy).toBeCalledWith(value.crosswalks[0], true);
+                    expect(setCrosswalkHighlightedSpy).toHaveBeenCalledWith(value.crosswalks[0], true);
                     return [4 /*yield*/, user.unhover(item)];
                 case 2:
                     _a.sent();
-                    expect(setCrosswalkHighlightedSpy).toBeCalledWith(value.crosswalks[0], false);
+                    expect(setCrosswalkHighlightedSpy).toHaveBeenCalledWith(value.crosswalks[0], false);
                     return [2 /*return*/];
             }
         });

package/esm/features/crosswalks/CrosswalkDragLayer/components/CrosswalkDragPreview/CrosswalkDragPreview.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { CrosswalkBase } from '@reltio/mdm-sdk';
 type Props = {
     crosswalk: CrosswalkBase;
 };
-export declare const CrosswalkDragPreview: ({ crosswalk }: Props) => JSX.Element;
+export declare const CrosswalkDragPreview: React.MemoExoticComponent<({ crosswalk }: Props) => JSX.Element>;
 export {};

package/esm/features/crosswalks/CrosswalkDragLayer/components/CrosswalkDragPreview/CrosswalkDragPreview.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { memo } from 'react';
 import { getSourceSystemLabel } from '@reltio/mdm-sdk';
 import Typography from '@mui/material/Typography';
 import { useMdmMetadata } from '../../../../../contexts/MdmModuleContext';
@@ -6,7 +6,7 @@ import { useCrosswalkColor } from '../../../../../contexts/CrosswalksDisplayCont
 import { SourceIcon } from '../../../../../SourceIcon';
 import { ColoredBlock } from '../../../ColoredBlock';
 import { useStyles } from './styles';
-export var CrosswalkDragPreview = function (_a) {
+export var CrosswalkDragPreview = memo(function (_a) {
     var crosswalk = _a.crosswalk;
     var styles = useStyles();
     var metadata = useMdmMetadata();
@@ -15,4 +15,5 @@ export var CrosswalkDragPreview = function (_a) {
     return (React.createElement(ColoredBlock, { color: color, className: styles.crosswalkPreview },
         React.createElement(SourceIcon, { className: styles.sourceIcon, sourceType: crosswalk.type }),
         React.createElement(Typography, { className: styles.sourceLabel, variant: 'body2' }, sourceSystemLabel)));
-};
+});
+CrosswalkDragPreview.displayName = 'CrosswalkDragPreview';