@reltio/components 1.4.1944 → 1.4.1946

package/cjs/MultipleInput/MultipleInput.test.js

@@ -101,7 +101,7 @@ describe('MultipleInput behaviour', function () {
                     return [4 /*yield*/, user.click((0, test_utils_1.getMuiIconByName)('Cancel', chips[1]))];
                 case 1:
                     _a.sent();
-                    expect(props.onChange).toBeCalledWith(['1', '3']);
+                    expect(props.onChange).toHaveBeenCalledWith(['1', '3']);
                     return [2 /*return*/];
             }
         });
@@ -116,7 +116,7 @@ describe('MultipleInput behaviour', function () {
                     return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '4{Enter}')];
                 case 1:
                     _a.sent();
-                    expect(props.onChange).toBeCalledWith(['1', '2', '3', '4']);
+                    expect(props.onChange).toHaveBeenCalledWith(['1', '2', '3', '4']);
                     return [2 /*return*/];
             }
         });
@@ -134,7 +134,7 @@ describe('MultipleInput behaviour', function () {
                     return [4 /*yield*/, user.click(container)];
                 case 2:
                     _b.sent();
-                    expect(props.onChange).toBeCalledWith(['1', '2', '3', '4']);
+                    expect(props.onChange).toHaveBeenCalledWith(['1', '2', '3', '4']);
                     return [2 /*return*/];
             }
         });
@@ -149,7 +149,7 @@ describe('MultipleInput behaviour', function () {
                     return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '{Backspace}')];
                 case 1:
                     _a.sent();
-                    expect(props.onChange).toBeCalledWith(['1', '2']);
+                    expect(props.onChange).toHaveBeenCalledWith(['1', '2']);
                     return [2 /*return*/];
             }
         });
@@ -164,7 +164,7 @@ describe('MultipleInput behaviour', function () {
                     return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '{Tab}')];
                 case 1:
                     _a.sent();
-                    expect(props.onChange).not.toBeCalled();
+                    expect(props.onChange).not.toHaveBeenCalled();
                     return [2 /*return*/];
             }
         });
@@ -179,7 +179,7 @@ describe('MultipleInput behaviour', function () {
                     return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), 'test{Backspace}')];
                 case 1:
                     _a.sent();
-                    expect(props.onChange).not.toBeCalled();
+                    expect(props.onChange).not.toHaveBeenCalled();
                     return [2 /*return*/];
             }
         });
@@ -194,7 +194,7 @@ describe('MultipleInput behaviour', function () {
                     return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '{Backspace}')];
                 case 1:
                     _a.sent();
-                    expect(props.onChange).not.toBeCalled();
+                    expect(props.onChange).not.toHaveBeenCalled();
                     return [2 /*return*/];
             }
         });
@@ -209,7 +209,7 @@ describe('MultipleInput behaviour', function () {
                     return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), 'test{Enter}')];
                 case 1:
                     _a.sent();
-                    expect(props.onChange).toBeCalledWith(['test']);
+                    expect(props.onChange).toHaveBeenCalledWith(['test']);
                     return [2 /*return*/];
             }
         });
@@ -225,7 +225,7 @@ describe('MultipleInput behaviour', function () {
                     return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), 'test 2{Enter}')];
                 case 1:
                     _a.sent();
-                    expect(props.onChange).toBeCalledWith(['test 1', 'test 2']);
+                    expect(props.onChange).toHaveBeenCalledWith(['test 1', 'test 2']);
                     return [2 /*return*/];
             }
         });
@@ -242,11 +242,11 @@ describe('MultipleInput behaviour', function () {
                     return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '{Enter}')];
                 case 1:
                     _a.sent();
-                    expect(onChange).not.toBeCalled();
+                    expect(onChange).not.toHaveBeenCalled();
                     return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '     {Enter}')];
                 case 2:
                     _a.sent();
-                    expect(onChange).not.toBeCalled();
+                    expect(onChange).not.toHaveBeenCalled();
                     return [2 /*return*/];
             }
         });

package/cjs/MultipliableSelect/MultipliableSelect.test.js

