@reltio/components 1.4.1870 → 1.4.1872

package/cjs/ControlAttributeIcon/ControlAttributeIcon.d.ts

@@ -0,0 +1 @@
+export declare const ControlAttributeIcon: () => JSX.Element;

package/cjs/ControlAttributeIcon/ControlAttributeIcon.js

@@ -0,0 +1,56 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ControlAttributeIcon = void 0;
+var react_1 = __importStar(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var ControlAttribute_1 = __importDefault(require("../icons/ControlAttribute"));
+var withTooltip_1 = require("../HOCs/withTooltip");
+var styles_1 = require("./styles");
+var ControlAttributeForwarded = (0, react_1.forwardRef)(function (props, ref) {
+    return (react_1.default.createElement("span", __assign({}, props, { ref: ref }),
+        react_1.default.createElement(ControlAttribute_1.default, null)));
+});
+ControlAttributeForwarded.displayName = 'ControlAttributeForwarded';
+var ControlAttributeWithTooltip = (0, withTooltip_1.withTooltip)(ControlAttributeForwarded);
+var ControlAttributeIcon = function () {
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement(ControlAttributeWithTooltip, { "data-reltio-id": "reltio-control-attribute-icon", tooltipTitle: ui_i18n_1.default.text('This is a control attribute. Changing this value will affect availability of other dynamic attributes.'), className: styles.icon }));
+};
+exports.ControlAttributeIcon = ControlAttributeIcon;

package/cjs/ControlAttributeIcon/index.d.ts

@@ -0,0 +1 @@
+export { ControlAttributeIcon } from './ControlAttributeIcon';

package/cjs/ControlAttributeIcon/index.js

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

package/cjs/ControlAttributeIcon/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon">;

package/cjs/ControlAttributeIcon/styles.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.makeStyles)({
+    icon: {
+        display: 'inline-flex',
+        marginLeft: '8px',
+        verticalAlign: 'middle'
+    }
+});

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

@@ -40,9 +40,11 @@ var EditModeAttributesFactory_1 = require("../../../EditModeAttributesFactory");
 var CardinalityMessage_1 = require("../../../CardinalityMessage");
 var PinnedAttributesContext_1 = require("../../../contexts/PinnedAttributesContext");
 var DescriptionIcon_1 = require("../../../DescriptionIcon");
+var ControlAttributeIcon_1 = require("../../../ControlAttributeIcon");
 var useScrollToAttribute_1 = require("../../../hooks/useScrollToAttribute/useScrollToAttribute");
 var useScrollToAttributeError_1 = require("../../../hooks/useScrollToAttributeError/useScrollToAttributeError");
 var helpers_1 = require("../../helpers");
