@reltio/components 1.4.1940 → 1.4.1941

package/cjs/EditModeAttributesList/EditModeAttributesList.js

@@ -95,7 +95,7 @@ var EditModeAttributesList = function (_a) {
     }); }, [hasDeletionsMap, setHasDeletions]);
     return (react_1.default.createElement("div", { className: className },
         children && react_1.default.createElement(BranchDecorator_1.BranchDecorator, __assign({}, decoratorProps), children),
-        react_1.default.createElement(BranchDecorator_1.BranchDecorator, __assign({}, decoratorProps, { plain: true }), moreAttrTypes.length > 0 && (react_1.default.createElement(MoreAttributesButton_1.MoreAttributesButton, { label: ui_i18n_1.default.text('More attributes'), onApply: onAddMoreAttributes, dense: drawLines, data: moreAttrTypes, parent: canCreateParentAttrType && parentAttributeType }))),
+        react_1.default.createElement(BranchDecorator_1.BranchDecorator, __assign({}, decoratorProps, { plain: true }), moreAttrTypes.length > 0 && mode !== mdm_sdk_1.Mode.Viewing && (react_1.default.createElement(MoreAttributesButton_1.MoreAttributesButton, { label: ui_i18n_1.default.text('More attributes'), onApply: onAddMoreAttributes, dense: drawLines, data: moreAttrTypes, parent: canCreateParentAttrType && parentAttributeType }))),
         react_1.default.createElement(HasDeletionsContext_1.HasDeletionsContext.Provider, { value: hasDeletionsContextValue }, regularPagersData.concat(alwaysVisiblePagersData).map(function (_a) {
             var attrType = _a.attrType, values = _a.values;
             return (react_1.default.createElement(EditModeAttributesPager_1.EditModeAttributesPager, { key: "".concat(attrType.uri, "_").concat(parentUri), attributeType: attrType, drawLines: drawLines, values: values, paging: (0, ramda_1.path)(['paging', attrType.uri], attributes), parentUri: parentUri, showEmptyEditors: showEmptyEditors, mode: mode, crosswalks: crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute, additionalControlsRenderer: additionalControlsRenderer, showNonOv: showNonOv }));

package/cjs/EditModeAttributesPager/components/AttributeRenderer/IntegrationAttributeRenderer.test.js

@@ -190,4 +190,31 @@ describe('Attribute renderer tests', function () {
             }
         });
     }); });
+    it('should render correct if one of the values is masked', function () {
+        var values = [
+            {
+                ov: true,
+                type: 'configuration/entityTypes/HCP/attributes/PrescriberIndicator',
+                uri: 'entities/0XAnnkw/attributes/PrescriberIndicator/ESG66YW',
+                value: false
+            },
+            {
+                ov: true,
+                type: 'configuration/entityTypes/HCP/attributes/PrescriberIndicator',
+                uri: 'entities/0XAnnkw/attributes/PrescriberIndicator/ESG66YW',
+                value: true,
+                masked: true
+            }
+        ];
+        var props = __assign(__assign({}, defaultProps), { values: values });
+        setUp({ props: props });
+        var attributeValues = react_2.screen.getAllByTestId('reltio-attribute-value');
+        expect(attributeValues).toHaveLength(2);
+        expect((0, react_2.within)(attributeValues[0]).getAllByRole('checkbox')).toHaveLength(2);
+        expect((0, react_2.within)(attributeValues[0]).getByText('Yes')).toBeInTheDocument();
+        expect((0, react_2.within)(attributeValues[0]).getByText('No')).toBeInTheDocument();
+        expect((0, react_2.within)(attributeValues[1]).queryAllByRole('checkbox')).toHaveLength(0);
+        expect((0, react_2.within)(attributeValues[1]).getByText('Yes')).toBeInTheDocument();
+        expect((0, react_2.within)(attributeValues[1]).queryByText('No')).not.toBeInTheDocument();
+    });
 });

package/cjs/EditModeComplexAttribute/EditModeComplexAttribute.js

