@reltio/components 1.4.2133 → 1.4.2135

package/AttributesFiltersBuilder/AttributesFiltersBuilder.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import { Metadata, SearchFilter } from '@reltio/mdm-sdk';
+import { SearchFilter } from '@reltio/mdm-sdk';
 import { AttributeSelectionInfo, AttributeSelectorItemsGroup, AttributesFilterComponentsClasses, AttributesTypesGroup } from '../types';
 type Props = {
     classes?: AttributesFilterComponentsClasses;
     filters: SearchFilter[];
     onChange: (filters: SearchFilter[]) => void;
     attributesTypesGroups: AttributesTypesGroup[];
-    attributesTypesGroupFilter?: (metadata: Metadata, attributeSelectorItemsGroup: AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[];
+    attributesTypesGroupFilter?: (attributeSelectorItemsGroup: AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[];
     components?: {
         ValuesEditor?: React.ElementType;
         FilterSelector?: React.ElementType;

package/AttributesFiltersButton/AttributesFiltersButton.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import { Metadata, SearchFilter } from '@reltio/mdm-sdk';
+import { SearchFilter } from '@reltio/mdm-sdk';
 import { AttributeSelectionInfo, AttributeSelectorItemsGroup, AttributesFilterComponentsClasses, AttributesTypesGroup } from '../types';
 type Props = {
     classes?: AttributesFilterComponentsClasses;
     filters: SearchFilter[];
     onChange: (filters: SearchFilter[]) => void;
     attributesTypesGroups: AttributesTypesGroup[];
-    attributesTypesGroupFilter?: (metadata: Metadata, attributeSelectorItemsGroup: AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[];
+    attributesTypesGroupFilter?: (attributeSelectorItemsGroup: AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[];
     components?: {
         ValuesEditor?: React.ElementType;
         FilterSelector?: React.ElementType;

package/HOCs/withFilter/components/ColumnFilter/ColumnFilter.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef, useState } from 'react';
 import { defaultTo, pipe, prop, propEq } from 'ramda';
-import { getDataTypeDefinitionForFilterValue, getFilterOptionLabel, getFilterOptionsForDataTypeDefinition, validateFilter } from '@reltio/mdm-sdk';
+import { checkBasicMetadataPermission, getDataTypeDefinitionForFilterValue, getFilterOptionLabel, getFilterOptionsForDataTypeDefinition, MetadataPermissions, validateFilter } from '@reltio/mdm-sdk';
 import Popover from '@mui/material/Popover';
 import IconButton from '@mui/material/IconButton';
 import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
@@ -56,9 +56,10 @@ export var ColumnFilter = function (_a) {
     };
     var filterOptionValues = (_b = filterOptionsData === null || filterOptionsData === void 0 ? void 0 : filterOptionsData.map(function (filterOption) { return filterOption.value; })) !== null && _b !== void 0 ? _b : getFilterOptionsForDataTypeDefinition(dataTypeDefinition);
     var filterOptions = filterOptionValues.map(function (value) { return ({ value: value, label: getFilterLabel(value) }); });
+    var hasReadPermission = checkBasicMetadataPermission(MetadataPermissions.READ, dataTypeDefinition);
     return (React.createElement("div", { ref: containerRef, className: styles.columnFilter, "data-reltio-id": "column-filter" },
         filter && (React.createElement(FilterChip, { filterValue: filter.value, filterOption: filterOptions.find(propEq('value', filter.filter)), onDelete: clearFilter, dataTypeDefinition: getFilterDataTypeDefinition(filter.filter) })),
-        !dataTypeDefinition.masking && (React.createElement(IconButton, { className: styles.dropDownButton, onClick: openFilterPopup, disableFocusRipple: true, size: "large" },
+        hasReadPermission && (React.createElement(IconButton, { className: styles.dropDownButton, onClick: openFilterPopup, disableFocusRipple: true, size: "large" },
             React.createElement(ArrowDropDownIcon, null))),
         React.createElement(Popover, { PaperProps: {
                 style: {

package/ReferenceAttributeEditor/ReferenceAttributeEditor.js

@@ -30,7 +30,7 @@ import { ErrorWrapper } from '../ErrorWrapper';
 import { withContext } from '../HOCs/withContext';
 import { useAttributeValueConfigPermissions } from '../contexts/ConfigPermissionsContext';
 import { isHighlightedErrorType, ScrollToElementContext } from '../contexts/ScrollToElementContext';
-import { useMdmAction, useMdmGlobalSearchRequestOptions, useMdmMetadata, useMdmModifiedEntity } from '../contexts/MdmModuleContext';
+import { useMdmAction, useMdmGlobalSearchRequestOptions, useMdmMetadata, useMdmModifiedEntity, useMdmShowMasking } from '../contexts/MdmModuleContext';
 import { useScrollToAttributeError } from '../hooks/useScrollToAttributeError';
 import { useStyles } from './styles';
 var ReferenceAttributeEditor = function (props) {
@@ -48,6 +48,7 @@ var ReferenceAttributeEditor = function (props) {
     var modifiedEntity = isTempUri(entityUri) ? mdmModifiedEntity : null;
     var metadata = useMdmMetadata();
     var globalSearchRequestOptions = useMdmGlobalSearchRequestOptions(['ovOnly']);
+    var showMasking = useMdmShowMasking();
     var referencedEntity = getReferencedEntityFromAttrValue(attributeValue);
     var referencedRelation = getReferencedRelationFromAttrValue(attributeValue);
     var referencedEntityTypeUri = getReferencedEntityTypeUriFromAttrType(attributeType);
@@ -117,12 +118,13 @@ var ReferenceAttributeEditor = function (props) {
     }, [attributeType, attributeValue, mode, crosswalks, configCanUpdate]);
     var canCreateReferencedEntity = useMemo(function () { return configCanCreate && checkMetadataForCreate(mode, referencedEntityType); }, [mode, referencedEntityType, configCanCreate]);
     var errorMessage = getErrorMessage(referencedEntityMissedError);
+    var isMasked = showMasking && isAttributeHasMaskedValue(attributeValue);
     return (React.createElement(EditModeComplexAttribute, __assign({}, ownProps, { label: getLabel(label), attributeTypesList: editableAttrTypes, crosswalks: allCrosswalks, metadata: metadata }),
         React.createElement("div", { ref: ref, className: errorClassName },
             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 || !!attributeValue.masked, onChange: onChangeEntity, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy, isMasked: isAttributeHasMaskedValue(attributeValue) })))));
+                        _a)), entity: selectedEntity || {}, entityTypesUris: entityTypesUris, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, isDisabled: !canChangeReferencedEntity || !!attributeValue.masked, onChange: onChangeEntity, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy, isMasked: isMasked })))));
 };
 export default withContext(ScrollToElementContext, function (contextValue, _a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType;

package/RelationEditor/RelationEditor.js

@@ -23,7 +23,7 @@ import { EditModeAttributesList } from '../EditModeAttributesList';
 import { withContext } from '../HOCs/withContext';
 import { ConfigPermissionsContextProvider } from '../contexts/ConfigPermissionsContext';
 import { ScrollToElementContext, isHighlightedErrorType } from '../contexts/ScrollToElementContext';
-import { useMdmAction, useMdmAuthoringItemsByEntityType, useMdmEntity, useMdmGlobalSearchRequestOptions, useMdmInitialConnection, useMdmInitialConnectionTempEntity, useMdmModifiedEntities, useMdmModifiedEntity, useMdmProfileErrors, useMdmEntityUri } from '../contexts/MdmModuleContext';
+import { useMdmAction, useMdmAuthoringItemsByEntityType, useMdmEntity, useMdmGlobalSearchRequestOptions, useMdmInitialConnection, useMdmInitialConnectionTempEntity, useMdmModifiedEntities, useMdmModifiedEntity, useMdmProfileErrors, useMdmEntityUri, useMdmShowMasking } from '../contexts/MdmModuleContext';
 import { HiddenAttributesContext } from '../contexts/HiddenAttributesContext';
 import { useScrollToAttributeError } from '../hooks/useScrollToAttributeError';
 import { useStyles } from './styles';
@@ -63,6 +63,7 @@ var RelationEditor = function (_a) {
     var profileErrors = useMdmProfileErrors();
     var authoringItems = useMdmAuthoringItemsByEntityType(mainEntity === null || mainEntity === void 0 ? void 0 : mainEntity.type);
     var mainEntityUri = useMdmEntityUri();
+    var showMasking = useMdmShowMasking();
     var error = getRelationEditorActiveError(connection, profileErrors);
     var allRelationEditorErrors = getAllRelationEditorActiveErrors(connection, profileErrors);
     var modifiedEntity = isTempEntity ? mdmModifiedEntity : null;
@@ -189,6 +190,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) || {});
+    var isMasked = showMasking && isEntityHasMaskedAttrValue;
     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')),
@@ -199,7 +201,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, isMasked: isEntityHasMaskedAttrValue }))),
+                                _b)), entity: connection.entity || {}, entityTypesUris: getEntityTypesUris() || [], globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, onChange: onChangeEntity, onCreate: canCreateNewEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: relationEditorAttributeTypesSelectionStrategy, isMasked: isMasked }))),
                 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/RelationEditor/RelationEditor.test.js

