@reltio/components 1.4.909 → 1.4.913

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[];
+};

package/cjs/components/workflow/hooks/useChangeRequest.js

@@ -0,0 +1,58 @@
+"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.useChangeRequest = void 0;
+var react_1 = require("react");
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var hooks_1 = require("../../../hooks");
+var dcrHelpers_1 = require("../helpers/dcrHelpers");
+var errors_1 = require("../helpers/errors");
+var useChangeRequest = function (dcrUri) {
+    var _a = react_1.useState([]), groupedObjects = _a[0], setGroupedObjects = _a[1];
+    var _b = react_1.useState(null), dcr = _b[0], setDcr = _b[1];
+    var safePromise = hooks_1.useSafePromise();
+    var requestEntities = react_1.useCallback(function (entityUris) {
+        if (ramda_1.isEmpty(entityUris)) {
+            return Promise.resolve([]);
+        }
+        return safePromise(mdm_sdk_1.getEntitiesByUris(entityUris, { searchOptions: 'ovOnly', defaultMaxValues: 1 }));
+    }, []); // eslint-disable-line
+    react_1.useEffect(function () {
+        mdm_sdk_1.getDataChangeRequest(dcrUri)
+            .then(function (dcr) {
+            var changes = dcr.changes, objectsInfo = dcr.objectsInfo;
+            var objectsWithChanges = dcrHelpers_1.extractObjectsFromChangeRequest(changes, objectsInfo);
+            var entityObjectsWithRelations = ramda_1.pipe(dcrHelpers_1.getEntitiesObjects, ramda_1.map(dcrHelpers_1.createEntityRelationsObjectByEntity(objectsWithChanges)))(objectsWithChanges);
+            var relationsObjects = ramda_1.pipe(dcrHelpers_1.getRelationsObjects, ramda_1.map(dcrHelpers_1.createEntityRelationsObjectByRelation(objectsInfo)))(objectsWithChanges);
+            var _a = ramda_1.partition(ramda_1.has('entity'), relationsObjects), relationsObjectsWithEntity = _a[0], relationsObjectsWithoutEntity = _a[1];
+            var entityUris = relationsObjectsWithoutEntity.map(ramda_1.path(['relations', 0, 'startObjectUri']));
+            requestEntities(entityUris)
+                .then(function (entities) {
+                var relationsObjectsWithRequestedEntities = relationsObjectsWithoutEntity.map(function (relationsObject, index) {
+                    return __assign(__assign({}, relationsObject), { entity: entities[index] });
+                });
+                ramda_1.pipe(ramda_1.flatten, ramda_1.reduce(dcrHelpers_1.concatEntityRelationsObjects, {}), ramda_1.values, setGroupedObjects)([
+                    entityObjectsWithRelations,
+                    relationsObjectsWithEntity,
+                    relationsObjectsWithRequestedEntities
+                ]);
+            })
+                .catch(errors_1.showWorkflowError);
+            setDcr(dcr);
+        })
+            .catch(errors_1.showWorkflowError);
+    }, [dcrUri, requestEntities]);
+    return { dcr: dcr, groupedObjects: groupedObjects };
+};
+exports.useChangeRequest = useChangeRequest;

package/{esm/components/workflow/components/AttributesChanges/types/DCRTypes.d.ts → cjs/components/workflow/types/dcrTypes.d.ts}

