@reltio/components 1.4.1084 → 1.4.1085

package/cjs/components/CollaborationItem/CommentTarget/CommentTarget.js

@@ -27,6 +27,7 @@ var react_1 = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var classnames_1 = __importDefault(require("classnames"));
+var ramda_1 = require("ramda");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var mdm_sdk_2 = require("@reltio/mdm-sdk");
@@ -52,6 +53,14 @@ var CommentTarget = function (_a) {
                     react_1.default.createElement(Typography_1.default, { className: styles.title }, ui_i18n_1.default.text('Selected attribute:')),
                     react_1.default.createElement(Typography_1.default, { className: styles.label }, attributeType === null || attributeType === void 0 ? void 0 : attributeType.label)));
             }
+            case mdm_sdk_1.CollaborationObjectTypes.RELATION_ATTRIBUTE: {
+                var relationTypeUri = comment.relatedObjectUris.find(ramda_1.startsWith('configuration/relationTypes'));
+                var attributeTypeUri = mdm_sdk_2.getAttributeTypeUriByValueUri(comment.objectId, relationTypeUri);
+                var attributeType = mdm_sdk_2.findAttributeTypeByUri(metadata, attributeTypeUri);
+                return (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(Typography_1.default, { className: styles.title }, ui_i18n_1.default.text('Selected attribute:')),
+                    react_1.default.createElement(Typography_1.default, { className: styles.label }, attributeType === null || attributeType === void 0 ? void 0 : attributeType.label)));
+            }
             case mdm_sdk_1.CollaborationObjectTypes.ENTITY: {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement(Typography_1.default, { className: styles.title }, ui_i18n_1.default.text('Selected profile:')),

package/cjs/components/attributes/readMode/AttributesPager/OneLineRenderer.js

@@ -16,13 +16,16 @@ 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 = styles_1.useOneLineStyles();
     var label = attributeType.label;
+    var objectType = mdm_sdk_1.isRelationAttrType(attributeType)
+        ? mdm_sdk_1.CollaborationObjectTypes.RELATION_ATTRIBUTE
+        : mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE;
     return (react_1.default.createElement("div", { className: classnames_1.default(styles.collaborationWrapper, constants_1.COMMENTS_CONTAINER_VISIBILITY_AREA) },
         react_1.default.createElement("div", { className: classnames_1.default(styles.titleRow, styles.wrapper) },
             react_1.default.createElement(Title_1.default, { label: label, className: classnames_1.default(styles.title, titleClassName), "data-reltio-id": "reltio-attribute-label" }),
             react_1.default.createElement(OvIcon_1.default, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues }),
             react_1.default.createElement(Attribute_1.default, { className: classnames_1.default(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv, inlined: true })),
-        react_1.default.createElement(CommentsContainer_1.default, { uri: value.uri, relatedObjectUris: mdm_sdk_1.createRelatedObjectUris(mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE, {
+        react_1.default.createElement(CommentsContainer_1.default, { uri: value.uri, relatedObjectUris: mdm_sdk_1.createRelatedObjectUris(objectType, {
                 uri: value.uri
-            }), objectType: mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE })));
+            }), objectType: objectType })));
 };
 exports.default = OneLineRenderer;

package/cjs/components/attributes/readMode/ComplexAttribute/ComplexAttribute.d.ts

@@ -1,17 +1,18 @@
 export default ComplexAttribute;