@@ -45,7 +45,7 @@ var useScrollToAttributeError_1 = require("../hooks/useScrollToAttributeError");
 var styles_1 = require("./styles");
 var EditModeComplexAttribute = function (_a) {
     var _b;
-    var label = _a.label, attributeTypesList = _a.attributeTypesList, attributeType = _a.attributeType, attributeValue = _a.attributeValue, children = _a.children, errors = _a.errors, ownError = _a.ownError, mode = _a.mode, metadata = _a.metadata, crosswalks = _a.crosswalks, lazy = _a.lazy, showEmptyEditors = _a.showEmptyEditors, onAddOneMore = _a.onAddOneMore, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, hideDeleteButton = _a.hideDeleteButton, state = _a.state, showNonOv = _a.showNonOv, isHighlightedPath = _a.isHighlightedPath, highlightedError = _a.highlightedError, _c = _a.expanded, expandedProp = _c === void 0 ? false : _c;
+    var label = _a.label, attributeTypesList = _a.attributeTypesList, attributeType = _a.attributeType, attributeValue = _a.attributeValue, children = _a.children, errors = _a.errors, ownError = _a.ownError, modeProp = _a.mode, metadata = _a.metadata, crosswalks = _a.crosswalks, lazy = _a.lazy, showEmptyEditors = _a.showEmptyEditors, onAddOneMore = _a.onAddOneMore, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, hideDeleteButton = _a.hideDeleteButton, state = _a.state, showNonOv = _a.showNonOv, isHighlightedPath = _a.isHighlightedPath, highlightedError = _a.highlightedError, _c = _a.expanded, expandedProp = _c === void 0 ? false : _c;
     var styles = (0, styles_1.useStyles)();
     var deleted = state === 'deleted';
     var edited = state === 'edited';
@@ -54,6 +54,7 @@ var EditModeComplexAttribute = function (_a) {
     var defaultExpand = isNew || expandedProp;
     var _d = (0, react_1.useState)(defaultExpand), expanded = _d[0], setExpanded = _d[1];
     var _e = (0, useScrollToAttributeError_1.useScrollToAttributeError)({ highlightedError: highlightedError }), ref = _e.ref, errorClassName = _e.errorClassName;
+    var mode = attributeValue.masked ? mdm_sdk_1.Mode.Viewing : modeProp;
     (0, react_1.useEffect)(function () {
         if (isHighlightedPath) {
             setExpanded(true);
@@ -73,7 +74,12 @@ var EditModeComplexAttribute = function (_a) {
                 isReltioCrosswalk: (0, mdm_sdk_1.isReltioCrosswalk)(crosswalks, attributeValue)
             });
     }, [attributeType, attributeValue, mode, metadata, crosswalks, configCanDelete]);
-    var showDeleteButton = !deleted && !hideDeleteButton && !!onDeleteAttribute && canDelete;
+    var showDeleteButton = !deleted &&
+        !hideDeleteButton &&
+        !!onDeleteAttribute &&
+        canDelete &&
+        !attributeValue.masked &&
+        mode !== mdm_sdk_1.Mode.Viewing;
     var onDeleteThis = function () { return onDeleteAttribute({ uri: uri, attributeType: attributeType, attributeValue: attributeValue }); };
     var hasDescendantsWithErrors = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.hasAttributeDescendantsWithErrors)(attributeValue, errors); }, [errors, attributeValue]);
     (0, react_1.useEffect)(function () {

package/cjs/EntitySelector/EntitySelector.d.ts

@@ -17,6 +17,7 @@ type Props = {
     className?: string;
     height?: number;
     isDisabled?: boolean;
+    isMasked?: boolean;
 };
-export declare const EntitySelector: ({ entity, entityTypesUris, mode, max, onChange, onCreate, metadata, globalSearchRequestOptions, attributeTypesSelectionStrategy, disableLinkClick, ...otherProps }: Props) => JSX.Element;
+export declare const EntitySelector: ({ entity, entityTypesUris, mode, max, onChange, onCreate, metadata, globalSearchRequestOptions, attributeTypesSelectionStrategy, disableLinkClick, isMasked, ...otherProps }: Props) => JSX.Element;
 export {};

package/cjs/EntitySelector/EntitySelector.js

@@ -64,11 +64,11 @@ var helpers_1 = require("./helpers");
 var styles_1 = require("./styles");
 var DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION = 20;
 var EntitySelector = function (_a) {
-    var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, _d = _a.max, max = _d === void 0 ? DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION : _d, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _e = _a.disableLinkClick, disableLinkClick = _e === void 0 ? false : _e, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick"]);
+    var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, _d = _a.max, max = _d === void 0 ? DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION : _d, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _e = _a.disableLinkClick, disableLinkClick = _e === void 0 ? false : _e, _f = _a.isMasked, isMasked = _f === void 0 ? false : _f, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick", "isMasked"]);
     var styles = (0, styles_1.useStyles)();
-    var _f = (0, react_1.useState)(''), inputValue = _f[0], setInputValue = _f[1];
+    var _g = (0, react_1.useState)(''), inputValue = _g[0], setInputValue = _g[1];
     var entityTypes = (0, react_1.useMemo)(function () { return entityTypesUris.map(function (type) { return (0, mdm_sdk_1.getEntityType)(metadata, type); }).filter(mdm_sdk_1.isAvailableEntityType); }, [entityTypesUris, metadata]);
-    var options = __assign(__assign({}, globalSearchRequestOptions), { max: max });
+    var options = __assign(__assign({}, globalSearchRequestOptions), { max: max, sendMasked: isMasked });
     var handleCreate = onCreate
         ? function (value, entityTypeUri) {
             onCreate(entityTypeUri || entityTypesUris[0], value);

package/cjs/EntitySelector/EntitySelector.test.js

@@ -161,7 +161,7 @@ describe('EntitySelector', function () {
             .prop('getOptions')()
             .then(function () {
             var entityTypes = [metadata.entityTypes[0]];
-            var options = __assign(__assign({}, globalSearchRequestOptions), { max: 5 });
+            var options = __assign(__assign({}, globalSearchRequestOptions), { max: 5, sendMasked: false });
             expect(typeAheadSearchSpy).toHaveBeenCalledWith(entityTypes, undefined, options);
             done();
         });
@@ -179,7 +179,8 @@ describe('EntitySelector', function () {
             .then(function () {
             var entityTypes = [metadata.entityTypes[0]];
             var options = {
-                max: 20
+                max: 20,
+                sendMasked: false
             };
             expect(typeAheadSearchSpy).toHaveBeenCalledWith(entityTypes, undefined, options);
             done();

package/cjs/ReferenceAttributeEditor/ReferenceAttributeEditor.js

@@ -150,7 +150,7 @@ var ReferenceAttributeEditor = function (props) {
             react_1.default.createElement(ErrorWrapper_1.ErrorWrapper, { errorMessage: errorMessage },
                 react_1.default.createElement(EntitySelector_1.EntitySelector, { className: (0, classnames_1.default)(styles.item, (_a = {},
                         _a[styles.dense] = errorMessage || (selectedEntity && (0, mdm_sdk_1.isTempUri)(selectedEntity.entityUri)),
-                        _a)), entity: selectedEntity || {}, entityTypesUris: entityTypesUris, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, isDisabled: !canChangeReferencedEntity, onChange: onChangeEntity, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy })))));
+                        _a)), entity: selectedEntity || {}, entityTypesUris: entityTypesUris, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, isDisabled: !canChangeReferencedEntity || !!attributeValue.masked, onChange: onChangeEntity, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy, isMasked: (0, mdm_sdk_1.isAttributeHasMaskedValue)(attributeValue) })))));
 };
 exports.default = (0, withContext_1.withContext)(ScrollToElementContext_1.ScrollToElementContext, function (contextValue, _a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType;

package/cjs/RelationEditor/IntegrationRelationEditor.test.js

@@ -184,7 +184,8 @@ describe('RelationEditor behaviour', function () {
                     expect(mdm_sdk_1.typeAheadSearch).toBeCalledWith([{ label: 'Address', uri: 'configuration/entityTypes/Location' }], '', {
                         globalFilter: '',
                         max: 20,
-                        searchOptions: ''
+                        searchOptions: '',
+                        sendMasked: false
                     });
                     react_2.screen.getByText('Create new Address');
                     return [2 /*return*/];
@@ -280,4 +281,62 @@ describe('RelationEditor behaviour', function () {
             }
         });
     }); });
