@reltio/components 1.4.895 → 1.4.899

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

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getChanges = 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 getValues = function (attributes, attrType) {
+    if ('newValue' in attributes || 'oldValue' in attributes) {
+        var newValue = attributes.newValue, oldValue = attributes.oldValue, type_1 = attributes.type;
+        var newAttrValues_1 = ramda_1.pathOr([], ['value', attrType.name])(newValue);
+        var oldAttrValues_1 = ramda_1.pathOr([], ['value', attrType.name])(oldValue);
+        var length_1 = Math.max(newAttrValues_1.length, oldAttrValues_1.length);
+        return ramda_1.times(function (index) {
+            var attributeValue = {
+                newValue: newAttrValues_1[index],
+                oldValue: oldAttrValues_1[index],
+                type: type_1
+            };
+            return [{ value: attributeValue }];
+        }, length_1);
+    }
+    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, [], []);
+    return getAttributesList(metadata, attrTypes, changes);
+});
+exports.getChanges = getChanges;
+var getAttributesList = function (metadata, attrTypes, attributes, level) {
+    if (level === void 0) { level = 0; }
+    return ramda_1.flatten(attrTypes
+        .map(function (attrType) {
+        return getValues(attributes, attrType).map(function (value) {
+            return value.map(function (attributeValue) {
+                return dcrAttributesFactory(metadata, attrType, attributeValue, level);
+            });
+        });
+    })
+        .filter(ramda_1.complement(ramda_1.isEmpty)));
+};
+var dcrAttributesFactory = function (metadata, attributeType, attributeValue, level) {
+    switch (attributeType.type) {
+        case mdm_sdk_1.DataTypes.TYPE_NESTED:
+        case mdm_sdk_1.DataTypes.TYPE_IMAGE:
+            return getNestedAttributeChange(metadata, attributeType, attributeValue, level);
+        case mdm_sdk_1.DataTypes.TYPE_REFERENCE:
+            return getReferenceAttributeChange(metadata, attributeType, attributeValue, level);
+        default: {
+            var value = mdm_sdk_1.isSpecialAttribute(attributeType) ? attributeValue : attributeValue.value;
+            return getSimpleAttributeChange(attributeType, value, level);
+        }
+    }
+};
+var getNestedAttributeChange = function (metadata, attributeType, attributeValue, level) {
+    var attributeTypeList = mdm_sdk_1.getAttributeTypeSubAttributes({}, attributeType);
+    var label = mdm_sdk_1.getLabel((attributeType === null || attributeType === void 0 ? void 0 : attributeType.label) || (attributeType === null || attributeType === void 0 ? void 0 : attributeType.name));
+    return [
+        { level: level, label: label, attributeType: attributeType, attributeValue: attributeValue },
+        getAttributesList(metadata, attributeTypeList, attributeValue.value, level + 1)
+    ];
+};
+var getReferenceAttributeChange = function (metadata, attributeType, attributeValue, level) {
+    var attributeTypeList = mdm_sdk_1.getAttributeTypeSubAttributes(metadata, attributeType);
+    var label = (attributeType === null || attributeType === void 0 ? void 0 : attributeType.label) || (attributeType === null || attributeType === void 0 ? void 0 : attributeType.name);
+    return [
+        { level: level, label: label, attributeType: attributeType, attributeValue: attributeValue },
+        getAttributesList(metadata, attributeTypeList, attributeValue.value, level + 1)
+    ];
+};
+var getDiffParameters = function (_a) {
+    var newValue = _a.newValue, oldValue = _a.oldValue, type = _a.type;
+    return type === operations_1.DCRTypes.UPDATE_ATTRIBUTE ? { type: type, newValue: newValue, oldValue: oldValue } : { type: type, newValue: oldValue || newValue };
+};
+var getSimpleAttributeChange = function (attributeType, attributeValue, level) {
+    var _a = getDiffParameters(attributeValue), newValue = _a.newValue, oldValue = _a.oldValue, type = _a.type;
+    var operation = helpers_1.getOperationType(type, oldValue);
+    var label = (attributeType === null || attributeType === void 0 ? void 0 : attributeType.label) || (attributeType === null || attributeType === void 0 ? void 0 : attributeType.name);
+    return {
+        attributeType: attributeType,
+        newValue: newValue,
+        oldValue: oldValue,
+        operation: operation,
+        label: label,
+        level: level
+    };
+};

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