-declare function ComplexAttribute({ attributeTypesList, attributeValue, label, expanded: expandedProp, children, showNonOv }: {
+declare function ComplexAttribute({ attributeTypesList, attributeValue, label, expanded: expandedProp, children, showNonOv, attributeType }: {
     attributeTypesList: any;
     attributeValue: any;
     label: any;
     expanded?: boolean;
     children: any;
     showNonOv: any;
+    attributeType: any;
 }): JSX.Element;
 declare namespace ComplexAttribute {
     namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const attributeTypesList: PropTypes.Requireable<PropTypes.InferProps<{
+        export const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        export const label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        export const attributeTypesList: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;
             name: PropTypes.Requireable<string>;
             description: PropTypes.Requireable<string>;
@@ -26,14 +27,16 @@ declare namespace ComplexAttribute {
                 maxValue: PropTypes.Requireable<number>;
             }>>;
         }>[]>;
-        const attributeValue: PropTypes.Requireable<PropTypes.InferProps<{
+        export const attributeValue: PropTypes.Requireable<PropTypes.InferProps<{
             value: PropTypes.Requireable<object>;
             ov: PropTypes.Requireable<boolean>;
             type: PropTypes.Requireable<string>;
             uri: PropTypes.Requireable<string>;
         }>>;
-        const expanded: PropTypes.Requireable<boolean>;
-        const showNonOv: PropTypes.Requireable<boolean>;
+        export const expanded: PropTypes.Requireable<boolean>;
+        export const showNonOv: PropTypes.Requireable<boolean>;
+        export { AttributeTypeType as attributeType };
     }
 }
 import PropTypes from "prop-types";
+import { AttributeTypeType } from "@reltio/mdm-sdk/src/constants";

package/cjs/components/attributes/readMode/ComplexAttribute/ComplexAttribute.js

@@ -33,7 +33,7 @@ var CommentsContainer_1 = __importDefault(require("../../../CommentsContainer/Co
 var classnames_2 = require("../../../../constants/classnames");
 var styles_1 = require("./styles");
 var ComplexAttribute = function (_a) {
-    var attributeTypesList = _a.attributeTypesList, attributeValue = _a.attributeValue, label = _a.label, _b = _a.expanded, expandedProp = _b === void 0 ? false : _b, children = _a.children, showNonOv = _a.showNonOv;
+    var attributeTypesList = _a.attributeTypesList, attributeValue = _a.attributeValue, label = _a.label, _b = _a.expanded, expandedProp = _b === void 0 ? false : _b, children = _a.children, showNonOv = _a.showNonOv, attributeType = _a.attributeType;
     var styles = styles_1.useStyles();
     var uri = attributeValue.uri;
     var _c = react_1.useState(false), expanded = _c[0], setExpanded = _c[1];
@@ -45,14 +45,17 @@ var ComplexAttribute = function (_a) {
         attributes: hasAnalyticValue ? null : attributeValue.value,
         analyticsAttributes: hasAnalyticValue ? attributeValue.value : null
     }); }, [attributeValue, hasAnalyticValue]);
+    var objectType = mdm_sdk_1.isRelationAttrType(attributeType)
+        ? mdm_sdk_1.CollaborationObjectTypes.RELATION_ATTRIBUTE
+        : mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE;
     return (react_1.default.createElement("div", { className: styles.complexContainer },
         react_1.default.createElement("div", { className: classnames_1.default(styles.labelContainer, classnames_2.COMMENTS_CONTAINER_VISIBILITY_AREA) },
             react_1.default.createElement(ArrowExpandButton_1.default, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded }),
             react_1.default.createElement(Typography_1.default, { component: "span", variant: "body2", classes: { body2: styles.label }, "data-reltio-id": "reltio-attribute-complex-label" }, label),
             react_1.default.createElement("div", { className: styles.spacer }),
-            react_1.default.createElement(CommentsContainer_1.default, { uri: attributeValue.uri, relatedObjectUris: mdm_sdk_1.createRelatedObjectUris(mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE, {
+            react_1.default.createElement(CommentsContainer_1.default, { uri: attributeValue.uri, relatedObjectUris: mdm_sdk_1.createRelatedObjectUris(objectType, {
                     uri: attributeValue.uri
-                }), objectType: mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE })),
+                }), objectType: objectType })),
         expanded && (react_1.default.createElement(AttributesList_1.default, { attrTypes: attributeTypesList, entity: attributeListEntity, drawLines: true, parentUri: uri, showNonOv: showNonOv }, children))));
 };
 ComplexAttribute.propTypes = {
@@ -61,6 +64,7 @@ ComplexAttribute.propTypes = {
     attributeTypesList: prop_types_1.default.arrayOf(mdm_sdk_1.AttributeTypeType),
     attributeValue: prop_types_1.default.oneOfType([mdm_sdk_1.NestedAttributeValueType, mdm_sdk_1.ReferenceAttributeValueType]),
     expanded: prop_types_1.default.bool,
-    showNonOv: prop_types_1.default.bool
+    showNonOv: prop_types_1.default.bool,
+    attributeType: mdm_sdk_1.AttributeTypeType
 };
 exports.default = ComplexAttribute;

package/cjs/components/attributes/readMode/NestedAttribute/NestedAttribute.js

@@ -66,7 +66,7 @@ var NestedAttribute = function (_a) {
         return (react_1.default.createElement(PivotingTooltip_1.PivotingTooltip, { className: styles.pivotingTooltip, value: attributeValue, attributeType: attributeType },
             react_1.default.createElement(Box_1.default, { component: "span", className: classnames_1.default(styles[historyAttributesClassName], styles.label) }, mdm_sdk_1.getLabel(label))));
     }, [appearance, styles, attributeValue, attributeType]);