+    it('should add sendMasked option if connection entity has attribute with masked value', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var props, user, inputs;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    props = __assign(__assign({}, defaultProps), { connection: {
+                            relation: defaultRelation,
+                            entity: {
+                                uri: 'entities/uri$$123',
+                                type: 'configuration/entityTypes/HCP',
+                                object: {
+                                    uri: 'entities/04B1CqH',
+                                    type: 'configuration/entityTypes/Location',
+                                    attributes: {
+                                        Address: [
+                                            {
+                                                label: 'AcOEvPaVqTfzZCE Josogaf VA',
+                                                relationshipLabel: '',
+                                                value: {
+                                                    AddressLine1: [
+                                                        {
+                                                            type: 'configuration/entityTypes/Location/attributes/AddressLine1',
+                                                            ov: true,
+                                                            value: 'AcOEvPaVqTfzZCE',
+                                                            uri: 'entities/04B1CqH/attributes/Address/03R51aT/AddressLine1/1XFBcmPYm'
+                                                        }
+                                                    ],
+                                                    AddressLine2: [
+                                                        {
+                                                            type: 'configuration/entityTypes/Location/attributes/AddressLine2',
+                                                            ov: true,
+                                                            masked: true,
+                                                            value: 'KBmiSMlqhElLHMH',
+                                                            uri: 'entities/04B1CqH/attributes/Address/03R51aT/AddressLine2/1XFBcmTp2'
+                                                        }
+                                                    ]
+                                                }
+                                            }
+                                        ]
+                                    }
+                                }
+                            }
+                        } });
+                    user = setUp({ props: props }).user;
+                    inputs = react_2.screen.getAllByRole('textbox');
+                    return [4 /*yield*/, user.click(inputs[0])];
+                case 1:
+                    _a.sent();
+                    expect(mdm_sdk_1.typeAheadSearch).toBeCalledWith([{ label: 'Address', uri: 'configuration/entityTypes/Location' }], '', {
+                        globalFilter: '',
+                        max: 20,
+                        searchOptions: '',
+                        sendMasked: true
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
 });

package/cjs/RelationEditor/RelationEditor.js

@@ -61,9 +61,10 @@ var areRelatedEntitiesChanged = function (initial, actual) {
 var emptyHiddenAttributes = {};
 var RelationEditor = function (_a) {
     var _b;
+    var _c, _d;
     var connection = _a.connection, config = _a.config, mode = _a.mode, metadata = _a.metadata, highlightedError = _a.highlightedError;
     var styles = (0, styles_1.useStyles)();
-    var _c = connection.relation, relationType = _c.relationType, direction = _c.direction;
+    var _e = connection.relation, relationType = _e.relationType, direction = _e.direction;
     var isNew = connection.isNew;
     var entityUri = (0, mdm_sdk_1.getEntityUriFromConnection)(connection);
     var relationUri = (0, mdm_sdk_1.getRelationUriFromConnection)(connection);
@@ -94,8 +95,8 @@ var RelationEditor = function (_a) {
     var allRelationEditorErrors = (0, mdm_sdk_1.getAllRelationEditorActiveErrors)(connection, profileErrors);
     var modifiedEntity = isTempEntity ? mdmModifiedEntity : null;
     var allModifiedEntities = isTempEntity ? mdmAllModifiedEntities : null;
-    var _d = (0, useScrollToAttributeError_1.useScrollToAttributeError)({ highlightedError: highlightedError, isSimple: true }), ref = _d.ref, errorClassName = _d.errorClassName;
-    var _e = (0, react_1.useMemo)(function () {
+    var _f = (0, useScrollToAttributeError_1.useScrollToAttributeError)({ highlightedError: highlightedError, isSimple: true }), ref = _f.ref, errorClassName = _f.errorClassName;
+    var _g = (0, react_1.useMemo)(function () {
         return (0, mdm_sdk_1.getInOutRelations)({
             content: connection.parentEntityUri
                 ? config.contentSecondLevel
@@ -105,7 +106,7 @@ var RelationEditor = function (_a) {
             mode: mode,
             metadata: metadata
         });
-    }, [config, direction, relationType, mode, metadata, connection.parentEntityUri]), _f = _e.inRelations, inRelationTypes = _f === void 0 ? [] : _f, _g = _e.outRelations, outRelationTypes = _g === void 0 ? [] : _g;
+    }, [config, direction, relationType, mode, metadata, connection.parentEntityUri]), _h = _g.inRelations, inRelationTypes = _h === void 0 ? [] : _h, _j = _g.outRelations, outRelationTypes = _j === void 0 ? [] : _j;
     var firstLevelRelationAttrTypes = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getRelationAttributesList)(metadata, relationType); }, [relationType, metadata]);
     var attributeListEntity = (0, react_1.useMemo)(function () { return (__assign({ attributes: __assign({}, (0, mdm_sdk_1.getRelationAttributesFromConnection)(connection)) }, (0, mdm_sdk_1.getActivenessAttributes)(connection.relation))); }, [connection]);
     var relatedTempEntities = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.findRelatedTemporaryEntities)(allModifiedEntities, modifiedEntity); }, [allModifiedEntities, modifiedEntity]);
@@ -215,6 +216,7 @@ var RelationEditor = function (_a) {
         }
         return content.entityTypes;
     }, [config, connection.parentEntityUri]);
+    var isEntityHasMaskedAttrValue = (0, ramda_1.pipe)(ramda_1.values, ramda_1.flatten, (0, ramda_1.any)(mdm_sdk_1.isAttributeHasMaskedValue))(((_d = (_c = connection.entity) === null || _c === void 0 ? void 0 : _c.object) === null || _d === void 0 ? void 0 : _d.attributes) || {});
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: styles.editor },
             react_1.default.createElement(Typography_1.default, { className: styles.title }, isNew ? ui_i18n_1.default.text('Add new item') : ui_i18n_1.default.text('Edit item')),
