@reltio/components 1.4.1945 → 1.4.1947

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

@@ -1,10 +1,33 @@
 "use strict";
+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 };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CrosswalkDragPreview = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
@@ -12,7 +35,7 @@ var CrosswalksDisplayContext_1 = require("../../../../../contexts/CrosswalksDisp
 var SourceIcon_1 = require("../../../../../SourceIcon");
 var ColoredBlock_1 = require("../../../ColoredBlock");
 var styles_1 = require("./styles");
-var CrosswalkDragPreview = function (_a) {
+exports.CrosswalkDragPreview = (0, react_1.memo)(function (_a) {
     var crosswalk = _a.crosswalk;
     var styles = (0, styles_1.useStyles)();
     var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
@@ -21,5 +44,5 @@ var CrosswalkDragPreview = function (_a) {
     return (react_1.default.createElement(ColoredBlock_1.ColoredBlock, { color: color, className: styles.crosswalkPreview },
         react_1.default.createElement(SourceIcon_1.SourceIcon, { className: styles.sourceIcon, sourceType: crosswalk.type }),
         react_1.default.createElement(Typography_1.default, { className: styles.sourceLabel, variant: 'body2' }, sourceSystemLabel)));
-};
-exports.CrosswalkDragPreview = CrosswalkDragPreview;
+});
+exports.CrosswalkDragPreview.displayName = 'CrosswalkDragPreview';

package/cjs/features/crosswalks/CrosswalkRow/CrosswalkRow.test.js

@@ -42,7 +42,7 @@ var enzyme_1 = require("enzyme");
 var react_hooks_1 = require("@testing-library/react-hooks");
 var reactDnd = __importStar(require("react-dnd"));
 var react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
-var mdmSdk = __importStar(require("@reltio/mdm-sdk"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
@@ -76,7 +76,7 @@ var metadata = {
         }
     ]
 };
-var attributesSortingStrategy = mdmSdk.SortingStrategy.ASC_BY_NAME;
+var attributesSortingStrategy = mdm_sdk_1.SortingStrategy.ASC_BY_NAME;
 var crosswalk = {
     uri: 'entities/j8K1vc9/crosswalks/1kQ5cap2n',
     type: 'configuration/sources/Reltio',
@@ -109,10 +109,9 @@ describe('CrosswalkRow tests', function () {
     var toggleCrosswalkFocus = jest.fn();
     var preview = jest.fn();
     var useDragMock = jest.spyOn(reactDnd, 'useDrag').mockReturnValue([undefined, function () { return null; }, preview]);
-    var isCrosswalkDisabledSpy = jest.spyOn(mdmSdk, 'isCrosswalkDisabled');
     var useHighlightedCrosswalksMock = jest.spyOn(CrosswalksDisplay, 'useHighlightedCrosswalks').mockReturnValue([]);
     beforeEach(function () {
-        isCrosswalkDisabledSpy.mockReturnValue(false);
+        mdm_sdk_1.isCrosswalkDisabled.mockReturnValue(false);
         jest.clearAllMocks();
     });
     beforeAll(function () {
@@ -151,9 +150,9 @@ describe('CrosswalkRow tests', function () {
         var wrapper = setUp();
         var coloredBlock = wrapper.find(ColoredBlock_1.ColoredBlock);
         coloredBlock.simulate('mouseenter');
-        expect(highlightCrosswalk).toBeCalledTimes(1);
+        expect(highlightCrosswalk).toHaveBeenCalledTimes(1);
         coloredBlock.simulate('mouseleave');
-        expect(removeHighlight).toBeCalledTimes(1);
+        expect(removeHighlight).toHaveBeenCalledTimes(1);
     });
     it('should render disabled button without icon if focusable === false', function () {
         var wrapper = setUp(__assign(__assign({}, defaultProps), { focusable: false }));
@@ -170,14 +169,14 @@ describe('CrosswalkRow tests', function () {
         expect(wrapper.find(ColoredBlock_1.ColoredBlock).prop('color')).toBe('#CACCD1');
     });
     it('should pass disabled variant prop for disabled crosswalk', function () {
-        isCrosswalkDisabledSpy.mockReturnValue(true);
+        mdm_sdk_1.isCrosswalkDisabled.mockReturnValue(true);
         var wrapper = setUp();
         expect(wrapper.find(ColoredBlock_1.ColoredBlock).prop('variant')).toBe('disabled');
     });
     it('should call onToggleFocus when click on eye icon', function () {
         var wrapper = setUp();
         wrapper.find(SmallIconButton_1.SmallIconButtonWithTooltip).find('button').simulate('click');
-        expect(toggleCrosswalkFocus).toBeCalledTimes(1);
+        expect(toggleCrosswalkFocus).toHaveBeenCalledTimes(1);
     });
     it('should render dependent icon if isDependent prop is true ', function () {
         var dependentProps = {
@@ -253,7 +252,7 @@ describe('CrosswalkRow tests', function () {
         expect(deleteButton).toHaveLength(0);
     });
     it('should not render delete button for disabled crosswalk', function () {
-        isCrosswalkDisabledSpy.mockReturnValue(true);
+        mdm_sdk_1.isCrosswalkDisabled.mockReturnValue(true);
         var wrapper = setUp();
         (0, react_hooks_1.act)(function () {
             wrapper.find(ArrowExpandButton_1.ArrowExpandButton).find('button').simulate('click');
@@ -285,7 +284,7 @@ describe('CrosswalkRow tests', function () {
         });
         wrapper.update();
         expect(defaultProps.onDelete).toHaveBeenCalledWith('1kQ5cap2n');
-        expect(toggleCrosswalkFocus).toBeCalledTimes(0);
+        expect(toggleCrosswalkFocus).toHaveBeenCalledTimes(0);
     });
     it('should call props.onDelete and call toggleCrosswalkFocus if isFocused === true after confirmation on crosswalk delete', function () {
         jest.spyOn(CrosswalksDisplay, 'useCrosswalkFocus').mockReturnValue({
@@ -312,7 +311,7 @@ describe('CrosswalkRow tests', function () {
         });
         (0, test_utils_1.rerenderWrapper)(wrapper);
         expect(defaultProps.onDelete).toHaveBeenCalledWith('1kQ5cap2n');
-        expect(toggleCrosswalkFocus).toBeCalledTimes(1);
+        expect(toggleCrosswalkFocus).toHaveBeenCalledTimes(1);
     });
     it('should not call props.onDelete without confirmation on crosswalk delete', function () {
         var wrapper = setUp();
@@ -335,7 +334,7 @@ describe('CrosswalkRow tests', function () {
         });
         (0, test_utils_1.rerenderWrapper)(wrapper);
         expect(wrapper.find(ConfirmDeleteDialog_1.ConfirmDeleteDialog).at(0).prop('open')).toBe(false);
-        expect(defaultProps.onDelete).not.toBeCalled();
+        expect(defaultProps.onDelete).not.toHaveBeenCalled();
     });
     it('should call props.onEdit when calling CrosswalkAttributes onEditAttribute prop', function () {
         var wrapper = setUp();
@@ -365,7 +364,7 @@ describe('CrosswalkRow tests', function () {
         var wrapper = setUp(__assign(__assign({}, defaultProps), { focusable: true }));
         var node = wrapper.find('.root').getDOMNode();
         node.scrollIntoView = jest.fn();
-        expect(node.scrollIntoView).not.toBeCalled();
+        expect(node.scrollIntoView).not.toHaveBeenCalled();
         useHighlightedCrosswalksMock.mockReturnValueOnce([
             {
                 uri: 'entities/j8K1vc9/crosswalks/1kQ5cap2n',
@@ -374,7 +373,7 @@ describe('CrosswalkRow tests', function () {
             }
         ]);
         wrapper.setProps({ crosswalk: __assign({}, crosswalk) });
-        expect(node.scrollIntoView).toBeCalled();
+        expect(node.scrollIntoView).toHaveBeenCalled();
     });
     describe('dnd', function () {
         afterEach(function () {
@@ -391,10 +390,10 @@ describe('CrosswalkRow tests', function () {
         });
         it('should use empty image preview', function () {
             setUp();
-            expect(preview).toBeCalledWith((0, react_dnd_html5_backend_1.getEmptyImage)(), { captureDraggingState: true });
+            expect(preview).toHaveBeenCalledWith((0, react_dnd_html5_backend_1.getEmptyImage)(), { captureDraggingState: true });
         });
         it('should not allow drag if crosswalk is disabled', function () {
-            isCrosswalkDisabledSpy.mockReturnValue(true);
+            mdm_sdk_1.isCrosswalkDisabled.mockReturnValue(true);
             setUp();
             var canDrag = useDragMock.mock.calls[0][0].canDrag;
             expect(canDrag).toBe(false);

package/cjs/features/crosswalks/ShowDependentLink/ShowDependentLink.test.js

@@ -20,6 +20,6 @@ describe('ShowDependentLink tests', function () {
         var onClick = jest.fn();
         var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(ShowDependentLink_1.ShowDependentLink, { showMore: true, onClick: onClick }));
         wrapper.find(Link_1.default).simulate('click');
-        expect(onClick).toBeCalled();
+        expect(onClick).toHaveBeenCalled();
     });
 });

package/cjs/features/crosswalks/SourceCrosswalksRow/SourceCrosswalksRow.test.js

@@ -256,9 +256,9 @@ describe('SourceCrosswalksRow tests', function () {
             dependent: [dependentCrosswalk]
         };
         var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(SourceCrosswalksRow_1.SourceCrosswalksRow, __assign({}, props, { crosswalksByTypes: crosswalksByTypes, crosswalksFocusEnabled: true })));
-        expect(props.onToggleExpanded).not.toBeCalled();
+        expect(props.onToggleExpanded).not.toHaveBeenCalled();
         useHighlightedCrosswalksMock.mockReturnValueOnce([dependentCrosswalk]);
         wrapper.setProps({ expanded: false });
-        expect(props.onToggleExpanded).toBeCalled();
+        expect(props.onToggleExpanded).toHaveBeenCalled();
     });
 });