@@ -0,0 +1 @@
+export declare const getSuggestionsCount: any;

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSuggestionsCount = void 0;
+var ramda_1 = require("ramda");
+exports.getSuggestionsCount = ramda_1.pipe(ramda_1.filter(ramda_1.has('operation')), ramda_1.length);

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

@@ -0,0 +1,12 @@
+import { AttributeType } from '@reltio/mdm-sdk';
+import { OperationTypes } from '../constants/operations';
+import { ChangeRequest, 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;
+};
+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

@@ -0,0 +1,88 @@
+"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;
+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 getOperationType = function (type, oldValue) {
+    switch (type) {
+        case operations_1.DCRTypes.CREATE_RELATIONSHIP:
+        case operations_1.DCRTypes.INSERT_ATTRIBUTE:
+            return operations_1.OperationTypes.ADDED;
+        case operations_1.DCRTypes.UPDATE_TAGS:
+        case operations_1.DCRTypes.UPDATE_ROLES:
+        case operations_1.DCRTypes.UPDATE_ATTRIBUTE:
+            return operations_1.OperationTypes.EDITED;
+        case operations_1.DCRTypes.DELETE_ATTRIBUTE:
+        case operations_1.DCRTypes.DELETE_RELATIONSHIP:
+            return operations_1.OperationTypes.DELETED;
+        case operations_1.DCRTypes.PIN_ATTRIBUTE:
+            return (oldValue === null || oldValue === void 0 ? void 0 : oldValue.pin) ? operations_1.OperationTypes.PIN_DELETED : operations_1.OperationTypes.PINNED;
+        case operations_1.DCRTypes.IGNORE_ATTRIBUTE:
+            return (oldValue === null || oldValue === void 0 ? void 0 : oldValue.ignored) ? operations_1.OperationTypes.IGNORE_DELETED : operations_1.OperationTypes.IGNORED;
+    }
+};
+exports.getOperationType = getOperationType;
+var getOperationLabel = function (operation) {
+    var _a;
+    var labels = (_a = {},
+        _a[operations_1.OperationTypes.ADDED] = ui_i18n_1.default.text('added'),
+        _a[operations_1.OperationTypes.EDITED] = ui_i18n_1.default.text('edited'),
+        _a[operations_1.OperationTypes.DELETED] = ui_i18n_1.default.text('deleted'),
+        _a[operations_1.OperationTypes.PINNED] = ui_i18n_1.default.text('pinned'),
+        _a[operations_1.OperationTypes.PIN_DELETED] = ui_i18n_1.default.text('pin deleted'),
+        _a[operations_1.OperationTypes.IGNORED] = ui_i18n_1.default.text('ignored'),
+        _a[operations_1.OperationTypes.IGNORE_DELETED] = ui_i18n_1.default.text('ignore deleted'),
+        _a);
+    return labels[operation] || '';
+};
+exports.getOperationLabel = getOperationLabel;
+var getAttributeDescription = function (attrType, value, currentEntityUri, objectsInfo) {
+    if (objectsInfo === void 0) { objectsInfo = {}; }
+    var objectLabel, objectUri, entityTypeUri;
+    var relation = objectsInfo[value.refObjectURI];
+    if (relation) {
+        objectUri = currentEntityUri === relation.startObjectUri ? relation.endObjectUri : relation.startObjectUri;
+        objectLabel =
+            currentEntityUri === relation.startObjectUri ? relation.endObjectLabel : relation.startObjectLabel;
+    }
+    else if (value.refEntity) {
+        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
+    };
+};
+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));
+};
+exports.getDataTypeDefinition = getDataTypeDefinition;

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

@@ -0,0 +1,4 @@
+import { Metadata } from '@reltio/mdm-sdk';
+import { DCRChange, DCRObjectInfo } from '../types/DCRTypes';
+declare const mergeChanges: (metadata: Metadata, changes: DCRChange[], objectInfo: DCRObjectInfo) => any;
+export { mergeChanges };

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