+var contexts_1 = require("../../../contexts");
 var styles_1 = require("../../styles");
 var AttributeRenderer = function (_a) {
     var max = _a.max, values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, drawLines = _a.drawLines, showEmptyEditors = _a.showEmptyEditors, errorMessage = _a.errorMessage, errors = _a.errors, paging = _a.paging, crosswalks = _a.crosswalks, showNonOv = _a.showNonOv, nonVisibleValues = _a.nonVisibleValues, highlightedError = _a.highlightedError, highlightedAttribute = _a.highlightedAttribute, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
@@ -57,6 +59,8 @@ var AttributeRenderer = function (_a) {
     var isPinned = (0, react_1.useMemo)(function () { return pinnedAttributes === null || pinnedAttributes === void 0 ? void 0 : pinnedAttributes.includes(attributeTypeUri); }, [attributeTypeUri, pinnedAttributes]);
     var isEmptyValues = (0, mdm_sdk_1.isEmptyValue)(values);
     var showEmpty = ((!hadDeletions && showEmptyEditors) || isRequired || isPinned) && isEmptyValues;
+    var controlAttributes = (0, contexts_1.useMdmControlAttributes)();
+    var isControlAttribute = (0, react_1.useMemo)(function () { return controlAttributes.includes(attributeType.uri); }, [controlAttributes, attributeType.uri]);
     var emptyEditorValue = (0, react_1.useRef)((0, mdm_sdk_1.createNewAttribute)({
         parentUri: parentUri,
         attributeType: (0, ramda_1.omit)(['defaultValue'], attributeType)
@@ -116,6 +120,7 @@ var AttributeRenderer = function (_a) {
             react_1.default.createElement("div", { className: styles.titleWrapper },
                 react_1.default.createElement(Title_1.default, { label: label, isRequired: isRequired, className: styles.title, "data-reltio-id": "reltio-attribute-label" }),
                 react_1.default.createElement(DescriptionIcon_1.DescriptionIcon, { description: description }),
+                isControlAttribute && react_1.default.createElement(ControlAttributeIcon_1.ControlAttributeIcon, null),
                 react_1.default.createElement(OvIcon_1.OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
             isEditableMode && react_1.default.createElement(CardinalityMessage_1.CardinalityMessage, { cardinality: cardinality }),
             isEditableMode && react_1.default.createElement(ErrorMessage_1.ErrorMessage, { message: errorMessage, className: styles.typeError }),

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

@@ -36,11 +36,15 @@ var ShowMore_1 = require("../../../ShowMore");
 var ShowLess_1 = require("../../../ShowLess");
 var OvIcon_1 = require("../../../OvIcon");
 var DescriptionIcon_1 = require("../../../DescriptionIcon");
+var ControlAttributeIcon_1 = require("../../../ControlAttributeIcon");
+var contexts_1 = require("../../../contexts");
 var styles_1 = require("../../styles");
 var MultiLineRenderer = function (_a) {
     var max = _a.max, values = _a.values, nonVisibleValues = _a.nonVisibleValues, totalVisibleValues = _a.totalVisibleValues, attributeType = _a.attributeType, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
     var styles = (0, styles_1.useMultiLineStyles)();
     var _b = (0, react_1.useState)(max), visibleValuesCount = _b[0], setVisibleValuesCount = _b[1];
+    var controlAttributes = (0, contexts_1.useMdmControlAttributes)();
+    var isControlAttribute = (0, react_1.useMemo)(function () { return controlAttributes.includes(attributeType.uri); }, [controlAttributes, attributeType.uri]);
     var hasPaging = max < totalVisibleValues;
     var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
     var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
@@ -66,6 +70,7 @@ var MultiLineRenderer = function (_a) {
         react_1.default.createElement("div", { className: styles.titleRow },
             react_1.default.createElement(Title_1.default, { label: label, className: (0, classnames_1.default)(styles.title, titleClassName), "data-reltio-id": "reltio-attribute-label" }),
             react_1.default.createElement(DescriptionIcon_1.DescriptionIcon, { description: description }),
+            isControlAttribute && react_1.default.createElement(ControlAttributeIcon_1.ControlAttributeIcon, null),
             react_1.default.createElement(OvIcon_1.OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
         react_1.default.createElement("div", { className: styles.attributes }, shownValues.map(function (value) { return (react_1.default.createElement(ReadOnlyAttributesFactory_1.ReadOnlyAttribute, { key: value.uri, className: (0, classnames_1.default)(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv })); })),
         showMore && (react_1.default.createElement(ShowMore_1.ShowMore, { moreNumber: (0, ramda_1.min)(max, hiddenValuesCount), valueNumber: hiddenValuesCount, onClick: onShowMore })),

package/cjs/ReadOnlyAttributesPager/components/OneLineRenderer/OneLineRenderer.js

@@ -1,10 +1,33 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OneLineRenderer = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var classnames_1 = __importDefault(require("classnames"));
 var constants_1 = require("../../../constants");
@@ -13,11 +36,15 @@ var Title_1 = __importDefault(require("../../../components/Title/Title"));
 var OvIcon_1 = require("../../../OvIcon");
 var DescriptionIcon_1 = require("../../../DescriptionIcon");
 var ReadOnlyAttributesFactory_1 = require("../../../ReadOnlyAttributesFactory");
+var ControlAttributeIcon_1 = require("../../../ControlAttributeIcon");
+var contexts_1 = require("../../../contexts");
 var styles_1 = require("../../styles");
 var OneLineRenderer = function (_a) {
     var value = _a.value, nonVisibleValues = _a.nonVisibleValues, attributeType = _a.attributeType, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
     var styles = (0, styles_1.useOneLineStyles)();
     var label = attributeType.label, description = attributeType.description;
+    var controlAttributes = (0, contexts_1.useMdmControlAttributes)();
+    var isControlAttribute = (0, react_1.useMemo)(function () { return controlAttributes.includes(attributeType.uri); }, [controlAttributes, attributeType.uri]);
     var objectType = (0, mdm_sdk_1.isRelationUri)(value.uri)
         ? mdm_sdk_1.CollaborationObjectTypes.RELATION_ATTRIBUTE
         : mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE;
@@ -25,6 +52,7 @@ var OneLineRenderer = function (_a) {
         react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.titleRow, styles.wrapper) },
             react_1.default.createElement(Title_1.default, { label: label, className: (0, classnames_1.default)(styles.title, titleClassName), "data-reltio-id": "reltio-attribute-label" }),
             react_1.default.createElement(DescriptionIcon_1.DescriptionIcon, { description: description, className: styles.descriptionIcon }),
+            isControlAttribute && react_1.default.createElement(ControlAttributeIcon_1.ControlAttributeIcon, null),
             react_1.default.createElement(OvIcon_1.OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues }),
             react_1.default.createElement(ReadOnlyAttributesFactory_1.ReadOnlyAttribute, { className: (0, classnames_1.default)(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv, inlined: true })),
         react_1.default.createElement(CommentsContainer_1.CommentsContainer, { uri: value.uri, relatedObjectUris: (0, mdm_sdk_1.createRelatedObjectUris)(objectType, {

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

@@ -32,7 +32,8 @@ export type MdmModuleValuesContextProps = Partial<{
     mode: Mode;
     isViewMode: boolean;
     isEditableMode: boolean;
-    hiddenAttributes: string[];
+    hiddenAttributes: Record<string, string[]>;
+    controlAttributes: string[];
     historyDiff: HistoryDiff;
     historyMode: HistoryMode;
     historySlice: HistorySlice;
@@ -117,6 +118,7 @@ export type MdmModuleActionsContextProps = Partial<{
     editRelation: (id: string, connection: Connection) => void;
     updateHiddenAttributes: (uri: string, hiddenAttributes: string[]) => void;
     resetHiddenAttributes: (uri: string) => void;
+    updateControlAttributes: (controlAttributes: string[]) => void;
 }>;
 export type MdmModuleListenersContextProps = Partial<{
     expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;
@@ -185,6 +187,7 @@ export declare const MdmModuleActionsContext: import("@fluentui/react-context-se
     editRelation: (id: string, connection: Connection) => void;
     updateHiddenAttributes: (uri: string, hiddenAttributes: string[]) => void;
     resetHiddenAttributes: (uri: string) => void;
+    updateControlAttributes: (controlAttributes: string[]) => void;
 }>>;
 export declare const MdmModuleValuesContext: import("@fluentui/react-context-selector").Context<Partial<{
     autoCloseInterval: number;
@@ -218,7 +221,8 @@ export declare const MdmModuleValuesContext: import("@fluentui/react-context-sel
     mode: Mode;
     isViewMode: boolean;
     isEditableMode: boolean;
-    hiddenAttributes: string[];
+    hiddenAttributes: Record<string, string[]>;
+    controlAttributes: string[];
     historyDiff: HistoryDiff;
     historyMode: HistoryMode;
     historySlice: HistorySlice;

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

@@ -71,7 +71,7 @@ export declare const useMdmDependentLookupEditorContext: (attributeValue: Simple
 };
 export declare const useMdmGlobalSearchRequestOptions: (omittingFields?: string[]) => import("@reltio/mdm-sdk").GlobalSearchRequestOptions;
 export declare const useMdmAuthoringItemsByEntityType: (entityTypeUri: string) => import("@reltio/mdm-sdk").AuthoringItem[];
-export declare const useMdmAction: <T extends "openSearch" | "openHistoryEvent" | "openConsoleApp" | "addAttributes" | "modifyAttribute" | "removeAttribute" | "entityDeleted" | "entityCreated" | "errorDeactivated" | "requestNextPageOfAttributeValues" | "openEntity" | "setDefaultProfilePicForModifiedEntity" | "setDefaultProfilePicForEntity" | "dependentLookupsEditorTouched" | "openPivotingPerspective" | "lookupsLoaded" | "lookupsForTypeResolved" | "errorSet" | "setHistoryMode" | "modeUpdated" | "setHistoryEvent" | "clearHistoryEvent" | "clearHistoryDiff" | "setHistoryDiff" | "setHistorySlice" | "updateSearchNavigationDataFields" | "openPerspective" | "entityDeletionFinished" | "loadEntity" | "updateSearchNavigationDataOnMerge" | "lookupsListResolved" | "relationsLoaded" | "setInitialInfo" | "setRelationType" | "closeRelationEditor" | "openRelationEditor" | "setRelationEntity" | "errorsSet" | "addRelation" | "editRelation" | "updateHiddenAttributes" | "resetHiddenAttributes">(action: T) => Partial<{
+export declare const useMdmAction: <T extends "openSearch" | "openHistoryEvent" | "openConsoleApp" | "addAttributes" | "modifyAttribute" | "removeAttribute" | "entityDeleted" | "entityCreated" | "errorDeactivated" | "requestNextPageOfAttributeValues" | "openEntity" | "setDefaultProfilePicForModifiedEntity" | "setDefaultProfilePicForEntity" | "dependentLookupsEditorTouched" | "openPivotingPerspective" | "lookupsLoaded" | "lookupsForTypeResolved" | "errorSet" | "setHistoryMode" | "modeUpdated" | "setHistoryEvent" | "clearHistoryEvent" | "clearHistoryDiff" | "setHistoryDiff" | "setHistorySlice" | "updateSearchNavigationDataFields" | "openPerspective" | "entityDeletionFinished" | "loadEntity" | "updateSearchNavigationDataOnMerge" | "lookupsListResolved" | "relationsLoaded" | "setInitialInfo" | "setRelationType" | "closeRelationEditor" | "openRelationEditor" | "setRelationEntity" | "errorsSet" | "addRelation" | "editRelation" | "updateHiddenAttributes" | "resetHiddenAttributes" | "updateControlAttributes">(action: T) => Partial<{
     openSearch: (payload: import("@reltio/mdm-sdk").SearchState) => void;
     openHistoryEvent: (payload: {
         entityUri: string;
@@ -133,6 +133,7 @@ export declare const useMdmAction: <T extends "openSearch" | "openHistoryEvent"
     editRelation: (id: string, connection: import("@reltio/mdm-sdk").Connection) => void;
     updateHiddenAttributes: (uri: string, hiddenAttributes: string[]) => void;
     resetHiddenAttributes: (uri: string) => void;
+    updateControlAttributes: (controlAttributes: string[]) => void;
 }>[T];
 export declare const useMdmListener: <T extends "expandInvalidRelatonsListener" | "cleanseLoadingListener" | "searchNavigationListener">(listener: T) => Partial<{
     expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;
@@ -140,3 +141,4 @@ export declare const useMdmListener: <T extends "expandInvalidRelatonsListener"
     searchNavigationListener: (action: import("../..").AnyAction, state: any, dispatch: (action: import("../..").AnyAction) => void) => void;
 }>[T];
 export declare const useMdmHiddenAttributes: () => {};
+export declare const useMdmControlAttributes: () => any[];

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.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.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");
@@ -182,7 +182,7 @@ var useMdmRelationsDrafts = function (viewId) {
 exports.useMdmRelationsDrafts = useMdmRelationsDrafts;
 var useMdmDependentLookupEditorContext = function (attributeValue, attributeType) {
     var value = useMdmModuleValuesContext(function (context) {
-        var _a;
+        var _a, _b, _c;
         return (0, dependentLookupEditorContext_1.getDependentLookupEditorContext)({
             dependentLookups: context.dependentLookups,
             metadata: context.metadata,
@@ -190,7 +190,8 @@ var useMdmDependentLookupEditorContext = function (attributeValue, attributeType
             modifiedEntities: context.modifiedEntities,
             entityUri: (_a = context.entity) === null || _a === void 0 ? void 0 : _a.uri,
             attributeValue: attributeValue,
-            attributeType: attributeType
+            attributeType: attributeType,
+            hiddenAttributes: (_b = context.hiddenAttributes) === null || _b === void 0 ? void 0 : _b[(_c = context.entity) === null || _c === void 0 ? void 0 : _c.uri]
         });
     });
     return value;
@@ -225,3 +226,8 @@ var useMdmHiddenAttributes = function () {
     return useMdmModuleValuesContext(function (context) { return context.hiddenAttributes || emptyHiddenAttributesObject; });
 };
 exports.useMdmHiddenAttributes = useMdmHiddenAttributes;
+var emptyControlAttributes = [];
+var useMdmControlAttributes = function () {
+    return useMdmModuleValuesContext(function (context) { return context.controlAttributes || emptyControlAttributes; });
+};
+exports.useMdmControlAttributes = useMdmControlAttributes;

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 } 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 } from './hooks';
 export type { MdmModuleActionsContextProps, MdmModuleValuesContextProps, MdmModuleListenersContextProps } from './context';

package/cjs/contexts/MdmModuleContext/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 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 = exports.MdmModuleProvider = void 0;
-exports.useMdmHiddenAttributes = exports.useMdmIsSourcesScreenEnabled = exports.useMdmListener = exports.useMdmAction = exports.useMdmAuthoringItemsByEntityType = exports.useMdmGlobalSearchRequestOptions = exports.useMdmDependentLookupEditorContext = exports.useMdmAllRelationsToAddAndEdit = exports.useMdmDependentLookupsStructureNode = exports.useMdmActiveErrorsForAttributesPager = exports.useMdmDependentLookupEditorState = exports.useMdmInitialConnection = exports.useMdmInitialConnectionTempEntity = exports.useMdmModifiedEntity = exports.useMdmModifiedEntityDefaultProfilePic = exports.useMdmRelationsDrafts = exports.useMdmProfileErrors = exports.useMdmIsWorkflowEnabled = void 0;
+exports.useMdmControlAttributes = exports.useMdmHiddenAttributes = exports.useMdmIsSourcesScreenEnabled = exports.useMdmListener = exports.useMdmAction = exports.useMdmAuthoringItemsByEntityType = exports.useMdmGlobalSearchRequestOptions = exports.useMdmDependentLookupEditorContext = exports.useMdmAllRelationsToAddAndEdit = exports.useMdmDependentLookupsStructureNode = exports.useMdmActiveErrorsForAttributesPager = exports.useMdmDependentLookupEditorState = exports.useMdmInitialConnection = exports.useMdmInitialConnectionTempEntity = exports.useMdmModifiedEntity = exports.useMdmModifiedEntityDefaultProfilePic = exports.useMdmRelationsDrafts = exports.useMdmProfileErrors = exports.useMdmIsWorkflowEnabled = void 0;
 var provider_1 = require("./provider");
 Object.defineProperty(exports, "MdmModuleProvider", { enumerable: true, get: function () { return provider_1.MdmModuleProvider; } });
 var hooks_1 = require("./hooks");
@@ -72,3 +72,4 @@ Object.defineProperty(exports, "useMdmAction", { enumerable: true, get: function
 Object.defineProperty(exports, "useMdmListener", { enumerable: true, get: function () { return hooks_1.useMdmListener; } });
 Object.defineProperty(exports, "useMdmIsSourcesScreenEnabled", { enumerable: true, get: function () { return hooks_1.useMdmIsSourcesScreenEnabled; } });
 Object.defineProperty(exports, "useMdmHiddenAttributes", { enumerable: true, get: function () { return hooks_1.useMdmHiddenAttributes; } });
+Object.defineProperty(exports, "useMdmControlAttributes", { enumerable: true, get: function () { return hooks_1.useMdmControlAttributes; } });

package/cjs/contexts/MdmModuleContext/selectors/dependentLookupEditorContext.d.ts

@@ -17,6 +17,7 @@ type CommonProps = {
 type GetDependentLookupEditorContextProps = CommonProps & {
     attributeValue: SimpleAttributeValue;
     attributeType: AttributeType;
+    hiddenAttributes?: string[];
 };
-export declare const getDependentLookupEditorContext: ({ dependentLookups, metadata, modifiedEntities, entityUri, relations, attributeValue, attributeType }: GetDependentLookupEditorContextProps) => DependentLookupEditorContext;
+export declare const getDependentLookupEditorContext: ({ dependentLookups, metadata, modifiedEntities, entityUri, relations, attributeValue, attributeType, hiddenAttributes }: GetDependentLookupEditorContextProps) => DependentLookupEditorContext;
 export {};

package/cjs/contexts/MdmModuleContext/selectors/dependentLookupEditorContext.js

@@ -57,8 +57,10 @@ exports.buildMissedParentsMessage = buildMissedParentsMessage;
 var getTypesMapKey = function (parent) { return "".concat(parent.type, "_").concat((0, mdm_sdk_1.getParentUri)(parent.uri)); };
 var getParents = function (_a) {
     var _b;
-    var dependentLookups = _a.dependentLookups, metadata = _a.metadata, modifiedEntities = _a.modifiedEntities, entityUri = _a.entityUri, relations = _a.relations, node = _a.node, valueUri = _a.valueUri;
-    var parentNodesValues = node.parents.flatMap(function (type) {
+    var dependentLookups = _a.dependentLookups, metadata = _a.metadata, modifiedEntities = _a.modifiedEntities, entityUri = _a.entityUri, relations = _a.relations, node = _a.node, valueUri = _a.valueUri, hiddenAttributes = _a.hiddenAttributes;
+    var parentNodesValues = node.parents
+        .filter(function (type) { return !hiddenAttributes.includes(type); })
+        .flatMap(function (type) {
         var parentNode = (0, mdm_sdk_1.getDependentLookupsStructureNode)(dependentLookups, type);
         return parentNode.values.map(function (value) { return (__assign(__assign({}, value), { type: type, dependentLookupCode: parentNode.attrType.dependentLookupCode })); });
     });
@@ -72,6 +74,7 @@ var getParents = function (_a) {
     });
     var possibleParentBaseTypeUris = (0, ramda_1.pipe)(mdm_sdk_1.getAttributeValuePath, (0, ramda_1.defaultTo)([]), (0, ramda_1.map)((0, ramda_1.pipe)((0, ramda_1.path)(['valueType', 'uri']), mdm_sdk_1.getBaseUri)), (0, ramda_1.prepend)((_b = modifiedEntities[entityUri]) === null || _b === void 0 ? void 0 : _b.type), (0, ramda_1.reject)(ramda_1.isNil), ramda_1.uniq)({ entityUri: entityUri, entitiesMap: modifiedEntities, connections: connections, metadata: metadata }, valueUri);
     var neededParentsAttributeTypes = node.parents
+        .filter(function (type) { return !hiddenAttributes.includes(type); })
         .filter(function (typeUri) { return possibleParentBaseTypeUris.some((0, mdm_sdk_1.areOneHierarchyUris)(typeUri)); })
         .map(function (typeUri) {
         var parentNode = (0, mdm_sdk_1.getDependentLookupsStructureNode)(dependentLookups, typeUri);
@@ -95,24 +98,25 @@ var getParents = function (_a) {
     return { parents: parents, missedParentsAttributeTypes: missedParentsAttributeTypes };
 };
 var getDependentLookupEditorContext = function (_a) {
-    var dependentLookups = _a.dependentLookups, metadata = _a.metadata, modifiedEntities = _a.modifiedEntities, entityUri = _a.entityUri, relations = _a.relations, attributeValue = _a.attributeValue, attributeType = _a.attributeType;
-    if (!(0, mdm_sdk_1.isDependentLookupAttrType)(attributeType)) {
+    var dependentLookups = _a.dependentLookups, metadata = _a.metadata, modifiedEntities = _a.modifiedEntities, entityUri = _a.entityUri, relations = _a.relations, attributeValue = _a.attributeValue, attributeType = _a.attributeType, _b = _a.hiddenAttributes, hiddenAttributes = _b === void 0 ? [] : _b;
+    if (!(0, mdm_sdk_1.isDependentLookupAttrType)(attributeType) || hiddenAttributes.includes(attributeType.uri)) {
         return null;
     }
     var attributeTypeUri = attributeType.uri;
     var node = (0, mdm_sdk_1.getDependentLookupsStructureNode)(dependentLookups, attributeTypeUri);
     if (node) {
         var valueUri = attributeValue.uri;
-        var _b = getParents({
+        var _c = getParents({
             dependentLookups: dependentLookups,
             metadata: metadata,
             modifiedEntities: modifiedEntities,
             entityUri: entityUri,
             relations: relations,
             valueUri: valueUri,
-            node: node
-        }), parents = _b.parents, missedParentsAttributeTypes = _b.missedParentsAttributeTypes;
-        var _c = ((0, mdm_sdk_1.getDependentLookupEditorState)(dependentLookups, valueUri) || {}).isBlocked, isBlocked = _c === void 0 ? false : _c;
+            node: node,
+            hiddenAttributes: hiddenAttributes
+        }), parents = _c.parents, missedParentsAttributeTypes = _c.missedParentsAttributeTypes;
+        var _d = ((0, mdm_sdk_1.getDependentLookupEditorState)(dependentLookups, valueUri) || {}).isBlocked, isBlocked = _d === void 0 ? false : _d;
         var missedParentsMessage = (0, exports.buildMissedParentsMessage)(missedParentsAttributeTypes);
         var isEmptyValue = !(attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.lookupCode) && !(attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.value);
         var placeholder = (isEmptyValue && isBlocked && ui_i18n_1.default.text('Populating values...')) ||

package/cjs/hooks/useHiddenAttributes/useHiddenAttributes.js

@@ -29,6 +29,7 @@ var useHiddenAttributes = function () {
     var resetHiddenAttributes = (0, hooks_1.useMdmAction)('resetHiddenAttributes');
     var hiddenAttributes = (0, hooks_1.useMdmHiddenAttributes)();
     var currentEntityHiddenAttributes = (0, react_1.useMemo)(function () { return hiddenAttributes[entityUri] || []; }, [hiddenAttributes, entityUri]);
+    var updateControlAttributes = (0, hooks_1.useMdmAction)('updateControlAttributes');
     var ruleBasedAttributes = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getRuleBasedAttributes)(metadata, entity === null || entity === void 0 ? void 0 : entity.type); }, [metadata, entity === null || entity === void 0 ? void 0 : entity.type]);
     var parsedRuleBasedAttributes = (0, react_1.useMemo)(function () {
         return ruleBasedAttributes.map(function (rule) {
@@ -36,8 +37,8 @@ var useHiddenAttributes = function () {
             return (__assign(__assign({}, (0, mdm_sdk_1.parseRuleBasedAttribute)(rule)), { showAttributeURIs: ((_a = rule === null || rule === void 0 ? void 0 : rule.controlFunction) === null || _a === void 0 ? void 0 : _a.showAttributeURI) || [] }));
         });
     }, [ruleBasedAttributes]);
-    var controlAttributes = (0, react_1.useMemo)(function () { return (0, ramda_1.pipe)((0, ramda_1.pluck)('controlAttributes'), ramda_1.flatten, ramda_1.uniq)(parsedRuleBasedAttributes); }, [parsedRuleBasedAttributes]);
-    var changedAttributes = (0, useChangedAttributes_1.useChangedAttributes)(entity === null || entity === void 0 ? void 0 : entity.attributes, controlAttributes);
+    var newControlAttributes = (0, react_1.useMemo)(function () { return (0, ramda_1.pipe)((0, ramda_1.pluck)('controlAttributes'), ramda_1.flatten, ramda_1.uniq)(parsedRuleBasedAttributes); }, [parsedRuleBasedAttributes]);
+    var changedAttributes = (0, useChangedAttributes_1.useChangedAttributes)(entity === null || entity === void 0 ? void 0 : entity.attributes, newControlAttributes);
     var showAttributeURIs = (0, react_1.useMemo)(function () {
         return changedAttributes.length ? (0, helpers_1.findShowAttributeURIs)(changedAttributes, parsedRuleBasedAttributes) : [];
     }, [parsedRuleBasedAttributes, changedAttributes]);
@@ -57,6 +58,9 @@ var useHiddenAttributes = function () {
             updateHiddenAttributes(entityUri, (0, ramda_1.without)(showAttributeURIs, currentEntityHiddenAttributes).concat(addedHiddenAttributes));
         }
     }, [addedHiddenAttributes, showAttributeURIs, entityUri]);
+    (0, react_1.useEffect)(function () {
+        updateControlAttributes(newControlAttributes);
+    }, [newControlAttributes]);
     (0, react_1.useEffect)(function () { return function () { return resetHiddenAttributes(entityUri); }; }, [entityUri]);
 };
 exports.useHiddenAttributes = useHiddenAttributes;

package/cjs/icons/ControlAttribute.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgControlAttribute: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgControlAttribute;

package/cjs/icons/ControlAttribute.js

@@ -0,0 +1,25 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgControlAttribute = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: 12, height: 12, viewBox: "2 2 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        react_1.default.createElement("mask", { id: "path-1-inside-1_1184_29788", fill: "white" },
+            react_1.default.createElement("path", { d: "M10.9656 9.20314C10.6874 9.8892 10.1798 10.4576 9.52953 10.8114C8.87921 11.1652 8.12633 11.2826 7.39917 11.1435C6.67201 11.0045 6.01556 10.6176 5.54167 10.0488C5.06778 9.48 4.80577 8.76449 4.80029 8.02417C4.79481 7.28385 5.04619 6.56454 5.5116 5.98879C5.97702 5.41304 6.62767 5.01647 7.35269 4.86667C8.07771 4.71686 8.83225 4.82308 9.48773 5.16723C10.1432 5.51138 10.6591 6.07216 10.9475 6.75403L9.57285 7.33537C9.41898 6.97153 9.14371 6.6723 8.79394 6.48867C8.44418 6.30503 8.04156 6.24835 7.65469 6.32829C7.26782 6.40822 6.92064 6.61983 6.67229 6.92704C6.42395 7.23426 6.28981 7.61809 6.29274 8.01312C6.29566 8.40815 6.43547 8.78994 6.68833 9.09345C6.9412 9.39696 7.29148 9.6034 7.67949 9.67759C8.0675 9.75179 8.46924 9.68916 8.81624 9.50036C9.16325 9.31157 9.43406 9.00829 9.58253 8.64221L10.9656 9.20314Z" })),
+        react_1.default.createElement("path", { d: "M10.9656 9.20314C10.6874 9.8892 10.1798 10.4576 9.52953 10.8114C8.87921 11.1652 8.12633 11.2826 7.39917 11.1435C6.67201 11.0045 6.01556 10.6176 5.54167 10.0488C5.06778 9.48 4.80577 8.76449 4.80029 8.02417C4.79481 7.28385 5.04619 6.56454 5.5116 5.98879C5.97702 5.41304 6.62767 5.01647 7.35269 4.86667C8.07771 4.71686 8.83225 4.82308 9.48773 5.16723C10.1432 5.51138 10.6591 6.07216 10.9475 6.75403L9.57285 7.33537C9.41898 6.97153 9.14371 6.6723 8.79394 6.48867C8.44418 6.30503 8.04156 6.24835 7.65469 6.32829C7.26782 6.40822 6.92064 6.61983 6.67229 6.92704C6.42395 7.23426 6.28981 7.61809 6.29274 8.01312C6.29566 8.40815 6.43547 8.78994 6.68833 9.09345C6.9412 9.39696 7.29148 9.6034 7.67949 9.67759C8.0675 9.75179 8.46924 9.68916 8.81624 9.50036C9.16325 9.31157 9.43406 9.00829 9.58253 8.64221L10.9656 9.20314Z", stroke: "#72828B", strokeWidth: "4", mask: "url(#path-1-inside-1_1184_29788)" }),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.29694 8.96529C3.70237 10.9507 5.33344 12.4899 7.36532 12.7582V14.3687C4.44846 14.0817 2.10658 11.8364 1.67215 8.96529H3.29694ZM7.36532 3.24137C5.22186 3.52443 3.52444 5.22184 3.24137 7.36529H1.63086C1.92888 4.33725 4.33727 1.92886 7.36532 1.63086V3.24137ZM12.7582 7.36529C12.4899 5.33344 10.9507 3.70239 8.96532 3.29694V1.67216C11.8364 2.10659 14.0817 4.44845 14.3687 7.36529H12.7582ZM12.7027 8.96529C12.3195 10.8416 10.8416 12.3195 8.96532 12.7027V14.3275C11.7269 13.9096 13.9096 11.7269 14.3275 8.96529H12.7027Z", fill: "#72828B" })));
+};
+exports.default = SvgControlAttribute;

package/cjs/icons/index.d.ts

@@ -5,6 +5,7 @@ export { default as Calendar } from './Calendar';
 export { default as CollaborationIcon } from './CollaborationIcon';
 export { default as Comment } from './Comment';
 export { default as CommentBubble } from './CommentBubble';
+export { default as ControlAttribute } from './ControlAttribute';
 export { default as Copy } from './Copy';
 export { default as Create } from './Create';
 export { default as DcrTaskIcon } from './DcrTaskIcon';

package/cjs/icons/index.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Recommended = exports.Reassign = exports.ReadOnlyError = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PmTaskIcon = exports.PmIcon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.NotMatchRule = exports.NotMatchDark = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.NegativeRuleTooltipIcon = exports.NegativeRuleIcon = exports.MlMatch = exports.MergeDark = exports.Merge = exports.LogOut = exports.LogIn = exports.IgnoredOutlined = exports.Ignored = exports.Hyperlink = exports.Filter = exports.Error = exports.EmptySearchResults = exports.EmptyLoading = exports.Duplicate = exports.Draw = exports.Download = exports.Details = exports.Description = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
-exports.UploadIcon = exports.UnMerge = exports.Tenant = exports.Table = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = void 0;
+exports.Reassign = exports.ReadOnlyError = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PmTaskIcon = exports.PmIcon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.NotMatchRule = exports.NotMatchDark = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.NegativeRuleTooltipIcon = exports.NegativeRuleIcon = exports.MlMatch = exports.MergeDark = exports.Merge = exports.LogOut = exports.LogIn = exports.IgnoredOutlined = exports.Ignored = exports.Hyperlink = exports.Filter = exports.Error = exports.EmptySearchResults = exports.EmptyLoading = exports.Duplicate = exports.Draw = exports.Download = exports.Details = exports.Description = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.ControlAttribute = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
+exports.UploadIcon = exports.UnMerge = exports.Tenant = exports.Table = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = void 0;
 var Add_1 = require("./Add");
 Object.defineProperty(exports, "Add", { enumerable: true, get: function () { return __importDefault(Add_1).default; } });
 var AddComment_1 = require("./AddComment");
@@ -19,6 +19,8 @@ var Comment_1 = require("./Comment");
 Object.defineProperty(exports, "Comment", { enumerable: true, get: function () { return __importDefault(Comment_1).default; } });
 var CommentBubble_1 = require("./CommentBubble");
 Object.defineProperty(exports, "CommentBubble", { enumerable: true, get: function () { return __importDefault(CommentBubble_1).default; } });
+var ControlAttribute_1 = require("./ControlAttribute");
+Object.defineProperty(exports, "ControlAttribute", { enumerable: true, get: function () { return __importDefault(ControlAttribute_1).default; } });
 var Copy_1 = require("./Copy");
 Object.defineProperty(exports, "Copy", { enumerable: true, get: function () { return __importDefault(Copy_1).default; } });
 var Create_1 = require("./Create");

package/cjs/index.d.ts

@@ -31,6 +31,7 @@ export { ChartsFactory } from './ChartsFactory';
 export { CollapseRowButton } from './CollapseRowButton';
 export { ColorBar } from './ColorBar';
 export { ColumnsSettings, ColumnsSettingsPopup } from './ColumnsSettings';
+export { ControlAttributeIcon } from './ControlAttributeIcon';
 export { DefaultCellValueRenderer } from './DefaultCellValueRenderer';
 export { DescriptionIcon } from './DescriptionIcon';
 export { DropDownMenuButton } from './DropDownMenuButton';

package/cjs/index.js

@@ -14,9 +14,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReadOnlyAttributeValuesBlock = exports.PieChart = exports.OvIcon = exports.NestedAttributeEditor = exports.NestedAttribute = exports.MoreAttributesButton = exports.InlineReferenceAttribute = exports.InlineNestedAttribute = exports.InlineImageAttribute = exports.InlineAttributesPager = exports.EditableImageAttributesLine = exports.FilterButton = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.EntitySelector = exports.EntityCreator = exports.AttributesPager = exports.AttributesList = exports.EditableAttribute = exports.DropDownMenuButton = exports.DescriptionIcon = exports.DefaultCellValueRenderer = exports.ColumnsSettingsPopup = exports.ColumnsSettings = exports.ColorBar = exports.CollapseRowButton = exports.ChartsFactory = exports.CardinalityMessage = exports.BranchDecorator = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.BasicTablePagination = exports.basicTableViewState = exports.BasicTable = exports.BasicAttributeSelector = exports.BarChart = exports.AvatarWithFallback = exports.AutoSizeList = exports.AttributesView = exports.AttributesValuesEditor = exports.AttributesFiltersButton = exports.AttributesFiltersBuilder = exports.AttributesFilterSelector = exports.AttributesErrorsPanel = exports.AttributeListItem = exports.AttributeGroupIcon = exports.ArrowExpandButton = exports.ActionsPanel = exports.ActionButton = void 0;
-exports.ErrorWrapper = exports.ErrorMessage = exports.ConfigureColumnsPopup = exports.ConnectionEditor = exports.DropDownSelector = exports.ReactSelectOptionWithCheckIcon = exports.ReactSelectMenuWithPopper = exports.ReactSelectMenuList = exports.ReactSelectLoadMoreButton = exports.ReactSelectDropdownIndicatorWithIconButton = exports.ReactSelectDropdownIndicator = exports.Highlighter = exports.HierarchyNodeTitle = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.ExpandableSearchInput = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.Drawer = exports.DataTypeValue = exports.DataTenantBadge = exports.ConnectionRelationTypeSelector = exports.CollaborationItem = exports.ConfirmationDialog = exports.CommentsContainer = exports.ColoredSourceIcon = exports.CollapseButton = exports.TreeChart = exports.TableWithBars = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleAttributeEditor = exports.SimpleAttribute = exports.RowCellAutoSizer = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.ReferenceAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesPager = exports.ReadOnlyAttributesList = exports.ReadOnlyAttribute = void 0;
-exports.CrosswalkType = exports.AttributesTable = exports.CrosswalkDragLayer = exports.SourceCrosswalksRow = exports.CrosswalkEditor = exports.useModifiedEntity = exports.useCrosswalkActions = exports.groupCrosswalksByTypesAndSources = exports.ActivityTypes = exports.useProfileActivitiesLoader = exports.useActivitiesLoader = exports.ActivityLogFilter = exports.ActivityLog = exports.rerenderWrapper = exports.mockElementSizes = exports.mockBasicTableSizing = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsFilter = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.SaveSegmentDialog = exports.MaskingSwitcher = exports.FileTypeEditor = exports.EmptySearchResult = exports.DropDownEditor = exports.FilterValueEditor = exports.MultiValueChip = exports.TextEditor = exports.DateRangeEditor = exports.NumberEditor = exports.DataTypeValueEditor = exports.DateEditor = void 0;
+exports.PieChart = exports.OvIcon = exports.NestedAttributeEditor = exports.NestedAttribute = exports.MoreAttributesButton = exports.InlineReferenceAttribute = exports.InlineNestedAttribute = exports.InlineImageAttribute = exports.InlineAttributesPager = exports.EditableImageAttributesLine = exports.FilterButton = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.EntitySelector = exports.EntityCreator = exports.AttributesPager = exports.AttributesList = exports.EditableAttribute = exports.DropDownMenuButton = exports.DescriptionIcon = exports.DefaultCellValueRenderer = exports.ControlAttributeIcon = exports.ColumnsSettingsPopup = exports.ColumnsSettings = exports.ColorBar = exports.CollapseRowButton = exports.ChartsFactory = exports.CardinalityMessage = exports.BranchDecorator = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.BasicTablePagination = exports.basicTableViewState = exports.BasicTable = exports.BasicAttributeSelector = exports.BarChart = exports.AvatarWithFallback = exports.AutoSizeList = exports.AttributesView = exports.AttributesValuesEditor = exports.AttributesFiltersButton = exports.AttributesFiltersBuilder = exports.AttributesFilterSelector = exports.AttributesErrorsPanel = exports.AttributeListItem = exports.AttributeGroupIcon = exports.ArrowExpandButton = exports.ActionsPanel = exports.ActionButton = void 0;
+exports.ErrorMessage = exports.ConfigureColumnsPopup = exports.ConnectionEditor = exports.DropDownSelector = exports.ReactSelectOptionWithCheckIcon = exports.ReactSelectMenuWithPopper = exports.ReactSelectMenuList = exports.ReactSelectLoadMoreButton = exports.ReactSelectDropdownIndicatorWithIconButton = exports.ReactSelectDropdownIndicator = exports.Highlighter = exports.HierarchyNodeTitle = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.ExpandableSearchInput = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.Drawer = exports.DataTypeValue = exports.DataTenantBadge = exports.ConnectionRelationTypeSelector = exports.CollaborationItem = exports.ConfirmationDialog = exports.CommentsContainer = exports.ColoredSourceIcon = exports.CollapseButton = exports.TreeChart = exports.TableWithBars = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleAttributeEditor = exports.SimpleAttribute = exports.RowCellAutoSizer = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.ReferenceAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesPager = exports.ReadOnlyAttributesList = exports.ReadOnlyAttribute = exports.ReadOnlyAttributeValuesBlock = void 0;
+exports.CrosswalkType = exports.AttributesTable = exports.CrosswalkDragLayer = exports.SourceCrosswalksRow = exports.CrosswalkEditor = exports.useModifiedEntity = exports.useCrosswalkActions = exports.groupCrosswalksByTypesAndSources = exports.ActivityTypes = exports.useProfileActivitiesLoader = exports.useActivitiesLoader = exports.ActivityLogFilter = exports.ActivityLog = exports.rerenderWrapper = exports.mockElementSizes = exports.mockBasicTableSizing = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsFilter = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.SaveSegmentDialog = exports.MaskingSwitcher = exports.FileTypeEditor = exports.EmptySearchResult = exports.DropDownEditor = exports.FilterValueEditor = exports.MultiValueChip = exports.TextEditor = exports.DateRangeEditor = exports.NumberEditor = exports.DataTypeValueEditor = exports.DateEditor = exports.ErrorWrapper = void 0;
 __exportStar(require("./HOCs"), exports);
 __exportStar(require("./components"), exports);
 __exportStar(require("./constants"), exports);
@@ -79,6 +79,8 @@ Object.defineProperty(exports, "ColorBar", { enumerable: true, get: function ()
 var ColumnsSettings_1 = require("./ColumnsSettings");
 Object.defineProperty(exports, "ColumnsSettings", { enumerable: true, get: function () { return ColumnsSettings_1.ColumnsSettings; } });
 Object.defineProperty(exports, "ColumnsSettingsPopup", { enumerable: true, get: function () { return ColumnsSettings_1.ColumnsSettingsPopup; } });
+var ControlAttributeIcon_1 = require("./ControlAttributeIcon");
+Object.defineProperty(exports, "ControlAttributeIcon", { enumerable: true, get: function () { return ControlAttributeIcon_1.ControlAttributeIcon; } });
 var DefaultCellValueRenderer_1 = require("./DefaultCellValueRenderer");
 Object.defineProperty(exports, "DefaultCellValueRenderer", { enumerable: true, get: function () { return DefaultCellValueRenderer_1.DefaultCellValueRenderer; } });
 var DescriptionIcon_1 = require("./DescriptionIcon");

package/esm/ControlAttributeIcon/ControlAttributeIcon.d.ts

@@ -0,0 +1 @@
+export declare const ControlAttributeIcon: () => JSX.Element;

package/esm/ControlAttributeIcon/ControlAttributeIcon.js

@@ -0,0 +1,26 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { forwardRef } from 'react';
+import i18n from 'ui-i18n';
+import ControlAttribute from '../icons/ControlAttribute';
+import { withTooltip } from '../HOCs/withTooltip';
+import { useStyles } from './styles';
+var ControlAttributeForwarded = forwardRef(function (props, ref) {
+    return (React.createElement("span", __assign({}, props, { ref: ref }),
+        React.createElement(ControlAttribute, null)));
+});
+ControlAttributeForwarded.displayName = 'ControlAttributeForwarded';
+var ControlAttributeWithTooltip = withTooltip(ControlAttributeForwarded);
+export var ControlAttributeIcon = function () {
+    var styles = useStyles();
+    return (React.createElement(ControlAttributeWithTooltip, { "data-reltio-id": "reltio-control-attribute-icon", tooltipTitle: i18n.text('This is a control attribute. Changing this value will affect availability of other dynamic attributes.'), className: styles.icon }));
+};

package/esm/ControlAttributeIcon/index.d.ts

@@ -0,0 +1 @@
+export { ControlAttributeIcon } from './ControlAttributeIcon';

package/esm/ControlAttributeIcon/index.js

@@ -0,0 +1 @@
+export { ControlAttributeIcon } from './ControlAttributeIcon';

package/esm/ControlAttributeIcon/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon">;

package/esm/ControlAttributeIcon/styles.js

@@ -0,0 +1,8 @@
+import { makeStyles } from '@mui/styles';
+export var useStyles = makeStyles({
+    icon: {
+        display: 'inline-flex',
+        marginLeft: '8px',
+        verticalAlign: 'middle'
+    }
+});

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

@@ -12,9 +12,11 @@ import { EditModeAttribute } from '../../../EditModeAttributesFactory';
 import { CardinalityMessage } from '../../../CardinalityMessage';
 import { PinnedAttributesContext } from '../../../contexts/PinnedAttributesContext';
 import { DescriptionIcon } from '../../../DescriptionIcon';
+import { ControlAttributeIcon } from '../../../ControlAttributeIcon';
 import { useScrollToAttribute } from '../../../hooks/useScrollToAttribute/useScrollToAttribute';
 import { useScrollToAttributeError } from '../../../hooks/useScrollToAttributeError/useScrollToAttributeError';
 import { filterNewValues } from '../../helpers';
+import { useMdmControlAttributes } from '../../../contexts';
 import { useStyles } from '../../styles';
 var AttributeRenderer = function (_a) {
     var max = _a.max, values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, drawLines = _a.drawLines, showEmptyEditors = _a.showEmptyEditors, errorMessage = _a.errorMessage, errors = _a.errors, paging = _a.paging, crosswalks = _a.crosswalks, showNonOv = _a.showNonOv, nonVisibleValues = _a.nonVisibleValues, highlightedError = _a.highlightedError, highlightedAttribute = _a.highlightedAttribute, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
@@ -29,6 +31,8 @@ var AttributeRenderer = function (_a) {
     var isPinned = useMemo(function () { return pinnedAttributes === null || pinnedAttributes === void 0 ? void 0 : pinnedAttributes.includes(attributeTypeUri); }, [attributeTypeUri, pinnedAttributes]);
     var isEmptyValues = isEmptyValue(values);
     var showEmpty = ((!hadDeletions && showEmptyEditors) || isRequired || isPinned) && isEmptyValues;
+    var controlAttributes = useMdmControlAttributes();
+    var isControlAttribute = useMemo(function () { return controlAttributes.includes(attributeType.uri); }, [controlAttributes, attributeType.uri]);
     var emptyEditorValue = useRef(createNewAttribute({
         parentUri: parentUri,
         attributeType: omit(['defaultValue'], attributeType)
@@ -88,6 +92,7 @@ var AttributeRenderer = function (_a) {
             React.createElement("div", { className: styles.titleWrapper },
                 React.createElement(Title, { label: label, isRequired: isRequired, className: styles.title, "data-reltio-id": "reltio-attribute-label" }),
                 React.createElement(DescriptionIcon, { description: description }),
+                isControlAttribute && React.createElement(ControlAttributeIcon, null),
                 React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
             isEditableMode && React.createElement(CardinalityMessage, { cardinality: cardinality }),
             isEditableMode && React.createElement(ErrorMessage, { message: errorMessage, className: styles.typeError }),

package/esm/ReadOnlyAttributesPager/components/MultiLineRenderer/MultiLineRenderer.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useMemo, useState } from 'react';
 import { min } from 'ramda';
 import classnames from 'classnames';
 import { ReadOnlyAttribute } from '../../../ReadOnlyAttributesFactory';
@@ -7,11 +7,15 @@ import { ShowMore } from '../../../ShowMore';
 import { ShowLess } from '../../../ShowLess';
 import { OvIcon } from '../../../OvIcon';
 import { DescriptionIcon } from '../../../DescriptionIcon';
+import { ControlAttributeIcon } from '../../../ControlAttributeIcon';
+import { useMdmControlAttributes } from '../../../contexts';
 import { useMultiLineStyles } from '../../styles';
 export var MultiLineRenderer = function (_a) {
     var max = _a.max, values = _a.values, nonVisibleValues = _a.nonVisibleValues, totalVisibleValues = _a.totalVisibleValues, attributeType = _a.attributeType, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
     var styles = useMultiLineStyles();
     var _b = useState(max), visibleValuesCount = _b[0], setVisibleValuesCount = _b[1];
+    var controlAttributes = useMdmControlAttributes();
+    var isControlAttribute = useMemo(function () { return controlAttributes.includes(attributeType.uri); }, [controlAttributes, attributeType.uri]);
     var hasPaging = max < totalVisibleValues;
     var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
     var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
@@ -37,6 +41,7 @@ export var MultiLineRenderer = function (_a) {
         React.createElement("div", { className: styles.titleRow },
             React.createElement(Title, { label: label, className: classnames(styles.title, titleClassName), "data-reltio-id": "reltio-attribute-label" }),
             React.createElement(DescriptionIcon, { description: description }),
+            isControlAttribute && React.createElement(ControlAttributeIcon, null),
             React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
         React.createElement("div", { className: styles.attributes }, shownValues.map(function (value) { return (React.createElement(ReadOnlyAttribute, { key: value.uri, className: classnames(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv })); })),
         showMore && (React.createElement(ShowMore, { moreNumber: min(max, hiddenValuesCount), valueNumber: hiddenValuesCount, onClick: onShowMore })),

package/esm/ReadOnlyAttributesPager/components/OneLineRenderer/OneLineRenderer.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { CollaborationObjectTypes, createRelatedObjectUris, isRelationUri } from '@reltio/mdm-sdk';
 import classnames from 'classnames';
 import { COMMENTS_CONTAINER_VISIBILITY_AREA } from '../../../constants';
@@ -7,11 +7,15 @@ import Title from '../../../components/Title/Title';
 import { OvIcon } from '../../../OvIcon';
 import { DescriptionIcon } from '../../../DescriptionIcon';
 import { ReadOnlyAttribute } from '../../../ReadOnlyAttributesFactory';
+import { ControlAttributeIcon } from '../../../ControlAttributeIcon';
+import { useMdmControlAttributes } from '../../../contexts';
 import { useOneLineStyles } from '../../styles';
 export var OneLineRenderer = function (_a) {
     var value = _a.value, nonVisibleValues = _a.nonVisibleValues, attributeType = _a.attributeType, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
     var styles = useOneLineStyles();
     var label = attributeType.label, description = attributeType.description;
+    var controlAttributes = useMdmControlAttributes();
+    var isControlAttribute = useMemo(function () { return controlAttributes.includes(attributeType.uri); }, [controlAttributes, attributeType.uri]);
     var objectType = isRelationUri(value.uri)
         ? CollaborationObjectTypes.RELATION_ATTRIBUTE
         : CollaborationObjectTypes.ENTITY_ATTRIBUTE;
@@ -19,6 +23,7 @@ export var OneLineRenderer = function (_a) {
         React.createElement("div", { className: classnames(styles.titleRow, styles.wrapper) },
             React.createElement(Title, { label: label, className: classnames(styles.title, titleClassName), "data-reltio-id": "reltio-attribute-label" }),
             React.createElement(DescriptionIcon, { description: description, className: styles.descriptionIcon }),
+            isControlAttribute && React.createElement(ControlAttributeIcon, null),
             React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues }),
             React.createElement(ReadOnlyAttribute, { className: classnames(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv, inlined: true })),
         React.createElement(CommentsContainer, { uri: value.uri, relatedObjectUris: createRelatedObjectUris(objectType, {

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

@@ -32,7 +32,8 @@ export type MdmModuleValuesContextProps = Partial<{
     mode: Mode;
     isViewMode: boolean;
     isEditableMode: boolean;
-    hiddenAttributes: string[];
+    hiddenAttributes: Record<string, string[]>;
+    controlAttributes: string[];
     historyDiff: HistoryDiff;
     historyMode: HistoryMode;
     historySlice: HistorySlice;
@@ -117,6 +118,7 @@ export type MdmModuleActionsContextProps = Partial<{
     editRelation: (id: string, connection: Connection) => void;
     updateHiddenAttributes: (uri: string, hiddenAttributes: string[]) => void;
     resetHiddenAttributes: (uri: string) => void;
+    updateControlAttributes: (controlAttributes: string[]) => void;
 }>;
 export type MdmModuleListenersContextProps = Partial<{
     expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;
@@ -185,6 +187,7 @@ export declare const MdmModuleActionsContext: import("@fluentui/react-context-se
     editRelation: (id: string, connection: Connection) => void;
     updateHiddenAttributes: (uri: string, hiddenAttributes: string[]) => void;
     resetHiddenAttributes: (uri: string) => void;
+    updateControlAttributes: (controlAttributes: string[]) => void;
 }>>;
 export declare const MdmModuleValuesContext: import("@fluentui/react-context-selector").Context<Partial<{
     autoCloseInterval: number;
@@ -218,7 +221,8 @@ export declare const MdmModuleValuesContext: import("@fluentui/react-context-sel
     mode: Mode;
     isViewMode: boolean;
     isEditableMode: boolean;
-    hiddenAttributes: string[];
+    hiddenAttributes: Record<string, string[]>;
+    controlAttributes: string[];
     historyDiff: HistoryDiff;
     historyMode: HistoryMode;
     historySlice: HistorySlice;

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

@@ -71,7 +71,7 @@ export declare const useMdmDependentLookupEditorContext: (attributeValue: Simple
 };
 export declare const useMdmGlobalSearchRequestOptions: (omittingFields?: string[]) => import("@reltio/mdm-sdk").GlobalSearchRequestOptions;
 export declare const useMdmAuthoringItemsByEntityType: (entityTypeUri: string) => import("@reltio/mdm-sdk").AuthoringItem[];
-export declare const useMdmAction: <T extends "openSearch" | "openHistoryEvent" | "openConsoleApp" | "addAttributes" | "modifyAttribute" | "removeAttribute" | "entityDeleted" | "entityCreated" | "errorDeactivated" | "requestNextPageOfAttributeValues" | "openEntity" | "setDefaultProfilePicForModifiedEntity" | "setDefaultProfilePicForEntity" | "dependentLookupsEditorTouched" | "openPivotingPerspective" | "lookupsLoaded" | "lookupsForTypeResolved" | "errorSet" | "setHistoryMode" | "modeUpdated" | "setHistoryEvent" | "clearHistoryEvent" | "clearHistoryDiff" | "setHistoryDiff" | "setHistorySlice" | "updateSearchNavigationDataFields" | "openPerspective" | "entityDeletionFinished" | "loadEntity" | "updateSearchNavigationDataOnMerge" | "lookupsListResolved" | "relationsLoaded" | "setInitialInfo" | "setRelationType" | "closeRelationEditor" | "openRelationEditor" | "setRelationEntity" | "errorsSet" | "addRelation" | "editRelation" | "updateHiddenAttributes" | "resetHiddenAttributes">(action: T) => Partial<{
+export declare const useMdmAction: <T extends "openSearch" | "openHistoryEvent" | "openConsoleApp" | "addAttributes" | "modifyAttribute" | "removeAttribute" | "entityDeleted" | "entityCreated" | "errorDeactivated" | "requestNextPageOfAttributeValues" | "openEntity" | "setDefaultProfilePicForModifiedEntity" | "setDefaultProfilePicForEntity" | "dependentLookupsEditorTouched" | "openPivotingPerspective" | "lookupsLoaded" | "lookupsForTypeResolved" | "errorSet" | "setHistoryMode" | "modeUpdated" | "setHistoryEvent" | "clearHistoryEvent" | "clearHistoryDiff" | "setHistoryDiff" | "setHistorySlice" | "updateSearchNavigationDataFields" | "openPerspective" | "entityDeletionFinished" | "loadEntity" | "updateSearchNavigationDataOnMerge" | "lookupsListResolved" | "relationsLoaded" | "setInitialInfo" | "setRelationType" | "closeRelationEditor" | "openRelationEditor" | "setRelationEntity" | "errorsSet" | "addRelation" | "editRelation" | "updateHiddenAttributes" | "resetHiddenAttributes" | "updateControlAttributes">(action: T) => Partial<{
     openSearch: (payload: import("@reltio/mdm-sdk").SearchState) => void;
     openHistoryEvent: (payload: {
         entityUri: string;
@@ -133,6 +133,7 @@ export declare const useMdmAction: <T extends "openSearch" | "openHistoryEvent"
     editRelation: (id: string, connection: import("@reltio/mdm-sdk").Connection) => void;
     updateHiddenAttributes: (uri: string, hiddenAttributes: string[]) => void;
     resetHiddenAttributes: (uri: string) => void;
+    updateControlAttributes: (controlAttributes: string[]) => void;
 }>[T];
 export declare const useMdmListener: <T extends "expandInvalidRelatonsListener" | "cleanseLoadingListener" | "searchNavigationListener">(listener: T) => Partial<{
     expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;
@@ -140,3 +141,4 @@ export declare const useMdmListener: <T extends "expandInvalidRelatonsListener"
     searchNavigationListener: (action: import("../..").AnyAction, state: any, dispatch: (action: import("../..").AnyAction) => void) => void;
 }>[T];
 export declare const useMdmHiddenAttributes: () => {};
+export declare const useMdmControlAttributes: () => any[];

package/esm/contexts/MdmModuleContext/hooks.js

@@ -117,7 +117,7 @@ export var useMdmRelationsDrafts = function (viewId) {
 };
 export var useMdmDependentLookupEditorContext = function (attributeValue, attributeType) {
     var value = useMdmModuleValuesContext(function (context) {
-        var _a;
+        var _a, _b, _c;
         return getDependentLookupEditorContext({
             dependentLookups: context.dependentLookups,
             metadata: context.metadata,
@@ -125,7 +125,8 @@ export var useMdmDependentLookupEditorContext = function (attributeValue, attrib
             modifiedEntities: context.modifiedEntities,
             entityUri: (_a = context.entity) === null || _a === void 0 ? void 0 : _a.uri,
             attributeValue: attributeValue,
-            attributeType: attributeType
+            attributeType: attributeType,
+            hiddenAttributes: (_b = context.hiddenAttributes) === null || _b === void 0 ? void 0 : _b[(_c = context.entity) === null || _c === void 0 ? void 0 : _c.uri]
         });
     });
     return value;
@@ -154,3 +155,7 @@ var emptyHiddenAttributesObject = {};
 export var useMdmHiddenAttributes = function () {
     return useMdmModuleValuesContext(function (context) { return context.hiddenAttributes || emptyHiddenAttributesObject; });
 };
+var emptyControlAttributes = [];
+export var useMdmControlAttributes = function () {
+    return useMdmModuleValuesContext(function (context) { return context.controlAttributes || emptyControlAttributes; });
+};

package/esm/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 } 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 } from './hooks';
 export type { MdmModuleActionsContextProps, MdmModuleValuesContextProps, MdmModuleListenersContextProps } from './context';

package/esm/contexts/MdmModuleContext/index.js

@@ -1,2 +1,2 @@
 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 } 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 } from './hooks';

package/esm/contexts/MdmModuleContext/selectors/dependentLookupEditorContext.d.ts

@@ -17,6 +17,7 @@ type CommonProps = {
 type GetDependentLookupEditorContextProps = CommonProps & {
     attributeValue: SimpleAttributeValue;
     attributeType: AttributeType;
+    hiddenAttributes?: string[];
 };
-export declare const getDependentLookupEditorContext: ({ dependentLookups, metadata, modifiedEntities, entityUri, relations, attributeValue, attributeType }: GetDependentLookupEditorContextProps) => DependentLookupEditorContext;
+export declare const getDependentLookupEditorContext: ({ dependentLookups, metadata, modifiedEntities, entityUri, relations, attributeValue, attributeType, hiddenAttributes }: GetDependentLookupEditorContextProps) => DependentLookupEditorContext;
 export {};

package/esm/contexts/MdmModuleContext/selectors/dependentLookupEditorContext.js

@@ -49,8 +49,10 @@ export var buildMissedParentsMessage = function (missedAttributeTypes) {
 var getTypesMapKey = function (parent) { return "".concat(parent.type, "_").concat(getParentUri(parent.uri)); };
 var getParents = function (_a) {
     var _b;
-    var dependentLookups = _a.dependentLookups, metadata = _a.metadata, modifiedEntities = _a.modifiedEntities, entityUri = _a.entityUri, relations = _a.relations, node = _a.node, valueUri = _a.valueUri;
-    var parentNodesValues = node.parents.flatMap(function (type) {
+    var dependentLookups = _a.dependentLookups, metadata = _a.metadata, modifiedEntities = _a.modifiedEntities, entityUri = _a.entityUri, relations = _a.relations, node = _a.node, valueUri = _a.valueUri, hiddenAttributes = _a.hiddenAttributes;
+    var parentNodesValues = node.parents
+        .filter(function (type) { return !hiddenAttributes.includes(type); })
+        .flatMap(function (type) {
         var parentNode = getDependentLookupsStructureNode(dependentLookups, type);
         return parentNode.values.map(function (value) { return (__assign(__assign({}, value), { type: type, dependentLookupCode: parentNode.attrType.dependentLookupCode })); });
     });
@@ -64,6 +66,7 @@ var getParents = function (_a) {
     });
     var possibleParentBaseTypeUris = pipe(getAttributeValuePath, defaultTo([]), map(pipe(path(['valueType', 'uri']), getBaseUri)), prepend((_b = modifiedEntities[entityUri]) === null || _b === void 0 ? void 0 : _b.type), reject(isNil), uniq)({ entityUri: entityUri, entitiesMap: modifiedEntities, connections: connections, metadata: metadata }, valueUri);
     var neededParentsAttributeTypes = node.parents
+        .filter(function (type) { return !hiddenAttributes.includes(type); })
         .filter(function (typeUri) { return possibleParentBaseTypeUris.some(areOneHierarchyUris(typeUri)); })
         .map(function (typeUri) {
         var parentNode = getDependentLookupsStructureNode(dependentLookups, typeUri);
@@ -87,24 +90,25 @@ var getParents = function (_a) {
     return { parents: parents, missedParentsAttributeTypes: missedParentsAttributeTypes };
 };
 export var getDependentLookupEditorContext = function (_a) {
-    var dependentLookups = _a.dependentLookups, metadata = _a.metadata, modifiedEntities = _a.modifiedEntities, entityUri = _a.entityUri, relations = _a.relations, attributeValue = _a.attributeValue, attributeType = _a.attributeType;
-    if (!isDependentLookupAttrType(attributeType)) {
+    var dependentLookups = _a.dependentLookups, metadata = _a.metadata, modifiedEntities = _a.modifiedEntities, entityUri = _a.entityUri, relations = _a.relations, attributeValue = _a.attributeValue, attributeType = _a.attributeType, _b = _a.hiddenAttributes, hiddenAttributes = _b === void 0 ? [] : _b;
+    if (!isDependentLookupAttrType(attributeType) || hiddenAttributes.includes(attributeType.uri)) {
         return null;
     }
     var attributeTypeUri = attributeType.uri;
     var node = getDependentLookupsStructureNode(dependentLookups, attributeTypeUri);
     if (node) {
         var valueUri = attributeValue.uri;
-        var _b = getParents({
+        var _c = getParents({
             dependentLookups: dependentLookups,
             metadata: metadata,
             modifiedEntities: modifiedEntities,
             entityUri: entityUri,
             relations: relations,
             valueUri: valueUri,
-            node: node
-        }), parents = _b.parents, missedParentsAttributeTypes = _b.missedParentsAttributeTypes;
-        var _c = (getDependentLookupEditorState(dependentLookups, valueUri) || {}).isBlocked, isBlocked = _c === void 0 ? false : _c;
+            node: node,
+            hiddenAttributes: hiddenAttributes
+        }), parents = _c.parents, missedParentsAttributeTypes = _c.missedParentsAttributeTypes;
+        var _d = (getDependentLookupEditorState(dependentLookups, valueUri) || {}).isBlocked, isBlocked = _d === void 0 ? false : _d;
         var missedParentsMessage = buildMissedParentsMessage(missedParentsAttributeTypes);
         var isEmptyValue = !(attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.lookupCode) && !(attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.value);
         var placeholder = (isEmptyValue && isBlocked && i18n.text('Populating values...')) ||

package/esm/hooks/useHiddenAttributes/useHiddenAttributes.js

@@ -26,6 +26,7 @@ export var useHiddenAttributes = function () {
     var resetHiddenAttributes = useMdmAction('resetHiddenAttributes');
     var hiddenAttributes = useMdmHiddenAttributes();
     var currentEntityHiddenAttributes = useMemo(function () { return hiddenAttributes[entityUri] || []; }, [hiddenAttributes, entityUri]);
+    var updateControlAttributes = useMdmAction('updateControlAttributes');
     var ruleBasedAttributes = useMemo(function () { return getRuleBasedAttributes(metadata, entity === null || entity === void 0 ? void 0 : entity.type); }, [metadata, entity === null || entity === void 0 ? void 0 : entity.type]);
     var parsedRuleBasedAttributes = useMemo(function () {
         return ruleBasedAttributes.map(function (rule) {
@@ -33,8 +34,8 @@ export var useHiddenAttributes = function () {
             return (__assign(__assign({}, parseRuleBasedAttribute(rule)), { showAttributeURIs: ((_a = rule === null || rule === void 0 ? void 0 : rule.controlFunction) === null || _a === void 0 ? void 0 : _a.showAttributeURI) || [] }));
         });
     }, [ruleBasedAttributes]);
-    var controlAttributes = useMemo(function () { return pipe(pluck('controlAttributes'), flatten, uniq)(parsedRuleBasedAttributes); }, [parsedRuleBasedAttributes]);
-    var changedAttributes = useChangedAttributes(entity === null || entity === void 0 ? void 0 : entity.attributes, controlAttributes);
+    var newControlAttributes = useMemo(function () { return pipe(pluck('controlAttributes'), flatten, uniq)(parsedRuleBasedAttributes); }, [parsedRuleBasedAttributes]);
+    var changedAttributes = useChangedAttributes(entity === null || entity === void 0 ? void 0 : entity.attributes, newControlAttributes);
     var showAttributeURIs = useMemo(function () {
         return changedAttributes.length ? findShowAttributeURIs(changedAttributes, parsedRuleBasedAttributes) : [];
     }, [parsedRuleBasedAttributes, changedAttributes]);
@@ -54,5 +55,8 @@ export var useHiddenAttributes = function () {
             updateHiddenAttributes(entityUri, without(showAttributeURIs, currentEntityHiddenAttributes).concat(addedHiddenAttributes));
         }
     }, [addedHiddenAttributes, showAttributeURIs, entityUri]);
+    useEffect(function () {
+        updateControlAttributes(newControlAttributes);
+    }, [newControlAttributes]);
     useEffect(function () { return function () { return resetHiddenAttributes(entityUri); }; }, [entityUri]);
 };

package/esm/icons/ControlAttribute.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgControlAttribute: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgControlAttribute;

package/esm/icons/ControlAttribute.js

@@ -0,0 +1,20 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+var SvgControlAttribute = function (props) {
+    return (React.createElement("svg", __assign({ width: 12, height: 12, viewBox: "2 2 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("mask", { id: "path-1-inside-1_1184_29788", fill: "white" },
+            React.createElement("path", { d: "M10.9656 9.20314C10.6874 9.8892 10.1798 10.4576 9.52953 10.8114C8.87921 11.1652 8.12633 11.2826 7.39917 11.1435C6.67201 11.0045 6.01556 10.6176 5.54167 10.0488C5.06778 9.48 4.80577 8.76449 4.80029 8.02417C4.79481 7.28385 5.04619 6.56454 5.5116 5.98879C5.97702 5.41304 6.62767 5.01647 7.35269 4.86667C8.07771 4.71686 8.83225 4.82308 9.48773 5.16723C10.1432 5.51138 10.6591 6.07216 10.9475 6.75403L9.57285 7.33537C9.41898 6.97153 9.14371 6.6723 8.79394 6.48867C8.44418 6.30503 8.04156 6.24835 7.65469 6.32829C7.26782 6.40822 6.92064 6.61983 6.67229 6.92704C6.42395 7.23426 6.28981 7.61809 6.29274 8.01312C6.29566 8.40815 6.43547 8.78994 6.68833 9.09345C6.9412 9.39696 7.29148 9.6034 7.67949 9.67759C8.0675 9.75179 8.46924 9.68916 8.81624 9.50036C9.16325 9.31157 9.43406 9.00829 9.58253 8.64221L10.9656 9.20314Z" })),
+        React.createElement("path", { d: "M10.9656 9.20314C10.6874 9.8892 10.1798 10.4576 9.52953 10.8114C8.87921 11.1652 8.12633 11.2826 7.39917 11.1435C6.67201 11.0045 6.01556 10.6176 5.54167 10.0488C5.06778 9.48 4.80577 8.76449 4.80029 8.02417C4.79481 7.28385 5.04619 6.56454 5.5116 5.98879C5.97702 5.41304 6.62767 5.01647 7.35269 4.86667C8.07771 4.71686 8.83225 4.82308 9.48773 5.16723C10.1432 5.51138 10.6591 6.07216 10.9475 6.75403L9.57285 7.33537C9.41898 6.97153 9.14371 6.6723 8.79394 6.48867C8.44418 6.30503 8.04156 6.24835 7.65469 6.32829C7.26782 6.40822 6.92064 6.61983 6.67229 6.92704C6.42395 7.23426 6.28981 7.61809 6.29274 8.01312C6.29566 8.40815 6.43547 8.78994 6.68833 9.09345C6.9412 9.39696 7.29148 9.6034 7.67949 9.67759C8.0675 9.75179 8.46924 9.68916 8.81624 9.50036C9.16325 9.31157 9.43406 9.00829 9.58253 8.64221L10.9656 9.20314Z", stroke: "#72828B", strokeWidth: "4", mask: "url(#path-1-inside-1_1184_29788)" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.29694 8.96529C3.70237 10.9507 5.33344 12.4899 7.36532 12.7582V14.3687C4.44846 14.0817 2.10658 11.8364 1.67215 8.96529H3.29694ZM7.36532 3.24137C5.22186 3.52443 3.52444 5.22184 3.24137 7.36529H1.63086C1.92888 4.33725 4.33727 1.92886 7.36532 1.63086V3.24137ZM12.7582 7.36529C12.4899 5.33344 10.9507 3.70239 8.96532 3.29694V1.67216C11.8364 2.10659 14.0817 4.44845 14.3687 7.36529H12.7582ZM12.7027 8.96529C12.3195 10.8416 10.8416 12.3195 8.96532 12.7027V14.3275C11.7269 13.9096 13.9096 11.7269 14.3275 8.96529H12.7027Z", fill: "#72828B" })));
+};
+export default SvgControlAttribute;

package/esm/icons/index.d.ts

@@ -5,6 +5,7 @@ export { default as Calendar } from './Calendar';
 export { default as CollaborationIcon } from './CollaborationIcon';
 export { default as Comment } from './Comment';
 export { default as CommentBubble } from './CommentBubble';
+export { default as ControlAttribute } from './ControlAttribute';
 export { default as Copy } from './Copy';
 export { default as Create } from './Create';
 export { default as DcrTaskIcon } from './DcrTaskIcon';

package/esm/icons/index.js

@@ -5,6 +5,7 @@ export { default as Calendar } from './Calendar';
 export { default as CollaborationIcon } from './CollaborationIcon';
 export { default as Comment } from './Comment';
 export { default as CommentBubble } from './CommentBubble';
+export { default as ControlAttribute } from './ControlAttribute';
 export { default as Copy } from './Copy';
 export { default as Create } from './Create';
 export { default as DcrTaskIcon } from './DcrTaskIcon';

package/esm/index.d.ts

@@ -31,6 +31,7 @@ export { ChartsFactory } from './ChartsFactory';
 export { CollapseRowButton } from './CollapseRowButton';
 export { ColorBar } from './ColorBar';
 export { ColumnsSettings, ColumnsSettingsPopup } from './ColumnsSettings';
+export { ControlAttributeIcon } from './ControlAttributeIcon';
 export { DefaultCellValueRenderer } from './DefaultCellValueRenderer';
 export { DescriptionIcon } from './DescriptionIcon';
 export { DropDownMenuButton } from './DropDownMenuButton';

package/esm/index.js

@@ -32,6 +32,7 @@ export { ChartsFactory } from './ChartsFactory';
 export { CollapseRowButton } from './CollapseRowButton';
 export { ColorBar } from './ColorBar';
 export { ColumnsSettings, ColumnsSettingsPopup } from './ColumnsSettings';
+export { ControlAttributeIcon } from './ControlAttributeIcon';
 export { DefaultCellValueRenderer } from './DefaultCellValueRenderer';
 export { DescriptionIcon } from './DescriptionIcon';
 export { DropDownMenuButton } from './DropDownMenuButton';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1870",
+  "version": "1.4.1872",
   "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.1811",
+    "@reltio/mdm-sdk": "^1.4.1812",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",