@@ -97,7 +97,8 @@ var defaultMdmValues = {
     dependentLookups: { editors: {}, structure: {}, initedTypeUris: [] },
     uiConfigLayout: [],
     uiConfigProfile: [],
-    profileErrors: []
+    profileErrors: [],
+    showMasking: true
 };
 var defaultProps = {
     connection: { relation: defaultRelation, entity: {} },
@@ -198,6 +199,41 @@ var defaultProps = {
     },
     mode: Mode.Editing
 };
+var entityWithMasking = {
+    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'
+                            }
+                        ]
+                    }
+                }
+            ]
+        }
+    }
+};
 var setUp = function (_a) {
     var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? defaultMdmValues : _d, _e = _b.error, error = _e === void 0 ? null : _e, _f = _b.hiddenAttributes, hiddenAttributes = _f === void 0 ? {} : _f;
     var user = userEvent.setup();
@@ -530,41 +566,7 @@ describe('relation editor behaviour', function () {
                 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'
-                                                        }
-                                                    ]
-                                                }
-                                            }
-                                        ]
-                                    }
-                                }
-                            }
+                            entity: entityWithMasking
                         } });
                     user = setUp({ props: props }).user;
                     inputs = screen.getAllByRole('textbox');
@@ -581,6 +583,31 @@ describe('relation editor behaviour', function () {
             }
         });
     }); });
