@reltio/components 1.4.2070 → 1.4.2072

package/cjs/ReadOnlyAttributesList/ReadOnlyAttributesList.js

@@ -44,11 +44,11 @@ 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 AlwaysVisibleAttributesContext_1 = require("../contexts/AlwaysVisibleAttributesContext");
 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.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 alwaysVisibleAttributes = (0, react_1.useContext)(AlwaysVisibleAttributesContext_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]);

package/cjs/ReadOnlyAttributesList/ReadOnlyAttributesList.test.js

@@ -10,6 +10,42 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -24,95 +60,100 @@ 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 ReadOnlyAttributesList_1 = __importDefault(require("./ReadOnlyAttributesList"));
-var ReadOnlyAttributesPager_1 = require("../ReadOnlyAttributesPager");
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var BranchDecorator_1 = require("../BranchDecorator");
-var ShowMore_1 = require("../ShowMore");
-var ShowLess_1 = require("../ShowLess");
+var ReadOnlyAttributesList_1 = __importDefault(require("./ReadOnlyAttributesList"));
 var attributes_test_data_1 = require("./attributes.test-data");
-var test_utils_1 = require("../test-utils");
-describe('ReadOnlyAttributesList tests', function () {
-    var attributes = {
+var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
+var defaultEntity = {
+    type: 'configuration/entityTypes/HCP',
+    uri: 'entities/xT3HJZ7',
+    attributes: {
         Role: [
             {
                 ov: true,
-                type: 'configuration/relationTypes/knowledge/attributes/Role',
-                uri: 'relations/8908/Role',
-                value: ''
+                type: 'configuration/entityTypes/HCP/attributes/Role',
+                uri: 'entities/xT3HJZ7/attributes/Role/nAs391Ab',
+                value: 'Some role 1'
             },
             {
                 ov: true,
-                type: 'configuration/relationTypes/knowledge/attributes/Role',
-                uri: 'relations/8909/Role',
-                value: 'Some role'
+                type: 'configuration/entityTypes/HCP/attributes/Role',
+                uri: 'entities/xT3HJZ7/attributes/Role/8AmySE1',
+                value: 'Some role 2'
             }
         ],
         Name: [
             {
                 ov: true,
-                type: 'configuration/relationTypes/knowledge/attributes/Name',
-                uri: 'relations/8808/Name',
-                value: ''
+                type: 'configuration/entityTypes/HCP/attributes/Name',
+                uri: 'entities/xT3HJZ7/attributes/Name/8Ans02G',
+                value: 'Some name'
             }
         ],
         LastName: [
             {
                 ov: true,
-                type: 'configuration/relationTypes/knowledge/attributes/LastName',
-                uri: 'relations/7808/LastName',
-                value: ''
+                type: 'configuration/entityTypes/HCP/attributes/LastName',
+                uri: 'entities/xT3HJZ7/attributes/LastName/pZXO45h',
+                value: 'Some last name'
             }
         ],
         paging: {
-            'configuration/relationTypes/knowledge/attributes/Role': {
+            'configuration/entityTypes/HCP/attributes/Role': {
                 totalOvValues: 4,
                 totalValues: 4
             }
         }
+    }
+};
+var defaultMetadata = {
+    entityTypes: [{ uri: 'configuration/entityTypes/HCP', label: 'HCP', attributes: attributes_test_data_1.attributesList }]
+};
+var defaultProps = {
+    entity: defaultEntity,
+    attrTypes: attributes_test_data_1.attributesList,
+    parentUri: 'entities/xT3HJZ7'
+};
+var defaultMdmValues = {
+    metadata: defaultMetadata,
+    entity: defaultEntity
+};
+var setUp = function (_a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? defaultMdmValues : _d;
+    var user = user_event_1.default.setup();
+    var Providers = function (_a) {
+        var children = _a.children;
+        return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues }, children));
     };
-    var entity = { attributes: attributes };
-    var parentUri = 'entities/xT3HJZ7';
+    return __assign(__assign({}, (0, react_2.render)(react_1.default.createElement(ReadOnlyAttributesList_1.default, __assign({}, props)), { wrapper: Providers })), { user: user });
+};
+describe('Read only attributes list tests', function () {
     it('should render pagers for not hidden attribute types and for existing attributes', function () {
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ReadOnlyAttributesList_1.default, { attrTypes: attributes_test_data_1.attributesList, entity: entity, parentUri: parentUri }));
-        var pagers = component.find(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager);
-        expect(pagers.length).toBe(2);
-        pagers.forEach(function (pager) {
-            expect(pager.prop('attributeType').hidden).toBeFalsy();
-            var shouldHasPaging = pager.prop('attributeType').uri === 'configuration/relationTypes/knowledge/attributes/Role';
-            expect(pager.prop('paging')).toBe(shouldHasPaging ? attributes.paging['configuration/relationTypes/knowledge/attributes/Role'] : undefined);
-        });
+        setUp();
+        var multiLineRenderer = react_2.screen.getByTestId('multi-line-renderer');
+        var multiLineRendererLabel = (0, react_2.within)(multiLineRenderer).getByTestId('reltio-attribute-label');
+        var multiLineRendererValues = (0, react_2.within)(multiLineRenderer).getAllByTestId('reltio-attribute-value');
+        expect(multiLineRendererLabel).toHaveTextContent('Role');
+        expect(multiLineRendererValues).toHaveLength(2);
+        expect(multiLineRendererValues[0]).toHaveTextContent('Some role 1');
+        expect(multiLineRendererValues[1]).toHaveTextContent('Some role 2');
+        var oneLineRenderer = react_2.screen.getByTestId('one-line-renderer');
+        var oneLineRendererLabel = (0, react_2.within)(oneLineRenderer).getByTestId('reltio-attribute-label');
+        var oneLineRendererValues = (0, react_2.within)(oneLineRenderer).getAllByTestId('reltio-attribute-value');
+        expect(oneLineRendererLabel).toHaveTextContent('Name');
+        expect(oneLineRendererValues).toHaveLength(1);
+        expect(oneLineRendererValues[0]).toHaveTextContent('Some name');
     });
     it('should render pagers for attributes and analytics attributes with same name', function () {
-        var attributes = {
-            Name: [
-                {
-                    ov: true,
-                    type: 'configuration/relationTypes/knowledge/attributes/Name',
-                    uri: 'relations/8808/Name',
-                    value: 'SimpleName'
-                }
-            ]
-        };
-        var analyticsAttributes = {
-            Name: [
-                {
-                    ov: true,
-                    type: 'configuration/relationTypes/knowledge/analyticsAttributes/Name',
-                    uri: 'relations/8808/Name',
-                    value: 'analyticsName'
-                }
-            ]
-        };
-        var entity = { attributes: attributes, analyticsAttributes: analyticsAttributes };
         var attrTypes = [
             {
                 label: 'Name',
                 name: 'Name',
                 type: 'String',
                 hidden: false,
-                uri: 'configuration/relationTypes/knowledge/attributes/Name',
+                uri: 'configuration/entityTypes/HCP/attributes/Name',
                 access: ['CREATE', 'READ', 'INITIATE_CHANGE_REQUEST', 'UPDATE']
             },
             {
@@ -120,183 +161,185 @@ describe('ReadOnlyAttributesList tests', function () {
                 name: 'Name',
                 type: 'String',
                 hidden: false,
-                uri: 'configuration/relationTypes/knowledge/analyticsAttributes/Name',
+                uri: 'configuration/entityTypes/HCP/analyticsAttributes/Name',
                 access: ['CREATE', 'READ', 'INITIATE_CHANGE_REQUEST', 'UPDATE']
             }
         ];
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ReadOnlyAttributesList_1.default, { attrTypes: attrTypes, entity: entity }));
-        var pagers = component.find(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager);
-        expect(pagers.length).toBe(2);
-        expect(pagers.at(0).prop('attributeType')).toEqual(attrTypes[0]);
-        expect(pagers.at(0).prop('values')).toEqual(attributes.Name);
-        expect(pagers.at(1).prop('attributeType')).toEqual(attrTypes[1]);
-        expect(pagers.at(1).prop('values')).toEqual(analyticsAttributes.Name);
+        var entity = __assign(__assign({}, defaultEntity), { attributes: {
+                Name: [
+                    {
+                        ov: true,
+                        type: 'configuration/entityTypes/HCP/attributes/Name',
+                        uri: 'entities/xT3HJZ7/attributes/Name/8Ans02G',
+                        value: 'Simple Name value'
+                    }
+                ]
+            }, analyticsAttributes: {
+                Name: [
+                    {
+                        ov: true,
+                        type: 'configuration/entityTypes/HCP/analyticsAttributes/Name',
+                        uri: 'entities/xT3HJZ7/analyticsAttributes/Name/Bh20IkX',
+                        value: 'Analytics Name value'
+                    }
+                ]
+            } });
+        var props = __assign(__assign({}, defaultProps), { attrTypes: attrTypes, entity: entity });
+        setUp({ props: props });
+        var oneLineRenderers = react_2.screen.getAllByTestId('one-line-renderer');
+        (0, react_2.within)(oneLineRenderers[0]).getByText('Name');
+        (0, react_2.within)(oneLineRenderers[0]).getByText('Simple Name value');
+        (0, react_2.within)(oneLineRenderers[1]).getByText('Analytics Name');
+        (0, react_2.within)(oneLineRenderers[1]).getByText('Analytics Name value');
     });
     it('should not render pagers for attribute type without READ permission', function () {
         var attrTypes = __spreadArray([], attributes_test_data_1.attributesList, true);
         attrTypes[0] = __assign({}, attrTypes[0]);
         attrTypes[0].access = ['DELETE', 'UPDATE'];
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ReadOnlyAttributesList_1.default, { attrTypes: attrTypes, entity: entity, parentUri: parentUri }));
-        var pager = component.find(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager);
-        expect(pager.length).toBe(1);
-        expect(pager.prop('attributeType').hidden).toBeFalsy();
+        var props = __assign(__assign({}, defaultProps), { attrTypes: attrTypes });
+        setUp({ props: props });
+        react_2.screen.getByText('Name');
+        expect(react_2.screen.queryByText('Role')).not.toBeInTheDocument();
     });
     it('should not render pagers for attributes without ov values', function () {
-        var attrs = __assign(__assign({}, attributes), { Role: [
-                {
-                    //missing 'ov' should be interpreted as ov value
-                    type: 'configuration/relationTypes/knowledge/attributes/Role',
-                    uri: 'relations/8908/Role',
-                    value: ''
-                },
-                {
-                    ov: false,
-                    type: 'configuration/relationTypes/knowledge/attributes/Role',
-                    uri: 'relations/8909/Role',
-                    value: 'Some role'
-                }
-            ], Name: [
-                {
-                    ov: false,
-                    type: 'configuration/relationTypes/knowledge/attributes/Name',
-                    uri: 'relations/8808/Name',
-                    value: ''
-                }
-            ] });
-        var entity = { attributes: attrs };
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ReadOnlyAttributesList_1.default, { attrTypes: attributes_test_data_1.attributesList, entity: entity, parentUri: parentUri }));
-        var pager = component.find(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager);
-        expect(pager.length).toBe(1);
-        expect(pager.prop('attributeType').name).toBe('Role');
+        var entity = __assign(__assign({}, defaultEntity), { attributes: __assign(__assign({}, defaultEntity.attributes), { Role: [
+                    {
+                        //missing 'ov' should be interpreted as ov value
+                        type: 'configuration/entityTypes/HCP/attributes/Role',
+                        uri: 'entities/xT3HJZ7/attributes/Role/nAs391Ab',
+                        value: 'Some role 1'
+                    },
+                    {
+                        ov: false,
+                        type: 'configuration/entityTypes/HCP/attributes/Role',
+                        uri: 'entities/xT3HJZ7/attributes/Role/8AmySE1',
+                        value: 'Some role 2'
+                    }
+                ], Name: [
+                    {
+                        ov: false,
+                        type: 'configuration/entityTypes/HCP/attributes/Name',
+                        uri: 'entities/xT3HJZ7/attributes/Name/8Ans02G',
+                        value: 'Some name'
+                    }
+                ] }) });
+        var props = __assign(__assign({}, defaultProps), { entity: entity });
+        setUp({ props: props });
+        expect(react_2.screen.getByTestId('reltio-attribute-label')).toHaveTextContent('Role');
+        expect(react_2.screen.getByTestId('reltio-attribute-value')).toHaveTextContent('Some role 1');
     });
     it('should render pagers for attributes with ov false if showNonOv is true', function () {
-        var attrs = __assign(__assign({}, attributes), { Name: [
-                {
-                    ov: false,
-                    type: 'configuration/relationTypes/knowledge/attributes/Name',
-                    uri: 'relations/8808/Name',
-                    value: ''
-                }
-            ] });
-        var entity = { attributes: attrs };
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ReadOnlyAttributesList_1.default, { attrTypes: attributes_test_data_1.attributesList, entity: entity, parentUri: parentUri, showNonOv: true }));
-        var pager = component.find(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager);
-        expect(pager.length).toBe(2);
+        var entity = __assign(__assign({}, defaultEntity), { attributes: __assign(__assign({}, defaultEntity.attributes), { Name: [
+                    {
+                        ov: false,
+                        type: 'configuration/entityTypes/HCP/attributes/Name',
+                        uri: 'entities/xT3HJZ7/attributes/Name/8Ans02G',
+                        value: 'Some name'
+                    }
+                ] }) });
+        var props = __assign(__assign({}, defaultProps), { entity: entity, showNonOv: true });
+        setUp({ props: props });
+        react_2.screen.getByText('Name');
+        react_2.screen.getByText('Some name');
     });
     it('should render BranchDecorator for children', function () {
-        var Child = function () { return react_1.default.createElement("span", null, "children"); };
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ReadOnlyAttributesList_1.default, { attrTypes: attributes_test_data_1.attributesList, entity: entity, parentUri: parentUri, drawLines: true },
-            react_1.default.createElement(Child, null)));
-        var decorators = component.find(BranchDecorator_1.BranchDecorator);
-        expect(decorators.length).toBe(1);
-        expect(decorators.at(0).prop('enabled')).toBe(true);
-        expect(decorators.at(0).prop('plain')).toBeFalsy();
-        expect(decorators.at(0).find(Child).length).toBe(1);
-    });
-    it('should render ShowMore and ShowLess', function () {
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ReadOnlyAttributesList_1.default, { attrTypes: attributes_test_data_1.attributesList, entity: entity, parentUri: parentUri, drawLines: true, max: 1 }));
-        var pager = component.find(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager);
-        expect(pager.length).toBe(1);
-        var showMoreButton = component.find(ShowMore_1.ShowMore);
-        var showLessButton = component.find(ShowLess_1.ShowLess);
-        expect(showMoreButton.length).toBe(1);
-        expect(showLessButton.length).toBe(0);
-        showMoreButton.prop('onClick')();
-        (0, test_utils_1.rerenderWrapper)(component);
-        pager = component.find(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager);
-        expect(pager.length).toBe(2);
-        showLessButton = component.find(ShowLess_1.ShowLess);
-        showMoreButton = component.find(ShowMore_1.ShowMore);
-        expect(showLessButton.length).toBe(1);
-        expect(showMoreButton.length).toBe(0);
-        showLessButton.prop('onClick')();
-        (0, test_utils_1.rerenderWrapper)(component);
-        pager = component.find(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager);
-        expect(pager.length).toBe(1);
+        var props = __assign(__assign({}, defaultProps), { drawLines: true, children: react_1.default.createElement("span", null, "Children") });
+        setUp({ props: props });
+        var decorator = react_2.screen.getAllByTestId('branch-decorator')[0];
+        expect(decorator).toHaveTextContent('Children');
     });
