@reltio/components 1.4.2211 → 1.4.2213

package/AttributesErrorsPanel/AttributesErrorsPanel.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { AttributeError } from '@reltio/mdm-sdk';
 type Props = {
     attributesWithErrors?: AttributeError[];
+    alwaysShowLink?: boolean;
 };
-export declare const AttributesErrorsPanel: ({ attributesWithErrors }: Props) => React.JSX.Element;
+export declare const AttributesErrorsPanel: ({ attributesWithErrors, alwaysShowLink }: Props) => React.JSX.Element;
 export {};

package/AttributesErrorsPanel/AttributesErrorsPanel.js

@@ -6,14 +6,14 @@ import WarningIcon from '@mui/icons-material/Error';
 import { splitErrorsBySeverity } from '@reltio/mdm-sdk';
 import { useCachedErrors } from './useCachedErrors';
 import { ErrorsPanel } from './components/ErrorsPanel';
-import { Error } from './components/Error';
+import { AttributeErrorItem } from './components/Error';
 import { useStyles } from './styles';
 export var AttributesErrorsPanel = function (_a) {
-    var _b = _a.attributesWithErrors, attributesWithErrors = _b === void 0 ? [] : _b;
+    var _b = _a.attributesWithErrors, attributesWithErrors = _b === void 0 ? [] : _b, _c = _a.alwaysShowLink, alwaysShowLink = _c === void 0 ? false : _c;
     var styles = useStyles();
     var cachedErrors = useCachedErrors(attributesWithErrors);
-    var _c = useMemo(function () { return splitErrorsBySeverity(cachedErrors); }, [cachedErrors]), errors = _c[0], warnings = _c[1];
-    var _d = useState(null), expandedPanelId = _d[0], setExpandedPanelId = _d[1];
+    var _d = useMemo(function () { return splitErrorsBySeverity(cachedErrors); }, [cachedErrors]), errors = _d[0], warnings = _d[1];
+    var _e = useState(null), expandedPanelId = _e[0], setExpandedPanelId = _e[1];
     var panels = useMemo(function () {
         return [
             {
@@ -49,5 +49,5 @@ export var AttributesErrorsPanel = function (_a) {
     var handleChange = useCallback(function (panelId) { return function (event, isExpanded) {
         setExpandedPanelId(isExpanded ? panelId : null);
     }; }, []);
-    return panels.length > 0 ? (React.createElement(ErrorsPanel, { panels: panels, expandedPanelId: expandedPanelId, onToggle: handleChange, ErrorComponent: Error })) : null;
+    return panels.length > 0 ? (React.createElement(ErrorsPanel, { panels: panels, expandedPanelId: expandedPanelId, onToggle: handleChange, ErrorComponent: AttributeErrorItem, alwaysShowLink: alwaysShowLink })) : null;
 };

package/AttributesErrorsPanel/components/Error/AttributeErrorItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AttributeError } from '@reltio/mdm-sdk';
+type Props = {
+    error: AttributeError;
+    alwaysShowLink?: boolean;
+};
+export declare const AttributeErrorItem: React.MemoExoticComponent<({ error, alwaysShowLink }: Props) => React.JSX.Element>;
+export {};

package/AttributesErrorsPanel/components/Error/{Error.js → AttributeErrorItem.js}

@@ -9,8 +9,8 @@ import { useMdmIsEditableMode, useMdmMetadata } from '../../../contexts/MdmModul
 import { getDisplayedAttributeTypesPath, getDisplayedErrorMessage, getDisplayedErrorPath } from './helpers';
 import { ReadOnlyError } from '../../../icons';
 import { useStyles } from './styles';
-export var Error = memo(function (_a) {
-    var error = _a.error;
+export var AttributeErrorItem = memo(function (_a) {
+    var error = _a.error, _b = _a.alwaysShowLink, alwaysShowLink = _b === void 0 ? false : _b;
     var styles = useStyles();
     var metadata = useMdmMetadata();
     var isEditableMode = useMdmIsEditableMode();
@@ -18,7 +18,7 @@ export var Error = memo(function (_a) {
     var displayedErrorPath = getDisplayedErrorPath(error);
     var displayedAttributeTypesPath = getDisplayedAttributeTypesPath(error);
     var highlightError = useContext(ScrollToElementContext).highlightError;
-    var showLink = (error.uri || (error.parentUri && error.attributeTypeUri)) && (isEditableMode || error.alwaysShow);
+    var showLink = (error.uri || (error.parentUri && error.attributeTypeUri)) && (isEditableMode || alwaysShowLink);
     return (React.createElement("div", { className: styles.errorListItem },
         React.createElement("div", { className: styles.listItemMarker }, error.type === ErrorType.rdmIssueInReference ? (React.createElement(Tooltip, { title: i18n.text('This error is visible only in view mode') },
             React.createElement("span", null,
@@ -30,4 +30,4 @@ export var Error = memo(function (_a) {
                 showLink && (React.createElement(SmallIconButtonWithTooltip, { icon: HyperlinkIcon, size: "XXS", onClick: function () { return highlightError(error); }, tooltipTitle: i18n.text('Go to error'), className: styles.goToIcon }))),
             displayedErrorPath && React.createElement("span", { className: styles.parents }, displayedErrorPath))));
 });
-Error.displayName = 'Error';
+AttributeErrorItem.displayName = 'AttributeErrorItem';

package/AttributesErrorsPanel/components/Error/{Error.test.js → AttributeErrorItem.test.js}

@@ -48,12 +48,12 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import { AttributeValuePathItemType, ErrorSeverity, ErrorSource, ErrorType, Mode } from '@reltio/mdm-sdk';
-import { Error } from '../Error';
+import { AttributeErrorItem } from './AttributeErrorItem';
 import { MdmModuleProvider } from '../../../contexts/MdmModuleContext';
 import userEvent from '@testing-library/user-event';
 import { store as initStore } from '../../store.test-data';
 import { ScrollToElementContext } from '../../../contexts/ScrollToElementContext';
-describe('Error tests', function () {
+describe('AttributeErrorItem tests', function () {
     var attributeType = initStore.metadata.entityTypes[0].attributes[0];
     var setUp = function (props, store) {
         if (store === void 0) { store = initStore; }
@@ -64,7 +64,7 @@ describe('Error tests', function () {
                 React.createElement(ScrollToElementContext.Provider, { value: { highlightError: highlightError, element: null, type: null, scrollIntoRef: null } }, children)));
         };
         var user = userEvent.setup();
-        return __assign({ user: user, highlightError: highlightError }, render(React.createElement(Error, __assign({}, props)), { wrapper: Providers }));
+        return __assign({ user: user, highlightError: highlightError }, render(React.createElement(AttributeErrorItem, __assign({}, props)), { wrapper: Providers }));
     };
     it('should render error message for validation service errors', function () {
         var error = {

package/AttributesErrorsPanel/components/Error/index.d.ts

@@ -1 +1 @@
-export { Error } from './Error';
+export { AttributeErrorItem } from './AttributeErrorItem';

package/AttributesErrorsPanel/components/Error/index.js

@@ -1 +1 @@
-export { Error } from './Error';
+export { AttributeErrorItem } from './AttributeErrorItem';

package/AttributesErrorsPanel/components/ErrorsPanel/ErrorsPanel.d.ts

@@ -12,6 +12,7 @@ type Props = {
     expandedPanelId: string;
     onToggle: (id: string) => (e: any, isExpanded: boolean) => void;
     ErrorComponent: ElementType;
+    alwaysShowLink?: boolean;
 };
-export declare const ErrorsPanel: React.MemoExoticComponent<({ panels, expandedPanelId, onToggle, ErrorComponent }: Props) => React.JSX.Element>;
+export declare const ErrorsPanel: React.MemoExoticComponent<({ panels, expandedPanelId, onToggle, ErrorComponent, alwaysShowLink }: Props) => React.JSX.Element>;
 export {};

package/AttributesErrorsPanel/components/ErrorsPanel/ErrorsPanel.js

@@ -7,7 +7,7 @@ import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import Typography from '@mui/material/Typography';
 import { useStyles } from './styles';
 export var ErrorsPanel = memo(function (_a) {
-    var panels = _a.panels, expandedPanelId = _a.expandedPanelId, onToggle = _a.onToggle, ErrorComponent = _a.ErrorComponent;
+    var panels = _a.panels, expandedPanelId = _a.expandedPanelId, onToggle = _a.onToggle, ErrorComponent = _a.ErrorComponent, _b = _a.alwaysShowLink, alwaysShowLink = _b === void 0 ? false : _b;
     var styles = useStyles();
     return panels.length > 0 ? (React.createElement("div", null, panels.map(function (_a) {
         var id = _a.id, icon = _a.icon, title = _a.title, items = _a.items, accordionClassName = _a.accordionClassName, accordionDetailsClassName = _a.accordionDetailsClassName;
@@ -19,7 +19,8 @@ export var ErrorsPanel = memo(function (_a) {
                 }, expandIcon: React.createElement(ExpandMoreIcon, null) },
                 icon,
                 React.createElement(Typography, { className: styles.accordionSummaryHeading }, title)),
-            React.createElement(AccordionDetails, { className: classnames(styles.accordionDetails, accordionDetailsClassName) }, items.map(function (error, i) { return (React.createElement(ErrorComponent, { key: i, error: error })); }))));
+            React.createElement(AccordionDetails, { className: classnames(styles.accordionDetails, accordionDetailsClassName) }, items.map(function (error, i) { return (React.createElement(ErrorComponent, { key: i, error: error, alwaysShowLink: alwaysShowLink }) //NOSONAR
+            ); }))));
     }))) : null;
 });
 ErrorsPanel.displayName = 'ErrorsPanel';

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/AttributesErrorsPanel/AttributesErrorsPanel.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { AttributeError } from '@reltio/mdm-sdk';
 type Props = {
     attributesWithErrors?: AttributeError[];
+    alwaysShowLink?: boolean;
 };
-export declare const AttributesErrorsPanel: ({ attributesWithErrors }: Props) => React.JSX.Element;
+export declare const AttributesErrorsPanel: ({ attributesWithErrors, alwaysShowLink }: Props) => React.JSX.Element;
 export {};

package/cjs/AttributesErrorsPanel/AttributesErrorsPanel.js

@@ -38,11 +38,11 @@ var ErrorsPanel_1 = require("./components/ErrorsPanel");
 var Error_2 = require("./components/Error");
 var styles_1 = require("./styles");
 var AttributesErrorsPanel = function (_a) {
-    var _b = _a.attributesWithErrors, attributesWithErrors = _b === void 0 ? [] : _b;
+    var _b = _a.attributesWithErrors, attributesWithErrors = _b === void 0 ? [] : _b, _c = _a.alwaysShowLink, alwaysShowLink = _c === void 0 ? false : _c;
     var styles = (0, styles_1.useStyles)();
     var cachedErrors = (0, useCachedErrors_1.useCachedErrors)(attributesWithErrors);
-    var _c = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.splitErrorsBySeverity)(cachedErrors); }, [cachedErrors]), errors = _c[0], warnings = _c[1];
-    var _d = (0, react_1.useState)(null), expandedPanelId = _d[0], setExpandedPanelId = _d[1];
+    var _d = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.splitErrorsBySeverity)(cachedErrors); }, [cachedErrors]), errors = _d[0], warnings = _d[1];
+    var _e = (0, react_1.useState)(null), expandedPanelId = _e[0], setExpandedPanelId = _e[1];
     var panels = (0, react_1.useMemo)(function () {
         return [
             {
@@ -78,6 +78,6 @@ var AttributesErrorsPanel = function (_a) {
     var handleChange = (0, react_1.useCallback)(function (panelId) { return function (event, isExpanded) {
         setExpandedPanelId(isExpanded ? panelId : null);
     }; }, []);
-    return panels.length > 0 ? (react_1.default.createElement(ErrorsPanel_1.ErrorsPanel, { panels: panels, expandedPanelId: expandedPanelId, onToggle: handleChange, ErrorComponent: Error_2.Error })) : null;
+    return panels.length > 0 ? (react_1.default.createElement(ErrorsPanel_1.ErrorsPanel, { panels: panels, expandedPanelId: expandedPanelId, onToggle: handleChange, ErrorComponent: Error_2.AttributeErrorItem, alwaysShowLink: alwaysShowLink })) : null;
 };
 exports.AttributesErrorsPanel = AttributesErrorsPanel;

package/cjs/AttributesErrorsPanel/components/Error/AttributeErrorItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AttributeError } from '@reltio/mdm-sdk';
+type Props = {
+    error: AttributeError;
+    alwaysShowLink?: boolean;
+};
+export declare const AttributeErrorItem: React.MemoExoticComponent<({ error, alwaysShowLink }: Props) => React.JSX.Element>;
+export {};

package/cjs/AttributesErrorsPanel/components/Error/{Error.js → AttributeErrorItem.js}

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Error = void 0;
+exports.AttributeErrorItem = void 0;
 var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
@@ -38,8 +38,8 @@ var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
 var helpers_1 = require("./helpers");
 var icons_1 = require("../../../icons");
 var styles_1 = require("./styles");
-exports.Error = (0, react_1.memo)(function (_a) {
-    var error = _a.error;
+exports.AttributeErrorItem = (0, react_1.memo)(function (_a) {
+    var error = _a.error, _b = _a.alwaysShowLink, alwaysShowLink = _b === void 0 ? false : _b;
     var styles = (0, styles_1.useStyles)();
     var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
     var isEditableMode = (0, MdmModuleContext_1.useMdmIsEditableMode)();
@@ -47,7 +47,7 @@ exports.Error = (0, react_1.memo)(function (_a) {
     var displayedErrorPath = (0, helpers_1.getDisplayedErrorPath)(error);
     var displayedAttributeTypesPath = (0, helpers_1.getDisplayedAttributeTypesPath)(error);
     var highlightError = (0, react_1.useContext)(ScrollToElementContext_1.ScrollToElementContext).highlightError;
-    var showLink = (error.uri || (error.parentUri && error.attributeTypeUri)) && (isEditableMode || error.alwaysShow);
+    var showLink = (error.uri || (error.parentUri && error.attributeTypeUri)) && (isEditableMode || alwaysShowLink);
     return (react_1.default.createElement("div", { className: styles.errorListItem },
         react_1.default.createElement("div", { className: styles.listItemMarker }, error.type === mdm_sdk_1.ErrorType.rdmIssueInReference ? (react_1.default.createElement(Tooltip_1.default, { title: ui_i18n_1.default.text('This error is visible only in view mode') },
             react_1.default.createElement("span", null,
@@ -59,4 +59,4 @@ exports.Error = (0, react_1.memo)(function (_a) {
                 showLink && (react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { icon: Hyperlink_1.default, size: "XXS", onClick: function () { return highlightError(error); }, tooltipTitle: ui_i18n_1.default.text('Go to error'), className: styles.goToIcon }))),
             displayedErrorPath && react_1.default.createElement("span", { className: styles.parents }, displayedErrorPath))));
 });
-exports.Error.displayName = 'Error';
+exports.AttributeErrorItem.displayName = 'AttributeErrorItem';

package/cjs/AttributesErrorsPanel/components/Error/{Error.test.js → AttributeErrorItem.test.js}

@@ -53,12 +53,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var react_2 = require("@testing-library/react");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var Error_1 = require("../Error");
+var AttributeErrorItem_1 = require("./AttributeErrorItem");
 var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
 var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var store_test_data_1 = require("../../store.test-data");
 var ScrollToElementContext_1 = require("../../../contexts/ScrollToElementContext");
-describe('Error tests', function () {
+describe('AttributeErrorItem tests', function () {
     var attributeType = store_test_data_1.store.metadata.entityTypes[0].attributes[0];
     var setUp = function (props, store) {
         if (store === void 0) { store = store_test_data_1.store; }
@@ -69,7 +69,7 @@ describe('Error tests', function () {
                 react_1.default.createElement(ScrollToElementContext_1.ScrollToElementContext.Provider, { value: { highlightError: highlightError, element: null, type: null, scrollIntoRef: null } }, children)));
         };
         var user = user_event_1.default.setup();
-        return __assign({ user: user, highlightError: highlightError }, (0, react_2.render)(react_1.default.createElement(Error_1.Error, __assign({}, props)), { wrapper: Providers }));
+        return __assign({ user: user, highlightError: highlightError }, (0, react_2.render)(react_1.default.createElement(AttributeErrorItem_1.AttributeErrorItem, __assign({}, props)), { wrapper: Providers }));
     };
     it('should render error message for validation service errors', function () {
         var error = {

package/cjs/AttributesErrorsPanel/components/Error/index.d.ts

@@ -1 +1 @@
-export { Error } from './Error';
+export { AttributeErrorItem } from './AttributeErrorItem';

package/cjs/AttributesErrorsPanel/components/Error/index.js

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

package/cjs/AttributesErrorsPanel/components/ErrorsPanel/ErrorsPanel.d.ts

@@ -12,6 +12,7 @@ type Props = {
     expandedPanelId: string;
     onToggle: (id: string) => (e: any, isExpanded: boolean) => void;
     ErrorComponent: ElementType;
+    alwaysShowLink?: boolean;
 };
-export declare const ErrorsPanel: React.MemoExoticComponent<({ panels, expandedPanelId, onToggle, ErrorComponent }: Props) => React.JSX.Element>;
+export declare const ErrorsPanel: React.MemoExoticComponent<({ panels, expandedPanelId, onToggle, ErrorComponent, alwaysShowLink }: Props) => React.JSX.Element>;
 export {};

package/cjs/AttributesErrorsPanel/components/ErrorsPanel/ErrorsPanel.js

@@ -36,7 +36,7 @@ var ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var styles_1 = require("./styles");
 exports.ErrorsPanel = (0, react_1.memo)(function (_a) {
-    var panels = _a.panels, expandedPanelId = _a.expandedPanelId, onToggle = _a.onToggle, ErrorComponent = _a.ErrorComponent;
+    var panels = _a.panels, expandedPanelId = _a.expandedPanelId, onToggle = _a.onToggle, ErrorComponent = _a.ErrorComponent, _b = _a.alwaysShowLink, alwaysShowLink = _b === void 0 ? false : _b;
     var styles = (0, styles_1.useStyles)();
     return panels.length > 0 ? (react_1.default.createElement("div", null, panels.map(function (_a) {
         var id = _a.id, icon = _a.icon, title = _a.title, items = _a.items, accordionClassName = _a.accordionClassName, accordionDetailsClassName = _a.accordionDetailsClassName;
@@ -48,7 +48,8 @@ exports.ErrorsPanel = (0, react_1.memo)(function (_a) {
                 }, expandIcon: react_1.default.createElement(ExpandMore_1.default, null) },
                 icon,
                 react_1.default.createElement(Typography_1.default, { className: styles.accordionSummaryHeading }, title)),
-            react_1.default.createElement(AccordionDetails_1.default, { className: (0, classnames_1.default)(styles.accordionDetails, accordionDetailsClassName) }, items.map(function (error, i) { return (react_1.default.createElement(ErrorComponent, { key: i, error: error })); }))));
+            react_1.default.createElement(AccordionDetails_1.default, { className: (0, classnames_1.default)(styles.accordionDetails, accordionDetailsClassName) }, items.map(function (error, i) { return (react_1.default.createElement(ErrorComponent, { key: i, error: error, alwaysShowLink: alwaysShowLink }) //NOSONAR
+            ); }))));
     }))) : null;
 });
 exports.ErrorsPanel.displayName = 'ErrorsPanel';

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);