@reltio/components 1.4.2212 → 1.4.2213

package/ReadOnlyAttributesPager/ReadOnlyAttributesPager.test.js

@@ -69,7 +69,8 @@ describe('ReadOnlyAttributesPager tests', function () {
         type: 'String',
         name: 'Simple',
         label: 'Simple label',
-        description: 'Simple description'
+        description: 'Simple description',
+        masking: { regexPattern: '.*' }
     };
     var values = [
         { type: attributeType.uri, uri: 'entities/sIeHttl/attributes/Simple/u123', value: '123', ov: true },
@@ -86,8 +87,14 @@ describe('ReadOnlyAttributesPager tests', function () {
     afterEach(function () {
         jest.clearAllMocks();
     });
+    var defaultMdmValues = {
+        metadata: {
+            entityTypes: [{ uri: 'configuration/entityTypes/HCP', attributes: [attributeType] }]
+        },
+        showMasking: true
+    };
     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 ? {} : _d, _e = _b.featuresContextValue, featuresContextValue = _e === void 0 ? { showDescription: true } : _e;
+        var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? defaultMdmValues : _d, _e = _b.featuresContextValue, featuresContextValue = _e === void 0 ? { showDescription: true } : _e;
         var user = userEvent.setup();
         var Providers = function (_a) {
             var children = _a.children;
@@ -156,7 +163,11 @@ describe('ReadOnlyAttributesPager tests', function () {
                         attributeTypeUri: 'configuration/entityTypes/HCP/attributes/Simple',
                         defaultMaxValues: 1,
                         parentUri: 'entities/sIeHttl',
-                        values: ovValues
+                        values: ovValues,
+                        options: {
+                            sendMasking: true,
+                            ovOnly: true
+                        }
                     });
                     labels = screen.getAllByTestId('reltio-attribute-complex-label');
                     expect(labels).toHaveLength(2);
@@ -170,7 +181,11 @@ describe('ReadOnlyAttributesPager tests', function () {
                         attributeTypeUri: 'configuration/entityTypes/HCP/attributes/Simple',
                         defaultMaxValues: 1,
                         parentUri: 'entities/sIeHttl',
-                        values: ovValues
+                        values: ovValues,
+                        options: {
+                            sendMasking: true,
+                            ovOnly: true
+                        }
                     });
                     labels = screen.getAllByTestId('reltio-attribute-complex-label');
                     expect(labels).toHaveLength(3);
@@ -219,9 +234,10 @@ describe('ReadOnlyAttributesPager tests', function () {
             mdmValues: {
                 metadata: {
                     roles: [
-                        { uri: 'role1', label: 'Role1' },
-                        { uri: 'role2', label: 'Role2' }
-                    ]
+                        { uri: 'role1', label: 'Role1', description: 'Role1 description' },
+                        { uri: 'role2', label: 'Role2', description: 'Role2 description' }
+                    ],
+                    entityTypes: defaultMdmValues.metadata.entityTypes
                 }
             }
         });
@@ -233,7 +249,10 @@ describe('ReadOnlyAttributesPager tests', function () {
     });
     it('should use SpecialRenderer for tags', function () {
         var props = __assign(__assign({}, defaultProps), { attributeType: EntityAttrTypes.tags, values: ['tag1', 'tag2'] });
-        setUp({ props: props, mdmValues: { entity: {} } });
+        setUp({
+            props: props,
+            mdmValues: __assign(__assign({}, defaultMdmValues), { entity: { uri: 'entities/sIeHttl', type: 'configuration/entityTypes/HCP' } })
+        });
         expect(screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
         expect(screen.getByTestId('special-renderer')).toBeInTheDocument();
         expect(screen.getByText('Tags')).toBeInTheDocument();
@@ -279,7 +298,7 @@ describe('ReadOnlyAttributesPager tests', function () {
             __assign(__assign({}, values[2]), { value: { Name: [{ value: '444', uri: '444' }] } })
         ];
         var props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Nested' }), values: __spreadArray(__spreadArray([], ovValues, true), [__assign(__assign({}, values[1]), { ov: false })], false), max: 1 });
-        setUp({ props: props, mdmValues: { maxValuesInResponse: 20 } });
+        setUp({ props: props, mdmValues: __assign(__assign({}, defaultMdmValues), { maxValuesInResponse: 20 }) });
         expect(screen.getByTestId('show-more')).toBeInTheDocument();
         screen.getByText('Show 1 more of remaining 2 value');
     });
@@ -290,7 +309,7 @@ describe('ReadOnlyAttributesPager tests', function () {
             __assign(__assign({}, values[2]), { value: { Name: [{ value: '444', uri: '444' }] } })
         ];
         var props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Nested' }), values: __spreadArray(__spreadArray([], ovValues, true), [__assign(__assign({}, values[1]), { ov: false })], false) });
-        setUp({ props: props, mdmValues: { maxValuesInResponse: 1 } });
+        setUp({ props: props, mdmValues: __assign(__assign({}, defaultMdmValues), { maxValuesInResponse: 1 }) });
         expect(screen.getByTestId('show-more')).toBeInTheDocument();
         screen.getByText('Show 1 more of remaining 2 value');
     });
@@ -301,7 +320,7 @@ describe('ReadOnlyAttributesPager tests', function () {
             __assign(__assign({}, values[2]), { value: { Name: [{ value: '444', uri: '444' }] } })
         ];
         var props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Nested' }), values: __spreadArray(__spreadArray([], ovValues, true), [__assign(__assign({}, values[1]), { ov: false })], false) });
-        setUp({ props: props, mdmValues: { maxValuesInResponse: undefined } });
+        setUp({ props: props, mdmValues: __assign(__assign({}, defaultMdmValues), { maxValuesInResponse: undefined }) });
         expect(screen.queryByTestId('show-more')).not.toBeInTheDocument();
     });
 });

package/ReadOnlyAttributesPager/components/MultiLineRenderer/MultiLineRenderer.js

@@ -1,6 +1,7 @@
 import React, { useMemo, useState } from 'react';
 import { min } from 'ramda';
 import classnames from 'classnames';
+import { checkHasMasking } from '@reltio/mdm-sdk';
 import { ReadOnlyAttribute } from '../../../ReadOnlyAttributesFactory';
 import { AttributeTitle } from '../../../AttributeTitle';
 import { ShowMore } from '../../../ShowMore';
@@ -8,7 +9,7 @@ import { ShowLess } from '../../../ShowLess';
 import { OvIcon } from '../../../OvIcon';
 import { DescriptionIcon } from '../../../DescriptionIcon';
 import { ControlAttributeIcon } from '../../../ControlAttributeIcon';
-import { useMdmControlAttributes } from '../../../contexts/MdmModuleContext';
+import { useMdmControlAttributes, useMdmMetadata, useMdmShowMasking } from '../../../contexts/MdmModuleContext';
 import { useMultiLineStyles } from '../../styles';
 export var MultiLineRenderer = function (_a) {
     var max = _a.max, values = _a.values, nonVisibleValues = _a.nonVisibleValues, totalVisibleValues = _a.totalVisibleValues, attributeType = _a.attributeType, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues, classes = _a.classes;
@@ -20,6 +21,9 @@ export var MultiLineRenderer = function (_a) {
     var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
     var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
     var label = attributeType.label, description = attributeType.description;
+    var metadata = useMdmMetadata();
+    var hasMasking = useMemo(function () { return checkHasMasking(metadata, attributeType); }, [metadata, attributeType]);
+    var showMasking = useMdmShowMasking();
     var onShowMore = function () {
         if (values.length < totalVisibleValues) {
             requestNextPageOfAttributeValues({
@@ -27,7 +31,11 @@ export var MultiLineRenderer = function (_a) {
                 attributeTypeUri: attributeType.uri,
                 attributeTypeName: attributeType.name,
                 values: values,
-                defaultMaxValues: max
+                defaultMaxValues: max,
+                options: {
+                    sendMasking: showMasking && hasMasking,
+                    ovOnly: !showNonOv
+                }
             });
         }
         setVisibleValuesCount(visibleValuesCount + max);

package/ReadOnlyComplexAttribute/ReadOnlyComplexAttribute.test.js

@@ -54,6 +54,7 @@ import { nestedAttributeType } from './nestedAttrType.test-data';
 import { nestedAttributeValue } from './nestedAttrValue.test-data';
 import { HighlightedValuesContext } from '../contexts/HighlightedValuesContext';
 import { CollaborationContext } from '../contexts/CollaborationContext';
+import { MdmModuleProvider } from '../contexts/MdmModuleContext';
 var collaboration = { commentsMap: {} };
 var defaultHighlightedValues = {
     highlightedValuesUris: [],
@@ -65,13 +66,19 @@ var defaultProps = {
     attributeValue: nestedAttributeValue,
     attributeTypesList: nestedAttributeType.attributes
 };
+var defaultMdmValues = {
+    metadata: {
+        entityTypes: [{ uri: 'configuration/entityTypes/HCP', attributes: [nestedAttributeType] }]
+    }
+};
 var setUp = function (_a) {
     var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.highlightedValues, highlightedValues = _d === void 0 ? defaultHighlightedValues : _d;
     var user = userEvent.setup();
     var Providers = function (_a) {
         var children = _a.children;
-        return (React.createElement(HighlightedValuesContext.Provider, { value: highlightedValues },
-            React.createElement(CollaborationContext.Provider, { value: collaboration }, children)));
+        return (React.createElement(MdmModuleProvider, { values: defaultMdmValues },
+            React.createElement(HighlightedValuesContext.Provider, { value: highlightedValues },
+                React.createElement(CollaborationContext.Provider, { value: collaboration }, children))));
     };
     return __assign(__assign({}, render(React.createElement(ReadOnlyComplexAttribute, __assign({}, props)), { wrapper: Providers })), { user: user });
 };

package/cjs/ReadOnlyAttributesPager/ReadOnlyAttributesPager.test.js

@@ -74,7 +74,8 @@ describe('ReadOnlyAttributesPager tests', function () {
         type: 'String',
         name: 'Simple',
         label: 'Simple label',
-        description: 'Simple description'
+        description: 'Simple description',
+        masking: { regexPattern: '.*' }
     };
     var values = [
         { type: attributeType.uri, uri: 'entities/sIeHttl/attributes/Simple/u123', value: '123', ov: true },
@@ -91,8 +92,14 @@ describe('ReadOnlyAttributesPager tests', function () {
     afterEach(function () {
         jest.clearAllMocks();
     });
+    var defaultMdmValues = {
+        metadata: {
+            entityTypes: [{ uri: 'configuration/entityTypes/HCP', attributes: [attributeType] }]
+        },
+        showMasking: true
+    };
     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 ? {} : _d, _e = _b.featuresContextValue, featuresContextValue = _e === void 0 ? { showDescription: true } : _e;
+        var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? defaultMdmValues : _d, _e = _b.featuresContextValue, featuresContextValue = _e === void 0 ? { showDescription: true } : _e;
         var user = user_event_1.default.setup();
         var Providers = function (_a) {
             var children = _a.children;
@@ -161,7 +168,11 @@ describe('ReadOnlyAttributesPager tests', function () {
                         attributeTypeUri: 'configuration/entityTypes/HCP/attributes/Simple',
                         defaultMaxValues: 1,
                         parentUri: 'entities/sIeHttl',
-                        values: ovValues
+                        values: ovValues,
+                        options: {
+                            sendMasking: true,
+                            ovOnly: true
+                        }
                     });
                     labels = react_2.screen.getAllByTestId('reltio-attribute-complex-label');
                     expect(labels).toHaveLength(2);
@@ -175,7 +186,11 @@ describe('ReadOnlyAttributesPager tests', function () {
                         attributeTypeUri: 'configuration/entityTypes/HCP/attributes/Simple',
                         defaultMaxValues: 1,
                         parentUri: 'entities/sIeHttl',
-                        values: ovValues
+                        values: ovValues,
+                        options: {
+                            sendMasking: true,
+                            ovOnly: true
+                        }
                     });
                     labels = react_2.screen.getAllByTestId('reltio-attribute-complex-label');
                     expect(labels).toHaveLength(3);
@@ -224,9 +239,10 @@ describe('ReadOnlyAttributesPager tests', function () {
             mdmValues: {
                 metadata: {
                     roles: [
-                        { uri: 'role1', label: 'Role1' },
-                        { uri: 'role2', label: 'Role2' }
-                    ]
+                        { uri: 'role1', label: 'Role1', description: 'Role1 description' },
+                        { uri: 'role2', label: 'Role2', description: 'Role2 description' }
+                    ],
+                    entityTypes: defaultMdmValues.metadata.entityTypes
                 }
             }
         });
@@ -238,7 +254,10 @@ describe('ReadOnlyAttributesPager tests', function () {
     });
     it('should use SpecialRenderer for tags', function () {
         var props = __assign(__assign({}, defaultProps), { attributeType: mdm_sdk_1.EntityAttrTypes.tags, values: ['tag1', 'tag2'] });
-        setUp({ props: props, mdmValues: { entity: {} } });
+        setUp({
+            props: props,
+            mdmValues: __assign(__assign({}, defaultMdmValues), { entity: { uri: 'entities/sIeHttl', type: 'configuration/entityTypes/HCP' } })
+        });
         expect(react_2.screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
         expect(react_2.screen.getByTestId('special-renderer')).toBeInTheDocument();
         expect(react_2.screen.getByText('Tags')).toBeInTheDocument();
@@ -284,7 +303,7 @@ describe('ReadOnlyAttributesPager tests', function () {
             __assign(__assign({}, values[2]), { value: { Name: [{ value: '444', uri: '444' }] } })
         ];
         var props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Nested' }), values: __spreadArray(__spreadArray([], ovValues, true), [__assign(__assign({}, values[1]), { ov: false })], false), max: 1 });
-        setUp({ props: props, mdmValues: { maxValuesInResponse: 20 } });
+        setUp({ props: props, mdmValues: __assign(__assign({}, defaultMdmValues), { maxValuesInResponse: 20 }) });
         expect(react_2.screen.getByTestId('show-more')).toBeInTheDocument();
         react_2.screen.getByText('Show 1 more of remaining 2 value');
     });
@@ -295,7 +314,7 @@ describe('ReadOnlyAttributesPager tests', function () {
             __assign(__assign({}, values[2]), { value: { Name: [{ value: '444', uri: '444' }] } })
         ];
         var props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Nested' }), values: __spreadArray(__spreadArray([], ovValues, true), [__assign(__assign({}, values[1]), { ov: false })], false) });
-        setUp({ props: props, mdmValues: { maxValuesInResponse: 1 } });
+        setUp({ props: props, mdmValues: __assign(__assign({}, defaultMdmValues), { maxValuesInResponse: 1 }) });
         expect(react_2.screen.getByTestId('show-more')).toBeInTheDocument();
         react_2.screen.getByText('Show 1 more of remaining 2 value');
     });
@@ -306,7 +325,7 @@ describe('ReadOnlyAttributesPager tests', function () {
             __assign(__assign({}, values[2]), { value: { Name: [{ value: '444', uri: '444' }] } })
         ];
         var props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Nested' }), values: __spreadArray(__spreadArray([], ovValues, true), [__assign(__assign({}, values[1]), { ov: false })], false) });
-        setUp({ props: props, mdmValues: { maxValuesInResponse: undefined } });
+        setUp({ props: props, mdmValues: __assign(__assign({}, defaultMdmValues), { maxValuesInResponse: undefined }) });
         expect(react_2.screen.queryByTestId('show-more')).not.toBeInTheDocument();
     });
 });

package/cjs/ReadOnlyAttributesPager/components/MultiLineRenderer/MultiLineRenderer.js

@@ -30,6 +30,7 @@ exports.MultiLineRenderer = void 0;
 var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
 var classnames_1 = __importDefault(require("classnames"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ReadOnlyAttributesFactory_1 = require("../../../ReadOnlyAttributesFactory");
 var AttributeTitle_1 = require("../../../AttributeTitle");
 var ShowMore_1 = require("../../../ShowMore");
@@ -49,6 +50,9 @@ var MultiLineRenderer = function (_a) {
     var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
     var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
     var label = attributeType.label, description = attributeType.description;
+    var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
+    var hasMasking = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.checkHasMasking)(metadata, attributeType); }, [metadata, attributeType]);
+    var showMasking = (0, MdmModuleContext_1.useMdmShowMasking)();
     var onShowMore = function () {
         if (values.length < totalVisibleValues) {
             requestNextPageOfAttributeValues({
@@ -56,7 +60,11 @@ var MultiLineRenderer = function (_a) {
                 attributeTypeUri: attributeType.uri,
                 attributeTypeName: attributeType.name,
                 values: values,
-                defaultMaxValues: max
+                defaultMaxValues: max,
+                options: {
+                    sendMasking: showMasking && hasMasking,
+                    ovOnly: !showNonOv
+                }
             });
         }
         setVisibleValuesCount(visibleValuesCount + max);

package/cjs/ReadOnlyComplexAttribute/ReadOnlyComplexAttribute.test.js

@@ -59,6 +59,7 @@ var nestedAttrType_test_data_1 = require("./nestedAttrType.test-data");
 var nestedAttrValue_test_data_1 = require("./nestedAttrValue.test-data");
 var HighlightedValuesContext_1 = require("../contexts/HighlightedValuesContext");
 var CollaborationContext_1 = require("../contexts/CollaborationContext");
+var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var collaboration = { commentsMap: {} };
 var defaultHighlightedValues = {
     highlightedValuesUris: [],
@@ -70,13 +71,19 @@ var defaultProps = {
     attributeValue: nestedAttrValue_test_data_1.nestedAttributeValue,
     attributeTypesList: nestedAttrType_test_data_1.nestedAttributeType.attributes
 };
+var defaultMdmValues = {
+    metadata: {
+        entityTypes: [{ uri: 'configuration/entityTypes/HCP', attributes: [nestedAttrType_test_data_1.nestedAttributeType] }]
+    }
+};
 var setUp = function (_a) {
     var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.highlightedValues, highlightedValues = _d === void 0 ? defaultHighlightedValues : _d;
     var user = user_event_1.default.setup();
     var Providers = function (_a) {
         var children = _a.children;
-        return (react_1.default.createElement(HighlightedValuesContext_1.HighlightedValuesContext.Provider, { value: highlightedValues },
-            react_1.default.createElement(CollaborationContext_1.CollaborationContext.Provider, { value: collaboration }, children)));
+        return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: defaultMdmValues },
+            react_1.default.createElement(HighlightedValuesContext_1.HighlightedValuesContext.Provider, { value: highlightedValues },
+                react_1.default.createElement(CollaborationContext_1.CollaborationContext.Provider, { value: collaboration }, children))));
     };
     return __assign(__assign({}, (0, react_2.render)(react_1.default.createElement(ReadOnlyComplexAttribute_1.ReadOnlyComplexAttribute, __assign({}, props)), { wrapper: Providers })), { user: user });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2212",
+  "version": "1.4.2213",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -11,7 +11,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@googlemaps/markerclusterer": "^2.5.3",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.2012",
+    "@reltio/mdm-sdk": "^1.4.2013",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",