-    it('should not render ShowMore and ShowLess', function () {
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ReadOnlyAttributesList_1.default, { attrTypes: attributes_test_data_1.attributesList, entity: entity, parentUri: parentUri, drawLines: true }));
-        var pager = component.find(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager);
-        expect(pager.length).toBe(2);
-        var showMoreButton = component.find(ShowMore_1.ShowMore);
-        var showLessButton = component.find(ShowLess_1.ShowLess);
-        expect(showMoreButton.length).toBe(0);
-        expect(showLessButton.length).toBe(0);
+    it('should render show more and show less', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var props, user, labels;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    props = __assign(__assign({}, defaultProps), { max: 1 });
+                    user = setUp({ props: props }).user;
+                    labels = react_2.screen.getAllByTestId('reltio-attribute-label');
+                    expect(labels).toHaveLength(1);
+                    expect(labels[0]).toHaveTextContent('Role');
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Show more'))];
+                case 1:
+                    _a.sent();
+                    labels = react_2.screen.getAllByTestId('reltio-attribute-label');
+                    expect(labels).toHaveLength(2);
+                    expect(labels[0]).toHaveTextContent('Role');
+                    expect(labels[1]).toHaveTextContent('Name');
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Show less'))];
+                case 2:
+                    _a.sent();
+                    labels = react_2.screen.getAllByTestId('reltio-attribute-label');
+                    expect(labels).toHaveLength(1);
+                    expect(labels[0]).toHaveTextContent('Role');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should not render show more and show less', function () {
+        setUp();
+        expect(react_2.screen.queryByText('Show more')).not.toBeInTheDocument();
+        expect(react_2.screen.queryByText('Show less')).not.toBeInTheDocument();
     });
