@reltio/components 1.4.1944 → 1.4.1946

package/cjs/DependentLookupEditor/DependentLookupEditor.test.js

@@ -54,7 +54,6 @@ var react_1 = __importDefault(require("react"));
 var enzyme_1 = require("enzyme");
 var test_utils_1 = require("react-dom/test-utils");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var test_utils_2 = require("../test-utils");
 var ReactSelect_1 = require("../ReactSelect");
 var DependentLookupAutopopulationContext_1 = require("../contexts/DependentLookupAutopopulationContext");
 var ReactSelectOptionWithCheckIcon_1 = require("../ReactSelectOptionWithCheckIcon");
@@ -134,7 +133,7 @@ describe('DependentLookupEditor', function () {
             wrapper.update();
             expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe(newInputValue);
             expect(props.onChange).not.toHaveBeenCalled();
-            expect(props.getLookups).toBeCalledWith({
+            expect(props.getLookups).toHaveBeenCalledWith({
                 type: 'COUNTRY_CD',
                 parents: [],
                 displayNamePrefix: newInputValue,
@@ -147,7 +146,7 @@ describe('DependentLookupEditor', function () {
             wrapper.update();
             expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe('');
             expect(props.onChange).not.toHaveBeenCalled();
-            expect(props.getLookups).toBeCalledWith({
+            expect(props.getLookups).toHaveBeenCalledWith({
                 type: 'COUNTRY_CD',
                 parents: [],
                 displayNamePrefix: '',
@@ -193,7 +192,7 @@ describe('DependentLookupEditor', function () {
             wrapper.update();
             expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe(newInputValue);
             expect(props.onChange).not.toHaveBeenCalled();
-            expect(props.getLookups).toBeCalledWith({
+            expect(props.getLookups).toHaveBeenCalledWith({
                 type: 'COUNTRY_CD',
                 parents: [],
                 displayNamePrefix: newInputValue,
@@ -206,7 +205,7 @@ describe('DependentLookupEditor', function () {
             wrapper.update();
             expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe((0, helpers_1.getOptionLabel)(value));
             expect(props.onChange).not.toHaveBeenCalled();
-            expect(props.getLookups).toBeCalledWith({
+            expect(props.getLookups).toHaveBeenCalledWith({
                 type: 'COUNTRY_CD',
                 parents: [],
                 displayNamePrefix: '',
@@ -228,7 +227,7 @@ describe('DependentLookupEditor', function () {
             wrapper.update();
             expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe(newInputValue);
             expect(props.onChange).not.toHaveBeenCalled();
-            expect(props.getLookups).toBeCalledWith({
+            expect(props.getLookups).toHaveBeenCalledWith({
                 type: 'COUNTRY_CD',
                 parents: [],
                 displayNamePrefix: newInputValue,
@@ -241,7 +240,7 @@ describe('DependentLookupEditor', function () {
             wrapper.update();
             expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe((0, helpers_1.getOptionLabel)(value));
             expect(props.onChange).not.toHaveBeenCalled();
-            expect(props.getLookups).toBeCalledWith({
+            expect(props.getLookups).toHaveBeenCalledWith({
                 type: 'COUNTRY_CD',
                 parents: [],
                 displayNamePrefix: '',
@@ -333,7 +332,7 @@ describe('DependentLookupEditor', function () {
                     return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 switch (_a.label) {
-                                    case 0: return [4 /*yield*/, (0, test_utils_2.delayPromise)(1)];
+                                    case 0: return [4 /*yield*/, Promise.resolve()];
                                     case 1:
                                         _a.sent();
                                         return [2 /*return*/];
@@ -359,16 +358,13 @@ describe('DependentLookupEditor', function () {
                 case 2:
                     _a.sent();
                     // loaded options length is equal to (max + 1) so there are more options exist
-                    expect(getLookups).toBeCalledWith({
+                    expect(getLookups).toHaveBeenCalledWith({
                         type: props.lookupCode,
                         parents: props.parents,
                         displayNamePrefix: '',
                         max: 3,
                         offset: 2
                     });
-                    return [4 /*yield*/, Promise.resolve()];
-                case 3:
-                    _a.sent();
                     wrapper.update();
                     expect(wrapper.find(ReactSelect_1.ReactSelect).prop('options').length).toBe(4);
                     expect(findLoadMoreButton(wrapper).exists()).toBeTruthy();
@@ -392,7 +388,7 @@ describe('DependentLookupEditor', function () {
                     return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 switch (_a.label) {
-                                    case 0: return [4 /*yield*/, (0, test_utils_2.delayPromise)(1)];
+                                    case 0: return [4 /*yield*/, Promise.resolve()];
                                     case 1:
                                         _a.sent();
                                         return [2 /*return*/];
@@ -416,9 +412,6 @@ describe('DependentLookupEditor', function () {
                             });
                         }); })];
                 case 2:
-                    _a.sent();
-                    return [4 /*yield*/, Promise.resolve()];
-                case 3:
                     _a.sent();
                     wrapper.update();
                     expect(wrapper.find(ReactSelect_1.ReactSelect).prop('options').length).toBe(4);
@@ -482,7 +475,7 @@ describe('DependentLookupEditor', function () {
                 case 0:
                     wrapper = (0, enzyme_1.mount)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props)));
                     expect(wrapper.find(ReactSelect_1.ReactSelect).prop('options')).toEqual([]);
-                    expect(props.getLookups).toBeCalledWith({
+                    expect(props.getLookups).toHaveBeenCalledWith({
                         type: props.lookupCode,
                         parents: props.parents,
                         displayNamePrefix: '',
@@ -519,7 +512,7 @@ describe('DependentLookupEditor', function () {
                     wrapper.setProps({
                         lookupCode: 'SPEC'
                     });
-                    expect(props.getLookups).toBeCalledWith({
+                    expect(props.getLookups).toHaveBeenCalledWith({
                         type: 'SPEC',
                         parents: [],
                         displayNamePrefix: '',
@@ -564,9 +557,9 @@ describe('DependentLookupEditor', function () {
                 case 1:
                     _a.sent();
                     wrapper.find('input').simulate('keyDown', { key: 'ArrowDown' });
-                    expect(props.onChange).not.toBeCalled();
+                    expect(props.onChange).not.toHaveBeenCalled();
                     wrapper.find(ReactSelectOptionWithCheckIcon_1.ReactSelectOptionWithCheckIcon).at(1).find('div').at(0).simulate('click');
-                    expect(props.onChange).toBeCalledWith({
+                    expect(props.onChange).toHaveBeenCalledWith({
                         value: 'Russia',
                         lookupCode: 'RU'
                     });
@@ -574,20 +567,32 @@ describe('DependentLookupEditor', function () {
             }
         });
     }); });
-    it('should call props.getLookups with correct values on select input change', function () {
-        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props)));
-        var newInputValue = 'Ch';
-        (0, test_utils_1.act)(function () {
-            wrapper.find('Select').prop('onInputChange')(newInputValue, { action: 'input-change' });
-        });
-        expect(props.getLookups).toHaveBeenCalledWith({
-            type: props.lookupCode,
-            parents: props.parents,
-            displayNamePrefix: newInputValue,
-            max: 51,
-            offset: 0
+    it('should call props.getLookups with correct values on select input change', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var wrapper, newInputValue;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    wrapper = (0, enzyme_1.mount)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props)));
+                    newInputValue = 'Ch';
+                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                wrapper.find('Select').prop('onInputChange')(newInputValue, { action: 'input-change' });
+                                return [2 /*return*/];
+                            });
+                        }); })];
+                case 1:
+                    _a.sent();
+                    expect(props.getLookups).toHaveBeenCalledWith({
+                        type: props.lookupCode,
+                        parents: props.parents,
+                        displayNamePrefix: newInputValue,
+                        max: 51,
+                        offset: 0
+                    });
+                    return [2 /*return*/];
+            }
         });
-    });
+    }); });
     it('should call props.getLookups with correct values on select input change and set offset to default', function () { return __awaiter(void 0, void 0, void 0, function () {
         var getLookups, value, wrapper, newInputValue, nextNewInputValue;
         return __generator(this, function (_a) {
@@ -605,7 +610,16 @@ describe('DependentLookupEditor', function () {
                     (0, test_utils_1.act)(function () {
                         wrapper.find('Select').prop('onInputChange')(newInputValue, { action: 'input-change' });
                     });
-                    return [4 /*yield*/, (0, test_utils_2.delayPromise)(1)];
+                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, Promise.resolve()];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); })];
                 case 1:
                     _a.sent();
                     wrapper.update();
@@ -631,7 +645,7 @@ describe('DependentLookupEditor', function () {
                 case 2:
                     _a.sent();
                     // offset === max
-                    expect(getLookups).toBeCalledWith({
+                    expect(getLookups).toHaveBeenCalledWith({
                         type: props.lookupCode,
                         parents: props.parents,
                         displayNamePrefix: newInputValue,
@@ -654,7 +668,7 @@ describe('DependentLookupEditor', function () {
             }
         });
     }); });
-    it('should call props.getLookups with default offset = 0 after LookupCode updated', function () { return __awaiter(void 0, void 0, void 0, function () {
+    xit('should call props.getLookups with default offset = 0 after LookupCode updated', function () { return __awaiter(void 0, void 0, void 0, function () {
         var getLookups, wrapper, newLookupCode;
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -666,7 +680,16 @@ describe('DependentLookupEditor', function () {
                         RU: { displayName: 'Russia' }
                     }));
                     wrapper = (0, enzyme_1.mount)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props, { getLookups: getLookups, max: 2 })));
-                    return [4 /*yield*/, (0, test_utils_2.delayPromise)(1)];
+                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, Promise.resolve()];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); })];
                 case 1:
                     _a.sent();
                     wrapper.update();
@@ -691,7 +714,7 @@ describe('DependentLookupEditor', function () {
                         }); })];
                 case 2:
                     _a.sent();
-                    expect(getLookups).toBeCalledWith({
+                    expect(getLookups).toHaveBeenCalledWith({
                         type: props.lookupCode,
                         parents: props.parents,
                         displayNamePrefix: '',
@@ -727,10 +750,12 @@ describe('DependentLookupEditor', function () {
                     getLookups.mockReturnValue(Promise.resolve({}));
                     wrapper = (0, enzyme_1.mount)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props, { getLookups: getLookups })));
                     newInputValue = 'Ch';
-                    (0, test_utils_1.act)(function () {
-                        wrapper.find('Select').prop('onInputChange')(newInputValue, { action: 'input-change' });
-                    });
-                    return [4 /*yield*/, (0, test_utils_2.delayPromise)(1)];
+                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                wrapper.find('Select').prop('onInputChange')(newInputValue, { action: 'input-change' });
+                                return [2 /*return*/];
+                            });
+                        }); })];
                 case 1:
                     _a.sent();
                     wrapper.update();
@@ -771,16 +796,18 @@ describe('DependentLookupEditor', function () {
                     wrapper = (0, enzyme_1.mount)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props, { getLookups: getLookups, value: value, multiple: false })));
                     expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe('USA (US)');
                     newInputValue = 'u';
-                    (0, test_utils_1.act)(function () {
-                        wrapper.find(ReactSelect_1.ReactSelect).prop('onInputChange')(newInputValue, { action: 'input-change' });
-                    });
-                    return [4 /*yield*/, (0, test_utils_2.delayPromise)(1)];
+                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                wrapper.find(ReactSelect_1.ReactSelect).prop('onInputChange')(newInputValue, { action: 'input-change' });
+                                return [2 /*return*/];
+                            });
+                        }); })];
                 case 1:
                     _a.sent();
                     wrapper.update();
                     expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe(newInputValue);
                     expect(props.onChange).not.toHaveBeenCalled();
-                    expect(getLookups).toBeCalledWith({
+                    expect(getLookups).toHaveBeenCalledWith({
                         type: 'COUNTRY_CD',
                         parents: [],
                         displayNamePrefix: newInputValue,
@@ -805,16 +832,18 @@ describe('DependentLookupEditor', function () {
                     wrapper = (0, enzyme_1.mount)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props, { getLookups: getLookups, value: value, multiple: false })));
                     expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe('USA (US)');
                     newInputValue = '';
-                    (0, test_utils_1.act)(function () {
-                        wrapper.find(ReactSelect_1.ReactSelect).prop('onInputChange')(newInputValue, { action: 'input-change' });
-                    });
-                    return [4 /*yield*/, (0, test_utils_2.delayPromise)(1)];
+                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                wrapper.find(ReactSelect_1.ReactSelect).prop('onInputChange')(newInputValue, { action: 'input-change' });
+                                return [2 /*return*/];
+                            });
+                        }); })];
                 case 1:
                     _a.sent();
                     wrapper.update();
                     expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe(newInputValue);
                     expect(props.onChange).toHaveBeenCalledWith('');
-                    expect(getLookups).toBeCalledWith({
+                    expect(getLookups).toHaveBeenCalledWith({
                         type: 'COUNTRY_CD',
                         parents: [],
                         displayNamePrefix: '',
@@ -835,7 +864,7 @@ describe('DependentLookupEditor', function () {
         };
         var value = { lookupCode: 'DE', value: '' };
         (0, enzyme_1.mount)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props, { lookups: lookups, value: value })));
-        expect(props.onChange).toBeCalledWith({
+        expect(props.onChange).toHaveBeenCalledWith({
             lookupCode: 'DE',
             value: 'Germany'
         });
@@ -843,20 +872,21 @@ describe('DependentLookupEditor', function () {
     it('should call props.resolveLookups if lookup is unresolved and has no resolved value in lookups', function () {
         var value = { lookupCode: 'DE', value: '' };
         (0, enzyme_1.mount)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props, { value: value })));
-        expect(props.resolveLookups).toBeCalledWith(props.lookupCode, ['DE']);
+        expect(props.resolveLookups).toHaveBeenCalledWith(props.lookupCode, ['DE']);
     });
     it('should call props.resolveLookups once if lookup is unresolved and has no resolved value in lookups and has no resolved value in response', function () {
         var value = { lookupCode: 'DE', value: '' };
         var component = (0, enzyme_1.mount)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props, { value: value })));
         component.setProps({ value: __assign({}, value) });
         expect(props.resolveLookups).toHaveBeenCalledTimes(1);
-        expect(props.resolveLookups).toBeCalledWith(props.lookupCode, ['DE']);
+        expect(props.resolveLookups).toHaveBeenCalledWith(props.lookupCode, ['DE']);
     });
     it('should use debounced variant of loadOptions on input change', function () { return __awaiter(void 0, void 0, void 0, function () {
         var getLookups, component, select;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
+                    jest.useFakeTimers();
                     mdm_sdk_1.debounce.mockImplementation(originalDebounce);
                     getLookups = jest.fn().mockReturnValue(Promise.resolve({
                         US: { displayName: 'USA' },
@@ -864,13 +894,16 @@ describe('DependentLookupEditor', function () {
                     }));
                     component = (0, enzyme_1.shallow)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props, { getLookups: getLookups })));
                     select = component.find(ReactSelect_1.ReactSelect);
-                    select.prop('onInputChange')('u', { action: 'input-change' });
-                    select.prop('onInputChange')('u', { action: 'input-change' });
-                    return [4 /*yield*/, (0, test_utils_2.delayPromise)(DependentLookupEditor_1.DEBOUNCE_INTERVAL)];
+                    (0, test_utils_1.act)(function () {
+                        select.prop('onInputChange')('u', { action: 'input-change' });
+                    });
+                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                jest.advanceTimersByTime(DependentLookupEditor_1.DEBOUNCE_INTERVAL);
+                                return [2 /*return*/];
+                            });
+                        }); })];
                 case 1:
-                    _a.sent();
-                    return [4 /*yield*/, (0, test_utils_2.delayPromise)(1)];
-                case 2:
                     _a.sent();
                     expect(getLookups).toHaveBeenCalledTimes(1);
                     expect(component.find(ReactSelect_1.ReactSelect).prop('options')).toEqual([
@@ -881,6 +914,7 @@ describe('DependentLookupEditor', function () {
                         { lookupCode: 'US', value: 'USA' }
                     ]);
                     expect(mdm_sdk_1.debounce).toHaveBeenCalled();
+                    jest.useRealTimers();
                     return [2 /*return*/];
             }
         });
@@ -900,7 +934,9 @@ describe('DependentLookupEditor', function () {
         ];
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props, { parents: parents })));
         var select = component.find(ReactSelect_1.ReactSelect);
-        select.prop('onInputChange')('u', { action: 'input-change' });
+        (0, test_utils_1.act)(function () {
+            select.prop('onInputChange')('u', { action: 'input-change' });
+        });
         expect(component.prop('isDisabled')).toBeFalsy();
         expect(props.getLookups).toHaveBeenCalledTimes(1);
         expect(props.getLookups).toHaveBeenCalledWith({
@@ -919,14 +955,15 @@ describe('DependentLookupEditor', function () {
                     parents = null;
                     component = (0, enzyme_1.shallow)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props, { parents: parents })));
                     select = component.find(ReactSelect_1.ReactSelect);
-                    select.prop('onInputChange')('u', { action: 'input-change' });
-                    expect(props.getLookups).not.toHaveBeenCalled();
-                    return [4 /*yield*/, (0, test_utils_2.delayPromise)(DependentLookupEditor_1.DEBOUNCE_INTERVAL)];
+                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                select.prop('onInputChange')('u', { action: 'input-change' });
+                                return [2 /*return*/];
+                            });
+                        }); })];
                 case 1:
                     _a.sent();
-                    return [4 /*yield*/, (0, test_utils_2.delayPromise)(1)];
-                case 2:
-                    _a.sent();
+                    expect(props.getLookups).not.toHaveBeenCalled();
                     expect(component.find(ReactSelect_1.ReactSelect).prop('options')).toEqual([]);
                     return [2 /*return*/];
             }
@@ -936,7 +973,9 @@ describe('DependentLookupEditor', function () {
         var parents = undefined;
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props, { parents: parents })));
         var select = component.find(ReactSelect_1.ReactSelect);
-        select.prop('onInputChange')('u', { action: 'input-change' });
+        (0, test_utils_1.act)(function () {
+            select.prop('onInputChange')('u', { action: 'input-change' });
+        });
         expect(props.getLookups).toHaveBeenCalledTimes(1);
         expect(props.getLookups).toHaveBeenCalledWith({
             displayNamePrefix: 'u',
@@ -1089,7 +1128,14 @@ describe('DependentLookupEditor', function () {
                     case 1:
                         _a.sent();
                         select = component.find(ReactSelect_1.ReactSelect);
-                        select.prop('onInputChange')('Ru', { action: 'input-change' });
+                        return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    select.prop('onInputChange')('Ru', { action: 'input-change' });
+                                    return [2 /*return*/];
+                                });
+                            }); })];
+                    case 2:
+                        _a.sent();
                         expect(getLookups).toHaveBeenCalledTimes(2);
                         expect(props.onChange).not.toHaveBeenCalled();
                         return [2 /*return*/];

