@reltio/components 1.4.1962 → 1.4.1963

package/cjs/AttributesView/AttributesView.test.js

@@ -162,6 +162,16 @@ describe('AttributesView tests', function () {
         expect(react_2.screen.getByText('Last Name')).toBeInTheDocument();
         expect(react_2.screen.getByText('Phone')).toBeInTheDocument();
     });
+    it('should render always visible attributes in read mode for entity without filled attributes', function () {
+        var alwaysVisible = [
+            'configuration/entityTypes/HCP/attributes/LastName',
+            'configuration/entityTypes/HCP/attributes/Phone'
+        ];
+        var notFilledEntity = __assign(__assign({}, entity), { attributes: {} });
+        setUp({ mode: mdm_sdk_1.Mode.Viewing, entity: notFilledEntity, alwaysVisible: alwaysVisible });
+        expect(react_2.screen.getByText('Last Name')).toBeInTheDocument();
+        expect(react_2.screen.getByText('Phone')).toBeInTheDocument();
+    });
     it('should show control attribute icon if an attribute is a always visible control attribute in view mode', function () { return __awaiter(void 0, void 0, void 0, function () {
         var alwaysVisible, user, controlAttribute, icon, _a;
         return __generator(this, function (_b) {

package/cjs/ReadOnlyAttributesView/ReadOnlyAttributesView.js

@@ -35,6 +35,7 @@ var Box_1 = __importDefault(require("@mui/material/Box"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var PivotingAttributeContext_1 = require("../contexts/PivotingAttributeContext");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
+var AllwaysVisibleAttributesContext_1 = require("../contexts/AllwaysVisibleAttributesContext");
 var BasicView_1 = require("../BasicView");
 var FacetViewHeader_1 = require("../FacetViewHeader");
 var ReadOnlyAttributesList_1 = require("../ReadOnlyAttributesList");
@@ -50,10 +51,11 @@ var ReadOnlyAttributesView = function (_a) {
     var filteredAttrTypes = (0, react_1.useMemo)(function () { return (0, attributesView_1.getFilteredAttrTypes)(metadata, entity.type, includeUris, excludeUris); }, [excludeUris, includeUris, metadata, entity]);
     var attributesCount = attributesCountProp || DEFAULT_ATTRIBUTES_COUNT;
     var attributesList = (0, mdm_sdk_1.getAttributesListForReadMode)(filteredAttrTypes, entity);
+    var alwaysVisible = (0, react_1.useContext)(AllwaysVisibleAttributesContext_1.AlwaysVisibleAttributesContext);
     var isShowAttributeList = attributesList.filter(function (_a) {
         var values = _a.values;
         return !(0, mdm_sdk_1.isEmptyValue)(values);
-    }).length > 0;
+    }).length > 0 || alwaysVisible.length > 0;
     return isShowAttributeList || !(0, mdm_sdk_1.isEmptyValue)(caption) ? (react_1.default.createElement(PivotingAttributeContext_1.PivotingAttributeContext.Provider, { value: pivotingAttributes },
         react_1.default.createElement(BasicView_1.BasicView, { className: className },
             caption && react_1.default.createElement(FacetViewHeader_1.FacetViewHeader, { title: caption }),

package/esm/AttributesView/AttributesView.test.js

@@ -157,6 +157,16 @@ describe('AttributesView tests', function () {
         expect(screen.getByText('Last Name')).toBeInTheDocument();
         expect(screen.getByText('Phone')).toBeInTheDocument();
     });
+    it('should render always visible attributes in read mode for entity without filled attributes', function () {
+        var alwaysVisible = [
+            'configuration/entityTypes/HCP/attributes/LastName',
+            'configuration/entityTypes/HCP/attributes/Phone'
+        ];
+        var notFilledEntity = __assign(__assign({}, entity), { attributes: {} });
+        setUp({ mode: Mode.Viewing, entity: notFilledEntity, alwaysVisible: alwaysVisible });
+        expect(screen.getByText('Last Name')).toBeInTheDocument();
+        expect(screen.getByText('Phone')).toBeInTheDocument();
+    });
     it('should show control attribute icon if an attribute is a always visible control attribute in view mode', function () { return __awaiter(void 0, void 0, void 0, function () {
         var alwaysVisible, user, controlAttribute, icon, _a;
         return __generator(this, function (_b) {

package/esm/ReadOnlyAttributesView/ReadOnlyAttributesView.js

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React, { useContext, useMemo } from 'react';
 import { getAttributesListForReadMode, isEmptyValue } from '@reltio/mdm-sdk';
 import classnames from 'classnames';
 import i18n from 'ui-i18n';
@@ -6,6 +6,7 @@ import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 import { PivotingAttributeContext } from '../contexts/PivotingAttributeContext';
 import { useMdmMetadata, useMdmPivotingAttributes } from '../contexts/MdmModuleContext';
+import { AlwaysVisibleAttributesContext } from '../contexts/AllwaysVisibleAttributesContext';
 import { BasicView } from '../BasicView';
 import { FacetViewHeader } from '../FacetViewHeader';
 import { ReadOnlyAttributesList } from '../ReadOnlyAttributesList';
@@ -21,10 +22,11 @@ export var ReadOnlyAttributesView = function (_a) {
     var filteredAttrTypes = useMemo(function () { return getFilteredAttrTypes(metadata, entity.type, includeUris, excludeUris); }, [excludeUris, includeUris, metadata, entity]);
     var attributesCount = attributesCountProp || DEFAULT_ATTRIBUTES_COUNT;
     var attributesList = getAttributesListForReadMode(filteredAttrTypes, entity);
+    var alwaysVisible = useContext(AlwaysVisibleAttributesContext);
     var isShowAttributeList = attributesList.filter(function (_a) {
         var values = _a.values;
         return !isEmptyValue(values);
-    }).length > 0;
+    }).length > 0 || alwaysVisible.length > 0;
     return isShowAttributeList || !isEmptyValue(caption) ? (React.createElement(PivotingAttributeContext.Provider, { value: pivotingAttributes },
         React.createElement(BasicView, { className: className },
             caption && React.createElement(FacetViewHeader, { title: caption }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1962",
+  "version": "1.4.1963",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",