@reltio/components 1.4.911 → 1.4.912

package/esm/components/workflow/components/AttributesChanges/components/DCRChangesList/DCRChangesList.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { Props as Change } from '../DiffRenderer/DiffRenderer';
+import { Diff, Title } from '../../types/diffTypes';
 declare type Props = {
-    changes: Change[];
+    changes: (Diff | Title)[];
 };
 declare const DCRChangesList: ({ changes }: Props) => JSX.Element;
 export default DCRChangesList;

package/esm/components/workflow/components/AttributesChanges/components/DCRChangesList/DCRChangesList.js

@@ -10,11 +10,14 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
+import { has } from 'ramda';
 import DiffRenderer from '../DiffRenderer/DiffRenderer';
+import { useStyles } from './styles';
 var DCRChangesList = function (_a) {
     var changes = _a.changes;
+    var styles = useStyles();
     return (React.createElement(React.Fragment, null, changes.map(function (change, index) {
-        return React.createElement(DiffRenderer, __assign({}, change, { key: index }));
+        return has('level', change) ? (React.createElement(DiffRenderer, __assign({}, change, { key: index }))) : (React.createElement("div", { className: styles.title, key: index }, change.label));
     })));
 };
 export default DCRChangesList;

package/esm/components/workflow/components/AttributesChanges/components/DCRChangesList/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title">;

package/esm/components/workflow/components/AttributesChanges/components/DCRChangesList/styles.js

@@ -0,0 +1,10 @@
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
+    title: {
+        fontSize: '12px',
+        letterSpacing: 0,
+        lineHeight: '16px',
+        fontWeight: 500,
+        marginTop: '8px'
+    }
+});

package/esm/components/workflow/components/AttributesChanges/components/DiffRenderer/DiffRenderer.d.ts

@@ -1,15 +1,4 @@
 /// <reference types="react" />
-import { AttributeType } from '@reltio/mdm-sdk';
-import { OperationTypes } from '../../constants/operations';
-import { ChangeValue, DCRAttributeValue } from '../../types/DCRTypes';
-export declare type Props = {
-    level: number;
-    label: string;
-    attributeType: AttributeType;
-    attributeValue?: DCRAttributeValue;
-    newValue?: ChangeValue;
-    oldValue?: ChangeValue;
-    operation?: OperationTypes;
-};
-declare const DiffRenderer: ({ label, level, attributeType, attributeValue, oldValue, newValue, operation }: Props) => JSX.Element;
+import { Diff } from '../../types/diffTypes';
+declare const DiffRenderer: ({ label, level, attributeType, attributeValue, oldValue, newValue, operation }: Diff) => JSX.Element;
 export default DiffRenderer;

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

@@ -1,30 +1,46 @@
 import React, { useCallback, useContext, useMemo } from 'react';
 import { useSelector } from 'react-redux';
-import { anyPass, ifElse, hasPath, path, when } from 'ramda';
+import { anyPass, ifElse, isNil, hasPath, path, when } from 'ramda';
+import classnames from 'classnames';
 import { getAttributeValue, getLabel, isReference } from '@reltio/mdm-sdk';
 import mdmModule from '@reltio/mdm-module';
 import ChangeView from '../ChangeView/ChangeView';
-import { getAttributeDescription, getDataTypeDefinition } from '../../helpers/helpers';
-import EntityUriLink from '../../../../../EntityUriLink/EntityUriLink';
 import { AttributesChangesContext } from '../../contexts/AttributesChangesContext';
+import { getAttributeDescription, getDataTypeDefinition } from '../../helpers/helpers';
 import DataTypeValue from '../../../../../DataTypeValue/DataTypeValue';
+import EntityUriLink from '../../../../../EntityUriLink/EntityUriLink';
 import { useStyles } from './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 = useStyles({ level: level });
-    var entity = useSelector(mdmModule.selectors.getEntity);
+    var entityUri = useSelector(mdmModule.selectors.getEntityUri);
     var objectsInfo = useContext(AttributesChangesContext);