@@ -6,28 +6,32 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var enzyme_1 = require("enzyme");
 var TextField_1 = __importDefault(require("@mui/material/TextField"));
+var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
 var ValueChip_1 = require("../ValueChip");
 var MultipliableSelect_1 = require("./MultipliableSelect");
 describe('MultipliableSelect', function () {
     describe('single mode', function () {
         it('should render MUI TextField with string value', function () {
             var value = '1';
-            var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(MultipliableSelect_1.MultipliableSelect, { value: value }));
+            var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(MultipliableSelect_1.MultipliableSelect, { value: value },
+                react_1.default.createElement(MenuItem_1.default, { value: "1" })));
             expect(wrapper.find(TextField_1.default)).toHaveLength(1);
             expect(wrapper.text()).toBe(value);
         });
         it('should call props.onChange on select change', function () {
             var onChange = jest.fn();
             var value = '1';
-            var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(MultipliableSelect_1.MultipliableSelect, { onChange: onChange }));
+            var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(MultipliableSelect_1.MultipliableSelect, { onChange: onChange },
+                react_1.default.createElement("div", null)));
             wrapper.find(TextField_1.default).simulate('change', { target: { value: value } });
-            expect(onChange).toBeCalledWith(value);
+            expect(onChange).toHaveBeenCalledWith(value);
         });
     });
     describe('multiple mode', function () {
         it('should render MUI TextField with chip values', function () {
             var value = ['1', '2', '3'];
-            var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(MultipliableSelect_1.MultipliableSelect, { multiple: true, value: value }));
+            var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(MultipliableSelect_1.MultipliableSelect, { multiple: true, value: value },
+                react_1.default.createElement("div", null)));
             expect(wrapper.find(TextField_1.default).prop('SelectProps').multiple).toBe(true);
             expect(wrapper.find(ValueChip_1.ValueChip)).toHaveLength(value.length);
             wrapper.find(ValueChip_1.ValueChip).forEach(function (n, i) {
@@ -37,16 +41,18 @@ describe('MultipliableSelect', function () {
         it('should call props.onChange on select change', function () {
             var onChange = jest.fn();
             var value = ['1'];
-            var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(MultipliableSelect_1.MultipliableSelect, { multiple: true, onChange: onChange }));
+            var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(MultipliableSelect_1.MultipliableSelect, { multiple: true, onChange: onChange },
+                react_1.default.createElement("div", null)));
             wrapper.find(TextField_1.default).simulate('change', { target: { value: value } });
-            expect(onChange).toBeCalledWith(value);
+            expect(onChange).toHaveBeenCalledWith(value);
         });
         it('should call props.onChange on Chip deletion', function () {
             var value = ['1', '2', '3'];
             var onChange = jest.fn();
-            var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(MultipliableSelect_1.MultipliableSelect, { multiple: true, value: value, onChange: onChange }));
+            var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(MultipliableSelect_1.MultipliableSelect, { multiple: true, value: value, onChange: onChange },
+                react_1.default.createElement("div", null)));
             wrapper.find(ValueChip_1.ValueChip).at(1).prop('onDelete')();
-            expect(onChange).toBeCalledWith(['1', '3']);
+            expect(onChange).toHaveBeenCalledWith(['1', '3']);
         });
     });
 });

package/cjs/NestedAttributeEditor/NestedAttributeEditor.test.js

@@ -10,39 +10,16 @@ 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 };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var enzyme_1 = require("enzyme");
-var mdmSdk = __importStar(require("@reltio/mdm-sdk"));
 var NestedAttributeEditor_1 = require("./NestedAttributeEditor");
 var EditModeComplexAttribute_1 = require("../EditModeComplexAttribute");