@@ -1,10 +1,26 @@
-import { Crosswalk, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
+import { Crosswalk, Entity, NestedAttributeValue, ReferenceAttributeValue, Relation, SimpleAttributeValue } from '@reltio/mdm-sdk';
 import { DCRTypes } from '../constants/operations';
+export declare type ChangeRequest = {
+    changes: DCRChanges;
+    createdBy: string;
+    createdTime: number;
+    objectsInfo: DCRObjectsInfo;
+    state: string;
+    type: string;
+    updatedBy: string;
+    updatedTime: number;
+    uri: string;
+};
+export declare type GroupedObjectsInfo = {
+    entity: EntityInfo;
+    relations: RelationInfo[];
+};
 export declare type EntityInfo = {
     isExist: boolean;
     label: string;
     secondaryLabel: string;
     type: string;
+    uri?: string;
 };
 export declare type RelationInfo = {
     type: string;
@@ -13,11 +29,15 @@ export declare type RelationInfo = {
     endObjectLabel: string;
     endObjectUri: string;
     isExist: boolean;
+    uri?: string;
 };
 export declare type DCRObjectInfo = EntityInfo | RelationInfo;
 export declare type DCRObjectsInfo = {
     [key: string]: DCRObjectInfo;
 };
+export declare type DCRAttributes = {
+    [attributeName: string]: (ChangeValue | DCRChange)[];
+};
 export declare type Value = DCRAttributes | DCRChange | string | boolean | number;
 export declare type DCRAttributeValue = Omit<SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue, 'uri' | 'value'> & {
     value: Value;
@@ -27,10 +47,7 @@ export declare type DCRAttributeValue = Omit<SimpleAttributeValue | NestedAttrib
     };
     uri?: string;
 };
-export declare type DCRAttributes = {
-    [attributeName: string]: DCRAttributeValue[];
-};
-export declare type ChangeValue = DCRAttributeValue | string[];
+export declare type ChangeValue = DCRAttributeValue | string[] | Entity | Relation;
 export declare type DCRChange = {
     attributePath?: string;
     attributeType?: string;
@@ -50,14 +67,3 @@ export declare type DCRChange = {
 export declare type DCRChanges = {
     [key: string]: DCRChange[];
 };
-export declare type ChangeRequest = {
-    changes: DCRChanges;
-    createdBy: string;
-    createdTime: number;
-    objectsInfo: DCRObjectsInfo;
-    state: string;
-    type: string;
-    updatedBy: string;
-    updatedTime: number;
-    uri: string;
-};

package/cjs/components/workflow/types/dcrTypes.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/esm/components/history/HistoryMenuButton/HistoryMenuButton.js

@@ -1,9 +1,35 @@
 import React from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import i18n from 'ui-i18n';
 import MoreVertIcon from '@material-ui/icons/MoreVert';
+import mdmModule, { HistoryMode, profile } from '@reltio/mdm-module';
 import { SmallIconButton } from '../../SmallIconButton';
+import DropDownMenuButton from '../../DropDownMenuButton/DropDownMenuButton';
+import MenuItemRenderer from './MenuItemRenderer';
 import { useStyles } from './styles';
 var HistoryMenuButton = function () {
     var styles = useStyles();
-    return React.createElement(SmallIconButton, { icon: MoreVertIcon, size: "XS", onClick: function () { }, className: styles.icon });
+    var mode = useSelector(mdmModule.selectors.getHistoryMode);
+    var dispatch = useDispatch();
+    var handleModeChange = function (selectedMode) {
+        dispatch(profile.history.actions.setHistoryMode(selectedMode));
+    };
+    var menuItems = [
+        {
+            text: i18n.text('Compare to Current view'),
+            selected: mode === HistoryMode.Current,
+            onClick: function () { return handleModeChange(HistoryMode.Current); }
+        },
+        {
+            text: i18n.text('Compare to Previous view'),
+            selected: mode === HistoryMode.Previous,
+            onClick: function () { return handleModeChange(HistoryMode.Previous); }
+        }
+    ];
+    return (React.createElement(DropDownMenuButton, { MenuItemRenderer: MenuItemRenderer, buttonComponent: SmallIconButton, buttonProps: {
+            icon: MoreVertIcon,
+            size: 'L',
+            className: styles.icon
+        }, menuId: 'history-menu', menuItems: menuItems }));
 };
 export default HistoryMenuButton;

package/esm/components/history/HistoryMenuButton/MenuItemRenderer.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare type Item = {
+    text: string;
+    selected: boolean;
+    onClick: (e: any) => void;
+};
+declare type Props = {
+    item: Item;
+    onMenuClose?: () => void;
+};
+declare const MenuItemRenderer: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLLIElement>>;
+export default MenuItemRenderer;

package/esm/components/history/HistoryMenuButton/MenuItemRenderer.js

@@ -0,0 +1,20 @@
+import React, { forwardRef } from 'react';
+import MenuItem from '@material-ui/core/MenuItem';
+import Typography from '@material-ui/core/Typography';
+import CheckIcon from '@material-ui/icons/Check';
+import { noop } from '../../../core';
+import { useStyles } from './styles';
+var MenuItemRenderer = forwardRef(function (_a, ref) {
+    var item = _a.item, _b = _a.onMenuClose, onMenuClose = _b === void 0 ? noop : _b;
+    var styles = useStyles();
+    var text = item.text, selected = item.selected, onClick = item.onClick;
+    var handleClick = function (e) {
+        onMenuClose();
+        onClick(e);
+    };
+    return (React.createElement(MenuItem, { classes: { root: styles.menuItem }, onClick: handleClick, ref: ref },
+        selected && React.createElement(CheckIcon, { className: styles.checkIcon }),
+        React.createElement(Typography, { classes: { root: styles.menuText } }, text)));
+});
+MenuItemRenderer.displayName = 'MenuItemRenderer';
+export default MenuItemRenderer;

package/esm/components/history/HistoryMenuButton/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "menuItem" | "menuText" | "checkIcon">;

package/esm/components/history/HistoryMenuButton/styles.js

@@ -2,5 +2,18 @@ import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     icon: {
         margin: 5
+    },
+    menuItem: {
+        minHeight: '32px'
+    },
+    menuText: {
+        fontSize: '13px',
+        lineHeight: '15px',
+        letterSpacing: 0,
+        marginLeft: '30px'
+    },
+    checkIcon: {
+        position: 'absolute',
+        color: 'rgba(0, 0, 0, 0.54)'
     }
 });

package/esm/components/workflow/cards/DataChangeRequestTaskCard/DataChangeRequestTaskCard.js

@@ -1,22 +1,17 @@
-import React, { useState, useEffect, useMemo } from 'react';
-import { getDataChangeRequest } from '@reltio/mdm-sdk';
+import React from 'react';
 import GenericWorkflowTaskCard from '../GenericWorkflowTaskCard/GenericWorkflowTaskCard';
 import LineDecorator from '../../components/LineDecorator/LineDecorator';
 import { getDCRUri } from '../../helpers';
 import DcrTaskIcon from '../../../../icons/DcrTaskIcon';
-import { AttributesChangesContext } from '../../components/AttributesChanges/contexts/AttributesChangesContext';
-import { extractObjectsFromChangeRequest } from '../../components/AttributesChanges/helpers/helpers';
 import AttributesChanges from '../../components/AttributesChanges/AttributesChanges';
+import { useChangeRequest } from '../../hooks/useChangeRequest';
 var DataChangeRequestTaskCard = function (_a) {
     var task = _a.task;
     var objectURIs = task.objectURIs;
     var dcrUri = getDCRUri(objectURIs);
-    var _b = useState(null), dcr = _b[0], setDcr = _b[1];
-    useEffect(function () {
-        getDataChangeRequest(dcrUri).then(setDcr);
-    }, [dcrUri]);
-    var objectsWithChanges = useMemo(function () { return (dcr ? extractObjectsFromChangeRequest(dcr) : []); }, [dcr]);
-    return (React.createElement(GenericWorkflowTaskCard, { task: task, Icon: DcrTaskIcon }, dcr && (React.createElement(AttributesChangesContext.Provider, { value: dcr.objectsInfo },
-        React.createElement(LineDecorator, { last: true }, objectsWithChanges.map(function (object) { return (React.createElement(AttributesChanges, { key: object.uri, changes: dcr.changes[object.uri], objectInfo: object })); }))))));
+    var _b = useChangeRequest(dcrUri), dcr = _b.dcr, groupedObjects = _b.groupedObjects;
+    return (React.createElement(GenericWorkflowTaskCard, { task: task, Icon: DcrTaskIcon }, dcr &&
+        groupedObjects.map(function (object, index) { return (React.createElement(LineDecorator, { key: index, last: index === groupedObjects.length - 1, divider: true },
+            React.createElement(AttributesChanges, { entityInfo: object.entity, relationsInfo: object.relations, changes: dcr.changes, objectsInfo: dcr.objectsInfo }))); })));
 };
 export default DataChangeRequestTaskCard;