-    return (react_1.default.createElement(ComplexAttribute_1.default, __assign({ label: attributeLabel, attributeValue: attributeValue, attributeTypesList: mdm_sdk_1.getAttributeTypeSubAttributes({}, attributeType) }, otherProps)));
+    return (react_1.default.createElement(ComplexAttribute_1.default, __assign({ label: attributeLabel, attributeValue: attributeValue, attributeTypesList: mdm_sdk_1.getAttributeTypeSubAttributes({}, attributeType), attributeType: attributeType }, otherProps)));
 };
 NestedAttribute.propTypes = mdm_sdk_1.NestedAttributeType;
 exports.default = react_1.memo(NestedAttribute);

package/cjs/components/attributes/readMode/ReferenceAttribute/ReferenceAttribute.js

@@ -75,7 +75,7 @@ var ReferenceAttribute = function (_a) {
         styles,
         uiPath
     ]);
-    return (react_1.default.createElement(ComplexAttribute_1.default, __assign({ attributeTypesList: attributeTypeList, attributeValue: attributeValue, label: entityLabel }, otherProps)));
+    return (react_1.default.createElement(ComplexAttribute_1.default, __assign({ attributeTypesList: attributeTypeList, attributeValue: attributeValue, label: entityLabel, attributeType: attributeType }, otherProps)));
 };
 ReferenceAttribute.propTypes = mdm_sdk_1.ReferenceAttributeType;
 exports.default = react_1.memo(ReferenceAttribute);

package/cjs/components/attributes/readMode/SimpleAttribute/SimpleAttribute.js

@@ -40,13 +40,16 @@ var SimpleAttribute = function (_a) {
     var attributeAppearance = historyAppearance_1.getHistoryAppearanceByUri(attributeValue.uri, appearance);
     var historyClassName = historyAppearance_1.getHistoryAttributeClassName(attributeAppearance);
     var dataTypeValue = (react_1.default.createElement(DataTypeValue_1.default, { value: mdm_sdk_1.getAttributeValue(attributeValue), dataTypeDefinition: mdm_sdk_1.getAttrDataTypeDefinition(attributeType) }));
+    var objectType = mdm_sdk_1.isRelationAttrType(attributeType)
+        ? mdm_sdk_1.CollaborationObjectTypes.RELATION_ATTRIBUTE
+        : mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE;
     return inlined || historyClassName ? (react_1.default.createElement("div", { className: className },
         react_1.default.createElement(PivotingTooltip_1.PivotingTooltip, { value: attributeValue, attributeType: attributeType, key: attributeValue.uri, className: classnames_1.default((_b = {}, _b[styles.multilineAttribute] = !inlined, _b)) },
             react_1.default.createElement("span", { className: styles[historyClassName], "data-reltio-id": "reltio-attribute-value" }, dataTypeValue)))) : (react_1.default.createElement("div", { className: classnames_1.default(className, styles.root, classnames_2.COMMENTS_CONTAINER_VISIBILITY_AREA) },
         react_1.default.createElement(PivotingTooltip_1.PivotingTooltip, { value: attributeValue, attributeType: attributeType, key: attributeValue.uri },
             react_1.default.createElement("span", { className: styles.attributeValue, "data-reltio-id": "reltio-attribute-value" }, dataTypeValue)),
-        react_1.default.createElement(CommentsContainer_1.default, { className: styles.commentsContainer, uri: attributeValue.uri, relatedObjectUris: mdm_sdk_1.createRelatedObjectUris(mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE, {
+        react_1.default.createElement(CommentsContainer_1.default, { className: styles.commentsContainer, uri: attributeValue.uri, relatedObjectUris: mdm_sdk_1.createRelatedObjectUris(objectType, {
                 uri: attributeValue.uri
-            }), objectType: mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE })));
+            }), objectType: objectType })));
 };
 exports.default = SimpleAttribute;

package/esm/components/CollaborationItem/CommentTarget/CommentTarget.js

@@ -2,6 +2,7 @@ import React, { useContext } from 'react';
 import { useSelector } from 'react-redux';
 import i18n from 'ui-i18n';
 import classnames from 'classnames';
