@reltio/components 1.4.910 → 1.4.914

package/cjs/components/workflow/components/AttributesChanges/components/DiffRenderer/DiffRenderer.js

@@ -25,30 +25,46 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
 var ramda_1 = require("ramda");
+var classnames_1 = __importDefault(require("classnames"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var ChangeView_1 = __importDefault(require("../ChangeView/ChangeView"));
-var helpers_1 = require("../../helpers/helpers");
-var EntityUriLink_1 = __importDefault(require("../../../../../EntityUriLink/EntityUriLink"));
 var AttributesChangesContext_1 = require("../../contexts/AttributesChangesContext");
+var helpers_1 = require("../../helpers/helpers");
 var DataTypeValue_1 = __importDefault(require("../../../../../DataTypeValue/DataTypeValue"));
+var EntityUriLink_1 = __importDefault(require("../../../../../EntityUriLink/EntityUriLink"));
 var styles_1 = require("./styles");
 var DiffRenderer = function (_a) {
     var label = _a.label, level = _a.level, attributeType = _a.attributeType, attributeValue = _a.attributeValue, oldValue = _a.oldValue, newValue = _a.newValue, operation = _a.operation;
     var styles = styles_1.useStyles({ level: level });
-    var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity);
+    var entityUri = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntityUri);
     var objectsInfo = react_1.useContext(AttributesChangesContext_1.AttributesChangesContext);
-    var renderLink = react_1.useCallback(function () {
+    var getLinkDescription = react_1.useCallback(function () {
         if (mdm_sdk_1.isReference(attributeType)) {
             var value = ramda_1.when(ramda_1.anyPass([ramda_1.hasPath(['value', 'newValue']), ramda_1.hasPath(['value', 'oldValue'])]), ramda_1.ifElse(ramda_1.hasPath(['value', 'newValue']), ramda_1.path(['value', 'newValue']), ramda_1.path(['value', 'oldValue'])))(attributeValue);
-            var _a = helpers_1.getAttributeDescription(attributeType, value, entity.uri, objectsInfo), objectUri = _a.objectUri, objectLabel = _a.objectLabel;
-            return (react_1.default.createElement(EntityUriLink_1.default, { value: objectUri, className: styles.uri },
-                react_1.default.createElement("span", null, mdm_sdk_1.getLabel(objectLabel))));
+            return helpers_1.getAttributeDescription(attributeType, value, entityUri, objectsInfo);
+        }
+        else if ('endObject' in attributeType) {
+            var _a = attributeValue, endObjectUri = _a.endObjectUri, endObjectLabel = _a.endObjectLabel;
+            return {
+                objectUri: endObjectUri,
+                objectLabel: endObjectLabel
+            };
+        }
+    }, [attributeType, attributeValue, entityUri, objectsInfo]);
+    var renderLink = react_1.useCallback(function () {
+        var _a, _b;
+        var _c;
+        var _d = getLinkDescription() || {}, objectUri = _d.objectUri, objectLabel = _d.objectLabel;
+        if (!ramda_1.isNil(objectUri) && !ramda_1.isNil(objectLabel)) {
+            var isNotExist = ((_c = objectsInfo[objectUri]) === null || _c === void 0 ? void 0 : _c.isExist) === false;
+            return (react_1.default.createElement(EntityUriLink_1.default, { value: objectUri, className: classnames_1.default(styles.linkContainer, (_a = {}, _a[styles.disabledLink] = isNotExist, _a)) },
+                react_1.default.createElement("span", { className: classnames_1.default(styles.linkLabel, (_b = {}, _b[styles.label] = isNotExist, _b)) }, mdm_sdk_1.getLabel(objectLabel))));
         }
         return null;
-    }, [attributeType, attributeValue, entity.uri, objectsInfo, styles.uri]);
+    }, [getLinkDescription, objectsInfo, styles]);
     var changeLabel = react_1.useMemo(function () {
-        return (react_1.default.createElement("div", null,
+        return (react_1.default.createElement("span", null,
             label,
             renderLink()));
     }, [label, renderLink]);

package/cjs/components/workflow/components/AttributesChanges/components/DiffRenderer/styles.d.ts

@@ -1,5 +1,5 @@
 declare type StylesProps = {
     level: number;
 };
-export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"uri" | "change">;
+export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "change" | "linkLabel" | "linkContainer" | "disabledLink">;
 export {};

package/cjs/components/workflow/components/AttributesChanges/components/DiffRenderer/styles.js

@@ -3,12 +3,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
 exports.useStyles = styles_1.makeStyles(function (theme) { return ({
-    uri: {
-        color: theme.palette.primary.main,
+    linkContainer: {
         textDecoration: 'none',
         cursor: 'pointer',
         marginLeft: '4px'
     },
+    linkLabel: {
+        color: theme.palette.primary.main,
+        fontSize: '12px',
+        letterSpacing: 0,
+        lineHeight: '16px'
+    },
+    disabledLink: {
+        pointerEvents: 'none',
+        cursor: 'default'
+    },
+    label: {
+        color: theme.palette.text.primary
+    },
     change: function (_a) {
         var _b = _a.level, level = _b === void 0 ? 0 : _b;
         return ({

package/cjs/components/workflow/components/AttributesChanges/contexts/AttributesChangesContext.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { DCRObjectsInfo } from '../types/DCRTypes';
+import { DCRObjectsInfo } from '../../../types/dcrTypes';
 export declare const AttributesChangesContext: React.Context<DCRObjectsInfo>;

package/cjs/components/workflow/components/AttributesChanges/helpers/attributesHelpers.d.ts

@@ -1,2 +1,3 @@
-declare const getChanges: any;
-export { getChanges };
+declare const getEntityChanges: any;
+declare const getRelationChanges: any;
+export { getEntityChanges, getRelationChanges };

package/cjs/components/workflow/components/AttributesChanges/helpers/attributesHelpers.js

@@ -1,11 +1,22 @@
 "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);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getChanges = void 0;
+exports.getRelationChanges = exports.getEntityChanges = void 0;
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var attributesView_1 = require("../../../../attributes/helpers/attributesView");
 var helpers_1 = require("./helpers");
-var operations_1 = require("../constants/operations");
+var operations_1 = require("../../../constants/operations");
 var getValues = function (attributes, attrType) {
     if ('newValue' in attributes || 'oldValue' in attributes) {
         var newValue = attributes.newValue, oldValue = attributes.oldValue, type_1 = attributes.type;
@@ -24,11 +35,25 @@ var getValues = function (attributes, attrType) {
     var values = attributes[attrType.name];
     return values ? [values] : [];
 };
-var getChanges = ramda_1.curry(function (metadata, objectInfo, changes) {
-    var attrTypes = attributesView_1.getFilteredAttrTypes(metadata, objectInfo.type, [], []);
+var getEntityChanges = ramda_1.curry(function (metadata, entityInfo, changes) {
+    var attrTypes = attributesView_1.getFilteredAttrTypes(metadata, entityInfo.type, [], []);
     return getAttributesList(metadata, attrTypes, changes);
 });
-exports.getChanges = getChanges;
+exports.getEntityChanges = getEntityChanges;
+var getRelationChanges = ramda_1.curry(function (metadata, relationInfo, changes) {
+    var relationType = mdm_sdk_1.getRelationType(metadata, relationInfo.type);
+    var attrTypes = mdm_sdk_1.getRelationAttributesList(metadata, relationInfo.type);
+    return ramda_1.flatten([
+        {
+            level: 1,
+            label: ramda_1.propOr('', 'label', relationType),
+            attributeType: relationType,
+            attributeValue: __assign(__assign({}, relationInfo), changes)
+        },
+        getAttributesList(metadata, attrTypes, changes, 2)
+    ]);
+});
+exports.getRelationChanges = getRelationChanges;
 var getAttributesList = function (metadata, attrTypes, attributes, level) {
     if (level === void 0) { level = 0; }
     return ramda_1.flatten(attrTypes
@@ -41,6 +66,10 @@ var getAttributesList = function (metadata, attrTypes, attributes, level) {
     })
         .filter(ramda_1.complement(ramda_1.isEmpty)));
 };
+var getSimpleAttributeValue = function (attributeType, attributeValue) {
+    var value = mdm_sdk_1.isSpecialAttribute(attributeType) ? attributeValue : attributeValue.value;
+    return ramda_1.is(Object, value) ? value : { newValue: attributeValue, type: operations_1.DCRTypes.INSERT_ATTRIBUTE };
+};
 var dcrAttributesFactory = function (metadata, attributeType, attributeValue, level) {
     switch (attributeType.type) {
         case mdm_sdk_1.DataTypes.TYPE_NESTED:
@@ -49,7 +78,7 @@ var dcrAttributesFactory = function (metadata, attributeType, attributeValue, le
         case mdm_sdk_1.DataTypes.TYPE_REFERENCE:
             return getReferenceAttributeChange(metadata, attributeType, attributeValue, level);
         default: {
-            var value = mdm_sdk_1.isSpecialAttribute(attributeType) ? attributeValue : attributeValue.value;
+            var value = getSimpleAttributeValue(attributeType, attributeValue);
             return getSimpleAttributeChange(attributeType, value, level);
         }
     }

package/cjs/components/workflow/components/AttributesChanges/helpers/helpers.d.ts

@@ -1,12 +1,10 @@
 import { AttributeType } from '@reltio/mdm-sdk';
-import { OperationTypes } from '../constants/operations';
-import { ChangeRequest, DCRAttributeValue, DCRObjectsInfo, Value } from '../types/DCRTypes';
+import { OperationTypes } from '../../../constants/operations';
+import { DCRAttributeValue, DCRObjectsInfo, Value } from '../../../types/dcrTypes';
 export declare const getOperationType: (type: string, oldValue?: DCRAttributeValue) => OperationTypes;
 export declare const getOperationLabel: (operation: OperationTypes) => string;
 export declare const getAttributeDescription: (attrType: AttributeType, value: DCRAttributeValue, currentEntityUri: string, objectsInfo?: DCRObjectsInfo) => {
-    objectUri: any;
-    objectLabel: any;
-    entityTypeUri: any;
+    objectUri: string;
+    objectLabel: string;
 };
-export declare const extractObjectsFromChangeRequest: ({ objectsInfo, changes }: ChangeRequest) => any;
 export declare const getDataTypeDefinition: (attributeType: AttributeType, attributeValue: Value) => any;

package/cjs/components/workflow/components/AttributesChanges/helpers/helpers.js

@@ -1,24 +1,13 @@
 "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 });
-exports.getDataTypeDefinition = exports.extractObjectsFromChangeRequest = exports.getAttributeDescription = exports.getOperationLabel = exports.getOperationType = void 0;
+exports.getDataTypeDefinition = exports.getAttributeDescription = exports.getOperationLabel = exports.getOperationType = void 0;
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var operations_1 = require("../constants/operations");
+var operations_1 = require("../../../constants/operations");
 var getOperationType = function (type, oldValue) {
     switch (type) {
         case operations_1.DCRTypes.CREATE_RELATIONSHIP:
@@ -54,7 +43,7 @@ var getOperationLabel = function (operation) {
 exports.getOperationLabel = getOperationLabel;
 var getAttributeDescription = function (attrType, value, currentEntityUri, objectsInfo) {
     if (objectsInfo === void 0) { objectsInfo = {}; }
-    var objectLabel, objectUri, entityTypeUri;
+    var objectLabel, objectUri;
     var relation = objectsInfo[value.refObjectURI];
     if (relation) {
         objectUri = currentEntityUri === relation.startObjectUri ? relation.endObjectUri : relation.startObjectUri;
@@ -65,23 +54,12 @@ var getAttributeDescription = function (attrType, value, currentEntityUri, objec
         objectUri = value.refEntity.objectURI;
         objectLabel = objectsInfo[objectUri].label;
     }
-    if (objectUri && objectLabel) {
-        var objectInfo = objectsInfo[objectUri];
-        entityTypeUri = objectInfo ? objectInfo.type : attrType.referencedEntityTypeURI;
-    }
     return {
         objectUri: objectUri,
-        objectLabel: objectLabel,
-        entityTypeUri: entityTypeUri
+        objectLabel: objectLabel
     };
 };
 exports.getAttributeDescription = getAttributeDescription;
-var extractObjectsFromChangeRequest = function (_a) {
-    var _b = _a.objectsInfo, objectsInfo = _b === void 0 ? {} : _b, _c = _a.changes, changes = _c === void 0 ? {} : _c;
-    var getChange = function (key) { return ramda_1.prop([key], changes); };
-    return ramda_1.pipe(ramda_1.keys, ramda_1.filter(getChange), ramda_1.map(function (key) { return (__assign(__assign({}, objectsInfo[key]), { uri: key })); }))(objectsInfo);
-};
-exports.extractObjectsFromChangeRequest = extractObjectsFromChangeRequest;
 var getDataTypeDefinition = function (attributeType, attributeValue) {
     return ramda_1.when(ramda_1.allPass([ramda_1.pipe(ramda_1.prop('type'), ramda_1.equals(mdm_sdk_1.DataTypes.TYPE_STRING)), function () { return mdm_sdk_1.isUrl(attributeValue); }]), ramda_1.evolve({ type: ramda_1.always(mdm_sdk_1.DataTypes.TYPE_URL) }))(mdm_sdk_1.getAttrDataTypeDefinition(attributeType));
 };

package/cjs/components/workflow/components/AttributesChanges/helpers/mergeHelpers.d.ts

@@ -1,4 +1,5 @@
 import { Metadata } from '@reltio/mdm-sdk';
-import { DCRChange, DCRObjectInfo } from '../types/DCRTypes';
-declare const mergeChanges: (metadata: Metadata, changes: DCRChange[], objectInfo: DCRObjectInfo) => any;
+import { Diff } from '../types/diffTypes';
+import { DCRChanges, EntityInfo, RelationInfo } from '../../../types/dcrTypes';
+declare const mergeChanges: (metadata: Metadata, changes: DCRChanges, entityInfo: EntityInfo, relationsInfo: RelationInfo[]) => [Diff[], Diff[]];
 export { mergeChanges };

package/cjs/components/workflow/components/AttributesChanges/helpers/mergeHelpers.js

@@ -1,9 +1,20 @@
 "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);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mergeChanges = void 0;
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var operations_1 = require("../constants/operations");
+var operations_1 = require("../../../constants/operations");
 var attributesHelpers_1 = require("./attributesHelpers");
 var ATTRIBUTE_DELIMITER = '/';
 var SPECIAL_ATTRIBUTES_NAMES = [
@@ -15,31 +26,37 @@ var SPECIAL_ATTRIBUTES_NAMES = [
 ];
 var prepareStartOrEndDate = function (_a) {
     var newValue = _a.newValue, oldValue = _a.oldValue;
-    var parseValue = function (value) { return (ramda_1.is(String) ? parseInt(value) : value); };
+    var parseValue = function (value) { return (isNaN(value) ? value : parseInt(value)); };
     var isExistedValue = function (value) { return (value === null || value === void 0 ? void 0 : value.length) && !mdm_sdk_1.isEmptyValue(value); };
     var isExistNewValue = isExistedValue(newValue);
     var isExistOldValue = isExistedValue(oldValue);
     if (isExistNewValue && isExistOldValue) {
-        return {
-            type: operations_1.DCRTypes.UPDATE_ATTRIBUTE,
-            oldValue: { value: parseValue(oldValue[0]) },
-            newValue: { value: parseValue(newValue[0]) }
-        };
+        return [
+            {
+                type: operations_1.DCRTypes.UPDATE_ATTRIBUTE,
+                oldValue: { value: parseValue(oldValue[0]) },
+                newValue: { value: parseValue(newValue[0]) }
+            }
+        ];
     }
     else if (isExistNewValue) {
-        return {
-            type: operations_1.DCRTypes.INSERT_ATTRIBUTE,
-            newValue: { value: parseValue(newValue[0]) }
-        };
+        return [
+            {
+                type: operations_1.DCRTypes.INSERT_ATTRIBUTE,
+                newValue: { value: parseValue(newValue[0]) }
+            }
+        ];
     }
     else if (isExistOldValue) {
-        return {
-            type: operations_1.DCRTypes.DELETE_ATTRIBUTE,
-            oldValue: { value: parseValue(oldValue[0]) }
-        };
+        return [
+            {
+                type: operations_1.DCRTypes.DELETE_ATTRIBUTE,
+                oldValue: { value: parseValue(oldValue[0]) }
+            }
+        ];
     }
 };
-var prepareRolesOrTags = function (change, metadata) {
+var prepareRolesOrTags = function (metadata, change) {
     var _a = change.newValue, newValue = _a === void 0 ? [] : _a, _b = change.oldValue, oldValue = _b === void 0 ? [] : _b, type = change.type;
     var getLabel = type === operations_1.DCRTypes.UPDATE_ROLES ? mdm_sdk_1.getRoleLabel(metadata) : ramda_1.identity;
     var diffNewValue = ramda_1.difference(newValue, oldValue);
@@ -91,6 +108,47 @@ var prepareAttribute = function (container, change) {
     }
     return container;
 };
+var createEntityOrRelation = function (metadata, value) {
+    var _a = value.attributes, attributes = _a === void 0 ? {} : _a, startDate = value.startDate, endDate = value.endDate;
+    var _b = value, roles = _b.roles, tags = _b.tags, defaultProfilePicValue = _b.defaultProfilePicValue;
+    var newObject = __assign({}, attributes);
+    if (defaultProfilePicValue) {
+        newObject['defaultProfilePicValue'] = [defaultProfilePicValue];
+    }
+    if (roles) {
+        newObject[mdm_sdk_1.EntityAttrTypes.roles.name] = [
+            {
+                type: operations_1.DCRTypes.INSERT_ATTRIBUTE,
+                newValue: { value: roles.map(mdm_sdk_1.getRoleLabel(metadata)).join(', ') }
+            }
+        ];
+    }
+    if (tags) {
+        newObject[mdm_sdk_1.EntityAttrTypes.tags.name] = [
+            {
+                type: operations_1.DCRTypes.INSERT_ATTRIBUTE,
+                newValue: { value: tags.join(', ') }
+            }
+        ];
+    }
+    if (startDate) {
+        newObject[mdm_sdk_1.EntityAttrTypes.startDate.name] = [
+            {
+                type: operations_1.DCRTypes.INSERT_ATTRIBUTE,
+                newValue: { value: startDate }
+            }
+        ];
+    }
+    if (endDate) {
+        newObject[mdm_sdk_1.EntityAttrTypes.endDate.name] = [
+            {
+                type: operations_1.DCRTypes.INSERT_ATTRIBUTE,
+                newValue: { value: endDate }
+            }
+        ];
+    }
+    return newObject;
+};
 var mergeAttributesInChange = function (metadata, objectInfo, change, container) {
     if (container === void 0) { container = {}; }
     var type = change.type;
@@ -99,39 +157,62 @@ var mergeAttributesInChange = function (metadata, objectInfo, change, container)
             container['defaultProfilePicValue'] = [change.newValue];
             break;
         case operations_1.DCRTypes.UPDATE_TAGS:
-            container[mdm_sdk_1.EntityAttrTypes.tags.name] = prepareRolesOrTags(change, metadata);
+            container[mdm_sdk_1.EntityAttrTypes.tags.name] = prepareRolesOrTags(metadata, change);
             break;
         case operations_1.DCRTypes.UPDATE_ROLES: {
-            container[mdm_sdk_1.EntityAttrTypes.roles.name] = prepareRolesOrTags(change, metadata);
+            container[mdm_sdk_1.EntityAttrTypes.roles.name] = prepareRolesOrTags(metadata, change);
             break;
         }
         case operations_1.DCRTypes.UPDATE_START_DATE:
-            container[mdm_sdk_1.EntityAttrTypes.startDate.name] = [prepareStartOrEndDate(change)];
+            container[mdm_sdk_1.EntityAttrTypes.startDate.name] = prepareStartOrEndDate(change);
             break;
         case operations_1.DCRTypes.UPDATE_END_DATE:
-            container[mdm_sdk_1.EntityAttrTypes.endDate.name] = [prepareStartOrEndDate(change)];
+            container[mdm_sdk_1.EntityAttrTypes.endDate.name] = prepareStartOrEndDate(change);
             break;
-        default: {
+        case operations_1.DCRTypes.CREATE_RELATIONSHIP:
+        case operations_1.DCRTypes.CREATE_ENTITY: {
+            return __assign(__assign({}, container), createEntityOrRelation(metadata, change.newValue));
+        }
+        case operations_1.DCRTypes.INSERT_ATTRIBUTE:
+        case operations_1.DCRTypes.UPDATE_ATTRIBUTE:
+        case operations_1.DCRTypes.DELETE_ATTRIBUTE:
+        case operations_1.DCRTypes.PIN_ATTRIBUTE:
+        case operations_1.DCRTypes.IGNORE_ATTRIBUTE:
             prepareAttribute(container, change);
             break;
-        }
+        default:
+            break;
     }
     return container;
 };
-var mergeChanges = function (metadata, changes, objectInfo) {
-    var getAttributeChanges = function (attributeName) { return ramda_1.pipe(ramda_1.pick([attributeName]), attributesHelpers_1.getChanges(metadata, objectInfo)); };
+var updateRelation = function (metadata, changes, relationInfo) {
+    var relationChanges = ramda_1.propOr([], relationInfo.uri)(changes);
+    return relationChanges.reduce(function (result, change) {
+        return mergeAttributesInChange(metadata, relationInfo, change, result);
+    }, {});
+};
+var mergeChanges = function (metadata, changes, entityInfo, relationsInfo) {
+    var getAttributeChanges = function (attributeName) {
+        return ramda_1.pipe(ramda_1.pick([attributeName]), attributesHelpers_1.getEntityChanges(metadata, entityInfo));
+    };
     var concatChanges = ramda_1.curry(function (getters, attributesTree) {
         return ramda_1.reduce(function (acc, getter) { return ramda_1.concat(acc, getter(attributesTree)); }, [], getters);
     });
-    var changesTree = changes.reduce(function (result, change) {
-        return mergeAttributesInChange(metadata, objectInfo, change, result);
+    var entityInfoChanges = ramda_1.propOr([], entityInfo.uri)(changes);
+    var changesTree = entityInfoChanges.reduce(function (result, change) {
+        return mergeAttributesInChange(metadata, entityInfo, change, result);
     }, {});
-    return concatChanges([
-        ramda_1.pipe(ramda_1.omit(SPECIAL_ATTRIBUTES_NAMES), attributesHelpers_1.getChanges(metadata, objectInfo)),
+    var relationsTrees = relationsInfo.map(function (relationInfo) { return updateRelation(metadata, changes, relationInfo); });
+    var entityChanges = concatChanges([
+        ramda_1.pipe(ramda_1.omit(SPECIAL_ATTRIBUTES_NAMES), attributesHelpers_1.getEntityChanges(metadata, entityInfo)),
         getAttributeChanges(mdm_sdk_1.EntityAttrTypes.roles.name),
         getAttributeChanges(mdm_sdk_1.EntityAttrTypes.tags.name),
         getAttributeChanges(mdm_sdk_1.EntityAttrTypes.startDate.name),
         getAttributeChanges(mdm_sdk_1.EntityAttrTypes.endDate.name)
     ], changesTree);
+    var relationsChanges = ramda_1.flatten(relationsInfo.map(function (relationInfo, index) {
+        return attributesHelpers_1.getRelationChanges(metadata, relationInfo, relationsTrees[index]);
+    }));
+    return [entityChanges, relationsChanges];
 };
 exports.mergeChanges = mergeChanges;

package/cjs/components/workflow/components/AttributesChanges/hooks/useCollapsibleList.d.ts

@@ -1,6 +1,7 @@
-export declare const useCollapsibleList: (changes: any, limit?: number) => {
+import { Diff, Title } from '../types/diffTypes';
+export declare const useCollapsibleList: (items: (Diff | Title)[], limit?: number) => {
     isExpanded: boolean;
     onToggle: () => void;
-    itemsToShow: any;
+    itemsToShow: (Diff | Title)[];
     collapsedSuggestionsCount: number;
 };

package/cjs/components/workflow/components/AttributesChanges/hooks/useCollapsibleList.js

@@ -4,14 +4,14 @@ exports.useCollapsibleList = void 0;
 var react_1 = require("react");
 var contextHelpers_1 = require("../helpers/contextHelpers");
 var DEFAULT_VISIBLE_ITEMS_COUNT = 3;
-var useCollapsibleList = function (changes, limit) {
+var useCollapsibleList = function (items, limit) {
     if (limit === void 0) { limit = DEFAULT_VISIBLE_ITEMS_COUNT; }
     var _a = react_1.useState(false), isExpanded = _a[0], setIsExpanded = _a[1];
     var onToggle = react_1.useCallback(function () { return setIsExpanded(function (value) { return !value; }); }, []);
-    var collapsedItems = react_1.useMemo(function () { return changes.slice(0, limit); }, [changes, limit]);
-    var suggestionsCount = react_1.useMemo(function () { return contextHelpers_1.getSuggestionsCount(changes); }, [changes]);
+    var collapsedItems = react_1.useMemo(function () { return items.slice(0, limit); }, [items, limit]);
+    var suggestionsCount = react_1.useMemo(function () { return contextHelpers_1.getSuggestionsCount(items); }, [items]);
     var visibleSuggestionsCount = react_1.useMemo(function () { return contextHelpers_1.getSuggestionsCount(collapsedItems); }, [collapsedItems]);
-    var itemsToShow = isExpanded ? changes : collapsedItems;
+    var itemsToShow = isExpanded ? items : collapsedItems;
     var collapsedSuggestionsCount = suggestionsCount - visibleSuggestionsCount;
     return { isExpanded: isExpanded, onToggle: onToggle, itemsToShow: itemsToShow, collapsedSuggestionsCount: collapsedSuggestionsCount };
 };

package/cjs/components/workflow/components/AttributesChanges/types/diffTypes.d.ts

@@ -0,0 +1,16 @@
+import { AttributeType } from '@reltio/mdm-sdk';
+import { ChangeValue, DCRAttributeValue, RelationInfo } from '../../../types/dcrTypes';
+import { OperationTypes } from '../../../constants/operations';
+export declare type RelationAttributeValue = DCRAttributeValue & RelationInfo;
+export declare type Diff = {
+    level: number;
+    label: string;
+    attributeType: AttributeType;
+    attributeValue?: DCRAttributeValue | RelationAttributeValue;
+    newValue?: ChangeValue;
+    oldValue?: ChangeValue;
+    operation?: OperationTypes;
+};
+export declare type Title = {
+    label: string;
+};

package/cjs/components/workflow/components/LineDecorator/LineDecorator.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     first?: boolean;
     last?: boolean;
     transparent?: boolean;
+    divider?: boolean;
 };
-declare const LineDecorator: ({ className, children, plain, first, last, transparent }: Props) => JSX.Element;
+declare const LineDecorator: ({ className, children, plain, first, last, transparent, divider }: Props) => JSX.Element;
 export default LineDecorator;

package/cjs/components/workflow/components/LineDecorator/LineDecorator.js

@@ -6,14 +6,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var styles_1 = require("./styles");
+var Divider_1 = __importDefault(require("@material-ui/core/Divider"));
 var LineDecorator = function (_a) {
     var _b, _c, _d;
-    var className = _a.className, children = _a.children, plain = _a.plain, first = _a.first, last = _a.last, transparent = _a.transparent;
+    var className = _a.className, children = _a.children, plain = _a.plain, first = _a.first, last = _a.last, transparent = _a.transparent, divider = _a.divider;
     var styles = styles_1.useStyles();
     return (react_1.default.createElement("div", { className: classnames_1.default(className, styles.decorator) },
         react_1.default.createElement("div", { className: classnames_1.default(styles.lineBlock, (_b = {}, _b[styles.withLinePadding] = first, _b)) }, !transparent && (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement("div", { className: styles.noLine }),
             react_1.default.createElement("div", { className: classnames_1.default(styles.line, (_c = {}, _c[styles.plain] = plain, _c), (_d = {}, _d[styles.last] = last, _d)) })))),
-        react_1.default.createElement("div", { className: styles.content }, children)));
+        react_1.default.createElement("div", { className: styles.content },
+            children,
+            divider && react_1.default.createElement(Divider_1.default, { className: styles.rowDivider, light: true, variant: "inset" }))));
 };
 exports.default = LineDecorator;

package/cjs/components/workflow/components/LineDecorator/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "last" | "line" | "decorator" | "plain" | "lineBlock" | "withLinePadding" | "noLine">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "last" | "line" | "rowDivider" | "decorator" | "plain" | "lineBlock" | "withLinePadding" | "noLine">;

package/cjs/components/workflow/components/LineDecorator/styles.js

@@ -60,5 +60,8 @@ exports.useStyles = styles_1.makeStyles({
         minWidth: 0
     },
     plain: {},
-    last: {}
+    last: {},
+    rowDivider: {
+        marginLeft: 0
+    }
 });

package/cjs/components/workflow/helpers/dcrHelpers.d.ts

@@ -0,0 +1,7 @@
+import { GroupedObjectsInfo, DCRChanges, DCRObjectInfo, DCRObjectsInfo } from '../types/dcrTypes';
+export declare const getEntitiesObjects: any;
+export declare const getRelationsObjects: any;
+export declare const extractObjectsFromChangeRequest: (changes: DCRChanges, objectsInfo: DCRObjectsInfo) => DCRObjectInfo[];
+export declare const createEntityRelationsObjectByEntity: any;
+export declare const createEntityRelationsObjectByRelation: any;
+export declare const concatEntityRelationsObjects: (acc: Record<string, GroupedObjectsInfo>, object: GroupedObjectsInfo) => Record<string, GroupedObjectsInfo>;

package/cjs/components/workflow/helpers/dcrHelpers.js

@@ -0,0 +1,48 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.concatEntityRelationsObjects = exports.createEntityRelationsObjectByRelation = exports.createEntityRelationsObjectByEntity = exports.extractObjectsFromChangeRequest = exports.getRelationsObjects = exports.getEntitiesObjects = void 0;
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var ramda_1 = require("ramda");
+exports.getEntitiesObjects = ramda_1.filter(ramda_1.pipe(ramda_1.prop('uri'), mdm_sdk_1.isEntityUri));
+exports.getRelationsObjects = ramda_1.filter(ramda_1.pipe(ramda_1.prop('uri'), mdm_sdk_1.isRelationUri));
+var getRelations = function (objectsWithChanges, entityUri) {
+    return ramda_1.filter(ramda_1.allPass([ramda_1.pipe(ramda_1.prop('uri'), mdm_sdk_1.isRelationUri), ramda_1.pipe(ramda_1.prop('startObjectUri'), ramda_1.equals(entityUri))]))(objectsWithChanges);
+};
+var extractObjectsFromChangeRequest = function (changes, objectsInfo) {
+    var getChange = function (key) { return ramda_1.prop([key], changes); };
+    return ramda_1.pipe(ramda_1.keys, ramda_1.filter(getChange), ramda_1.map(function (key) { return (__assign(__assign({}, objectsInfo[key]), { uri: key })); }))(objectsInfo);
+};
+exports.extractObjectsFromChangeRequest = extractObjectsFromChangeRequest;
+exports.createEntityRelationsObjectByEntity = ramda_1.curry(function (objectsWithChanges, entity) {
+    return {
+        entity: entity,
+        relations: getRelations(objectsWithChanges, entity.uri)
+    };
+});
+exports.createEntityRelationsObjectByRelation = ramda_1.curry(function (objectsInfo, relation) {
+    var entity = objectsInfo[relation.startObjectUri];
+    var relations = [relation];
+    return entity ? { entity: __assign(__assign({}, entity), { uri: relation.startObjectUri }), relations: relations } : { relations: relations };
+});
+var concatEntityRelationsObjects = function (acc, object) {
+    var entity = object.entity, relations = object.relations;
+    var entityUri = entity.uri;
+    var mergedRelations = ramda_1.pipe(ramda_1.pathOr([], [entityUri, 'relations']), ramda_1.concat(relations), ramda_1.uniq)(acc);
+    acc[entityUri] = {
+        entity: entity,
+        relations: mergedRelations
+    };
+    return acc;
+};
+exports.concatEntityRelationsObjects = concatEntityRelationsObjects;

package/cjs/components/workflow/hooks/useChangeRequest.d.ts

@@ -0,0 +1,5 @@
+import { GroupedObjectsInfo, ChangeRequest } from '../types/dcrTypes';
+export declare const useChangeRequest: (dcrUri: string) => {
+    dcr: ChangeRequest;
+    groupedObjects: GroupedObjectsInfo[];
+};