-    var renderLink = useCallback(function () {
+    var getLinkDescription = useCallback(function () {
         if (isReference(attributeType)) {
             var value = when(anyPass([hasPath(['value', 'newValue']), hasPath(['value', 'oldValue'])]), ifElse(hasPath(['value', 'newValue']), path(['value', 'newValue']), path(['value', 'oldValue'])))(attributeValue);
-            var _a = getAttributeDescription(attributeType, value, entity.uri, objectsInfo), objectUri = _a.objectUri, objectLabel = _a.objectLabel;
-            return (React.createElement(EntityUriLink, { value: objectUri, className: styles.uri },
-                React.createElement("span", null, getLabel(objectLabel))));
+            return 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 = useCallback(function () {
+        var _a, _b;
+        var _c;
+        var _d = getLinkDescription() || {}, objectUri = _d.objectUri, objectLabel = _d.objectLabel;
+        if (!isNil(objectUri) && !isNil(objectLabel)) {
+            var isNotExist = ((_c = objectsInfo[objectUri]) === null || _c === void 0 ? void 0 : _c.isExist) === false;
+            return (React.createElement(EntityUriLink, { value: objectUri, className: classnames(styles.linkContainer, (_a = {}, _a[styles.disabledLink] = isNotExist, _a)) },
+                React.createElement("span", { className: classnames(styles.linkLabel, (_b = {}, _b[styles.label] = isNotExist, _b)) }, getLabel(objectLabel))));
         }
         return null;
-    }, [attributeType, attributeValue, entity.uri, objectsInfo, styles.uri]);
+    }, [getLinkDescription, objectsInfo, styles]);
     var changeLabel = useMemo(function () {
-        return (React.createElement("div", null,
+        return (React.createElement("span", null,
             label,
             renderLink()));
     }, [label, renderLink]);

package/esm/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/esm/components/workflow/components/AttributesChanges/components/DiffRenderer/styles.js

@@ -1,11 +1,23 @@
 import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = 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/esm/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/esm/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/esm/components/workflow/components/AttributesChanges/helpers/attributesHelpers.js

@@ -1,8 +1,19 @@
-import { complement, curry, flatten, isEmpty, pathOr, times } from 'ramda';
-import { DataTypes, getAttributeTypeSubAttributes, getLabel, isSpecialAttribute } from '@reltio/mdm-sdk';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { complement, curry, flatten, is, isEmpty, pathOr, propOr, times } from 'ramda';
+import { DataTypes, getAttributeTypeSubAttributes, getLabel, getRelationAttributesList, getRelationType, isSpecialAttribute } from '@reltio/mdm-sdk';
 import { getFilteredAttrTypes } from '../../../../attributes/helpers/attributesView';
 import { getOperationType } from './helpers';
-import { DCRTypes } from '../constants/operations';
+import { DCRTypes } from '../../../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;
@@ -21,10 +32,23 @@ var getValues = function (attributes, attrType) {
     var values = attributes[attrType.name];
     return values ? [values] : [];
 };
-var getChanges = curry(function (metadata, objectInfo, changes) {
-    var attrTypes = getFilteredAttrTypes(metadata, objectInfo.type, [], []);
+var getEntityChanges = curry(function (metadata, entityInfo, changes) {
+    var attrTypes = getFilteredAttrTypes(metadata, entityInfo.type, [], []);
     return getAttributesList(metadata, attrTypes, changes);
 });
+var getRelationChanges = curry(function (metadata, relationInfo, changes) {
+    var relationType = getRelationType(metadata, relationInfo.type);
+    var attrTypes = getRelationAttributesList(metadata, relationInfo.type);
+    return flatten([
+        {
+            level: 1,
+            label: propOr('', 'label', relationType),
+            attributeType: relationType,
+            attributeValue: __assign(__assign({}, relationInfo), changes)
+        },
+        getAttributesList(metadata, attrTypes, changes, 2)
+    ]);
+});
 var getAttributesList = function (metadata, attrTypes, attributes, level) {
     if (level === void 0) { level = 0; }
     return flatten(attrTypes
@@ -37,6 +61,10 @@ var getAttributesList = function (metadata, attrTypes, attributes, level) {
     })
         .filter(complement(isEmpty)));
 };
+var getSimpleAttributeValue = function (attributeType, attributeValue) {
+    var value = isSpecialAttribute(attributeType) ? attributeValue : attributeValue.value;
+    return is(Object, value) ? value : { newValue: attributeValue, type: DCRTypes.INSERT_ATTRIBUTE };
+};
 var dcrAttributesFactory = function (metadata, attributeType, attributeValue, level) {
     switch (attributeType.type) {
         case DataTypes.TYPE_NESTED:
@@ -45,7 +73,7 @@ var dcrAttributesFactory = function (metadata, attributeType, attributeValue, le
         case DataTypes.TYPE_REFERENCE:
             return getReferenceAttributeChange(metadata, attributeType, attributeValue, level);
         default: {
-            var value = isSpecialAttribute(attributeType) ? attributeValue : attributeValue.value;
+            var value = getSimpleAttributeValue(attributeType, attributeValue);
             return getSimpleAttributeChange(attributeType, value, level);
         }
     }
@@ -83,4 +111,4 @@ var getSimpleAttributeChange = function (attributeType, attributeValue, level) {
         level: level
     };
 };
-export { getChanges };
+export { getEntityChanges, getRelationChanges };

package/esm/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/esm/components/workflow/components/AttributesChanges/helpers/helpers.js

@@ -1,18 +1,7 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import i18n from 'ui-i18n';
-import { allPass, always, evolve, equals, filter, keys, map, prop, pipe, when } from 'ramda';
+import { allPass, always, equals, evolve, pipe, prop, when } from 'ramda';
 import { DataTypes, getAttrDataTypeDefinition, isUrl } from '@reltio/mdm-sdk';
-import { DCRTypes, OperationTypes } from '../constants/operations';
+import { DCRTypes, OperationTypes } from '../../../constants/operations';
 export var getOperationType = function (type, oldValue) {
     switch (type) {
         case DCRTypes.CREATE_RELATIONSHIP:
@@ -46,7 +35,7 @@ export var getOperationLabel = function (operation) {
 };
 export 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;
@@ -57,21 +46,11 @@ export var getAttributeDescription = function (attrType, value, currentEntityUri
         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
     };
 };
-export 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 prop([key], changes); };
-    return pipe(keys, filter(getChange), map(function (key) { return (__assign(__assign({}, objectsInfo[key]), { uri: key })); }))(objectsInfo);
-};
 export var getDataTypeDefinition = function (attributeType, attributeValue) {
     return when(allPass([pipe(prop('type'), equals(DataTypes.TYPE_STRING)), function () { return isUrl(attributeValue); }]), evolve({ type: always(DataTypes.TYPE_URL) }))(getAttrDataTypeDefinition(attributeType));
 };

package/esm/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/esm/components/workflow/components/AttributesChanges/helpers/mergeHelpers.js

@@ -1,7 +1,18 @@
-import { concat, curry, difference, identity, is, isNil, omit, pick, propEq, pipe, reduce } from 'ramda';
-import { generateTempUri, getRoleLabel, isEmptyValue, EntityAttrTypes } from '@reltio/mdm-sdk';
-import { DCRTypes } from '../constants/operations';
-import { getChanges } from './attributesHelpers';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { concat, curry, difference, flatten, identity, isNil, omit, pick, pipe, propEq, propOr, reduce } from 'ramda';
+import { EntityAttrTypes, generateTempUri, getRoleLabel, isEmptyValue } from '@reltio/mdm-sdk';
+import { DCRTypes } from '../../../constants/operations';
+import { getEntityChanges, getRelationChanges } from './attributesHelpers';
 var ATTRIBUTE_DELIMITER = '/';
 var SPECIAL_ATTRIBUTES_NAMES = [
     'defaultProfilePicValue',
@@ -12,31 +23,37 @@ var SPECIAL_ATTRIBUTES_NAMES = [
 ];
 var prepareStartOrEndDate = function (_a) {
     var newValue = _a.newValue, oldValue = _a.oldValue;
-    var parseValue = function (value) { return (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) && !isEmptyValue(value); };
     var isExistNewValue = isExistedValue(newValue);
     var isExistOldValue = isExistedValue(oldValue);
     if (isExistNewValue && isExistOldValue) {
-        return {
-            type: DCRTypes.UPDATE_ATTRIBUTE,
-            oldValue: { value: parseValue(oldValue[0]) },
-            newValue: { value: parseValue(newValue[0]) }
-        };
+        return [
+            {
+                type: DCRTypes.UPDATE_ATTRIBUTE,
+                oldValue: { value: parseValue(oldValue[0]) },
+                newValue: { value: parseValue(newValue[0]) }
+            }
+        ];
     }
     else if (isExistNewValue) {
-        return {
-            type: DCRTypes.INSERT_ATTRIBUTE,
-            newValue: { value: parseValue(newValue[0]) }
-        };
+        return [
+            {
+                type: DCRTypes.INSERT_ATTRIBUTE,
+                newValue: { value: parseValue(newValue[0]) }
+            }
+        ];
     }
     else if (isExistOldValue) {
-        return {
-            type: DCRTypes.DELETE_ATTRIBUTE,
-            oldValue: { value: parseValue(oldValue[0]) }
-        };
+        return [
+            {
+                type: 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 === DCRTypes.UPDATE_ROLES ? getRoleLabel(metadata) : identity;
     var diffNewValue = difference(newValue, oldValue);
@@ -88,6 +105,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[EntityAttrTypes.roles.name] = [
+            {
+                type: DCRTypes.INSERT_ATTRIBUTE,
+                newValue: { value: roles.map(getRoleLabel(metadata)).join(', ') }
+            }
+        ];
+    }
+    if (tags) {
+        newObject[EntityAttrTypes.tags.name] = [
+            {
+                type: DCRTypes.INSERT_ATTRIBUTE,
+                newValue: { value: tags.join(', ') }
+            }
+        ];
+    }
+    if (startDate) {
+        newObject[EntityAttrTypes.startDate.name] = [
+            {
+                type: DCRTypes.INSERT_ATTRIBUTE,
+                newValue: { value: startDate }
+            }
+        ];
+    }
+    if (endDate) {
+        newObject[EntityAttrTypes.endDate.name] = [
+            {
+                type: DCRTypes.INSERT_ATTRIBUTE,
+                newValue: { value: endDate }
+            }
+        ];
+    }
+    return newObject;
+};
 var mergeAttributesInChange = function (metadata, objectInfo, change, container) {
     if (container === void 0) { container = {}; }
     var type = change.type;
@@ -96,39 +154,62 @@ var mergeAttributesInChange = function (metadata, objectInfo, change, container)
             container['defaultProfilePicValue'] = [change.newValue];
             break;
         case DCRTypes.UPDATE_TAGS:
-            container[EntityAttrTypes.tags.name] = prepareRolesOrTags(change, metadata);
+            container[EntityAttrTypes.tags.name] = prepareRolesOrTags(metadata, change);
             break;
         case DCRTypes.UPDATE_ROLES: {
-            container[EntityAttrTypes.roles.name] = prepareRolesOrTags(change, metadata);
+            container[EntityAttrTypes.roles.name] = prepareRolesOrTags(metadata, change);
             break;
         }
         case DCRTypes.UPDATE_START_DATE:
-            container[EntityAttrTypes.startDate.name] = [prepareStartOrEndDate(change)];
+            container[EntityAttrTypes.startDate.name] = prepareStartOrEndDate(change);
             break;
         case DCRTypes.UPDATE_END_DATE:
-            container[EntityAttrTypes.endDate.name] = [prepareStartOrEndDate(change)];
+            container[EntityAttrTypes.endDate.name] = prepareStartOrEndDate(change);
             break;
-        default: {
+        case DCRTypes.CREATE_RELATIONSHIP:
+        case DCRTypes.CREATE_ENTITY: {
+            return __assign(__assign({}, container), createEntityOrRelation(metadata, change.newValue));
+        }
+        case DCRTypes.INSERT_ATTRIBUTE:
+        case DCRTypes.UPDATE_ATTRIBUTE:
+        case DCRTypes.DELETE_ATTRIBUTE:
+        case DCRTypes.PIN_ATTRIBUTE:
+        case DCRTypes.IGNORE_ATTRIBUTE:
             prepareAttribute(container, change);
             break;
-        }
+        default:
+            break;
     }
     return container;
 };
-var mergeChanges = function (metadata, changes, objectInfo) {
-    var getAttributeChanges = function (attributeName) { return pipe(pick([attributeName]), getChanges(metadata, objectInfo)); };
+var updateRelation = function (metadata, changes, relationInfo) {
+    var relationChanges = 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 pipe(pick([attributeName]), getEntityChanges(metadata, entityInfo));
+    };
     var concatChanges = curry(function (getters, attributesTree) {
         return reduce(function (acc, getter) { return concat(acc, getter(attributesTree)); }, [], getters);
     });
-    var changesTree = changes.reduce(function (result, change) {
-        return mergeAttributesInChange(metadata, objectInfo, change, result);
+    var entityInfoChanges = propOr([], entityInfo.uri)(changes);
+    var changesTree = entityInfoChanges.reduce(function (result, change) {
+        return mergeAttributesInChange(metadata, entityInfo, change, result);
     }, {});
-    return concatChanges([
-        pipe(omit(SPECIAL_ATTRIBUTES_NAMES), getChanges(metadata, objectInfo)),
+    var relationsTrees = relationsInfo.map(function (relationInfo) { return updateRelation(metadata, changes, relationInfo); });
+    var entityChanges = concatChanges([
+        pipe(omit(SPECIAL_ATTRIBUTES_NAMES), getEntityChanges(metadata, entityInfo)),
         getAttributeChanges(EntityAttrTypes.roles.name),
         getAttributeChanges(EntityAttrTypes.tags.name),
         getAttributeChanges(EntityAttrTypes.startDate.name),
         getAttributeChanges(EntityAttrTypes.endDate.name)
     ], changesTree);
+    var relationsChanges = flatten(relationsInfo.map(function (relationInfo, index) {
+        return getRelationChanges(metadata, relationInfo, relationsTrees[index]);
+    }));
+    return [entityChanges, relationsChanges];
 };
 export { mergeChanges };

package/esm/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/esm/components/workflow/components/AttributesChanges/hooks/useCollapsibleList.js

@@ -1,14 +1,14 @@
 import { useCallback, useMemo, useState } from 'react';
 import { getSuggestionsCount } from '../helpers/contextHelpers';
 var DEFAULT_VISIBLE_ITEMS_COUNT = 3;
-export var useCollapsibleList = function (changes, limit) {
+export var useCollapsibleList = function (items, limit) {
     if (limit === void 0) { limit = DEFAULT_VISIBLE_ITEMS_COUNT; }
     var _a = useState(false), isExpanded = _a[0], setIsExpanded = _a[1];
     var onToggle = useCallback(function () { return setIsExpanded(function (value) { return !value; }); }, []);
-    var collapsedItems = useMemo(function () { return changes.slice(0, limit); }, [changes, limit]);
-    var suggestionsCount = useMemo(function () { return getSuggestionsCount(changes); }, [changes]);
+    var collapsedItems = useMemo(function () { return items.slice(0, limit); }, [items, limit]);
+    var suggestionsCount = useMemo(function () { return getSuggestionsCount(items); }, [items]);
     var visibleSuggestionsCount = useMemo(function () { return 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/esm/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/esm/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/esm/components/workflow/components/LineDecorator/LineDecorator.js

@@ -1,14 +1,17 @@
 import React from 'react';
 import classnames from 'classnames';
 import { useStyles } from './styles';
+import Divider from '@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 = useStyles();
     return (React.createElement("div", { className: classnames(className, styles.decorator) },
         React.createElement("div", { className: classnames(styles.lineBlock, (_b = {}, _b[styles.withLinePadding] = first, _b)) }, !transparent && (React.createElement(React.Fragment, null,
             React.createElement("div", { className: styles.noLine }),
             React.createElement("div", { className: classnames(styles.line, (_c = {}, _c[styles.plain] = plain, _c), (_d = {}, _d[styles.last] = last, _d)) })))),
-        React.createElement("div", { className: styles.content }, children)));
+        React.createElement("div", { className: styles.content },
+            children,
+            divider && React.createElement(Divider, { className: styles.rowDivider, light: true, variant: "inset" }))));
 };
 export default LineDecorator;

package/esm/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/esm/components/workflow/components/LineDecorator/styles.js

@@ -57,5 +57,8 @@ export var useStyles = makeStyles({
         minWidth: 0
     },
     plain: {},
-    last: {}
+    last: {},
+    rowDivider: {
+        marginLeft: 0
+    }
 });

package/esm/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>;