+import { startsWith } from 'ramda';
 import mdm from '@reltio/mdm-module';
 import { CollaborationObjectTypes } from '@reltio/mdm-sdk';
 import { findAttributeTypeByUri, getLabel, getEntityUriForLink, getEntityId, getAttributeTypeUriByValueUri } from '@reltio/mdm-sdk';
@@ -27,6 +28,14 @@ export var CommentTarget = function (_a) {
                     React.createElement(Typography, { className: styles.title }, i18n.text('Selected attribute:')),
                     React.createElement(Typography, { className: styles.label }, attributeType === null || attributeType === void 0 ? void 0 : attributeType.label)));
             }
+            case CollaborationObjectTypes.RELATION_ATTRIBUTE: {
+                var relationTypeUri = comment.relatedObjectUris.find(startsWith('configuration/relationTypes'));
+                var attributeTypeUri = getAttributeTypeUriByValueUri(comment.objectId, relationTypeUri);
+                var attributeType = findAttributeTypeByUri(metadata, attributeTypeUri);
+                return (React.createElement(React.Fragment, null,
+                    React.createElement(Typography, { className: styles.title }, i18n.text('Selected attribute:')),
+                    React.createElement(Typography, { className: styles.label }, attributeType === null || attributeType === void 0 ? void 0 : attributeType.label)));
+            }
             case CollaborationObjectTypes.ENTITY: {
                 return (React.createElement(React.Fragment, null,
                     React.createElement(Typography, { className: styles.title }, i18n.text('Selected profile:')),

package/esm/components/attributes/readMode/AttributesPager/OneLineRenderer.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CollaborationObjectTypes, createRelatedObjectUris } from '@reltio/mdm-sdk';
+import { CollaborationObjectTypes, createRelatedObjectUris, isRelationAttrType } from '@reltio/mdm-sdk';
 import classnames from 'classnames';
 import { COMMENTS_CONTAINER_VISIBILITY_AREA } from '../../../../constants';
 import CommentsContainer from '../../../CommentsContainer/CommentsContainer';
@@ -11,13 +11,16 @@ 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;
+    var objectType = isRelationAttrType(attributeType)
+        ? CollaborationObjectTypes.RELATION_ATTRIBUTE
+        : CollaborationObjectTypes.ENTITY_ATTRIBUTE;
     return (React.createElement("div", { className: classnames(styles.collaborationWrapper, COMMENTS_CONTAINER_VISIBILITY_AREA) },
         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(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues }),
             React.createElement(Attribute, { className: classnames(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv, inlined: true })),
-        React.createElement(CommentsContainer, { uri: value.uri, relatedObjectUris: createRelatedObjectUris(CollaborationObjectTypes.ENTITY_ATTRIBUTE, {
+        React.createElement(CommentsContainer, { uri: value.uri, relatedObjectUris: createRelatedObjectUris(objectType, {
                 uri: value.uri
-            }), objectType: CollaborationObjectTypes.ENTITY_ATTRIBUTE })));
+            }), objectType: objectType })));
 };
 export default OneLineRenderer;

package/esm/components/attributes/readMode/ComplexAttribute/ComplexAttribute.d.ts

@@ -1,17 +1,18 @@
 export default ComplexAttribute;
