@reltio/components 1.4.1084 → 1.4.1087

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { AttributeType, PrimitiveValue } from '@reltio/mdm-sdk';
-import { PivotingValue } from './helpers';
+import { AttributeType, PrimitiveValue, PivotingValue } from '@reltio/mdm-sdk';
 export declare type Props = {
     value: PivotingValue[] | PrimitiveValue;
     attributeType: AttributeType;

package/cjs/components/attributes/PivotingAttributes/PivotingTooltipContent.js

@@ -41,7 +41,6 @@ var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var EntityAvatar_1 = __importDefault(require("../../EntityAvatar/EntityAvatar"));
 var EntityUriLink_1 = __importDefault(require("../../EntityUriLink/EntityUriLink"));
-var helpers_1 = require("./helpers");
 var hooks_1 = require("../../../hooks");
 var styles_1 = require("./styles");
 var MAX_ENTITIES_PIVOTING_TOOLTIP = 6;
@@ -56,7 +55,7 @@ var PivotingTooltipContent = function (_a) {
     var entityType = config.entityType || entity.type;
     var shouldShowSeeAllButton = total > MAX_ENTITIES_PIVOTING_TOOLTIP;
     react_1.useEffect(function () {
-        var filters = helpers_1.getParamsFilteringEntities(value, attributeType, entityType);
+        var filters = mdm_sdk_1.convertPivotingValueToSearchFilters({ value: value, attributeType: attributeType, entityType: entityType });
         var options = __assign({ max: MAX_ENTITIES_PIVOTING_TOOLTIP }, globalSearchRequestOptions);
         safePromise(Promise.all([mdm_sdk_1.getFilteredEntities(filters, options), mdm_sdk_1.getTotals(filters, options)]))
             .then(function (results) {

package/cjs/components/attributes/PivotingAttributes/helpers.d.ts

@@ -1,8 +1,4 @@
-import { AttributeType, SearchFilter, Metadata, PivotingAttribute, RecordAttributesType, PrimitiveValue } from '@reltio/mdm-sdk';
-export declare type PivotingValue = {
-    [uri: string]: string[] | PivotingValue[];
-};
-export declare const getParamsFilteringEntities: (values: PrimitiveValue | PivotingValue[], attributeType: AttributeType, entityType?: string) => SearchFilter[];
+import { AttributeType, Metadata, PivotingAttribute, RecordAttributesType, PrimitiveValue, PivotingValue } from '@reltio/mdm-sdk';
 export declare const generatePivotingValue: (attributeType: AttributeType, value: RecordAttributesType, pivotingAttributes: PivotingAttribute[], metadata: Metadata) => PivotingValue[];
 export declare const convertSimpleAttributePivotingValue: (attrType: AttributeType, value: PrimitiveValue) => {
     [x: string]: PrimitiveValue;

package/cjs/components/attributes/PivotingAttributes/helpers.js

@@ -1,60 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.preparePivotingAttributeValue = exports.convertNestedAttributePivotingValue = exports.convertSimpleAttributePivotingValue = exports.generatePivotingValue = exports.getParamsFilteringEntities = void 0;
+exports.preparePivotingAttributeValue = exports.convertNestedAttributePivotingValue = exports.convertSimpleAttributePivotingValue = exports.generatePivotingValue = void 0;
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ramda_1 = require("ramda");
-var getParamsFilteringEntities = function (values, attributeType, entityType) {
-    if (entityType === void 0) { entityType = ''; }
-    var params = [
-        {
-            fieldName: 'type',
-            filter: 'equals',
-            values: [entityType]
-        }
-    ];
-    if (Array.isArray(values)) {
-        params = params.concat(getParamsFilteringNested(attributeType, values));
-    }
-    else {
-        params.push(createSearchParameter([values], attributeType));
-    }
-    return params;
-};
-exports.getParamsFilteringEntities = getParamsFilteringEntities;
-var getParamsFilteringNested = function (attributeType, values) {
-    var attributeSource = mdm_sdk_1.getAttributeSource(attributeType);
-    return values.reduce(function (acc, value) {
-        var _loop_1 = function (uri) {
-            var attrType = (attributeType[attributeSource] || []).find(function (attribute) { return attribute.uri === uri; });
-            if (Array.isArray(value[uri]) && typeof value[uri][0] === 'object') {
-                acc = (acc || []).concat(getParamsFilteringNested(attrType, value[uri]));
-                return { value: acc };
-            }
-            acc.push(createSearchParameter(value[uri], attrType));
-            return { value: acc };
-        };
-        for (var uri in value) {
-            var state_1 = _loop_1(uri);
-            if (typeof state_1 === "object")
-                return state_1.value;
-        }
-    }, []);
-};
-var createSearchParameter = function (value, attributeType) {
-    if (value && value.length && !ramda_1.isNil(value[0]) && value[0] !== '') {
-        return {
-            fieldName: mdm_sdk_1.attributeUriToSearchUri(attributeType.uri),
-            filter: attributeType.type === mdm_sdk_1.DataTypes.TYPE_BLOB ? mdm_sdk_1.FilterOptions.FULL_TEXT : mdm_sdk_1.FilterOptions.EQUALS,
-            values: value
-        };
-    }
-    else {
-        return {
-            fieldName: mdm_sdk_1.attributeUriToSearchUri(attributeType.uri),
-            filter: 'missing'
-        };
-    }
-};
 var getPivotingChildrenUris = function (attributeType, pivotingAttributes) {
     var pivotingAttribute = pivotingAttributes.find(function (attribute) {
         return attribute.uri === attributeType.uri;

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/cjs/contexts/SearchFiltersContext/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SearchFilter } from '@reltio/mdm-sdk';
+export declare const SearchFiltersContext: React.Context<SearchFilter[]>;

package/cjs/contexts/SearchFiltersContext/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchFiltersContext = void 0;
+var react_1 = __importDefault(require("react"));
+exports.SearchFiltersContext = react_1.default.createContext([]);
+exports.SearchFiltersContext.displayName = 'SearchFiltersContext';

package/cjs/contexts/index.d.ts

@@ -16,3 +16,4 @@ export { WorkflowTasksContext } from './WorkflowTasksContext';
 export { RelatedObjectUrisContext } from './RelatedObjectUrisContext';
 export { EntityContext } from './EntityContext';
 export { useReloadAllFacets, ReloadFacetProvider, useReloadFacet } from './ReloadFacetContext';
+export { SearchFiltersContext } from './SearchFiltersContext';

package/cjs/contexts/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
+exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
 var AsyncMountContext_1 = require("./AsyncMountContext");
 Object.defineProperty(exports, "AsyncMountContext", { enumerable: true, get: function () { return AsyncMountContext_1.AsyncMountContext; } });
 var HistoryAppearanceContext_1 = require("./HistoryAppearanceContext");
@@ -44,3 +44,5 @@ var ReloadFacetContext_1 = require("./ReloadFacetContext");
 Object.defineProperty(exports, "useReloadAllFacets", { enumerable: true, get: function () { return ReloadFacetContext_1.useReloadAllFacets; } });
 Object.defineProperty(exports, "ReloadFacetProvider", { enumerable: true, get: function () { return ReloadFacetContext_1.ReloadFacetProvider; } });
 Object.defineProperty(exports, "useReloadFacet", { enumerable: true, get: function () { return ReloadFacetContext_1.useReloadFacet; } });
+var SearchFiltersContext_1 = require("./SearchFiltersContext");
+Object.defineProperty(exports, "SearchFiltersContext", { enumerable: true, get: function () { return SearchFiltersContext_1.SearchFiltersContext; } });

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { AttributeType, PrimitiveValue } from '@reltio/mdm-sdk';
-import { PivotingValue } from './helpers';
+import { AttributeType, PrimitiveValue, PivotingValue } from '@reltio/mdm-sdk';
 export declare type Props = {
     value: PivotingValue[] | PrimitiveValue;
     attributeType: AttributeType;

package/esm/components/attributes/PivotingAttributes/PivotingTooltipContent.js

@@ -13,10 +13,9 @@ import React, { useEffect, useState } from 'react';
 import { useSelector } from 'react-redux';
 import i18n from 'ui-i18n';
 import mdm from '@reltio/mdm-module';
-import { getEntityUriForLink, getFilteredEntities, getLabel, getTotals } from '@reltio/mdm-sdk';
+import { getEntityUriForLink, getFilteredEntities, getLabel, getTotals, convertPivotingValueToSearchFilters } from '@reltio/mdm-sdk';
 import EntityAvatar from '../../EntityAvatar/EntityAvatar';
 import EntityUriLink from '../../EntityUriLink/EntityUriLink';
-import { getParamsFilteringEntities } from './helpers';
 import { useSafePromise } from '../../../hooks';
 import { useStyles } from './styles';
 var MAX_ENTITIES_PIVOTING_TOOLTIP = 6;
@@ -31,7 +30,7 @@ export var PivotingTooltipContent = function (_a) {
     var entityType = config.entityType || entity.type;
     var shouldShowSeeAllButton = total > MAX_ENTITIES_PIVOTING_TOOLTIP;
     useEffect(function () {
-        var filters = getParamsFilteringEntities(value, attributeType, entityType);
+        var filters = convertPivotingValueToSearchFilters({ value: value, attributeType: attributeType, entityType: entityType });
         var options = __assign({ max: MAX_ENTITIES_PIVOTING_TOOLTIP }, globalSearchRequestOptions);
         safePromise(Promise.all([getFilteredEntities(filters, options), getTotals(filters, options)]))
             .then(function (results) {

package/esm/components/attributes/PivotingAttributes/helpers.d.ts

@@ -1,8 +1,4 @@
-import { AttributeType, SearchFilter, Metadata, PivotingAttribute, RecordAttributesType, PrimitiveValue } from '@reltio/mdm-sdk';
-export declare type PivotingValue = {
-    [uri: string]: string[] | PivotingValue[];
-};
-export declare const getParamsFilteringEntities: (values: PrimitiveValue | PivotingValue[], attributeType: AttributeType, entityType?: string) => SearchFilter[];
+import { AttributeType, Metadata, PivotingAttribute, RecordAttributesType, PrimitiveValue, PivotingValue } from '@reltio/mdm-sdk';
 export declare const generatePivotingValue: (attributeType: AttributeType, value: RecordAttributesType, pivotingAttributes: PivotingAttribute[], metadata: Metadata) => PivotingValue[];
 export declare const convertSimpleAttributePivotingValue: (attrType: AttributeType, value: PrimitiveValue) => {
     [x: string]: PrimitiveValue;

package/esm/components/attributes/PivotingAttributes/helpers.js

@@ -1,56 +1,4 @@
-import { attributeUriToSearchUri, DataTypes, findAttributeTypeByUri, getAttributeSource, isOv, FilterOptions, getLastUriPart } from '@reltio/mdm-sdk';
-import { isNil } from 'ramda';
-export var getParamsFilteringEntities = function (values, attributeType, entityType) {
-    if (entityType === void 0) { entityType = ''; }
-    var params = [
-        {
-            fieldName: 'type',
-            filter: 'equals',
-            values: [entityType]
-        }
-    ];
-    if (Array.isArray(values)) {
-        params = params.concat(getParamsFilteringNested(attributeType, values));
-    }
-    else {
-        params.push(createSearchParameter([values], attributeType));
-    }
-    return params;
-};
-var getParamsFilteringNested = function (attributeType, values) {
-    var attributeSource = getAttributeSource(attributeType);
-    return values.reduce(function (acc, value) {
-        var _loop_1 = function (uri) {
-            var attrType = (attributeType[attributeSource] || []).find(function (attribute) { return attribute.uri === uri; });
-            if (Array.isArray(value[uri]) && typeof value[uri][0] === 'object') {
-                acc = (acc || []).concat(getParamsFilteringNested(attrType, value[uri]));
-                return { value: acc };
-            }
-            acc.push(createSearchParameter(value[uri], attrType));
-            return { value: acc };
-        };
-        for (var uri in value) {
-            var state_1 = _loop_1(uri);
-            if (typeof state_1 === "object")
-                return state_1.value;
-        }
-    }, []);
-};
-var createSearchParameter = function (value, attributeType) {
-    if (value && value.length && !isNil(value[0]) && value[0] !== '') {
-        return {
-            fieldName: attributeUriToSearchUri(attributeType.uri),
-            filter: attributeType.type === DataTypes.TYPE_BLOB ? FilterOptions.FULL_TEXT : FilterOptions.EQUALS,
-            values: value
-        };
-    }
-    else {
-        return {
-            fieldName: attributeUriToSearchUri(attributeType.uri),
-            filter: 'missing'
-        };
-    }
-};
+import { DataTypes, findAttributeTypeByUri, isOv, getLastUriPart } from '@reltio/mdm-sdk';
 var getPivotingChildrenUris = function (attributeType, pivotingAttributes) {
     var pivotingAttribute = pivotingAttributes.find(function (attribute) {
         return attribute.uri === attributeType.uri;

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/esm/contexts/SearchFiltersContext/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SearchFilter } from '@reltio/mdm-sdk';
+export declare const SearchFiltersContext: React.Context<SearchFilter[]>;

package/esm/contexts/SearchFiltersContext/index.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export var SearchFiltersContext = React.createContext([]);
+SearchFiltersContext.displayName = 'SearchFiltersContext';

package/esm/contexts/index.d.ts

@@ -16,3 +16,4 @@ export { WorkflowTasksContext } from './WorkflowTasksContext';
 export { RelatedObjectUrisContext } from './RelatedObjectUrisContext';
 export { EntityContext } from './EntityContext';
 export { useReloadAllFacets, ReloadFacetProvider, useReloadFacet } from './ReloadFacetContext';
+export { SearchFiltersContext } from './SearchFiltersContext';

package/esm/contexts/index.js

@@ -16,3 +16,4 @@ export { WorkflowTasksContext } from './WorkflowTasksContext';
 export { RelatedObjectUrisContext } from './RelatedObjectUrisContext';
 export { EntityContext } from './EntityContext';
 export { useReloadAllFacets, ReloadFacetProvider, useReloadFacet } from './ReloadFacetContext';
+export { SearchFiltersContext } from './SearchFiltersContext';

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1084",
+  "version": "1.4.1087",
   "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.1087",
+    "@reltio/mdm-sdk": "^1.4.1087",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",
@@ -25,7 +25,7 @@
     "react-grid-layout": "^1.1.1",
     "react-input-autosize": "^2.2.2",
     "react-lifecycles-compat": "^3.0.4",
-    "react-mentions": "^4.3.0",
+    "react-mentions": "4.3.0",
     "react-number-format": "^4.3.0",
     "react-redux": "^7.2.3",
     "react-resize-detector": "^4.2.0",