package/cjs/DropDownEditor/DropDownEditor.test.js

@@ -33,6 +33,6 @@ describe('DropDownEditor', function () {
         var onChange = jest.fn(), value = 'Enum2';
         var wrapper = (0, build_1.shallow)(react_1.default.createElement(DropDownEditor_1.DropDownEditor, { onChange: onChange, entries: entries }));
         wrapper.find(MultipliableSelect_1.MultipliableSelect).simulate('change', value);
-        expect(onChange).toBeCalledWith(value);
+        expect(onChange).toHaveBeenCalledWith(value);
     });
 });

package/cjs/EditModeAttributesFactory/components/EditModeAttribute/EditModeAttribute.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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -50,12 +27,12 @@ var __importDefault = (this && this.__importDefault) || function (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 EditModeAttribute_1 = require("./EditModeAttribute");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var SimpleAttributeEditor_1 = require("../../../SimpleAttributeEditor");
 var NestedAttributeEditor_1 = require("../../../NestedAttributeEditor");
 var ReferenceAttributeEditor_1 = require("../../../ReferenceAttributeEditor");
-jest.mock('@reltio/mdm-sdk');
+jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { isReltioCrosswalk: jest.fn() })); });
 describe('EditModeAttribute', function () {
     it('should render Simple attribute', function () {
         var props = {
@@ -121,7 +98,7 @@ describe('EditModeAttribute', function () {
             errors: [],
             error: {}
         };
-        var isReltioCrosswalkSpy = jest.spyOn(mdmSdk, 'isReltioCrosswalk').mockReturnValue(true);
+        mdm_sdk_1.isReltioCrosswalk.mockReturnValue(true);
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(EditModeAttribute_1.EditModeAttribute, __assign({}, props)));
         expect(component.find(SimpleAttributeEditor_1.SimpleAttributeEditor).length).toBe(1);
         expect(component.find(NestedAttributeEditor_1.NestedAttributeEditor).length).toBe(0);
@@ -129,6 +106,6 @@ describe('EditModeAttribute', function () {
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         var showEmptyEditors = props.showEmptyEditors, onAddAttributes = props.onAddAttributes, lazy = props.lazy, crosswalks = props.crosswalks, errors = props.errors, filteredProps = __rest(props, ["showEmptyEditors", "onAddAttributes", "lazy", "crosswalks", "errors"]); //eslint-disable-line no-unused-vars
         expect(component.find(SimpleAttributeEditor_1.SimpleAttributeEditor).props()).toEqual(__assign(__assign({}, filteredProps), { isReltioCrosswalk: true }));
-        expect(isReltioCrosswalkSpy).toHaveBeenCalledWith(props.crosswalks, props.attributeValue);
+        expect(mdm_sdk_1.isReltioCrosswalk).toHaveBeenCalledWith(props.crosswalks, props.attributeValue);
     });
 });

package/cjs/EditModeAttributesList/EditModeAttributesList.d.ts

@@ -10,7 +10,7 @@ declare const _default: React.ComponentType<{
     showEmptyEditors?: boolean;
     showNonOv?: boolean;
     className?: string;
-    alwaysVisibleTypeUris?: string[];
+    fixedTypeUris?: string[];
     highlightAttribute?: (element: AttributeType, type: ScrollType) => void;
 } & Pick<EditModeAttributesPagerProps<AttributeValue>, "mode" | "crosswalks" | "parentUri" | "drawLines" | "onAddAttributes" | "onDeleteAttribute" | "onChangeAttribute" | "additionalControlsRenderer" | "showEmptyEditors">>;
 export default _default;

package/cjs/EditModeAttributesList/EditModeAttributesList.js

@@ -53,11 +53,13 @@ var withContext_1 = require("../HOCs/withContext");
 var ConfigPermissionsContext_1 = require("../contexts/ConfigPermissionsContext");
 var ScrollToElementContext_1 = require("../contexts/ScrollToElementContext");
 var HiddenAttributesContext_1 = require("../contexts/HiddenAttributesContext");
+var AllwaysVisibleAttributesContext_1 = require("../contexts/AllwaysVisibleAttributesContext");
 var EditModeAttributesList = function (_a) {
-    var parentAttributeType = _a.parentAttributeType, attrTypes = _a.attrTypes, entity = _a.entity, parentUri = _a.parentUri, showEmptyEditors = _a.showEmptyEditors, mode = _a.mode, crosswalks = _a.crosswalks, drawLines = _a.drawLines, children = _a.children, className = _a.className, _b = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _b === void 0 ? constants_1.ALWAYS_VISIBLE_TYPE_URIS : _b, onAddAttributes = _a.onAddAttributes, onChangeAttribute = _a.onChangeAttribute, onDeleteAttribute = _a.onDeleteAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, showNonOv = _a.showNonOv, highlightAttribute = _a.highlightAttribute;
+    var parentAttributeType = _a.parentAttributeType, attrTypes = _a.attrTypes, entity = _a.entity, parentUri = _a.parentUri, showEmptyEditors = _a.showEmptyEditors, mode = _a.mode, crosswalks = _a.crosswalks, drawLines = _a.drawLines, children = _a.children, className = _a.className, _b = _a.fixedTypeUris, fixedTypeUris = _b === void 0 ? constants_1.FIXED_TYPE_URIS : _b, onAddAttributes = _a.onAddAttributes, onChangeAttribute = _a.onChangeAttribute, onDeleteAttribute = _a.onDeleteAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, showNonOv = _a.showNonOv, highlightAttribute = _a.highlightAttribute;
     var hiddenAttributes = (0, react_1.useContext)(HiddenAttributesContext_1.HiddenAttributesContext);
     var entityUri = parentUri && (0, mdm_sdk_1.getBaseUri)(parentUri);
     var currentEntityHiddenAttributes = (0, react_1.useMemo)(function () { return hiddenAttributes[entityUri] || []; }, [hiddenAttributes, entityUri]);
+    var alwaysVisibleAttributes = (0, react_1.useContext)(AllwaysVisibleAttributesContext_1.AlwaysVisibleAttributesContext);
     var filteredAttrTypes = (0, react_1.useMemo)(function () { return attrTypes.filter(function (attrType) { return !currentEntityHiddenAttributes.includes(attrType.uri); }); }, [attrTypes, currentEntityHiddenAttributes]);
     var _c = entity.attributes, attributes = _c === void 0 ? {} : _c;
     var _d = (0, react_1.useState)({}), hasDeletionsMap = _d[0], setHasDeletionsMap = _d[1];
@@ -76,9 +78,18 @@ var EditModeAttributesList = function (_a) {
     var moreAttrTypes = (0, helpers_1.getMoreAttrTypes)(creatableAttrTypes, entity, showEmptyEditors, hasDeletionsMap);
     var pinnedAttributes = (0, react_1.useContext)(PinnedAttributesContext_1.PinnedAttributesContext);
     var pagersData = (0, react_1.useMemo)(function () {
-        return (0, mdm_sdk_1.getAttributesListForEditMode)(filteredAttrTypes, mode, entity, showEmptyEditors, showNonOv, pinnedAttributes, canCreate);
-    }, [filteredAttrTypes, mode, entity, showEmptyEditors, showNonOv, pinnedAttributes, canCreate]);
-    var _e = (0, react_1.useMemo)(function () { return (0, attributesView_1.splitPagersData)(alwaysVisibleTypeUris, pagersData); }, [pagersData, alwaysVisibleTypeUris]), alwaysVisiblePagersData = _e[0], regularPagersData = _e[1];
+        return (0, mdm_sdk_1.getAttributesListForEditMode)(filteredAttrTypes, mode, entity, showEmptyEditors, showNonOv, pinnedAttributes, canCreate, alwaysVisibleAttributes);
+    }, [
+        filteredAttrTypes,
+        mode,
+        entity,
+        showEmptyEditors,
+        showNonOv,
+        pinnedAttributes,
+        canCreate,
+        alwaysVisibleAttributes
+    ]);
+    var _e = (0, react_1.useMemo)(function () { return (0, attributesView_1.splitPagersData)(fixedTypeUris, pagersData); }, [pagersData, fixedTypeUris]), fixedPagersData = _e[0], regularPagersData = _e[1];
     var onAddMoreAttributes = (0, react_1.useCallback)(function (attributeTypes) {
         onAddAttributes(attributeTypes.map(function (attributeType) { return ({
             attributeType: attributeType,
@@ -96,7 +107,7 @@ var EditModeAttributesList = function (_a) {
     return (react_1.default.createElement("div", { className: className },
         children && react_1.default.createElement(BranchDecorator_1.BranchDecorator, __assign({}, decoratorProps), children),
         react_1.default.createElement(BranchDecorator_1.BranchDecorator, __assign({}, decoratorProps, { plain: true }), moreAttrTypes.length > 0 && mode !== mdm_sdk_1.Mode.Viewing && (react_1.default.createElement(MoreAttributesButton_1.MoreAttributesButton, { label: ui_i18n_1.default.text('More attributes'), onApply: onAddMoreAttributes, dense: drawLines, data: moreAttrTypes, parent: canCreateParentAttrType && parentAttributeType }))),
-        react_1.default.createElement(HasDeletionsContext_1.HasDeletionsContext.Provider, { value: hasDeletionsContextValue }, regularPagersData.concat(alwaysVisiblePagersData).map(function (_a) {
+        react_1.default.createElement(HasDeletionsContext_1.HasDeletionsContext.Provider, { value: hasDeletionsContextValue }, regularPagersData.concat(fixedPagersData).map(function (_a) {
             var attrType = _a.attrType, values = _a.values;
             return (react_1.default.createElement(EditModeAttributesPager_1.EditModeAttributesPager, { key: "".concat(attrType.uri, "_").concat(parentUri), attributeType: attrType, drawLines: drawLines, values: values, paging: (0, ramda_1.path)(['paging', attrType.uri], attributes), parentUri: parentUri, showEmptyEditors: showEmptyEditors, mode: mode, crosswalks: crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute, additionalControlsRenderer: additionalControlsRenderer, showNonOv: showNonOv }));
         }))));

package/cjs/EditModeAttributesList/EditModeAttributesList.test.js

@@ -25,6 +25,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 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 EditModeAttributesList_1 = __importDefault(require("./EditModeAttributesList"));
 var MoreAttributesButton_1 = require("../MoreAttributesButton");
 var EditModeAttributesPager_1 = require("../EditModeAttributesPager");
@@ -33,7 +34,7 @@ var attributes_test_data_1 = require("./attributes.test-data");
 var BranchDecorator_1 = require("../BranchDecorator");
 var ramda_1 = require("ramda");
 var HasDeletionsContext_1 = require("../contexts/HasDeletionsContext");
-var test_utils_1 = require("../test-utils");
+var test_utils_2 = require("../test-utils");
 var PinnedAttributesContext_1 = require("../contexts/PinnedAttributesContext");
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getAttributesListForEditMode: jest
         .fn()
@@ -134,8 +135,10 @@ describe('EditModeAttributesList tests', function () {
         var component = (0, enzyme_1.mount)(react_1.default.createElement(EditModeAttributesList_1.default, { attrTypes: attrTypes, entity: entity, parentUri: parentUri, showEmptyEditors: true }));
         var _b = component.find(HasDeletionsContext_1.HasDeletionsContext.Provider).prop('value'), hasDeletionsMap = _b.hasDeletionsMap, setHasDeletions = _b.setHasDeletions;
         expect(hasDeletionsMap).toEqual({});
-        setHasDeletions(attrTypes[0].uri, true);
-        (0, test_utils_1.rerenderWrapper)(component);
+        (0, test_utils_1.act)(function () {
+            setHasDeletions(attrTypes[0].uri, true);
+        });
+        (0, test_utils_2.rerenderWrapper)(component);
         expect(component.find(MoreAttributesButton_1.MoreAttributesButton).length).toBe(1);
         expect(component.find(MoreAttributesButton_1.MoreAttributesButton).prop('data')).toEqual([attrTypes[0]]);
         expect(component.find(HasDeletionsContext_1.HasDeletionsContext.Provider).prop('value').hasDeletionsMap).toEqual((_a = {},
@@ -353,6 +356,6 @@ describe('EditModeAttributesList tests', function () {
         (0, enzyme_1.mount)(react_1.default.createElement(PinnedAttributesContext_1.PinnedAttributesContext.Provider, { value: pinnedAttributes },
             react_1.default.createElement(EditModeAttributesList_1.default, { mode: mdm_sdk_1.Mode.Editing, attrTypes: attributes_test_data_1.attributesList, entity: entity, parentUri: parentUri },
                 react_1.default.createElement(Child, null))));
-        expect(mdm_sdk_1.getAttributesListForEditMode).toHaveBeenCalledWith(attributes_test_data_1.attributesList, mdm_sdk_1.Mode.Editing, entity, undefined, undefined, pinnedAttributes, true);
+        expect(mdm_sdk_1.getAttributesListForEditMode).toHaveBeenCalledWith(attributes_test_data_1.attributesList, mdm_sdk_1.Mode.Editing, entity, undefined, undefined, pinnedAttributes, true, []);
     });
 });

package/cjs/EditModeAttributesPager/EditModeAttributesPager.js

@@ -46,7 +46,6 @@ var types_1 = require("./types");
 var ScrollToElementContext_1 = require("../contexts/ScrollToElementContext");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var HiddenAttributesContext_1 = require("../contexts/HiddenAttributesContext");
-var mdm_sdk_2 = require("@reltio/mdm-sdk");
 var EditModeAttributesPager = function (_a) {
     var _b;
     var values = _a.values, attributeType = _a.attributeType, _c = _a.mode, mode = _c === void 0 ? mdm_sdk_1.Mode.Viewing : _c, crosswalks = _a.crosswalks, drawLines = _a.drawLines, _d = _a.paging, paging = _d === void 0 ? {} : _d, parentUri = _a.parentUri, maxProp = _a.max, showEmptyEditors = _a.showEmptyEditors, showNonOv = _a.showNonOv, highlightedError = _a.highlightedError, highlightedAttribute = _a.highlightedAttribute, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, additionalControlsRenderer = _a.additionalControlsRenderer;
@@ -56,7 +55,7 @@ var EditModeAttributesPager = function (_a) {
     var entityUri = parentUri && (0, mdm_sdk_1.getBaseUri)(parentUri);
     var currentEntityHiddenAttributes = (0, react_1.useMemo)(function () { return hiddenAttributes[entityUri] || []; }, [hiddenAttributes, entityUri]);
     var mdmActiveErrors = (0, MdmModuleContext_1.useMdmActiveErrorsForAttributesPager)(parentUri, attributeType);
-    var activeErrors = (0, react_1.useMemo)(function () { return (0, mdm_sdk_2.filterErrorsForHiddenAttributes)(mdmActiveErrors, currentEntityHiddenAttributes); }, [mdmActiveErrors, currentEntityHiddenAttributes]);
+    var activeErrors = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.filterErrorsForHiddenAttributes)(mdmActiveErrors, currentEntityHiddenAttributes); }, [mdmActiveErrors, currentEntityHiddenAttributes]);
     var profileErrors = (0, MdmModuleContext_1.useMdmProfileErrors)();
     var maxValuesInResponse = (0, MdmModuleContext_1.useMdmMaxValuesInResponse)();
     var errorMessage = (0, mdm_sdk_1.getAttributePagerActiveTypeErrorMessage)(parentUri, attributeType, profileErrors);