-declare function ComplexAttribute({ attributeTypesList, attributeValue, label, expanded: expandedProp, children, showNonOv }: {
+declare function ComplexAttribute({ attributeTypesList, attributeValue, label, expanded: expandedProp, children, showNonOv, attributeType }: {
     attributeTypesList: any;
     attributeValue: any;
     label: any;
     expanded?: boolean;
     children: any;
     showNonOv: any;
+    attributeType: any;
 }): JSX.Element;
 declare namespace ComplexAttribute {
     namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const attributeTypesList: PropTypes.Requireable<PropTypes.InferProps<{
+        export const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        export const label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        export const attributeTypesList: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;
             name: PropTypes.Requireable<string>;
             description: PropTypes.Requireable<string>;
@@ -26,14 +27,16 @@ declare namespace ComplexAttribute {
                 maxValue: PropTypes.Requireable<number>;
             }>>;
         }>[]>;
-        const attributeValue: PropTypes.Requireable<PropTypes.InferProps<{
+        export const attributeValue: PropTypes.Requireable<PropTypes.InferProps<{
             value: PropTypes.Requireable<object>;
             ov: PropTypes.Requireable<boolean>;
             type: PropTypes.Requireable<string>;
             uri: PropTypes.Requireable<string>;
         }>>;
-        const expanded: PropTypes.Requireable<boolean>;
-        const showNonOv: PropTypes.Requireable<boolean>;
+        export const expanded: PropTypes.Requireable<boolean>;
+        export const showNonOv: PropTypes.Requireable<boolean>;
+        export { AttributeTypeType as attributeType };
     }
 }
 import PropTypes from "prop-types";
+import { AttributeTypeType } from "@reltio/mdm-sdk/src/constants";

package/esm/components/attributes/readMode/ComplexAttribute/ComplexAttribute.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { AttributeTypeType, isAnalyticAttribute, NestedAttributeValueType, ReferenceAttributeValueType, CollaborationObjectTypes, createRelatedObjectUris } from '@reltio/mdm-sdk';
+import { AttributeTypeType, isAnalyticAttribute, NestedAttributeValueType, ReferenceAttributeValueType, CollaborationObjectTypes, createRelatedObjectUris, isRelationAttrType } from '@reltio/mdm-sdk';
 import Typography from '@material-ui/core/Typography';
 import AttributesList from '../AttributesList/AttributesList';
 import ArrowExpandButton from '../../../ArrowExpandButton/ArrowExpandButton';
@@ -9,7 +9,7 @@ import CommentsContainer from '../../../CommentsContainer/CommentsContainer';
 import { COMMENTS_CONTAINER_VISIBILITY_AREA } from '../../../../constants/classnames';
 import { useStyles } from './styles';
 var ComplexAttribute = function (_a) {
-    var attributeTypesList = _a.attributeTypesList, attributeValue = _a.attributeValue, label = _a.label, _b = _a.expanded, expandedProp = _b === void 0 ? false : _b, children = _a.children, showNonOv = _a.showNonOv;
+    var attributeTypesList = _a.attributeTypesList, attributeValue = _a.attributeValue, label = _a.label, _b = _a.expanded, expandedProp = _b === void 0 ? false : _b, children = _a.children, showNonOv = _a.showNonOv, attributeType = _a.attributeType;
     var styles = useStyles();
     var uri = attributeValue.uri;
     var _c = useState(false), expanded = _c[0], setExpanded = _c[1];
@@ -21,14 +21,17 @@ var ComplexAttribute = function (_a) {
         attributes: hasAnalyticValue ? null : attributeValue.value,
         analyticsAttributes: hasAnalyticValue ? attributeValue.value : null
     }); }, [attributeValue, hasAnalyticValue]);
+    var objectType = isRelationAttrType(attributeType)
+        ? CollaborationObjectTypes.RELATION_ATTRIBUTE
+        : CollaborationObjectTypes.ENTITY_ATTRIBUTE;
     return (React.createElement("div", { className: styles.complexContainer },
         React.createElement("div", { className: classnames(styles.labelContainer, COMMENTS_CONTAINER_VISIBILITY_AREA) },
             React.createElement(ArrowExpandButton, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded }),
             React.createElement(Typography, { component: "span", variant: "body2", classes: { body2: styles.label }, "data-reltio-id": "reltio-attribute-complex-label" }, label),
             React.createElement("div", { className: styles.spacer }),
-            React.createElement(CommentsContainer, { uri: attributeValue.uri, relatedObjectUris: createRelatedObjectUris(CollaborationObjectTypes.ENTITY_ATTRIBUTE, {
+            React.createElement(CommentsContainer, { uri: attributeValue.uri, relatedObjectUris: createRelatedObjectUris(objectType, {
                     uri: attributeValue.uri
-                }), objectType: CollaborationObjectTypes.ENTITY_ATTRIBUTE })),
+                }), objectType: objectType })),
         expanded && (React.createElement(AttributesList, { attrTypes: attributeTypesList, entity: attributeListEntity, drawLines: true, parentUri: uri, showNonOv: showNonOv }, children))));
 };
 ComplexAttribute.propTypes = {
@@ -37,6 +40,7 @@ ComplexAttribute.propTypes = {
     attributeTypesList: PropTypes.arrayOf(AttributeTypeType),
     attributeValue: PropTypes.oneOfType([NestedAttributeValueType, ReferenceAttributeValueType]),
     expanded: PropTypes.bool,
-    showNonOv: PropTypes.bool
+    showNonOv: PropTypes.bool,
+    attributeType: AttributeTypeType
 };
 export default ComplexAttribute;

package/esm/components/attributes/readMode/NestedAttribute/NestedAttribute.js

@@ -42,7 +42,7 @@ var NestedAttribute = function (_a) {
         return (React.createElement(PivotingTooltip, { className: styles.pivotingTooltip, value: attributeValue, attributeType: attributeType },
             React.createElement(Box, { component: "span", className: classnames(styles[historyAttributesClassName], styles.label) }, getLabel(label))));
     }, [appearance, styles, attributeValue, attributeType]);