@@ -0,0 +1,137 @@
+"use strict";
+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 attributesHelpers_1 = require("./attributesHelpers");
+var ATTRIBUTE_DELIMITER = '/';
+var SPECIAL_ATTRIBUTES_NAMES = [
+    'defaultProfilePicValue',
+    mdm_sdk_1.EntityAttrTypes.tags.name,
+    mdm_sdk_1.EntityAttrTypes.roles.name,
+    mdm_sdk_1.EntityAttrTypes.startDate.name,
+    mdm_sdk_1.EntityAttrTypes.endDate.name
+];
+var prepareStartOrEndDate = function (_a) {
+    var newValue = _a.newValue, oldValue = _a.oldValue;
+    var parseValue = function (value) { return (ramda_1.is(String) ? parseInt(value) : 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]) }
+        };
+    }
+    else if (isExistNewValue) {
+        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]) }
+        };
+    }
+};
+var prepareRolesOrTags = function (change, metadata) {
+    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);
+    var diffOldValue = ramda_1.difference(oldValue, newValue);
+    var items = [];
+    if (diffNewValue.length) {
+        items.push({
+            type: operations_1.DCRTypes.INSERT_ATTRIBUTE,
+            newValue: { value: diffNewValue.map(getLabel).join(', ') }
+        });
+    }
+    if (diffOldValue.length) {
+        items.push({
+            type: operations_1.DCRTypes.DELETE_ATTRIBUTE,
+            oldValue: { value: diffOldValue.map(getLabel).join(', ') }
+        });
+    }
+    return items;
+};
+var getPath = function (change) {
+    var type = change.type, attributePath = change.attributePath, refObjectURI = change.refObjectURI, refAttributeType = change.refAttributeType;
+    var path = type === operations_1.DCRTypes.INSERT_ATTRIBUTE ? mdm_sdk_1.generateTempUri(attributePath) : attributePath;
+    if (refObjectURI) {
+        var typePath = refAttributeType.split('/attributes/');
+        var id = refObjectURI.split(ATTRIBUTE_DELIMITER)[1];
+        return [typePath[1], id, path].join(ATTRIBUTE_DELIMITER);
+    }
+    return path;
+};
+var prepareAttribute = function (container, change) {
+    var _a;
+    var changePath = getPath(change);
+    var pathArray = changePath.split(ATTRIBUTE_DELIMITER);
+    var holder = container;
+    for (var i = 0; i < pathArray.length - 1; i = i + 2) {
+        var key = pathArray[i];
+        var id = pathArray[i + 1];
+        var currentValue = (holder[key] || []).find(ramda_1.propEq('id', id));
+        var newValue = pathArray.length === i + 2 ? change : {};
+        var value = currentValue ? currentValue : { id: id, value: newValue };
+        var refObjectURI = ((_a = change.refObjectURI) === null || _a === void 0 ? void 0 : _a.indexOf(id)) >= 0 && change.refObjectURI;
+        if (refObjectURI) {
+            value.refObjectURI = refObjectURI;
+        }
+        if (ramda_1.isNil(currentValue)) {
+            holder[key] = (holder[key] || []).concat(value);
+        }
+        holder = value.value;
+    }
+    return container;
+};
+var mergeAttributesInChange = function (metadata, objectInfo, change, container) {
+    if (container === void 0) { container = {}; }
+    var type = change.type;
+    switch (type) {
+        case operations_1.DCRTypes.UPDATE_PROFILE_PIC_BY_URL:
+            container['defaultProfilePicValue'] = [change.newValue];
+            break;
+        case operations_1.DCRTypes.UPDATE_TAGS:
+            container[mdm_sdk_1.EntityAttrTypes.tags.name] = prepareRolesOrTags(change, metadata);
+            break;
+        case operations_1.DCRTypes.UPDATE_ROLES: {
+            container[mdm_sdk_1.EntityAttrTypes.roles.name] = prepareRolesOrTags(change, metadata);
+            break;
+        }
+        case operations_1.DCRTypes.UPDATE_START_DATE:
+            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)];
+            break;
+        default: {
+            prepareAttribute(container, change);
+            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 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);
+    }, {});
+    return concatChanges([
+        ramda_1.pipe(ramda_1.omit(SPECIAL_ATTRIBUTES_NAMES), attributesHelpers_1.getChanges(metadata, objectInfo)),
+        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);
+};
+exports.mergeChanges = mergeChanges;

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