-jest.mock('@reltio/mdm-sdk');
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { evaluateDeepEntityLabel: jest.fn(), getLabel: jest.fn() })); });
 describe('NestedAttributeEditor', function () {
     it('should render EditModeComplexAttribute with specified label and attributes', function () {
         var props = {
@@ -53,8 +30,8 @@ describe('NestedAttributeEditor', function () {
             attributeValue: {}
         };
         var label = 'Label123';
-        jest.spyOn(mdmSdk, 'evaluateDeepEntityLabel').mockReturnValue(label);
-        jest.spyOn(mdmSdk, 'getLabel').mockReturnValue(label);
+        mdm_sdk_1.evaluateDeepEntityLabel.mockReturnValue(label);
+        mdm_sdk_1.getLabel.mockReturnValue(label);
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(NestedAttributeEditor_1.NestedAttributeEditor, __assign({}, props)));
         var complex = component.find(EditModeComplexAttribute_1.EditModeComplexAttribute);
         expect(complex.length).toBe(1);

package/cjs/NumberEditor/NumberEditor.test.js

@@ -103,7 +103,7 @@ describe('NumberEditor', function () {
                         return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '<-123,456abc_78>{enter}')];
                     case 1:
                         _a.sent();
-                        expect(defaultProps.onChange).toBeCalledWith('-123456.78');
+                        expect(defaultProps.onChange).toHaveBeenCalledWith('-123456.78');
                         return [2 /*return*/];
                 }
             });
@@ -121,7 +121,7 @@ describe('NumberEditor', function () {
                         return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '{enter}')];
                     case 1:
                         _a.sent();
-                        expect(defaultProps.onChange).toBeCalledWith('123');
+                        expect(defaultProps.onChange).toHaveBeenCalledWith('123');
                         return [2 /*return*/];
                 }
             });
@@ -160,7 +160,7 @@ describe('NumberEditor', function () {
                         return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '<-123,456abc_78>{enter}')];
                     case 1:
                         _a.sent();
-                        expect(defaultProps.onChange).toBeCalledWith(['-123456.78']);
+                        expect(defaultProps.onChange).toHaveBeenCalledWith(['-123456.78']);
                         return [2 /*return*/];
                 }
             });
@@ -178,7 +178,7 @@ describe('NumberEditor', function () {
                         return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '123.45{enter}')];
                     case 1:
                         _a.sent();
-                        expect(defaultProps.onChange).toBeCalledWith(['12345']);
+                        expect(defaultProps.onChange).toHaveBeenCalledWith(['12345']);
                         return [2 /*return*/];
                 }
             });

package/cjs/PieChart/PieChart.test.js