@@ -225,7 +227,7 @@ var RelationEditor = function (_a) {
                         react_1.default.createElement(EntitySelector_1.EntitySelector, { className: (0, classnames_1.default)(styles.item, (_b = {},
                                 _b[styles.dense] = errorMessage ||
                                     (connection.entity && (0, mdm_sdk_1.isTempUri)(connection.entity.entityUri)),
-                                _b)), entity: connection.entity || {}, entityTypesUris: getEntityTypesUris() || [], globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, onChange: onChangeEntity, onCreate: canCreateNewEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: mdm_sdk_1.relationEditorAttributeTypesSelectionStrategy }))),
+                                _b)), entity: connection.entity || {}, entityTypesUris: getEntityTypesUris() || [], globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, onChange: onChangeEntity, onCreate: canCreateNewEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: mdm_sdk_1.relationEditorAttributeTypesSelectionStrategy, isMasked: isEntityHasMaskedAttrValue }))),
                 react_1.default.createElement(HiddenAttributesContext_1.HiddenAttributesContext.Provider, { value: emptyHiddenAttributes },
                     react_1.default.createElement(EditModeAttributesList_1.EditModeAttributesList, { className: styles.item, attrTypes: firstLevelRelationAttrTypes, entity: attributeListEntity, showEmptyEditors: true, mode: mode, parentUri: relationUri, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute }))))),
         react_1.default.createElement("div", { className: styles.actionButtons },

package/cjs/SimpleAttribute/IntegrationSimpleAttribute.test.js

@@ -79,6 +79,7 @@ var react_2 = require("@testing-library/react");
 var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var mdmSdk = __importStar(require("@reltio/mdm-sdk"));
 var MaskedAttributesContext_1 = require("../contexts/MaskedAttributesContext");
+var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var SimpleAttribute_1 = require("./SimpleAttribute");
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getUnmaskedAttributeValue: jest.fn() })); });
 describe('masking/unmasking behaviour', function () {
@@ -94,10 +95,15 @@ describe('masking/unmasking behaviour', function () {
     var setUp = function (isMaskingNeeded) {
         if (isMaskingNeeded === void 0) { isMaskingNeeded = true; }
         var attributeType = isMaskingNeeded ? defaultAttributeType : (0, ramda_1.dissoc)('masking', defaultAttributeType);
-        var container = (0, react_2.render)(react_1.default.createElement(MaskedAttributesContext_1.MaskedAttributesProvider, null,
-            react_1.default.createElement(SimpleAttribute_1.SimpleAttribute, { attributeType: attributeType, attributeValue: defaultAttributeValue }))).container;
+        var Providers = function (_a) {
+            var children = _a.children;
+            return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { mode: mdmSdk.Mode.Viewing } },
+                react_1.default.createElement(MaskedAttributesContext_1.MaskedAttributesProvider, null, children)));
+        };
         var user = user_event_1.default.setup();
-        return { container: container, user: user };
+        return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(SimpleAttribute_1.SimpleAttribute, { attributeType: attributeType, attributeValue: defaultAttributeValue }), {
+            wrapper: Providers
+        }));
     };
     it('should not render MaskingSwitcher if attribute should not be masked', function () {
         var container = setUp(false).container;

package/cjs/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -89,7 +89,7 @@ var SimpleAttributeEditor = function (_a) {
         mode: mode,
         isReltioCrosswalk: isReltioCrosswalk
     }), canCreate = _e.canCreate, canEdit = _e.canEdit, canDelete = _e.canDelete;
-    var showToEdit = canEdit && isEditableMode;
+    var showToEdit = canEdit && isEditableMode && !attributeValue.masked;
     var errorMessage = (0, mdm_sdk_1.getErrorMessage)(ownError);
     var dependentLookupEditorContext = (0, MdmModuleContext_1.useMdmDependentLookupEditorContext)(attributeValue, attributeType);
     var _f = (0, useScrollToAttributeError_1.useScrollToAttributeError)({ highlightedError: highlightedError, isSimple: true }), ref = _f.ref, errorClassName = _f.errorClassName;
@@ -118,8 +118,8 @@ var SimpleAttributeEditor = function (_a) {
             deactivateError();
         }
     };
-    var showAddButton = !!onAddOneMore && canCreate && !attributeType.singleValue;
-    var showDeleteButton = !deleted && !!onDeleteAttribute && canDelete;
+    var showAddButton = !!onAddOneMore && canCreate && !attributeType.singleValue && !attributeValue.masked && mode !== mdm_sdk_1.Mode.Viewing;
+    var showDeleteButton = !deleted && !!onDeleteAttribute && canDelete && !attributeValue.masked && mode !== mdm_sdk_1.Mode.Viewing;
     var hasError = !!errorMessage;
     var deletedProps = deleted ? { disabled: true, isCrossedOut: true } : {};
     var isProfilePerspectiveView = (0, react_1.useContext)(ProfilePerspectiveViewContext_1.ProfilePerspectiveViewContext);

package/cjs/hooks/useMaskedAttribute/useMaskedAttribute.js

@@ -2,13 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMaskedAttribute = void 0;
 var react_1 = require("react");
+var MdmModuleContext_1 = require("../../contexts/MdmModuleContext");
 var MaskedAttributesContext_1 = require("../../contexts/MaskedAttributesContext");
 var useMaskedAttribute = function (_a) {
     var attributeType = _a.attributeType, attributeValue = _a.attributeValue;
+    var isViewMode = (0, MdmModuleContext_1.useMdmIsViewMode)();
     var unmaskAttributeValue = (0, MaskedAttributesContext_1.useUnmaskAttributeValue)();
     var maskAttributeValue = (0, MaskedAttributesContext_1.useMaskAttributeValue)();
     var _b = (0, MaskedAttributesContext_1.useUnmaskedAttributeValue)(attributeValue.uri) || {}, unmaskedAttributeValue = _b.attributeValue, _c = _b.isUnmasked, isUnmasked = _c === void 0 ? false : _c, _d = _b.loading, loading = _d === void 0 ? false : _d;
-    var isUnmaskingNeeded = unmaskAttributeValue && maskAttributeValue && !!attributeType.masking;
+    var isUnmaskingNeeded = unmaskAttributeValue && maskAttributeValue && !!attributeType.masking && isViewMode;
     var unmask = (0, react_1.useCallback)(function () {
         return isUnmaskingNeeded ? unmaskAttributeValue(attributeValue.uri) : Promise.resolve();
     }, [unmaskAttributeValue, attributeValue.uri, isUnmaskingNeeded]);

package/esm/EditModeAttributesList/EditModeAttributesList.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import React, { useCallback, useContext, useMemo, useState, useEffect } from 'react';
 import i18n from 'ui-i18n';
-import { getCreatableAttributeTypes, getAttributesListForEditMode, getParentUri, checkCanCreateAttribute, getBaseUri } from '@reltio/mdm-sdk';
+import { getCreatableAttributeTypes, getAttributesListForEditMode, getParentUri, checkCanCreateAttribute, getBaseUri, Mode } from '@reltio/mdm-sdk';
 import { last, path } from 'ramda';
 import { EditModeAttributesPager } from '../EditModeAttributesPager';
 import { BranchDecorator } from '../BranchDecorator';
@@ -67,7 +67,7 @@ var EditModeAttributesList = function (_a) {
     }); }, [hasDeletionsMap, setHasDeletions]);
     return (React.createElement("div", { className: className },
         children && React.createElement(BranchDecorator, __assign({}, decoratorProps), children),
-        React.createElement(BranchDecorator, __assign({}, decoratorProps, { plain: true }), moreAttrTypes.length > 0 && (React.createElement(MoreAttributesButton, { label: i18n.text('More attributes'), onApply: onAddMoreAttributes, dense: drawLines, data: moreAttrTypes, parent: canCreateParentAttrType && parentAttributeType }))),
+        React.createElement(BranchDecorator, __assign({}, decoratorProps, { plain: true }), moreAttrTypes.length > 0 && mode !== Mode.Viewing && (React.createElement(MoreAttributesButton, { label: i18n.text('More attributes'), onApply: onAddMoreAttributes, dense: drawLines, data: moreAttrTypes, parent: canCreateParentAttrType && parentAttributeType }))),
         React.createElement(HasDeletionsContext.Provider, { value: hasDeletionsContextValue }, regularPagersData.concat(alwaysVisiblePagersData).map(function (_a) {
             var attrType = _a.attrType, values = _a.values;
             return (React.createElement(EditModeAttributesPager, { key: "".concat(attrType.uri, "_").concat(parentUri), attributeType: attrType, drawLines: drawLines, values: values, paging: path(['paging', attrType.uri], attributes), parentUri: parentUri, showEmptyEditors: showEmptyEditors, mode: mode, crosswalks: crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute, additionalControlsRenderer: additionalControlsRenderer, showNonOv: showNonOv }));

package/esm/EditModeAttributesPager/components/AttributeRenderer/IntegrationAttributeRenderer.test.js

@@ -185,4 +185,31 @@ describe('Attribute renderer tests', function () {
             }
         });
     }); });