@@ -0,0 +1,6 @@
+export declare const useCollapsibleList: (changes: any, limit?: number) => {
+    isExpanded: boolean;
+    onToggle: () => void;
+    itemsToShow: any;
+    collapsedSuggestionsCount: number;
+};

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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) {
+    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 visibleSuggestionsCount = react_1.useMemo(function () { return contextHelpers_1.getSuggestionsCount(collapsedItems); }, [collapsedItems]);
+    var itemsToShow = isExpanded ? changes : collapsedItems;
+    var collapsedSuggestionsCount = suggestionsCount - visibleSuggestionsCount;
+    return { isExpanded: isExpanded, onToggle: onToggle, itemsToShow: itemsToShow, collapsedSuggestionsCount: collapsedSuggestionsCount };
+};
+exports.useCollapsibleList = useCollapsibleList;

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

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

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

@@ -0,0 +1,27 @@
+"use strict";
+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 ({
+    container: {
+        boxSizing: 'border-box',
+        border: '1px solid rgba(0,0,0,0.03)',
+        borderRadius: '3px',
+        backgroundColor: 'rgba(0,0,0,0.03)',
+        padding: '10px',
+        margin: '12px 16px 12px 0'
+    },
+    uri: {
+        color: theme.palette.primary.main,
+        textDecoration: 'none',
+        cursor: 'pointer'
+    },
+    label: {
+        fontSize: '12px',
+        letterSpacing: 0,
+        lineHeight: '16px'
+    },
+    showMoreLink: {
+        marginTop: '8px'
+    }
+}); });

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