@@ -118,7 +118,7 @@ describe('PieChart', function () {
         var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(PieChart_1.PieChart, { width: 600, height: 300, data: data, onItemClick: onItemClick }));
         var sector = wrapper.find('.recharts-pie-sector').first();
         sector.simulate('click');
-        expect(onItemClick).toBeCalledWith('1');
+        expect(onItemClick).toHaveBeenCalledWith('1');
     });
     it('should render chart legend with percents correctly', function () {
         var legendPayload = [

package/cjs/PivotingTooltip/IntegrationPivotingTooltip.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) {
@@ -74,7 +51,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var mdmSdkModule = __importStar(require("@reltio/mdm-sdk"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var react_2 = require("@testing-library/react");
 var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
@@ -166,10 +143,10 @@ describe('PivotingTooltip test', function () {
         lookupCode: '8-800-555-35-35',
         lookupRawValue: '8-800-555-35-35'
     };
-    var mockGetFilteredEntities = jest
-        .spyOn(mdmSdkModule, 'getFilteredEntities')
-        .mockResolvedValue(mockGetFilteredEntitiesResponse);
-    var mockGetTotals = jest.spyOn(mdmSdkModule, 'getTotals').mockResolvedValue({ total: 5 });
+    beforeEach(function () {
+        mdm_sdk_1.getFilteredEntities.mockResolvedValue(mockGetFilteredEntitiesResponse);
+        mdm_sdk_1.getTotals.mockResolvedValue({ total: 5 });
+    });
     it('getTotals should not be called if user do not hover tooltip', function () { return __awaiter(void 0, void 0, void 0, function () {
         var value, attributeType, props, tooltip;
         return __generator(this, function (_a) {
@@ -187,8 +164,8 @@ describe('PivotingTooltip test', function () {
                 case 1:
                     tooltip = _a.sent();
                     expect(tooltip).toBeInTheDocument();
-                    expect(mockGetTotals).toHaveBeenCalledTimes(0);
-                    expect(mockGetFilteredEntities).toHaveBeenCalledTimes(0);
+                    expect(mdm_sdk_1.getTotals).toHaveBeenCalledTimes(0);
+                    expect(mdm_sdk_1.getFilteredEntities).toHaveBeenCalledTimes(0);
                     return [2 /*return*/];
             }
         });
@@ -220,7 +197,7 @@ describe('PivotingTooltip test', function () {
                 case 4:
                     tooltipContent = _a.sent();
                     expect(tooltipContent).toBeInTheDocument();
-                    expect(mockGetFilteredEntities).toBeCalledWith({
+                    expect(mdm_sdk_1.getFilteredEntities).toHaveBeenCalledWith({
                         filters: [
                             { fieldName: 'type', filter: 'equals', values: ['configuration/entityTypes/HCP'] },
                             { fieldName: 'attributes.Phone', filter: 'equals', values: ['8-800-555-35-35'] }
@@ -270,7 +247,7 @@ describe('PivotingTooltip test', function () {
                 case 4:
                     tooltipContent = _a.sent();
                     expect(tooltipContent).toBeInTheDocument();
-                    expect(mockGetFilteredEntities).toBeCalledWith({
+                    expect(mdm_sdk_1.getFilteredEntities).toHaveBeenCalledWith({
                         filters: [
                             { fieldName: 'type', filter: 'equals', values: ['configuration/entityTypes/HCP_1'] },
                             { fieldName: 'attributes.Phone', filter: 'equals', values: ['8-800-555-35-35'] }
@@ -314,7 +291,7 @@ describe('PivotingTooltip test', function () {
                 case 4:
                     tooltipContent = _a.sent();
                     expect(tooltipContent).toBeInTheDocument();
-                    expect(mockGetTotals).toBeCalledWith({
+                    expect(mdm_sdk_1.getTotals).toHaveBeenCalledWith({
                         filters: [
                             { fieldName: 'type', filter: 'equals', values: ['configuration/entityTypes/HCP'] },
                             { fieldName: 'attributes.Phone', filter: 'equals', values: ['8-800-555-35-35'] }
@@ -364,7 +341,7 @@ describe('PivotingTooltip test', function () {
                 case 4:
                     tooltipContent = _a.sent();
                     expect(tooltipContent).toBeInTheDocument();
-                    expect(mockGetTotals).toBeCalledWith({
+                    expect(mdm_sdk_1.getTotals).toHaveBeenCalledWith({
                         filters: [
                             { fieldName: 'type', filter: 'equals', values: ['configuration/entityTypes/HCP_1'] },
                             { fieldName: 'attributes.Phone', filter: 'equals', values: ['8-800-555-35-35'] }

package/cjs/PivotingTooltip/components/PivotingTooltipContent/PivotingTooltipContent.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) {
@@ -76,14 +53,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var enzyme_1 = require("enzyme");
 var test_utils_1 = require("react-dom/test-utils");
-var mdmSdkModule = __importStar(require("@reltio/mdm-sdk"));
-var PivotingTooltipContent_1 = require("./PivotingTooltipContent");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var PivotingUriLink_1 = require("../../../PivotingUriLink");
 var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
+var PivotingTooltipContent_1 = require("./PivotingTooltipContent");
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getFilteredEntities: jest.fn(), getTotals: jest.fn() })); });
-jest.mock('../../../EntityAvatar', function () { return ({
-    EntityUriLink: function () { return react_1.default.createElement("div", null); }
-}); });
 jest.mock('../../../EntityAvatar', function () { return ({
     EntityAvatar: function () { return react_1.default.createElement("div", null); }
 }); });
@@ -200,7 +174,7 @@ describe('PivotingTooltipContent test', function () {
     it('should not show footer with see all button if total count less than 6', function () { return __awaiter(void 0, void 0, void 0, function () {
         var component;
         return __generator(this, function (_a) {
-            jest.spyOn(mdmSdkModule, 'getTotals').mockImplementation(function () { return Promise.resolve({ total: 4 }); });
+            mdm_sdk_1.getTotals.mockImplementation(function () { return Promise.resolve({ total: 4 }); });
             component = setUp();
             expect(component.find('.footer')).toHaveLength(0);
             return [2 /*return*/];
@@ -209,7 +183,7 @@ describe('PivotingTooltipContent test', function () {
     it('should show footer with see all button if total count more than 6', function () { return __awaiter(void 0, void 0, void 0, function () {
         var component;
         return __generator(this, function (_a) {
-            jest.spyOn(mdmSdkModule, 'getTotals').mockImplementation(function () { return Promise.resolve({ total: 10 }); });
+            mdm_sdk_1.getTotals.mockImplementation(function () { return Promise.resolve({ total: 10 }); });
             component = setUp(__assign(__assign({}, defaultProps), { total: 7 }));
             expect(component.find('.footer')).toHaveLength(1);
             return [2 /*return*/];

package/cjs/PivotingUriLink/PivotingUriLink.spec.js

@@ -104,6 +104,7 @@ describe('EntityUriLink tests', function () {
                     onClick = defaultProps.onClick;
                     user = setUp().user;
                     link = react_2.screen.getByText('label');
+                    link.addEventListener('click', function (event) { return event.preventDefault(); }, false);
                     return [4 /*yield*/, user.keyboard('{Control>}')];
                 case 1:
                     _a.sent();

package/cjs/ProfileBandNavigation/useSearchNavigation.test.js

@@ -223,7 +223,7 @@ describe('useSearchNavigation behavior', function () {
                     case 1:
                         _b.sent();
                         expect(mdmActions.updateSearchNavigationDataFields).toHaveBeenCalledTimes(1);
-                        expect(mdmActions.openEntity).toBeCalledTimes(1);
+                        expect(mdmActions.openEntity).toHaveBeenCalledTimes(1);
                         expect(mdmActions.updateSearchNavigationDataFields).toHaveBeenCalledWith({
                             index: defaultMdmValues.searchNavigationData.index - 1,
                             uri: 'uri0',
@@ -291,7 +291,7 @@ describe('useSearchNavigation behavior', function () {
                     case 1:
                         _b.sent();
                         expect(mdmActions.updateSearchNavigationDataFields).toHaveBeenCalledTimes(1);
-                        expect(mdmActions.openEntity).toBeCalledTimes(1);
+                        expect(mdmActions.openEntity).toHaveBeenCalledTimes(1);
                         expect(mdmActions.updateSearchNavigationDataFields).toHaveBeenCalledWith({
                             index: searchNavigationData.index - 2,
                             uri: 'uri0',
@@ -333,7 +333,7 @@ describe('useSearchNavigation behavior', function () {
                     case 1:
                         _b.sent();
                         expect(mdmActions.updateSearchNavigationDataFields).toHaveBeenCalledTimes(1);
-                        expect(mdmActions.openEntity).toBeCalledTimes(0);
+                        expect(mdmActions.openEntity).toHaveBeenCalledTimes(0);
                         expect(mdmActions.updateSearchNavigationDataFields).toHaveBeenCalledWith({
                             index: searchNavigationData.index - 2,
                             cache: ['uri2'],

package/cjs/ProfilesList/ProfilesList.spec.js

@@ -22,7 +22,7 @@ var EntityUriLink_1 = require("../EntityUriLink");
 var EntityAvatar_1 = require("../EntityAvatar");
 var ProfilesList_1 = require("./ProfilesList");
 var types_1 = require("../types");
-var EntityAvatarMock = function (props) { return react_1.default.createElement("div", __assign({}, props)); };
+var EntityAvatarMock = function () { return react_1.default.createElement("div", null); };
 jest.mock('../EntityAvatar', function () { return ({
     EntityAvatar: EntityAvatarMock
 }); });

package/cjs/ReactSelectLoadMoreButton/ReactSelectLoadMoreButton.test.js

@@ -16,7 +16,7 @@ describe('ReactSelectLoadMoreButton tests', function () {
         expect(component.find(Button_1.default).text()).toEqual('Load more');
         var event = {};
         component.find(Button_1.default).prop('onClick')(event);
-        expect(onClick).toBeCalled();
+        expect(onClick).toHaveBeenCalled();
     });
     it('should render loading state', function () {
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(ReactSelectLoadMoreButton_1.ReactSelectLoadMoreButton, { loading: true, onClick: onClick }));

package/cjs/ReadOnlyAttributesList/ReadOnlyAttributesList.d.ts

@@ -9,12 +9,12 @@ type Props = {
     children?: React.ReactNode;
     className?: string;
     max?: number;
-    alwaysVisibleTypeUris?: string[];
+    fixedTypeUris?: string[];
     showNonOv?: boolean;
     classes?: ReadOnlyAttributeClasses;
 };
 declare const _default: React.MemoExoticComponent<{
-    ({ attrTypes, entity, parentUri, drawLines, children, className, max, alwaysVisibleTypeUris, showNonOv, classes }: Props): JSX.Element;
+    ({ attrTypes, entity, parentUri, drawLines, children, className, max, fixedTypeUris, showNonOv, classes }: Props): JSX.Element;
     displayName: string;
 }>;
 export default _default;

package/cjs/ReadOnlyAttributesList/ReadOnlyAttributesList.js

@@ -44,15 +44,17 @@ var ShowLess_1 = require("../ShowLess");
 var constants_1 = require("../constants");
 var attributesView_1 = require("../helpers/attributesView");
 var HiddenAttributesContext_1 = require("../contexts/HiddenAttributesContext");
+var AllwaysVisibleAttributesContext_1 = require("../contexts/AllwaysVisibleAttributesContext");
 var ReadOnlyAttributesList = function (_a) {
-    var _b = _a.attrTypes, attrTypes = _b === void 0 ? [] : _b, entity = _a.entity, parentUri = _a.parentUri, drawLines = _a.drawLines, children = _a.children, className = _a.className, max = _a.max, _c = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _c === void 0 ? constants_1.ALWAYS_VISIBLE_TYPE_URIS : _c, showNonOv = _a.showNonOv, classes = _a.classes;
+    var _b = _a.attrTypes, attrTypes = _b === void 0 ? [] : _b, entity = _a.entity, parentUri = _a.parentUri, drawLines = _a.drawLines, children = _a.children, className = _a.className, max = _a.max, _c = _a.fixedTypeUris, fixedTypeUris = _c === void 0 ? constants_1.FIXED_TYPE_URIS : _c, showNonOv = _a.showNonOv, classes = _a.classes;
     var hiddenAttributes = (0, react_1.useContext)(HiddenAttributesContext_1.HiddenAttributesContext);
+    var alwaysVisibleAttributes = (0, react_1.useContext)(AllwaysVisibleAttributesContext_1.AlwaysVisibleAttributesContext);
     var entityUri = parentUri && (0, mdm_sdk_1.getBaseUri)(parentUri);
     var currentEntityHiddenAttributes = (0, react_1.useMemo)(function () { return hiddenAttributes[entityUri] || []; }, [hiddenAttributes, entityUri]);
     var filteredAttrTypes = (0, react_1.useMemo)(function () { return (attrTypes || []).filter(function (attrType) { return !currentEntityHiddenAttributes.includes(attrType.uri); }); }, [attrTypes, currentEntityHiddenAttributes]);
     var _d = (0, react_1.useState)(max || Infinity), visibleValuesCount = _d[0], setVisibleValuesCount = _d[1];
-    var pagersData = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getAttributesListForReadMode)(filteredAttrTypes, entity, showNonOv); }, [filteredAttrTypes, entity, showNonOv]);
-    var _e = (0, react_1.useMemo)(function () { return (0, attributesView_1.splitPagersData)(alwaysVisibleTypeUris, pagersData); }, [pagersData, alwaysVisibleTypeUris]), alwaysVisiblePagersData = _e[0], regularPagersData = _e[1];
+    var pagersData = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getAttributesListForReadMode)(filteredAttrTypes, entity, showNonOv, alwaysVisibleAttributes); }, [filteredAttrTypes, entity, showNonOv, alwaysVisibleAttributes]);
+    var _e = (0, react_1.useMemo)(function () { return (0, attributesView_1.splitPagersData)(fixedTypeUris, pagersData); }, [pagersData, fixedTypeUris]), fixedPagersData = _e[0], regularPagersData = _e[1];
     var visibleAttributePagersData = regularPagersData.slice(0, visibleValuesCount);
     var showMore = max && visibleAttributePagersData.length < regularPagersData.length;
     var showLess = max && visibleAttributePagersData.length >= regularPagersData.length && max < visibleAttributePagersData.length;
@@ -67,7 +69,7 @@ var ReadOnlyAttributesList = function (_a) {
     };
     return (react_1.default.createElement("div", { className: className },
         children && react_1.default.createElement(BranchDecorator_1.BranchDecorator, __assign({}, decoratorProps), children),
-        visibleAttributePagersData.concat(alwaysVisiblePagersData).map(function (_a) {
+        visibleAttributePagersData.concat(fixedPagersData).map(function (_a) {
             var attrType = _a.attrType, values = _a.values;
             return (react_1.default.createElement(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager, { key: attrType.uri, attributeType: attrType, drawLines: drawLines, values: values, paging: (0, ramda_1.path)(['paging', attrType.uri], entity.attributes), parentUri: parentUri, showNonOv: showNonOv, classes: classes }));
         }),

package/cjs/ReadOnlyAttributesList/ReadOnlyAttributesList.test.js

@@ -237,7 +237,7 @@ describe('ReadOnlyAttributesList tests', function () {
         expect(showMoreButton.length).toBe(0);
         expect(showLessButton.length).toBe(0);
     });
-    describe('alwaysVisibleTypeUris behavior', function () {
+    describe('fixedTypeUris behavior', function () {
         var attrTypes = __spreadArray(__spreadArray([], attributes_test_data_1.attributesList, true), [mdm_sdk_1.EntityAttrTypes.roles, mdm_sdk_1.EntityAttrTypes.tags], false);
         var entity = {
             attributes: attributes,

package/cjs/ReadOnlyAttributesPager/ReadOnlyAttributesPager.js

@@ -46,13 +46,16 @@ var OneLineRenderer_1 = require("./components/OneLineRenderer");
 var MultiLineRenderer_1 = require("./components/MultiLineRenderer");
 var SpecialRenderer_1 = require("./components/SpecialRenderer");
 var ImageLineRenderer_1 = require("./components/ImageLineRenderer");
+var EmptyRenderer_1 = require("./components/EmptyRenderer");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
+var AllwaysVisibleAttributesContext_1 = require("../contexts/AllwaysVisibleAttributesContext");
 var styles_1 = require("./styles");
 var RENDERER_TYPES = {
     oneLine: 'oneLine',
     multiLine: 'multiLine',
     imageLine: 'imageLine',
-    special: 'special'
+    special: 'special',
+    empty: 'empty'
 };
 var ReadOnlyAttributesPager = function (_a) {
     var _b, _c, _d, _e;
@@ -63,7 +66,9 @@ var ReadOnlyAttributesPager = function (_a) {
     var maxValuesInResponse = (0, MdmModuleContext_1.useMdmMaxValuesInResponse)();
     var max = (_f = maxProp !== null && maxProp !== void 0 ? maxProp : maxValuesInResponse) !== null && _f !== void 0 ? _f : Infinity;
     var partitionByOv = (0, ramda_1.partition)(mdm_sdk_1.isOv);
-    if (!values || !values.length) {
+    var alwaysVisibleAttributes = (0, react_1.useContext)(AllwaysVisibleAttributesContext_1.AlwaysVisibleAttributesContext);
+    var isAlwaysVisible = (0, react_1.useMemo)(function () { return alwaysVisibleAttributes === null || alwaysVisibleAttributes === void 0 ? void 0 : alwaysVisibleAttributes.includes(attributeType.uri); }, [attributeType.uri, alwaysVisibleAttributes]);
+    if (!values || (!values.length && !isAlwaysVisible)) {
         return null;
     }
     var _h = partitionByOv(values), ovValues = _h[0], nonOvValues = _h[1];
@@ -75,11 +80,13 @@ var ReadOnlyAttributesPager = function (_a) {
         ? paging.totalValues - totalVisibleValues
         : nonVisibleValues.length;
     var isOneLineRender = totalVisibleValues === 1 && !(0, mdm_sdk_1.isComplexAttribute)(attributeType);
+    var isEmptyRender = values.length === 0 && isAlwaysVisible;
     var render = function () {
         var type = (0, ramda_1.cond)([
             [mdm_sdk_1.isSpecialAttribute, (0, ramda_1.always)(RENDERER_TYPES.special)],
             [mdm_sdk_1.isImage, (0, ramda_1.always)(RENDERER_TYPES.imageLine)],
             [(0, ramda_1.always)(isOneLineRender), (0, ramda_1.always)(RENDERER_TYPES.oneLine)],
+            [(0, ramda_1.always)(isEmptyRender), (0, ramda_1.always)(RENDERER_TYPES.empty)],
             [ramda_1.T, (0, ramda_1.always)(RENDERER_TYPES.multiLine)]
         ])(attributeType);
         switch (type) {
@@ -91,6 +98,8 @@ var ReadOnlyAttributesPager = function (_a) {
                 return (react_1.default.createElement(ImageLineRenderer_1.ImageLineRenderer, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, parentUri: parentUri, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }));
             case RENDERER_TYPES.special:
                 return react_1.default.createElement(SpecialRenderer_1.SpecialRenderer, { values: visibleValues, attributeType: attributeType, classes: classes });
+            case RENDERER_TYPES.empty:
+                return react_1.default.createElement(EmptyRenderer_1.EmptyRenderer, { attributeType: attributeType, classes: classes });
         }
     };
     return (react_1.default.createElement(BranchDecorator_1.BranchDecorator, { enabled: drawLines, className: (0, classnames_1.default)(__assign((_b = {}, _b[styles.paddingWrapperWithLines] = drawLines, _b), ((classes === null || classes === void 0 ? void 0 : classes.wrapperWithLines) ? (_c = {}, _c[classes === null || classes === void 0 ? void 0 : classes.wrapperWithLines] = drawLines, _c) : {}))) },

package/cjs/ReadOnlyAttributesPager/components/EmptyRenderer/EmptyRenderer.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { AttributeType } from '@reltio/mdm-sdk';
+import { ReadOnlyAttributeClasses } from '../../..';
+type Props = {
+    attributeType: AttributeType;
+    classes?: ReadOnlyAttributeClasses;
+};
+export declare const EmptyRenderer: ({ attributeType, classes }: Props) => JSX.Element;
+export {};

package/cjs/ReadOnlyAttributesPager/components/EmptyRenderer/EmptyRenderer.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyRenderer = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var AttributeTitle_1 = require("../../../AttributeTitle");
+var DescriptionIcon_1 = require("../../../DescriptionIcon");
+var styles_1 = require("../../styles");
+var EmptyRenderer = function (_a) {
+    var attributeType = _a.attributeType, classes = _a.classes;
+    var styles = (0, styles_1.useEmptyStyles)();
+    var label = attributeType.label, description = attributeType.description;
+    return (react_1.default.createElement("div", { "data-reltio-id": "reltio-empty-renderer", className: (0, classnames_1.default)(styles.titleRow, styles.wrapper) },
+        react_1.default.createElement(AttributeTitle_1.AttributeTitle, { label: label, className: (0, classnames_1.default)(styles.title, classes === null || classes === void 0 ? void 0 : classes.title), "data-reltio-id": "reltio-attribute-label" }),
+        react_1.default.createElement(DescriptionIcon_1.DescriptionIcon, { description: description, className: styles.descriptionIcon })));
+};
+exports.EmptyRenderer = EmptyRenderer;

package/cjs/ReadOnlyAttributesPager/components/EmptyRenderer/index.d.ts

@@ -0,0 +1 @@
+export { EmptyRenderer } from './EmptyRenderer';

package/cjs/ReadOnlyAttributesPager/components/EmptyRenderer/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyRenderer = void 0;
+var EmptyRenderer_1 = require("./EmptyRenderer");
+Object.defineProperty(exports, "EmptyRenderer", { enumerable: true, get: function () { return EmptyRenderer_1.EmptyRenderer; } });