+    it('should not add sendMasked option if configuration showMasking property is false', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var props, mdmValues, user, inputs;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    props = __assign(__assign({}, defaultProps), { connection: {
+                            relation: defaultRelation,
+                            entity: entityWithMasking
+                        } });
+                    mdmValues = __assign(__assign({}, defaultMdmValues), { showMasking: false });
+                    user = setUp({ props: props, mdmValues: mdmValues }).user;
+                    inputs = screen.getAllByRole('textbox');
+                    return [4 /*yield*/, user.click(inputs[0])];
+                case 1:
+                    _a.sent();
+                    expect(typeAheadSearch).toHaveBeenCalledWith([defaultProps.metadata.entityTypes[1]], '', {
+                        globalFilter: '',
+                        max: 20,
+                        searchOptions: '',
+                        sendMasked: false
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     describe('apply button', function () {
         var createRelation = function (value) { return (__assign(__assign({}, defaultProps.connection.relation), { object: __assign(__assign({}, defaultProps.connection.relation.object), { attributes: {
                     Name: [

package/SimpleAttribute/IntegrationSimpleAttribute.test.js

@@ -67,7 +67,7 @@ describe('masking/unmasking behaviour', function () {
         attributeType: defaultAttributeType,
         attributeValue: defaultAttributeValue
     };
-    var store = {
+    var defaultMdmValues = {
         entity: {
             uri: 'entities/16U21B8f',
             type: 'configuration/entityTypes/HCP',
@@ -102,13 +102,15 @@ describe('masking/unmasking behaviour', function () {
                 }
             ]
         },
+        showMasking: true,
         mode: Mode.Viewing
     };
-    var setUp = function (props) {
+    var setUp = function (props, mdmValues) {
         if (props === void 0) { props = defaultProps; }
+        if (mdmValues === void 0) { mdmValues = defaultMdmValues; }
         var Providers = function (_a) {
             var children = _a.children;
-            return (React.createElement(MdmModuleProvider, { values: store },
+            return (React.createElement(MdmModuleProvider, { values: mdmValues },
                 React.createElement(MaskedAttributesProvider, null, children)));
         };
         var user = userEvent.setup();
@@ -289,4 +291,13 @@ describe('masking/unmasking behaviour', function () {
             }
         });
     }); });
+    it('should not render masking controls if showMasking configuration property is false', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var mdmValues, container;
+        return __generator(this, function (_a) {
+            mdmValues = __assign(__assign({}, defaultMdmValues), { showMasking: false });
+            container = setUp(defaultProps, mdmValues).container;
+            expect(container.querySelector('.switcherWrapper')).not.toBeInTheDocument();
+            return [2 /*return*/];
+        });
+    }); });
 });

package/cjs/AttributesFiltersBuilder/AttributesFiltersBuilder.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import { Metadata, SearchFilter } from '@reltio/mdm-sdk';
+import { SearchFilter } from '@reltio/mdm-sdk';
 import { AttributeSelectionInfo, AttributeSelectorItemsGroup, AttributesFilterComponentsClasses, AttributesTypesGroup } from '../types';
 type Props = {
     classes?: AttributesFilterComponentsClasses;
     filters: SearchFilter[];
     onChange: (filters: SearchFilter[]) => void;
     attributesTypesGroups: AttributesTypesGroup[];
-    attributesTypesGroupFilter?: (metadata: Metadata, attributeSelectorItemsGroup: AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[];
+    attributesTypesGroupFilter?: (attributeSelectorItemsGroup: AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[];
     components?: {
         ValuesEditor?: React.ElementType;
         FilterSelector?: React.ElementType;

package/cjs/AttributesFiltersButton/AttributesFiltersButton.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import { Metadata, SearchFilter } from '@reltio/mdm-sdk';
+import { SearchFilter } from '@reltio/mdm-sdk';
 import { AttributeSelectionInfo, AttributeSelectorItemsGroup, AttributesFilterComponentsClasses, AttributesTypesGroup } from '../types';
 type Props = {
     classes?: AttributesFilterComponentsClasses;
     filters: SearchFilter[];
     onChange: (filters: SearchFilter[]) => void;
     attributesTypesGroups: AttributesTypesGroup[];
-    attributesTypesGroupFilter?: (metadata: Metadata, attributeSelectorItemsGroup: AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[];
+    attributesTypesGroupFilter?: (attributeSelectorItemsGroup: AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[];
     components?: {
         ValuesEditor?: React.ElementType;
         FilterSelector?: React.ElementType;

package/cjs/HOCs/withFilter/components/ColumnFilter/ColumnFilter.js

@@ -85,9 +85,10 @@ var ColumnFilter = function (_a) {
     };
     var filterOptionValues = (_b = filterOptionsData === null || filterOptionsData === void 0 ? void 0 : filterOptionsData.map(function (filterOption) { return filterOption.value; })) !== null && _b !== void 0 ? _b : (0, mdm_sdk_1.getFilterOptionsForDataTypeDefinition)(dataTypeDefinition);
     var filterOptions = filterOptionValues.map(function (value) { return ({ value: value, label: getFilterLabel(value) }); });
+    var hasReadPermission = (0, mdm_sdk_1.checkBasicMetadataPermission)(mdm_sdk_1.MetadataPermissions.READ, dataTypeDefinition);
     return (react_1.default.createElement("div", { ref: containerRef, className: styles.columnFilter, "data-reltio-id": "column-filter" },
         filter && (react_1.default.createElement(FilterChip_1.FilterChip, { filterValue: filter.value, filterOption: filterOptions.find((0, ramda_1.propEq)('value', filter.filter)), onDelete: clearFilter, dataTypeDefinition: getFilterDataTypeDefinition(filter.filter) })),
-        !dataTypeDefinition.masking && (react_1.default.createElement(IconButton_1.default, { className: styles.dropDownButton, onClick: openFilterPopup, disableFocusRipple: true, size: "large" },
+        hasReadPermission && (react_1.default.createElement(IconButton_1.default, { className: styles.dropDownButton, onClick: openFilterPopup, disableFocusRipple: true, size: "large" },
             react_1.default.createElement(ArrowDropDown_1.default, null))),
         react_1.default.createElement(Popover_1.default, { PaperProps: {
                 style: {

package/cjs/ReferenceAttributeEditor/ReferenceAttributeEditor.js

@@ -76,6 +76,7 @@ var ReferenceAttributeEditor = function (props) {
     var modifiedEntity = (0, mdm_sdk_1.isTempUri)(entityUri) ? mdmModifiedEntity : null;
     var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
     var globalSearchRequestOptions = (0, MdmModuleContext_1.useMdmGlobalSearchRequestOptions)(['ovOnly']);
+    var showMasking = (0, MdmModuleContext_1.useMdmShowMasking)();
     var referencedEntity = (0, mdm_sdk_1.getReferencedEntityFromAttrValue)(attributeValue);
     var referencedRelation = (0, mdm_sdk_1.getReferencedRelationFromAttrValue)(attributeValue);
     var referencedEntityTypeUri = (0, mdm_sdk_1.getReferencedEntityTypeUriFromAttrType)(attributeType);
@@ -145,12 +146,13 @@ var ReferenceAttributeEditor = function (props) {
     }, [attributeType, attributeValue, mode, crosswalks, configCanUpdate]);
     var canCreateReferencedEntity = (0, react_1.useMemo)(function () { return configCanCreate && (0, mdm_sdk_1.checkMetadataForCreate)(mode, referencedEntityType); }, [mode, referencedEntityType, configCanCreate]);
     var errorMessage = (0, mdm_sdk_1.getErrorMessage)(referencedEntityMissedError);
+    var isMasked = showMasking && (0, mdm_sdk_1.isAttributeHasMaskedValue)(attributeValue);
     return (react_1.default.createElement(EditModeComplexAttribute_1.EditModeComplexAttribute, __assign({}, ownProps, { label: (0, mdm_sdk_1.getLabel)(label), attributeTypesList: editableAttrTypes, crosswalks: allCrosswalks, metadata: metadata }),
         react_1.default.createElement("div", { ref: ref, className: errorClassName },
             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 || !!attributeValue.masked, onChange: onChangeEntity, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy, isMasked: (0, mdm_sdk_1.isAttributeHasMaskedValue)(attributeValue) })))));
+                        _a)), entity: selectedEntity || {}, entityTypesUris: entityTypesUris, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, isDisabled: !canChangeReferencedEntity || !!attributeValue.masked, onChange: onChangeEntity, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy, isMasked: isMasked })))));
 };
 exports.default = (0, withContext_1.withContext)(ScrollToElementContext_1.ScrollToElementContext, function (contextValue, _a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType;

package/cjs/RelationEditor/RelationEditor.js

@@ -91,6 +91,7 @@ var RelationEditor = function (_a) {
     var profileErrors = (0, MdmModuleContext_1.useMdmProfileErrors)();
     var authoringItems = (0, MdmModuleContext_1.useMdmAuthoringItemsByEntityType)(mainEntity === null || mainEntity === void 0 ? void 0 : mainEntity.type);
     var mainEntityUri = (0, MdmModuleContext_1.useMdmEntityUri)();
+    var showMasking = (0, MdmModuleContext_1.useMdmShowMasking)();
     var error = (0, mdm_sdk_1.getRelationEditorActiveError)(connection, profileErrors);
     var allRelationEditorErrors = (0, mdm_sdk_1.getAllRelationEditorActiveErrors)(connection, profileErrors);
     var modifiedEntity = isTempEntity ? mdmModifiedEntity : null;
@@ -217,6 +218,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) || {});
+    var isMasked = showMasking && isEntityHasMaskedAttrValue;
     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')),
@@ -227,7 +229,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, isMasked: isEntityHasMaskedAttrValue }))),
+                                _b)), entity: connection.entity || {}, entityTypesUris: getEntityTypesUris() || [], globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, onChange: onChangeEntity, onCreate: canCreateNewEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: mdm_sdk_1.relationEditorAttributeTypesSelectionStrategy, isMasked: isMasked }))),
                 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/RelationEditor/RelationEditor.test.js

@@ -102,7 +102,8 @@ var defaultMdmValues = {
     dependentLookups: { editors: {}, structure: {}, initedTypeUris: [] },
     uiConfigLayout: [],
     uiConfigProfile: [],
-    profileErrors: []
+    profileErrors: [],
+    showMasking: true
 };
 var defaultProps = {
     connection: { relation: defaultRelation, entity: {} },
@@ -203,6 +204,41 @@ var defaultProps = {
     },
     mode: mdm_sdk_1.Mode.Editing
 };
+var entityWithMasking = {
+    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'
+                            }
+                        ]
+                    }
+                }
+            ]
+        }
+    }
+};
 var setUp = function (_a) {
     var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? defaultMdmValues : _d, _e = _b.error, error = _e === void 0 ? null : _e, _f = _b.hiddenAttributes, hiddenAttributes = _f === void 0 ? {} : _f;
     var user = user_event_1.default.setup();
@@ -535,41 +571,7 @@ describe('relation editor behaviour', function () {
                 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'
-                                                        }
-                                                    ]
-                                                }
-                                            }
-                                        ]
-                                    }
-                                }
-                            }
+                            entity: entityWithMasking
                         } });
                     user = setUp({ props: props }).user;
                     inputs = react_2.screen.getAllByRole('textbox');