@@ -0,0 +1,63 @@
+import { Crosswalk, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
+import { DCRTypes } from '../constants/operations';
+export declare type EntityInfo = {
+    isExist: boolean;
+    label: string;
+    secondaryLabel: string;
+    type: string;
+};
+export declare type RelationInfo = {
+    type: string;
+    startObjectLabel: string;
+    startObjectUri: string;
+    endObjectLabel: string;
+    endObjectUri: string;
+    isExist: boolean;
+};
+export declare type DCRObjectInfo = EntityInfo | RelationInfo;
+export declare type DCRObjectsInfo = {
+    [key: string]: DCRObjectInfo;
+};
+export declare type Value = DCRAttributes | DCRChange | string | boolean | number;
+export declare type DCRAttributeValue = Omit<SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue, 'uri' | 'value'> & {
+    value: Value;
+    refObjectURI?: string;
+    refEntity?: {
+        objectURI: string;
+    };
+    uri?: string;
+};
+export declare type DCRAttributes = {
+    [attributeName: string]: DCRAttributeValue[];
+};
+export declare type ChangeValue = DCRAttributeValue | string[];
+export declare type DCRChange = {
+    attributePath?: string;
+    attributeType?: string;
+    conflict?: string;
+    conflictDetails?: string;
+    createdBy?: string;
+    createdTime?: string;
+    crosswalk?: Crosswalk;
+    id?: string;
+    newPinOrIgnoreValue?: boolean;
+    newValue?: ChangeValue;
+    oldValue?: ChangeValue;
+    type?: DCRTypes;
+    refAttributeType?: string;
+    refObjectURI?: string;
+};
+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/components/AttributesChanges/types/DCRTypes.js

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

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

@@ -14,7 +14,8 @@ exports.useStyles = styles_1.makeStyles({
         alignItems: 'stretch'
     },
     lineBlock: {
-        width: blockWidth + "px"
+        width: blockWidth + "px",
+        flexShrink: 0
     },
     withLinePadding: {
         '& $noLine': {
@@ -55,7 +56,8 @@ exports.useStyles = styles_1.makeStyles({
         }
     },
     content: {
-        flex: 1
+        flex: 1,
+        minWidth: 0
     },
     plain: {},
     last: {}

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

@@ -10,14 +10,14 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React, { useEffect, useState } from 'react';
-import { useSelector } from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';
 import i18n from 'ui-i18n';
-import mdm from '@reltio/mdm-module';
+import mdm, { ui as mdmModuleUi } from '@reltio/mdm-module';
 import { getEntityUriForLink, getFilteredEntities, getLabel, getTotals } from '@reltio/mdm-sdk';
 import EntityAvatar from '../../EntityAvatar/EntityAvatar';
 import EntityUriLink from '../../EntityUriLink/EntityUriLink';
 import { useStyles } from './styles';
-import { getParamsFilteringEntities } from './helpers';
+import { convertNestedAttributePivotingValue, convertSimpleAttributePivotingValue, getParamsFilteringEntities } from './helpers';
 import { useSafePromise } from '../../../hooks';
 var MAX_ENTITIES_PIVOTING_TOOLTIP = 6;
 export var PivotingTooltipContent = function (_a) {
@@ -26,9 +26,11 @@ export var PivotingTooltipContent = function (_a) {
     var _d = useState(0), total = _d[0], setTotal = _d[1];
     var entity = useSelector(mdm.selectors.getEntity) || {};
     var safePromise = useSafePromise();
+    var dispatch = useDispatch();
     var styles = useStyles();
     var globalSearchRequestOptions = useSelector(mdm.selectors.getGlobalSearchRequestOptions) || {};
     var entityType = config.entityType || entity.type;
+    var shouldShowSeeAllButton = total > MAX_ENTITIES_PIVOTING_TOOLTIP;
     useEffect(function () {
         var filters = getParamsFilteringEntities(value, attributeType, entityType);
         var options = __assign({ max: MAX_ENTITIES_PIVOTING_TOOLTIP }, globalSearchRequestOptions);
@@ -43,6 +45,12 @@ export var PivotingTooltipContent = function (_a) {
             setTotal(0);
         });
     }, []);
+    var handleClickSeeAll = function () {
+        var generatedValue = Array.isArray(value)
+            ? convertNestedAttributePivotingValue(value)
+            : convertSimpleAttributePivotingValue(attributeType, value);
+        dispatch(mdmModuleUi.actions.openPivotingPerspective({ value: generatedValue, attributeType: attributeType }));
+    };
     var hasEntityTypeLabel = Boolean(config.label);
     return (React.createElement("div", { className: styles.container },
         React.createElement("div", { className: styles.header },
@@ -53,6 +61,6 @@ export var PivotingTooltipContent = function (_a) {
         React.createElement("div", { className: styles.body }, entities.map(function (visibleEntity) { return (React.createElement("div", { key: visibleEntity.uri, className: styles.entityContainer },
             React.createElement(EntityAvatar, { entity: visibleEntity, avatarClassName: styles.profileIcon }),
             React.createElement(EntityUriLink, { className: styles.entityLabel, value: getEntityUriForLink(visibleEntity) }, getLabel(visibleEntity.label)))); })),
-        React.createElement("div", { className: styles.footer },
-            React.createElement("a", null, i18n.text('See all')))));
+        shouldShowSeeAllButton && (React.createElement("div", { className: styles.footer },
+            React.createElement("a", { className: styles.seeAllButton, onClick: handleClickSeeAll }, i18n.text('See all'))))));
 };

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

@@ -4,4 +4,8 @@ export declare type PivotingValue = {
 };
 export declare const getParamsFilteringEntities: (values: string | number | boolean | PivotingValue[], attributeType: AttributeType, entityType?: string) => SearchFilter[];
 export declare const generatePivotingValue: (attributeType: AttributeType, value: RecordAttributesType, pivotingAttributes: PivotingAttribute[], metadata: Metadata) => PivotingValue[];
+export declare const convertSimpleAttributePivotingValue: (attrType: AttributeType, value: string | number | boolean) => {
+    [x: string]: string | number | boolean;
+}[];
+export declare const convertNestedAttributePivotingValue: (values: PivotingValue[]) => any[];
 export declare const preparePivotingAttributeValue: (value: any, attributeType: any) => any;

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

@@ -1,4 +1,4 @@
-import { attributeUriToSearchUri, DataTypes, findAttributeTypeByUri, getAttributeSource, isOv, FilterOptions } from '@reltio/mdm-sdk';
+import { attributeUriToSearchUri, DataTypes, findAttributeTypeByUri, getAttributeSource, isOv, FilterOptions, getLastUriPart } from '@reltio/mdm-sdk';
 import { isNil } from 'ramda';
 export var getParamsFilteringEntities = function (values, attributeType, entityType) {
     if (entityType === void 0) { entityType = ''; }
@@ -77,6 +77,20 @@ export var generatePivotingValue = function (attributeType, value, pivotingAttri
         return acc;
     }, []);
 };
+export var convertSimpleAttributePivotingValue = function (attrType, value) {
+    var _a;
+    return [
+        (_a = {}, _a[attrType.name] = value, _a)
+    ];
+};
+export var convertNestedAttributePivotingValue = function (values) {
+    return values.map(function (value) {
+        return Object.fromEntries(Object.entries(value).map(function (_a) {
+            var key = _a[0], value = _a[1];
+            return [getLastUriPart(key), value];
+        }));
+    });
+};
 var valueToString = function (values, metadata, pivotingAttributes) {
     if (!values || values.length === 0)
         return;

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

@@ -1,2 +1,2 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "body" | "entityTypeLabel" | "title" | "icon" | "footer" | "header" | "entityLabel" | "container" | "divider" | "headerCount" | "profileIcon" | "entityContainer">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "body" | "entityTypeLabel" | "title" | "icon" | "footer" | "header" | "entityLabel" | "container" | "divider" | "headerCount" | "profileIcon" | "entityContainer" | "seeAllButton">;
 export declare const usePivotingTooltipStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"tooltip" | "arrow">;

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

@@ -74,6 +74,9 @@ export var useStyles = makeStyles(function (theme) { return ({
     },
     content: {
         color: theme.palette.primary.main
+    },
+    seeAllButton: {
+        cursor: 'pointer'
     }
 }); });
 export var usePivotingTooltipStyles = makeStyles({

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

@@ -1,19 +1,12 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useMemo } from 'react';
 import { getDataChangeRequest } from '@reltio/mdm-sdk';
 import GenericWorkflowTaskCard from '../GenericWorkflowTaskCard/GenericWorkflowTaskCard';
 import LineDecorator from '../../components/LineDecorator/LineDecorator';
 import { getDCRUri } from '../../helpers';
 import DcrTaskIcon from '../../../../icons/DcrTaskIcon';
-//eslint-disable-next-line
-var AttributesChanges = function (_a) {
-    var objectsInfo = _a.objectsInfo, changes = _a.changes;
-    return (React.createElement("span", null,
-        "AttributesChanges",
-        React.createElement("br", null),
-        "AttributesChanges",
-        React.createElement("br", null),
-        "AttributesChanges"));
-};
+import { AttributesChangesContext } from '../../components/AttributesChanges/contexts/AttributesChangesContext';
+import { extractObjectsFromChangeRequest } from '../../components/AttributesChanges/helpers/helpers';
+import AttributesChanges from '../../components/AttributesChanges/AttributesChanges';
 var DataChangeRequestTaskCard = function (_a) {
     var task = _a.task;
     var objectURIs = task.objectURIs;
@@ -22,7 +15,8 @@ var DataChangeRequestTaskCard = function (_a) {
     useEffect(function () {
         getDataChangeRequest(dcrUri).then(setDcr);
     }, [dcrUri]);
-    return (React.createElement(GenericWorkflowTaskCard, { task: task, Icon: DcrTaskIcon }, dcr && (React.createElement(LineDecorator, { last: true },
-        React.createElement(AttributesChanges, { changes: dcr.changes, objectsInfo: dcr.objectsInfo })))));
+    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 })); }))))));
 };
 export default DataChangeRequestTaskCard;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { DCRChange, EntityInfo } from './types/DCRTypes';
+declare type Props = {
+    changes: DCRChange[];
+    objectInfo: EntityInfo;
+};
+declare const AttributesChanges: ({ changes, objectInfo }: Props) => JSX.Element;
+export default AttributesChanges;