+    it('should render correct if one of the values is masked', function () {
+        var values = [
+            {
+                ov: true,
+                type: 'configuration/entityTypes/HCP/attributes/PrescriberIndicator',
+                uri: 'entities/0XAnnkw/attributes/PrescriberIndicator/ESG66YW',
+                value: false
+            },
+            {
+                ov: true,
+                type: 'configuration/entityTypes/HCP/attributes/PrescriberIndicator',
+                uri: 'entities/0XAnnkw/attributes/PrescriberIndicator/ESG66YW',
+                value: true,
+                masked: true
+            }
+        ];
+        var props = __assign(__assign({}, defaultProps), { values: values });
+        setUp({ props: props });
+        var attributeValues = screen.getAllByTestId('reltio-attribute-value');
+        expect(attributeValues).toHaveLength(2);
+        expect(within(attributeValues[0]).getAllByRole('checkbox')).toHaveLength(2);
+        expect(within(attributeValues[0]).getByText('Yes')).toBeInTheDocument();
+        expect(within(attributeValues[0]).getByText('No')).toBeInTheDocument();
+        expect(within(attributeValues[1]).queryAllByRole('checkbox')).toHaveLength(0);
+        expect(within(attributeValues[1]).getByText('Yes')).toBeInTheDocument();
+        expect(within(attributeValues[1]).queryByText('No')).not.toBeInTheDocument();
+    });
 });

package/esm/EditModeComplexAttribute/EditModeComplexAttribute.js

@@ -2,7 +2,7 @@ import React, { useMemo, useState, useEffect } from 'react';
 import { pipe, propOr, pathEq, any } from 'ramda';
 import classnames from 'classnames';
 import i18n from 'ui-i18n';
-import { checkCanDeleteAttribute, isReltioCrosswalk, isTempUri, getErrorMessage, hasAttributeDescendantsWithErrors, isAnalyticAttribute } from '@reltio/mdm-sdk';
+import { checkCanDeleteAttribute, isReltioCrosswalk, isTempUri, getErrorMessage, hasAttributeDescendantsWithErrors, isAnalyticAttribute, Mode } from '@reltio/mdm-sdk';
 import Button from '@mui/material/Button';
 import DeleteIcon from '@mui/icons-material/Delete';
 import Typography from '@mui/material/Typography';