-    return (React.createElement(ComplexAttribute, __assign({ label: attributeLabel, attributeValue: attributeValue, attributeTypesList: getAttributeTypeSubAttributes({}, attributeType) }, otherProps)));
+    return (React.createElement(ComplexAttribute, __assign({ label: attributeLabel, attributeValue: attributeValue, attributeTypesList: getAttributeTypeSubAttributes({}, attributeType), attributeType: attributeType }, otherProps)));
 };
 NestedAttribute.propTypes = NestedAttributeType;
 export default memo(NestedAttribute);

package/esm/components/attributes/readMode/ReferenceAttribute/ReferenceAttribute.js

@@ -51,7 +51,7 @@ var ReferenceAttribute = function (_a) {
         styles,
         uiPath
     ]);
-    return (React.createElement(ComplexAttribute, __assign({ attributeTypesList: attributeTypeList, attributeValue: attributeValue, label: entityLabel }, otherProps)));
+    return (React.createElement(ComplexAttribute, __assign({ attributeTypesList: attributeTypeList, attributeValue: attributeValue, label: entityLabel, attributeType: attributeType }, otherProps)));
 };
 ReferenceAttribute.propTypes = ReferenceAttributeType;
 export default memo(ReferenceAttribute);

package/esm/components/attributes/readMode/SimpleAttribute/SimpleAttribute.js

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { getAttrDataTypeDefinition, getAttributeValue, CollaborationObjectTypes, createRelatedObjectUris } from '@reltio/mdm-sdk';
+import { getAttrDataTypeDefinition, getAttributeValue, CollaborationObjectTypes, createRelatedObjectUris, isRelationAttrType } from '@reltio/mdm-sdk';
 import classnames from 'classnames';
 import { COMMENTS_CONTAINER_VISIBILITY_AREA } from '../../../../constants/classnames';
 import { HistoryDiffContext } from '../../../../contexts/HistoryAppearanceContext';
@@ -16,13 +16,16 @@ var SimpleAttribute = function (_a) {
     var attributeAppearance = getHistoryAppearanceByUri(attributeValue.uri, appearance);
     var historyClassName = getHistoryAttributeClassName(attributeAppearance);
     var dataTypeValue = (React.createElement(DataTypeValue, { value: getAttributeValue(attributeValue), dataTypeDefinition: getAttrDataTypeDefinition(attributeType) }));
+    var objectType = isRelationAttrType(attributeType)
+        ? CollaborationObjectTypes.RELATION_ATTRIBUTE
+        : CollaborationObjectTypes.ENTITY_ATTRIBUTE;
     return inlined || historyClassName ? (React.createElement("div", { className: className },
         React.createElement(PivotingTooltip, { value: attributeValue, attributeType: attributeType, key: attributeValue.uri, className: classnames((_b = {}, _b[styles.multilineAttribute] = !inlined, _b)) },
             React.createElement("span", { className: styles[historyClassName], "data-reltio-id": "reltio-attribute-value" }, dataTypeValue)))) : (React.createElement("div", { className: classnames(className, styles.root, COMMENTS_CONTAINER_VISIBILITY_AREA) },
         React.createElement(PivotingTooltip, { value: attributeValue, attributeType: attributeType, key: attributeValue.uri },
             React.createElement("span", { className: styles.attributeValue, "data-reltio-id": "reltio-attribute-value" }, dataTypeValue)),
-        React.createElement(CommentsContainer, { className: styles.commentsContainer, uri: attributeValue.uri, relatedObjectUris: createRelatedObjectUris(CollaborationObjectTypes.ENTITY_ATTRIBUTE, {
+        React.createElement(CommentsContainer, { className: styles.commentsContainer, uri: attributeValue.uri, relatedObjectUris: createRelatedObjectUris(objectType, {
                 uri: attributeValue.uri
-            }), objectType: CollaborationObjectTypes.ENTITY_ATTRIBUTE })));
+            }), objectType: objectType })));
 };
 export default SimpleAttribute;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1084",
+  "version": "1.4.1085",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1084",
-    "@reltio/mdm-sdk": "^1.4.1084",
+    "@reltio/mdm-module": "^1.4.1085",
+    "@reltio/mdm-sdk": "^1.4.1085",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",