-    it('should not render ShowMore and ShowLess when total count of items is lower than max', function () {
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ReadOnlyAttributesList_1.default, { attrTypes: attributes_test_data_1.attributesList, entity: entity, parentUri: parentUri, drawLines: true, max: 4 }));
-        var pager = component.find(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager);
-        expect(pager.length).toBe(2);
-        var showMoreButton = component.find(ShowMore_1.ShowMore);
-        var showLessButton = component.find(ShowLess_1.ShowLess);
-        expect(showMoreButton.length).toBe(0);
-        expect(showLessButton.length).toBe(0);
+    it('should not render show more and show less when total count of items is lower than max', function () {
+        var props = __assign(__assign({}, defaultProps), { max: 4 });
+        setUp({ props: props });
+        expect(react_2.screen.queryByText('Show more')).not.toBeInTheDocument();
+        expect(react_2.screen.queryByText('Show less')).not.toBeInTheDocument();
     });
-    describe('fixedTypeUris behavior', function () {
+    describe('fixed type uris 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,
-            roles: ['configuraion/roles/123'],
-            tags: ['tag1', 'tag2']
+        var metadata = {
+            entityTypes: [__assign(__assign({}, defaultMetadata.entityTypes[0]), { attributes: attrTypes })],
+            roles: [{ uri: 'configuration/roles/Pharmacy', label: 'Pharmacy', description: '' }]
         };
-        it('should render ShowMore/ShowLess buttons and always show roles/tags if they have values', function () {
-            var component = (0, enzyme_1.shallow)(react_1.default.createElement(ReadOnlyAttributesList_1.default, { attrTypes: attrTypes, entity: entity, parentUri: parentUri, drawLines: true, max: 1 }));
-            var pagers = component.find(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager);
-            expect(pagers.length).toBe(3);
-            expect(pagers.at(0).prop('attributeType')).toEqual(attrTypes[0]);
-            expect(pagers.at(0).prop('values')).toEqual(attributes.Role);
-            expect(pagers.at(1).prop('attributeType')).toEqual(mdm_sdk_1.EntityAttrTypes.roles);
-            expect(pagers.at(1).prop('values')).toEqual(entity.roles);
-            expect(pagers.at(2).prop('attributeType')).toEqual(mdm_sdk_1.EntityAttrTypes.tags);
-            expect(pagers.at(2).prop('values')).toEqual(entity.tags);
-            var showMoreButton = component.find(ShowMore_1.ShowMore);
-            var showLessButton = component.find(ShowLess_1.ShowLess);
-            expect(showMoreButton.length).toBe(1);
-            expect(showLessButton.length).toBe(0);
-            showMoreButton.prop('onClick')();
-            (0, test_utils_1.rerenderWrapper)(component);
-            pagers = component.find(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager);
-            expect(pagers.length).toBe(4);
-            expect(pagers.at(0).prop('attributeType')).toEqual(attrTypes[0]);
-            expect(pagers.at(0).prop('values')).toEqual(attributes.Role);
-            expect(pagers.at(1).prop('attributeType')).toEqual(attrTypes[1]);
-            expect(pagers.at(1).prop('values')).toEqual(attributes.Name);
-            expect(pagers.at(2).prop('attributeType')).toEqual(mdm_sdk_1.EntityAttrTypes.roles);
-            expect(pagers.at(2).prop('values')).toEqual(entity.roles);
-            expect(pagers.at(3).prop('attributeType')).toEqual(mdm_sdk_1.EntityAttrTypes.tags);
-            expect(pagers.at(3).prop('values')).toEqual(entity.tags);
-            showLessButton = component.find(ShowLess_1.ShowLess);
-            showMoreButton = component.find(ShowMore_1.ShowMore);
-            expect(showLessButton.length).toBe(1);
-            expect(showMoreButton.length).toBe(0);
-            showLessButton.prop('onClick')();
-            (0, test_utils_1.rerenderWrapper)(component);
-            pagers = component.find(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager);
-            expect(pagers.length).toBe(3);
-            expect(pagers.at(0).prop('attributeType')).toEqual(attrTypes[0]);
-            expect(pagers.at(0).prop('values')).toEqual(attributes.Role);
-            expect(pagers.at(1).prop('attributeType')).toEqual(mdm_sdk_1.EntityAttrTypes.roles);
-            expect(pagers.at(1).prop('values')).toEqual(entity.roles);
-            expect(pagers.at(2).prop('attributeType')).toEqual(mdm_sdk_1.EntityAttrTypes.tags);
-            expect(pagers.at(2).prop('values')).toEqual(entity.tags);
-        });
-        it('should not render ShowMore and ShowLess', function () {
-            var component = (0, enzyme_1.shallow)(react_1.default.createElement(ReadOnlyAttributesList_1.default, { attrTypes: attrTypes, entity: entity, parentUri: parentUri, drawLines: true }));
-            var pager = component.find(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager);
-            expect(pager.length).toBe(4);
-            var showMoreButton = component.find(ShowMore_1.ShowMore);
-            var showLessButton = component.find(ShowLess_1.ShowLess);
-            expect(showMoreButton.length).toBe(0);
-            expect(showLessButton.length).toBe(0);
+        var entity = __assign(__assign({}, defaultEntity), { roles: ['configuration/roles/Pharmacy'], tags: ['tag1', 'tag2'] });
+        it('should render show more/show less buttons and always show roles/tags if they have values', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var props, mdmValues, user, labels;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        props = __assign(__assign({}, defaultProps), { attrTypes: attrTypes, entity: entity, max: 1 });
+                        mdmValues = { entity: entity, metadata: metadata };
+                        user = setUp({ props: props, mdmValues: mdmValues }).user;
+                        labels = react_2.screen.getAllByTestId('reltio-attribute-label');
+                        expect(labels).toHaveLength(3);
+                        expect(labels[0]).toHaveTextContent('Role');
+                        expect(labels[1]).toHaveTextContent('Roles');
+                        expect(labels[2]).toHaveTextContent('Tags');
+                        return [4 /*yield*/, user.click(react_2.screen.getByText('Show more'))];
+                    case 1:
+                        _a.sent();
+                        labels = react_2.screen.getAllByTestId('reltio-attribute-label');
+                        expect(labels).toHaveLength(4);
+                        expect(labels[0]).toHaveTextContent('Role');
+                        expect(labels[1]).toHaveTextContent('Name');
+                        expect(labels[2]).toHaveTextContent('Roles');
+                        expect(labels[3]).toHaveTextContent('Tags');
+                        return [4 /*yield*/, user.click(react_2.screen.getByText('Show less'))];
+                    case 2:
+                        _a.sent();
+                        labels = react_2.screen.getAllByTestId('reltio-attribute-label');
+                        expect(labels).toHaveLength(3);
+                        expect(labels[0]).toHaveTextContent('Role');
+                        expect(labels[1]).toHaveTextContent('Roles');
+                        expect(labels[2]).toHaveTextContent('Tags');
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should not render show more and show less', function () {
+            var props = __assign(__assign({}, defaultProps), { attrTypes: attrTypes, entity: entity });
+            var mdmValues = { entity: entity, metadata: metadata };
+            setUp({ props: props, mdmValues: mdmValues });
+            expect(react_2.screen.queryByText('Show more')).not.toBeInTheDocument();
+            expect(react_2.screen.queryByText('Show less')).not.toBeInTheDocument();
         });
-        it('should not render ShowMore and ShowLess when total count of items is lower than max', function () {
-            var component = (0, enzyme_1.shallow)(react_1.default.createElement(ReadOnlyAttributesList_1.default, { attrTypes: attrTypes, entity: entity, parentUri: parentUri, drawLines: true, max: 4 }));
-            var pager = component.find(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager);
-            expect(pager.length).toBe(4);
-            var showMoreButton = component.find(ShowMore_1.ShowMore);
-            var showLessButton = component.find(ShowLess_1.ShowLess);
-            expect(showMoreButton.length).toBe(0);
-            expect(showLessButton.length).toBe(0);
+        it('should not render show more and show less when total count of items is lower than max', function () {
+            var props = __assign(__assign({}, defaultProps), { attrTypes: attrTypes, entity: entity, max: 4 });
+            var mdmValues = { entity: entity, metadata: metadata };
+            setUp({ props: props, mdmValues: mdmValues });
+            expect(react_2.screen.queryByText('Show more')).not.toBeInTheDocument();
+            expect(react_2.screen.queryByText('Show less')).not.toBeInTheDocument();
         });
     });
 });

package/cjs/ReadOnlyAttributesList/attributes.test-data.js

@@ -8,7 +8,7 @@ exports.attributesList = [
         type: 'String',
         hidden: false,
         required: false,
-        uri: 'configuration/relationTypes/knowledge/attributes/Role',
+        uri: 'configuration/entityTypes/HCP/attributes/Role',
         lookupCode: 'rdm/lookupTypes/Role_knowledge',
         access: ['CREATE', 'READ', 'INITIATE_CHANGE_REQUEST', 'UPDATE']
     },
@@ -18,7 +18,7 @@ exports.attributesList = [
         type: 'String',
         hidden: false,
         required: true,
-        uri: 'configuration/relationTypes/knowledge/attributes/Name',
+        uri: 'configuration/entityTypes/HCP/attributes/Name',
         access: ['CREATE', 'READ', 'INITIATE_CHANGE_REQUEST', 'UPDATE']
     },
     {
@@ -27,14 +27,14 @@ exports.attributesList = [
         type: 'String',
         hidden: true,
         required: false,
-        uri: 'configuration/relationTypes/knowledge/attributes/LastName',
+        uri: 'configuration/entityTypes/HCP/attributes/LastName',
         access: ['CREATE', 'READ', 'INITIATE_CHANGE_REQUEST', 'UPDATE']
     },
     {
         name: 'Required',
         type: 'String',
         required: true,
-        uri: 'configuration/relationTypes/knowledge/attributes/Required',
+        uri: 'configuration/entityTypes/HCP/attributes/Required',
         access: ['CREATE', 'READ', 'INITIATE_CHANGE_REQUEST', 'UPDATE']
     }
 ];

package/cjs/ReadOnlyAttributesPager/ReadOnlyAttributesPager.js

@@ -48,7 +48,7 @@ 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 AlwaysVisibleAttributesContext_1 = require("../contexts/AlwaysVisibleAttributesContext");
 var styles_1 = require("./styles");
 var RENDERER_TYPES = {
     oneLine: 'oneLine',
@@ -66,7 +66,7 @@ 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);
-    var alwaysVisibleAttributes = (0, react_1.useContext)(AllwaysVisibleAttributesContext_1.AlwaysVisibleAttributesContext);
+    var alwaysVisibleAttributes = (0, react_1.useContext)(AlwaysVisibleAttributesContext_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;