@@ -17,7 +17,7 @@ import { useScrollToAttributeError } from '../hooks/useScrollToAttributeError';
 import { useStyles } from './styles';
 var EditModeComplexAttribute = function (_a) {
     var _b;
-    var label = _a.label, attributeTypesList = _a.attributeTypesList, attributeType = _a.attributeType, attributeValue = _a.attributeValue, children = _a.children, errors = _a.errors, ownError = _a.ownError, mode = _a.mode, metadata = _a.metadata, crosswalks = _a.crosswalks, lazy = _a.lazy, showEmptyEditors = _a.showEmptyEditors, onAddOneMore = _a.onAddOneMore, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, hideDeleteButton = _a.hideDeleteButton, state = _a.state, showNonOv = _a.showNonOv, isHighlightedPath = _a.isHighlightedPath, highlightedError = _a.highlightedError, _c = _a.expanded, expandedProp = _c === void 0 ? false : _c;
+    var label = _a.label, attributeTypesList = _a.attributeTypesList, attributeType = _a.attributeType, attributeValue = _a.attributeValue, children = _a.children, errors = _a.errors, ownError = _a.ownError, modeProp = _a.mode, metadata = _a.metadata, crosswalks = _a.crosswalks, lazy = _a.lazy, showEmptyEditors = _a.showEmptyEditors, onAddOneMore = _a.onAddOneMore, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, hideDeleteButton = _a.hideDeleteButton, state = _a.state, showNonOv = _a.showNonOv, isHighlightedPath = _a.isHighlightedPath, highlightedError = _a.highlightedError, _c = _a.expanded, expandedProp = _c === void 0 ? false : _c;
     var styles = useStyles();
     var deleted = state === 'deleted';
     var edited = state === 'edited';
@@ -26,6 +26,7 @@ var EditModeComplexAttribute = function (_a) {
     var defaultExpand = isNew || expandedProp;
     var _d = useState(defaultExpand), expanded = _d[0], setExpanded = _d[1];
     var _e = useScrollToAttributeError({ highlightedError: highlightedError }), ref = _e.ref, errorClassName = _e.errorClassName;
+    var mode = attributeValue.masked ? Mode.Viewing : modeProp;
     useEffect(function () {
         if (isHighlightedPath) {
             setExpanded(true);
@@ -45,7 +46,12 @@ var EditModeComplexAttribute = function (_a) {
                 isReltioCrosswalk: isReltioCrosswalk(crosswalks, attributeValue)
             });
     }, [attributeType, attributeValue, mode, metadata, crosswalks, configCanDelete]);
-    var showDeleteButton = !deleted && !hideDeleteButton && !!onDeleteAttribute && canDelete;
+    var showDeleteButton = !deleted &&
+        !hideDeleteButton &&
+        !!onDeleteAttribute &&
+        canDelete &&
+        !attributeValue.masked &&
+        mode !== Mode.Viewing;
     var onDeleteThis = function () { return onDeleteAttribute({ uri: uri, attributeType: attributeType, attributeValue: attributeValue }); };
     var hasDescendantsWithErrors = useMemo(function () { return hasAttributeDescendantsWithErrors(attributeValue, errors); }, [errors, attributeValue]);
     useEffect(function () {

package/esm/EntitySelector/EntitySelector.d.ts

@@ -17,6 +17,7 @@ type Props = {
     className?: string;
     height?: number;
     isDisabled?: boolean;
+    isMasked?: boolean;
 };
-export declare const EntitySelector: ({ entity, entityTypesUris, mode, max, onChange, onCreate, metadata, globalSearchRequestOptions, attributeTypesSelectionStrategy, disableLinkClick, ...otherProps }: Props) => JSX.Element;
+export declare const EntitySelector: ({ entity, entityTypesUris, mode, max, onChange, onCreate, metadata, globalSearchRequestOptions, attributeTypesSelectionStrategy, disableLinkClick, isMasked, ...otherProps }: Props) => JSX.Element;
 export {};

package/esm/EntitySelector/EntitySelector.js

@@ -35,11 +35,11 @@ import { buildEntityOptions } from './helpers';
 import { useStyles } from './styles';
 var DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION = 20;
 export var EntitySelector = function (_a) {
-    var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, _d = _a.max, max = _d === void 0 ? DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION : _d, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _e = _a.disableLinkClick, disableLinkClick = _e === void 0 ? false : _e, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick"]);
+    var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, _d = _a.max, max = _d === void 0 ? DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION : _d, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _e = _a.disableLinkClick, disableLinkClick = _e === void 0 ? false : _e, _f = _a.isMasked, isMasked = _f === void 0 ? false : _f, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick", "isMasked"]);
     var styles = useStyles();
-    var _f = useState(''), inputValue = _f[0], setInputValue = _f[1];
+    var _g = useState(''), inputValue = _g[0], setInputValue = _g[1];
     var entityTypes = useMemo(function () { return entityTypesUris.map(function (type) { return getEntityType(metadata, type); }).filter(isAvailableEntityType); }, [entityTypesUris, metadata]);
-    var options = __assign(__assign({}, globalSearchRequestOptions), { max: max });
+    var options = __assign(__assign({}, globalSearchRequestOptions), { max: max, sendMasked: isMasked });
     var handleCreate = onCreate
         ? function (value, entityTypeUri) {
             onCreate(entityTypeUri || entityTypesUris[0], value);

package/esm/EntitySelector/EntitySelector.test.js

@@ -133,7 +133,7 @@ describe('EntitySelector', function () {
             .prop('getOptions')()
             .then(function () {
             var entityTypes = [metadata.entityTypes[0]];
-            var options = __assign(__assign({}, globalSearchRequestOptions), { max: 5 });
+            var options = __assign(__assign({}, globalSearchRequestOptions), { max: 5, sendMasked: false });
             expect(typeAheadSearchSpy).toHaveBeenCalledWith(entityTypes, undefined, options);
             done();
         });
@@ -151,7 +151,8 @@ describe('EntitySelector', function () {
             .then(function () {
             var entityTypes = [metadata.entityTypes[0]];
             var options = {
-                max: 20
+                max: 20,
+                sendMasked: false
             };
             expect(typeAheadSearchSpy).toHaveBeenCalledWith(entityTypes, undefined, options);
             done();

package/esm/ReferenceAttributeEditor/ReferenceAttributeEditor.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useMemo, useCallback, useRef } from 'react';
 import classnames from 'classnames';
 import { identity, pipe, isEmpty } from 'ramda';
-import { evaluateDeepEntityLabel, referencedEntityAttributeTypesSelectionStrategy, getEntityType, getReferencedEntityFromAttrValue, getReferencedRelationFromAttrValue, getReferencedEntityUri, getReferencedEntityTypeUri, getReferencedEntityTypeUriFromAttrType, getReferencedRelationAttrTypesUris, findAttributeTypeByUri, getCreatableAttributeTypes, createTemporaryEntity, convertReferencedEntityForAttrValue, createReferencedRelationForAttrValue, addReferencedRelationCrosswalks, getReferencedEntityUriFromAttrValue, checkCanEditAttribute, checkMetadataForCreate, isReltioCrosswalk, getErrorMessage, getErrorId, getReferencedEntityActiveError, isTempUri, getLabel, isAttributeTypeError } from '@reltio/mdm-sdk';
+import { evaluateDeepEntityLabel, referencedEntityAttributeTypesSelectionStrategy, getEntityType, getReferencedEntityFromAttrValue, getReferencedRelationFromAttrValue, getReferencedEntityUri, getReferencedEntityTypeUri, getReferencedEntityTypeUriFromAttrType, getReferencedRelationAttrTypesUris, findAttributeTypeByUri, getCreatableAttributeTypes, createTemporaryEntity, convertReferencedEntityForAttrValue, createReferencedRelationForAttrValue, addReferencedRelationCrosswalks, getReferencedEntityUriFromAttrValue, checkCanEditAttribute, checkMetadataForCreate, isReltioCrosswalk, getErrorMessage, getErrorId, getReferencedEntityActiveError, isTempUri, getLabel, isAttributeTypeError, isAttributeHasMaskedValue } from '@reltio/mdm-sdk';
 import { EditModeComplexAttribute } from '../EditModeComplexAttribute';
 import { EntitySelector } from '../EntitySelector';
 import { ErrorWrapper } from '../ErrorWrapper';
@@ -122,7 +122,7 @@ var ReferenceAttributeEditor = function (props) {
             React.createElement(ErrorWrapper, { errorMessage: errorMessage },
                 React.createElement(EntitySelector, { className: classnames(styles.item, (_a = {},
                         _a[styles.dense] = errorMessage || (selectedEntity && isTempUri(selectedEntity.entityUri)),
-                        _a)), entity: selectedEntity || {}, entityTypesUris: entityTypesUris, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, isDisabled: !canChangeReferencedEntity, onChange: onChangeEntity, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy })))));
+                        _a)), entity: selectedEntity || {}, entityTypesUris: entityTypesUris, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, isDisabled: !canChangeReferencedEntity || !!attributeValue.masked, onChange: onChangeEntity, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy, isMasked: isAttributeHasMaskedValue(attributeValue) })))));
 };
 export default withContext(ScrollToElementContext, function (contextValue, _a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType;

package/esm/RelationEditor/IntegrationRelationEditor.test.js

@@ -179,7 +179,8 @@ describe('RelationEditor behaviour', function () {
                     expect(typeAheadSearch).toBeCalledWith([{ label: 'Address', uri: 'configuration/entityTypes/Location' }], '', {
                         globalFilter: '',
                         max: 20,
-                        searchOptions: ''
+                        searchOptions: '',
+                        sendMasked: false
                     });
                     screen.getByText('Create new Address');
                     return [2 /*return*/];
@@ -275,4 +276,62 @@ describe('RelationEditor behaviour', function () {
             }
         });
     }); });