@@ -586,6 +588,31 @@ describe('relation editor behaviour', function () {
             }
         });
     }); });
+    it('should not add sendMasked option if configuration showMasking property is false', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var props, mdmValues, user, inputs;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    props = __assign(__assign({}, defaultProps), { connection: {
+                            relation: defaultRelation,
+                            entity: entityWithMasking
+                        } });
+                    mdmValues = __assign(__assign({}, defaultMdmValues), { showMasking: false });
+                    user = setUp({ props: props, mdmValues: mdmValues }).user;
+                    inputs = react_2.screen.getAllByRole('textbox');
+                    return [4 /*yield*/, user.click(inputs[0])];
+                case 1:
+                    _a.sent();
+                    expect(mdm_sdk_1.typeAheadSearch).toHaveBeenCalledWith([defaultProps.metadata.entityTypes[1]], '', {
+                        globalFilter: '',
+                        max: 20,
+                        searchOptions: '',
+                        sendMasked: false
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     describe('apply button', function () {
         var createRelation = function (value) { return (__assign(__assign({}, defaultProps.connection.relation), { object: __assign(__assign({}, defaultProps.connection.relation.object), { attributes: {
                     Name: [

package/cjs/SimpleAttribute/IntegrationSimpleAttribute.test.js

@@ -72,7 +72,7 @@ describe('masking/unmasking behaviour', function () {
         attributeType: defaultAttributeType,
         attributeValue: defaultAttributeValue
     };
-    var store = {
+    var defaultMdmValues = {
         entity: {
             uri: 'entities/16U21B8f',
             type: 'configuration/entityTypes/HCP',
@@ -107,13 +107,15 @@ describe('masking/unmasking behaviour', function () {
                 }
             ]
         },
+        showMasking: true,
         mode: mdm_sdk_1.Mode.Viewing
     };
-    var setUp = function (props) {
+    var setUp = function (props, mdmValues) {
         if (props === void 0) { props = defaultProps; }
+        if (mdmValues === void 0) { mdmValues = defaultMdmValues; }
         var Providers = function (_a) {
             var children = _a.children;
-            return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: store },
+            return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues },
                 react_1.default.createElement(MaskedAttributesContext_1.MaskedAttributesProvider, null, children)));
         };
         var user = user_event_1.default.setup();
@@ -294,4 +296,13 @@ describe('masking/unmasking behaviour', function () {
             }
         });
     }); });
+    it('should not render masking controls if showMasking configuration property is false', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var mdmValues, container;
+        return __generator(this, function (_a) {
+            mdmValues = __assign(__assign({}, defaultMdmValues), { showMasking: false });
+            container = setUp(defaultProps, mdmValues).container;
+            expect(container.querySelector('.switcherWrapper')).not.toBeInTheDocument();
+            return [2 /*return*/];
+        });
+    }); });
 });

package/cjs/contexts/MdmModuleContext/context.d.ts

@@ -55,6 +55,7 @@ export type MdmModuleValuesContextProps = Partial<{
     isCollaborationEnabled: boolean;
     uiConfigLayout: Layout;
     uiConfigProfile: Profile;
+    showMasking: boolean;
 }>;
 export type MdmModuleActionsContextProps = Partial<{
     openSearch: (payload: SearchState) => void;
@@ -256,6 +257,7 @@ export declare const MdmModuleValuesContext: import("@fluentui/react-context-sel
     isCollaborationEnabled: boolean;
     uiConfigLayout: Layout;
     uiConfigProfile: Profile;
+    showMasking: boolean;
 }>>;
 export declare const MdmModuleListenersContext: import("@fluentui/react-context-selector").Context<Partial<{
     expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;

package/cjs/contexts/MdmModuleContext/hooks.d.ts

@@ -149,3 +149,4 @@ export declare const useMdmListener: <T extends keyof MdmModuleListenersContextP
 }>[T];
 export declare const useMdmHiddenAttributes: () => Record<string, string[]>;
 export declare const useMdmControlAttributes: () => string[];
+export declare const useMdmShowMasking: () => boolean;

package/cjs/contexts/MdmModuleContext/hooks.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMdmIsWorkflowEnabled = exports.useMdmIsCollaborationEnabled = exports.useMdmSearchProviderData = exports.useMdmSearchNavigationData = exports.useMdmDataTenants = exports.useMdmEnvironment = exports.useMdmTenantName = exports.useMdmTenant = exports.useMdmTenantObject = exports.useMdmUserRoles = exports.useMdmUsername = exports.useMdmUser = exports.useMdmMetadata = exports.useMdmDependentLookups = exports.useMdmLookups = exports.useMdmProfileLastLoadedTime = exports.useMdmHistoryEvent = exports.useMdmHistorySlice = exports.useMdmHistoryMode = exports.useMdmHistoryDiff = exports.useMdmIsEditableMode = exports.useMdmIsViewMode = exports.useMdmMode = exports.useMdmEntityUriWithDataTenant = exports.useMdmEntityWithDiff = exports.useMdmEntityUri = exports.useMdmEntity = exports.useMdmModifiedEntities = exports.useMdmLookupAutocomplete = exports.useMdmAttributesSortingStrategy = exports.useMdmMaxValuesInResponse = exports.useMdmAttributesPresentation = exports.useMdmDateTimeMask = exports.useMdmDateMask = exports.useMdmPivotingAttributes = exports.useMdmShowEntityId = exports.useMdmImageAttributesFieldsOrder = exports.useMdmCollaborationPath = exports.useMdmApiPath = exports.useMdmReltioPath = exports.useMdmImageServicePath = exports.useMdmWorkflowPath = exports.useMdmServicesPath = exports.useMdmDtssPath = exports.useMdmUiPath = exports.useMdmAbsoluteImagePath = exports.useMdmExportPath = exports.useMdmWorkflowEnvironmentUrl = exports.useMdmUiError = exports.useMdmAutoCloseInterval = void 0;
-exports.useMdmControlAttributes = exports.useMdmHiddenAttributes = exports.useMdmListener = exports.useMdmAction = exports.useMdmAuthoringItemsByEntityType = exports.useMdmGlobalSearchRequestOptions = exports.useMdmDependentLookupEditorContext = exports.useMdmRelationsDrafts = exports.useMdmAllRelationsToAddAndEdit = exports.useMdmDependentLookupsStructureNode = exports.useMdmActiveErrorsForAttributesPager = exports.useMdmDependentLookupEditorState = exports.useMdmInitialConnection = exports.useMdmInitialConnectionTempEntity = exports.useMdmModifiedEntity = exports.useMdmModifiedEntityDefaultProfilePic = exports.useMdmIsSourcesScreenEnabled = exports.useMdmProfileErrors = void 0;
+exports.useMdmShowMasking = exports.useMdmControlAttributes = exports.useMdmHiddenAttributes = exports.useMdmListener = exports.useMdmAction = exports.useMdmAuthoringItemsByEntityType = exports.useMdmGlobalSearchRequestOptions = exports.useMdmDependentLookupEditorContext = exports.useMdmRelationsDrafts = exports.useMdmAllRelationsToAddAndEdit = exports.useMdmDependentLookupsStructureNode = exports.useMdmActiveErrorsForAttributesPager = exports.useMdmDependentLookupEditorState = exports.useMdmInitialConnection = exports.useMdmInitialConnectionTempEntity = exports.useMdmModifiedEntity = exports.useMdmModifiedEntityDefaultProfilePic = exports.useMdmIsSourcesScreenEnabled = exports.useMdmProfileErrors = void 0;
 var react_context_selector_1 = require("@fluentui/react-context-selector");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var context_1 = require("./context");
@@ -231,3 +231,5 @@ var useMdmControlAttributes = function () {
     return useMdmModuleValuesContext(function (context) { return context.controlAttributes || emptyControlAttributes; });
 };
 exports.useMdmControlAttributes = useMdmControlAttributes;
+var useMdmShowMasking = function () { return useMdmModuleValuesContext(function (context) { return context.showMasking; }); };
+exports.useMdmShowMasking = useMdmShowMasking;

package/cjs/contexts/MdmModuleContext/index.d.ts

@@ -1,3 +1,3 @@
 export { MdmModuleProvider } from './provider';
-export { useMdmAutoCloseInterval, useMdmUiError, useMdmWorkflowEnvironmentUrl, useMdmExportPath, useMdmAbsoluteImagePath, useMdmUiPath, useMdmDtssPath, useMdmServicesPath, useMdmWorkflowPath, useMdmImageServicePath, useMdmReltioPath, useMdmApiPath, useMdmCollaborationPath, useMdmImageAttributesFieldsOrder, useMdmShowEntityId, useMdmPivotingAttributes, useMdmDateMask, useMdmDateTimeMask, useMdmAttributesPresentation, useMdmMaxValuesInResponse, useMdmAttributesSortingStrategy, useMdmLookupAutocomplete, useMdmModifiedEntities, useMdmEntity, useMdmEntityUri, useMdmEntityWithDiff, useMdmEntityUriWithDataTenant, useMdmMode, useMdmIsViewMode, useMdmIsEditableMode, useMdmHistoryDiff, useMdmHistoryMode, useMdmHistorySlice, useMdmHistoryEvent, useMdmProfileLastLoadedTime, useMdmLookups, useMdmDependentLookups, useMdmMetadata, useMdmUser, useMdmUsername, useMdmUserRoles, useMdmTenantObject, useMdmTenant, useMdmTenantName, useMdmEnvironment, useMdmDataTenants, useMdmSearchNavigationData, useMdmSearchProviderData, useMdmIsCollaborationEnabled, useMdmIsWorkflowEnabled, useMdmProfileErrors, useMdmRelationsDrafts, useMdmModifiedEntityDefaultProfilePic, useMdmModifiedEntity, useMdmInitialConnectionTempEntity, useMdmInitialConnection, useMdmDependentLookupEditorState, useMdmActiveErrorsForAttributesPager, useMdmDependentLookupsStructureNode, useMdmAllRelationsToAddAndEdit, useMdmDependentLookupEditorContext, useMdmGlobalSearchRequestOptions, useMdmAuthoringItemsByEntityType, useMdmAction, useMdmListener, useMdmIsSourcesScreenEnabled, useMdmHiddenAttributes, useMdmControlAttributes } from './hooks';
+export { useMdmAutoCloseInterval, useMdmUiError, useMdmWorkflowEnvironmentUrl, useMdmExportPath, useMdmAbsoluteImagePath, useMdmUiPath, useMdmDtssPath, useMdmServicesPath, useMdmWorkflowPath, useMdmImageServicePath, useMdmReltioPath, useMdmApiPath, useMdmCollaborationPath, useMdmImageAttributesFieldsOrder, useMdmShowEntityId, useMdmPivotingAttributes, useMdmDateMask, useMdmDateTimeMask, useMdmAttributesPresentation, useMdmMaxValuesInResponse, useMdmAttributesSortingStrategy, useMdmLookupAutocomplete, useMdmModifiedEntities, useMdmEntity, useMdmEntityUri, useMdmEntityWithDiff, useMdmEntityUriWithDataTenant, useMdmMode, useMdmIsViewMode, useMdmIsEditableMode, useMdmHistoryDiff, useMdmHistoryMode, useMdmHistorySlice, useMdmHistoryEvent, useMdmProfileLastLoadedTime, useMdmLookups, useMdmDependentLookups, useMdmMetadata, useMdmUser, useMdmUsername, useMdmUserRoles, useMdmTenantObject, useMdmTenant, useMdmTenantName, useMdmEnvironment, useMdmDataTenants, useMdmSearchNavigationData, useMdmSearchProviderData, useMdmIsCollaborationEnabled, useMdmIsWorkflowEnabled, useMdmProfileErrors, useMdmRelationsDrafts, useMdmModifiedEntityDefaultProfilePic, useMdmModifiedEntity, useMdmInitialConnectionTempEntity, useMdmInitialConnection, useMdmDependentLookupEditorState, useMdmActiveErrorsForAttributesPager, useMdmDependentLookupsStructureNode, useMdmAllRelationsToAddAndEdit, useMdmDependentLookupEditorContext, useMdmGlobalSearchRequestOptions, useMdmAuthoringItemsByEntityType, useMdmAction, useMdmListener, useMdmIsSourcesScreenEnabled, useMdmHiddenAttributes, useMdmControlAttributes, useMdmShowMasking } from './hooks';
 export type { MdmModuleActionsContextProps, MdmModuleValuesContextProps, MdmModuleListenersContextProps } from './context';