+    it('should add sendMasked option if connection entity has attribute with masked value', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var props, user, inputs;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    props = __assign(__assign({}, defaultProps), { connection: {
+                            relation: defaultRelation,
+                            entity: {
+                                uri: 'entities/uri$$123',
+                                type: 'configuration/entityTypes/HCP',
+                                object: {
+                                    uri: 'entities/04B1CqH',
+                                    type: 'configuration/entityTypes/Location',
+                                    attributes: {
+                                        Address: [
+                                            {
+                                                label: 'AcOEvPaVqTfzZCE Josogaf VA',
+                                                relationshipLabel: '',
+                                                value: {
+                                                    AddressLine1: [
+                                                        {
+                                                            type: 'configuration/entityTypes/Location/attributes/AddressLine1',
+                                                            ov: true,
+                                                            value: 'AcOEvPaVqTfzZCE',
+                                                            uri: 'entities/04B1CqH/attributes/Address/03R51aT/AddressLine1/1XFBcmPYm'
+                                                        }
+                                                    ],
+                                                    AddressLine2: [
+                                                        {
+                                                            type: 'configuration/entityTypes/Location/attributes/AddressLine2',
+                                                            ov: true,
+                                                            masked: true,
+                                                            value: 'KBmiSMlqhElLHMH',
+                                                            uri: 'entities/04B1CqH/attributes/Address/03R51aT/AddressLine2/1XFBcmTp2'
+                                                        }
+                                                    ]
+                                                }
+                                            }
+                                        ]
+                                    }
+                                }
+                            }
+                        } });
+                    user = setUp({ props: props }).user;
+                    inputs = screen.getAllByRole('textbox');
+                    return [4 /*yield*/, user.click(inputs[0])];
+                case 1:
+                    _a.sent();
+                    expect(typeAheadSearch).toBeCalledWith([{ label: 'Address', uri: 'configuration/entityTypes/Location' }], '', {
+                        globalFilter: '',
+                        max: 20,
+                        searchOptions: '',
+                        sendMasked: true
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
 });

package/esm/RelationEditor/RelationEditor.js

@@ -12,10 +12,10 @@ var __assign = (this && this.__assign) || function () {
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import i18n from 'ui-i18n';
 import classnames from 'classnames';
-import { always, assoc, concat, differenceWith, equals, forEach, map, path, pick, pipe, prop, propEq, when, uniq, curry } from 'ramda';
+import { always, assoc, concat, differenceWith, equals, forEach, map, path, pick, pipe, prop, propEq, when, uniq, curry, values, flatten, any } from 'ramda';
 import Button from '@mui/material/Button';
 import Typography from '@mui/material/Typography';
-import { createTemporaryEntity, findRelatedTemporaryEntities, getActivenessAttributes, getCreatableAttributeTypes, getEntityType, getErrorMessage, getErrorId, omitMarks, relationEditorAttributeTypesSelectionStrategy, validateConnection, updateConnectionEntityLabel, isTempUri, isEmptyValue, getRelationAttributesList, getDefaultRelationTypeObject, getInOutRelations, isSuggestMode, isAttributeTypeError, getRelationUriFromConnection, getRelationEditorActiveError, getRelationAttributesFromConnection, getEntityUriFromConnection, evaluateErrorPath, AttributeValuePathItemType, getAllRelationEditorActiveErrors } from '@reltio/mdm-sdk';
+import { createTemporaryEntity, findRelatedTemporaryEntities, getActivenessAttributes, getCreatableAttributeTypes, getEntityType, getErrorMessage, getErrorId, omitMarks, relationEditorAttributeTypesSelectionStrategy, validateConnection, updateConnectionEntityLabel, isTempUri, isEmptyValue, getRelationAttributesList, getDefaultRelationTypeObject, getInOutRelations, isSuggestMode, isAttributeTypeError, getRelationUriFromConnection, getRelationEditorActiveError, getRelationAttributesFromConnection, getEntityUriFromConnection, evaluateErrorPath, AttributeValuePathItemType, getAllRelationEditorActiveErrors, isAttributeHasMaskedValue } from '@reltio/mdm-sdk';
 import { ConnectionRelationTypeSelector } from '../ConnectionRelationTypeSelector';
 import { ErrorWrapper } from '../ErrorWrapper';
 import { EntitySelector } from '../EntitySelector';
@@ -33,9 +33,10 @@ var areRelatedEntitiesChanged = function (initial, actual) {
 var emptyHiddenAttributes = {};
 var RelationEditor = function (_a) {
     var _b;
+    var _c, _d;
     var connection = _a.connection, config = _a.config, mode = _a.mode, metadata = _a.metadata, highlightedError = _a.highlightedError;
     var styles = useStyles();
-    var _c = connection.relation, relationType = _c.relationType, direction = _c.direction;
+    var _e = connection.relation, relationType = _e.relationType, direction = _e.direction;
     var isNew = connection.isNew;
     var entityUri = getEntityUriFromConnection(connection);
     var relationUri = getRelationUriFromConnection(connection);
@@ -66,8 +67,8 @@ var RelationEditor = function (_a) {
     var allRelationEditorErrors = getAllRelationEditorActiveErrors(connection, profileErrors);
     var modifiedEntity = isTempEntity ? mdmModifiedEntity : null;
     var allModifiedEntities = isTempEntity ? mdmAllModifiedEntities : null;
-    var _d = useScrollToAttributeError({ highlightedError: highlightedError, isSimple: true }), ref = _d.ref, errorClassName = _d.errorClassName;
-    var _e = useMemo(function () {
+    var _f = useScrollToAttributeError({ highlightedError: highlightedError, isSimple: true }), ref = _f.ref, errorClassName = _f.errorClassName;
+    var _g = useMemo(function () {
         return getInOutRelations({
             content: connection.parentEntityUri
                 ? config.contentSecondLevel
@@ -77,7 +78,7 @@ var RelationEditor = function (_a) {
             mode: mode,
             metadata: metadata
         });
-    }, [config, direction, relationType, mode, metadata, connection.parentEntityUri]), _f = _e.inRelations, inRelationTypes = _f === void 0 ? [] : _f, _g = _e.outRelations, outRelationTypes = _g === void 0 ? [] : _g;
+    }, [config, direction, relationType, mode, metadata, connection.parentEntityUri]), _h = _g.inRelations, inRelationTypes = _h === void 0 ? [] : _h, _j = _g.outRelations, outRelationTypes = _j === void 0 ? [] : _j;
     var firstLevelRelationAttrTypes = useMemo(function () { return getRelationAttributesList(metadata, relationType); }, [relationType, metadata]);
     var attributeListEntity = useMemo(function () { return (__assign({ attributes: __assign({}, getRelationAttributesFromConnection(connection)) }, getActivenessAttributes(connection.relation))); }, [connection]);
     var relatedTempEntities = useMemo(function () { return findRelatedTemporaryEntities(allModifiedEntities, modifiedEntity); }, [allModifiedEntities, modifiedEntity]);
@@ -187,6 +188,7 @@ var RelationEditor = function (_a) {
         }
         return content.entityTypes;
     }, [config, connection.parentEntityUri]);
+    var isEntityHasMaskedAttrValue = pipe(values, flatten, any(isAttributeHasMaskedValue))(((_d = (_c = connection.entity) === null || _c === void 0 ? void 0 : _c.object) === null || _d === void 0 ? void 0 : _d.attributes) || {});
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: styles.editor },
             React.createElement(Typography, { className: styles.title }, isNew ? i18n.text('Add new item') : i18n.text('Edit item')),
@@ -197,7 +199,7 @@ var RelationEditor = function (_a) {
                         React.createElement(EntitySelector, { className: classnames(styles.item, (_b = {},
                                 _b[styles.dense] = errorMessage ||
                                     (connection.entity && isTempUri(connection.entity.entityUri)),
-                                _b)), entity: connection.entity || {}, entityTypesUris: getEntityTypesUris() || [], globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, onChange: onChangeEntity, onCreate: canCreateNewEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: relationEditorAttributeTypesSelectionStrategy }))),
+                                _b)), entity: connection.entity || {}, entityTypesUris: getEntityTypesUris() || [], globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, onChange: onChangeEntity, onCreate: canCreateNewEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: relationEditorAttributeTypesSelectionStrategy, isMasked: isEntityHasMaskedAttrValue }))),
                 React.createElement(HiddenAttributesContext.Provider, { value: emptyHiddenAttributes },
                     React.createElement(EditModeAttributesList, { className: styles.item, attrTypes: firstLevelRelationAttrTypes, entity: attributeListEntity, showEmptyEditors: true, mode: mode, parentUri: relationUri, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute }))))),
         React.createElement("div", { className: styles.actionButtons },

package/esm/SimpleAttribute/IntegrationSimpleAttribute.test.js

@@ -51,6 +51,7 @@ import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import * as mdmSdk from '@reltio/mdm-sdk';
 import { MaskedAttributesProvider } from '../contexts/MaskedAttributesContext';
+import { MdmModuleProvider } from '../contexts/MdmModuleContext';
 import { SimpleAttribute } from './SimpleAttribute';
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getUnmaskedAttributeValue: jest.fn() })); });
 describe('masking/unmasking behaviour', function () {
@@ -66,10 +67,15 @@ describe('masking/unmasking behaviour', function () {
     var setUp = function (isMaskingNeeded) {
         if (isMaskingNeeded === void 0) { isMaskingNeeded = true; }
         var attributeType = isMaskingNeeded ? defaultAttributeType : dissoc('masking', defaultAttributeType);
-        var container = render(React.createElement(MaskedAttributesProvider, null,
-            React.createElement(SimpleAttribute, { attributeType: attributeType, attributeValue: defaultAttributeValue }))).container;
+        var Providers = function (_a) {
+            var children = _a.children;
+            return (React.createElement(MdmModuleProvider, { values: { mode: mdmSdk.Mode.Viewing } },
+                React.createElement(MaskedAttributesProvider, null, children)));
+        };
         var user = userEvent.setup();
-        return { container: container, user: user };
+        return __assign({ user: user }, render(React.createElement(SimpleAttribute, { attributeType: attributeType, attributeValue: defaultAttributeValue }), {
+            wrapper: Providers
+        }));
     };
     it('should not render MaskingSwitcher if attribute should not be masked', function () {
         var container = setUp(false).container;

package/esm/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -27,7 +27,7 @@ import AddIcon from '@mui/icons-material/Add';
 import DeleteIcon from '@mui/icons-material/Delete';
 import Typography from '@mui/material/Typography';
 import i18n from 'ui-i18n';
-import { attributeUriToSearchUri, ErrorType, getAttributeValue, getAttrDataTypeDefinition, getErrorId, getErrorMessage, getErrorType, isDependentLookupAttrType, isEditableMode as checkIsEditableMode } from '@reltio/mdm-sdk';
+import { attributeUriToSearchUri, ErrorType, getAttributeValue, getAttrDataTypeDefinition, getErrorId, getErrorMessage, getErrorType, isDependentLookupAttrType, isEditableMode as checkIsEditableMode, Mode } from '@reltio/mdm-sdk';
 import { DataTypeValue } from '../DataTypeValue';
 import { DataTypeValueEditor } from '../DataTypeValueEditor';
 import { ErrorWrapper } from '../ErrorWrapper';
@@ -61,7 +61,7 @@ var SimpleAttributeEditor = function (_a) {
         mode: mode,
         isReltioCrosswalk: isReltioCrosswalk
     }), canCreate = _e.canCreate, canEdit = _e.canEdit, canDelete = _e.canDelete;
-    var showToEdit = canEdit && isEditableMode;
+    var showToEdit = canEdit && isEditableMode && !attributeValue.masked;
     var errorMessage = getErrorMessage(ownError);
     var dependentLookupEditorContext = useMdmDependentLookupEditorContext(attributeValue, attributeType);
     var _f = useScrollToAttributeError({ highlightedError: highlightedError, isSimple: true }), ref = _f.ref, errorClassName = _f.errorClassName;
@@ -90,8 +90,8 @@ var SimpleAttributeEditor = function (_a) {
             deactivateError();
         }
     };
-    var showAddButton = !!onAddOneMore && canCreate && !attributeType.singleValue;
-    var showDeleteButton = !deleted && !!onDeleteAttribute && canDelete;
+    var showAddButton = !!onAddOneMore && canCreate && !attributeType.singleValue && !attributeValue.masked && mode !== Mode.Viewing;
+    var showDeleteButton = !deleted && !!onDeleteAttribute && canDelete && !attributeValue.masked && mode !== Mode.Viewing;
     var hasError = !!errorMessage;
     var deletedProps = deleted ? { disabled: true, isCrossedOut: true } : {};
     var isProfilePerspectiveView = useContext(ProfilePerspectiveViewContext);

package/esm/hooks/useMaskedAttribute/useMaskedAttribute.js

@@ -1,11 +1,13 @@
 import { useCallback } from 'react';
+import { useMdmIsViewMode } from '../../contexts/MdmModuleContext';
 import { useMaskAttributeValue, useUnmaskAttributeValue, useUnmaskedAttributeValue } from '../../contexts/MaskedAttributesContext';
 export var useMaskedAttribute = function (_a) {
     var attributeType = _a.attributeType, attributeValue = _a.attributeValue;
+    var isViewMode = useMdmIsViewMode();
     var unmaskAttributeValue = useUnmaskAttributeValue();
     var maskAttributeValue = useMaskAttributeValue();
     var _b = useUnmaskedAttributeValue(attributeValue.uri) || {}, unmaskedAttributeValue = _b.attributeValue, _c = _b.isUnmasked, isUnmasked = _c === void 0 ? false : _c, _d = _b.loading, loading = _d === void 0 ? false : _d;
-    var isUnmaskingNeeded = unmaskAttributeValue && maskAttributeValue && !!attributeType.masking;
+    var isUnmaskingNeeded = unmaskAttributeValue && maskAttributeValue && !!attributeType.masking && isViewMode;
     var unmask = useCallback(function () {
         return isUnmaskingNeeded ? unmaskAttributeValue(attributeValue.uri) : Promise.resolve();
     }, [unmaskAttributeValue, attributeValue.uri, isUnmaskingNeeded]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1940",
+  "version": "1.4.1941",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -8,7 +8,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.1854",
+    "@reltio/mdm-sdk": "^1.4.1855",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",
     "d3-hierarchy": "^2.0.0",