@reltio/components 1.4.908 → 1.4.912

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

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var MenuItem_1 = __importDefault(require("@material-ui/core/MenuItem"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Check_1 = __importDefault(require("@material-ui/icons/Check"));
+var core_1 = require("../../../core");
+var styles_1 = require("./styles");
+var MenuItemRenderer = react_1.forwardRef(function (_a, ref) {
+    var item = _a.item, _b = _a.onMenuClose, onMenuClose = _b === void 0 ? core_1.noop : _b;
+    var styles = styles_1.useStyles();
+    var text = item.text, selected = item.selected, onClick = item.onClick;
+    var handleClick = function (e) {
+        onMenuClose();
+        onClick(e);
+    };
+    return (react_1.default.createElement(MenuItem_1.default, { classes: { root: styles.menuItem }, onClick: handleClick, ref: ref },
+        selected && react_1.default.createElement(Check_1.default, { className: styles.checkIcon }),
+        react_1.default.createElement(Typography_1.default, { classes: { root: styles.menuText } }, text)));
+});
+MenuItemRenderer.displayName = 'MenuItemRenderer';
+exports.default = MenuItemRenderer;

package/cjs/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/cjs/components/history/HistoryMenuButton/styles.js

@@ -5,5 +5,18 @@ var styles_1 = require("@material-ui/core/styles");
 exports.useStyles = styles_1.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/cjs/components/index.d.ts

@@ -122,3 +122,6 @@ export { default as OvIcon } from './attributes/OvIcon';
 export { default as RelationEditor } from './RelationEditor';
 export * from './workflow';
 export { ProfileMatchCard } from './ProfileMatchCard/ProfileMatchCard';
+export { MergeButton } from './MergeButton/MergeButton';
+export { NotMatchButton } from './NotMatchButton/NotMatchButton';
+export { ActionButton, ActionButtonMode } from './ActionButton/ActionButton';

package/cjs/components/index.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.NoResults = exports.NoData = exports.DropDownSelector = exports.DropDownMenuButton = exports.Drawer = exports.DataTypeValue = exports.ConnectionRelationTypeSelector = exports.ConfigureColumnsPopup = exports.MenuWithPopper = exports.DropdownIndicatorWithIconButton = exports.DropdownIndicator = exports.CommentsContainer = exports.ColorBar = exports.CollapseButton = exports.CollaborationItem = exports.ClickAwayProvider = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.ProfileBandNavigation = exports.AvatarWithFallback = exports.AutoSizeList = exports.ReadOnlyAttributesPager = exports.SimpleAttribute = exports.ReferenceAttribute = exports.NestedAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesList = exports.ReadOnlyAttributeValuesBlock = exports.EditableAttribute = exports.ReadOnlyAttribute = exports.CardinalityMessage = exports.AttributesPager = exports.SimpleAttributeEditor = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.NestedAttributeEditor = exports.MoreAttributesButton = exports.EntitySelector = exports.EntityCreator = exports.AttributesList = exports.BranchDecorator = exports.AttributesView = exports.AttributeListItem = void 0;
 exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ScoreLabel = exports.Score = exports.ResizablePanes = exports.ReltioGridLayout = exports.ReactSortableTreeUtils = exports.ReactSortableTreeHandlers = exports.ReactSortableTree = exports.ReactSelectOptionFilters = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportModes = exports.ImportButton = exports.ImageGalleryDialog = exports.Highlighter = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.FlipCard = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.ErrorWrapper = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.EntityTypesSelector = void 0;
-exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = void 0;
+exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = void 0;
 __exportStar(require("./activityLog"), exports);
 var AttributeListItem_1 = require("./AttributeListItem/AttributeListItem");
 Object.defineProperty(exports, "AttributeListItem", { enumerable: true, get: function () { return __importDefault(AttributeListItem_1).default; } });
@@ -260,3 +260,10 @@ Object.defineProperty(exports, "RelationEditor", { enumerable: true, get: functi
 __exportStar(require("./workflow"), exports);
 var ProfileMatchCard_1 = require("./ProfileMatchCard/ProfileMatchCard");
 Object.defineProperty(exports, "ProfileMatchCard", { enumerable: true, get: function () { return ProfileMatchCard_1.ProfileMatchCard; } });
+var MergeButton_1 = require("./MergeButton/MergeButton");
+Object.defineProperty(exports, "MergeButton", { enumerable: true, get: function () { return MergeButton_1.MergeButton; } });
+var NotMatchButton_1 = require("./NotMatchButton/NotMatchButton");
+Object.defineProperty(exports, "NotMatchButton", { enumerable: true, get: function () { return NotMatchButton_1.NotMatchButton; } });
+var ActionButton_1 = require("./ActionButton/ActionButton");
+Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
+Object.defineProperty(exports, "ActionButtonMode", { enumerable: true, get: function () { return ActionButton_1.ActionButtonMode; } });

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

@@ -1,46 +1,22 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var react_1 = __importDefault(require("react"));
 var GenericWorkflowTaskCard_1 = __importDefault(require("../GenericWorkflowTaskCard/GenericWorkflowTaskCard"));
 var LineDecorator_1 = __importDefault(require("../../components/LineDecorator/LineDecorator"));
 var helpers_1 = require("../../helpers");
 var DcrTaskIcon_1 = __importDefault(require("../../../../icons/DcrTaskIcon"));
-var AttributesChangesContext_1 = require("../../components/AttributesChanges/contexts/AttributesChangesContext");
-var helpers_2 = require("../../components/AttributesChanges/helpers/helpers");
 var AttributesChanges_1 = __importDefault(require("../../components/AttributesChanges/AttributesChanges"));
+var useChangeRequest_1 = require("../../hooks/useChangeRequest");
 var DataChangeRequestTaskCard = function (_a) {
     var task = _a.task;
     var objectURIs = task.objectURIs;
     var dcrUri = helpers_1.getDCRUri(objectURIs);
-    var _b = react_1.useState(null), dcr = _b[0], setDcr = _b[1];
-    react_1.useEffect(function () {
-        mdm_sdk_1.getDataChangeRequest(dcrUri).then(setDcr);
-    }, [dcrUri]);
-    var objectsWithChanges = react_1.useMemo(function () { return (dcr ? helpers_2.extractObjectsFromChangeRequest(dcr) : []); }, [dcr]);
-    return (react_1.default.createElement(GenericWorkflowTaskCard_1.default, { task: task, Icon: DcrTaskIcon_1.default }, dcr && (react_1.default.createElement(AttributesChangesContext_1.AttributesChangesContext.Provider, { value: dcr.objectsInfo },
-        react_1.default.createElement(LineDecorator_1.default, { last: true }, objectsWithChanges.map(function (object) { return (react_1.default.createElement(AttributesChanges_1.default, { key: object.uri, changes: dcr.changes[object.uri], objectInfo: object })); }))))));
+    var _b = useChangeRequest_1.useChangeRequest(dcrUri), dcr = _b.dcr, groupedObjects = _b.groupedObjects;
+    return (react_1.default.createElement(GenericWorkflowTaskCard_1.default, { task: task, Icon: DcrTaskIcon_1.default }, dcr &&
+        groupedObjects.map(function (object, index) { return (react_1.default.createElement(LineDecorator_1.default, { key: index, last: index === groupedObjects.length - 1, divider: true },
+            react_1.default.createElement(AttributesChanges_1.default, { entityInfo: object.entity, relationsInfo: object.relations, changes: dcr.changes, objectsInfo: dcr.objectsInfo }))); })));
 };
 exports.default = DataChangeRequestTaskCard;

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

@@ -1,8 +1,11 @@
 /// <reference types="react" />
-import { DCRChange, EntityInfo } from './types/DCRTypes';
+import { DCRChanges, DCRObjectsInfo, EntityInfo, RelationInfo } from '../../types/dcrTypes';
 declare type Props = {
-    changes: DCRChange[];
-    objectInfo: EntityInfo;
+    changes: DCRChanges;
+    objectsInfo: DCRObjectsInfo;
+    entityInfo: EntityInfo;
+    relationsInfo?: RelationInfo[];
+    max?: number;
 };
-declare const AttributesChanges: ({ changes, objectInfo }: Props) => JSX.Element;
+declare const AttributesChanges: ({ changes, objectsInfo, entityInfo, relationsInfo, max }: Props) => JSX.Element;
 export default AttributesChanges;

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

@@ -24,24 +24,34 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var ramda_1 = require("ramda");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var mergeHelpers_1 = require("./helpers/mergeHelpers");
-var EntityUriLink_1 = __importDefault(require("../../../EntityUriLink/EntityUriLink"));
 var ShowMoreLink_1 = __importDefault(require("./components/ShowMoreLink/ShowMoreLink"));
 var DCRChangesList_1 = __importDefault(require("./components/DCRChangesList/DCRChangesList"));
+var AttributesChangesContext_1 = require("./contexts/AttributesChangesContext");
 var useCollapsibleList_1 = require("./hooks/useCollapsibleList");
+var EntityUriLink_1 = __importDefault(require("../../../EntityUriLink/EntityUriLink"));
 var styles_1 = require("./styles");
 var AttributesChanges = function (_a) {
-    var changes = _a.changes, objectInfo = _a.objectInfo;
+    var changes = _a.changes, objectsInfo = _a.objectsInfo, entityInfo = _a.entityInfo, relationsInfo = _a.relationsInfo, max = _a.max;
     var styles = styles_1.useStyles();
     var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    var mergedChanges = react_1.useMemo(function () { return mergeHelpers_1.mergeChanges(metadata, changes, objectInfo); }, [metadata, changes, objectInfo]);
-    var _b = useCollapsibleList_1.useCollapsibleList(mergedChanges), isExpanded = _b.isExpanded, onToggle = _b.onToggle, itemsToShow = _b.itemsToShow, collapsedSuggestionsCount = _b.collapsedSuggestionsCount;
-    return (react_1.default.createElement("div", { className: styles.container },
-        react_1.default.createElement(EntityUriLink_1.default, { className: styles.uri, value: mdm_sdk_1.getEntityUriForLink(objectInfo) },
-            react_1.default.createElement("div", { className: styles.label }, mdm_sdk_1.getLabel(objectInfo.label))),
-        react_1.default.createElement(DCRChangesList_1.default, { changes: itemsToShow }),
-        collapsedSuggestionsCount > 0 && (react_1.default.createElement(ShowMoreLink_1.default, { onClick: onToggle, suggestionsCount: collapsedSuggestionsCount, isExpanded: isExpanded, className: styles.showMoreLink }))));
+    var _b = react_1.useMemo(function () { return mergeHelpers_1.mergeChanges(metadata, changes, entityInfo, relationsInfo); }, [metadata, changes, entityInfo, relationsInfo]), mergedEntityChanges = _b[0], mergedRelationsChanges = _b[1];
+    var changesList = react_1.useMemo(function () {
+        var relationshipTitle = { label: ui_i18n_1.default.text('Relationships') };
+        return mergedRelationsChanges.length > 0
+            ? ramda_1.flatten([mergedEntityChanges, relationshipTitle, mergedRelationsChanges])
+            : mergedEntityChanges;
+    }, [mergedEntityChanges, mergedRelationsChanges]);
+    var _c = useCollapsibleList_1.useCollapsibleList(changesList, max), isExpanded = _c.isExpanded, onToggle = _c.onToggle, itemsToShow = _c.itemsToShow, collapsedSuggestionsCount = _c.collapsedSuggestionsCount;
+    return (react_1.default.createElement(AttributesChangesContext_1.AttributesChangesContext.Provider, { value: objectsInfo },
+        react_1.default.createElement("div", { className: styles.container },
+            react_1.default.createElement(EntityUriLink_1.default, { className: styles.uri, value: mdm_sdk_1.getEntityUriForLink(entityInfo) },
+                react_1.default.createElement("div", { className: styles.label }, mdm_sdk_1.getLabel(entityInfo.label))),
+            react_1.default.createElement(DCRChangesList_1.default, { changes: itemsToShow }),
+            collapsedSuggestionsCount > 0 && (react_1.default.createElement(ShowMoreLink_1.default, { onClick: onToggle, suggestionsCount: collapsedSuggestionsCount, isExpanded: isExpanded, className: styles.showMoreLink })))));
 };
 exports.default = AttributesChanges;

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { OperationTypes } from '../../constants/operations';
+import { OperationTypes } from '../../../../constants/operations';
 declare type Props = {
-    label: React.ReactElement;
-    oldValue?: React.ReactElement;
-    newValue?: React.ReactElement;
+    label: React.ReactNode;
+    oldValue?: React.ReactNode;
+    newValue?: React.ReactNode;
     operation?: OperationTypes;
     className?: string;
 };

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

@@ -8,20 +8,15 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
         lineHeight: '20px',
         color: theme.palette.text.primary,
         marginTop: '6px',
-        display: 'flex',
-        flexWrap: 'wrap',
-        overflow: 'hidden'
+        overflow: 'hidden',
+        wordBreak: 'break-word'
     },
     fieldName: {
-        display: 'flex',
-        alignItems: 'center',
         color: theme.palette.text.secondary,
         marginRight: '8px'
     },
     difference: {
-        display: 'flex',
-        alignItems: 'center',
-        flexDirection: 'row'
+        marginRight: '8px'
     },
     arrow: {
         margin: '0 4px',
@@ -34,7 +29,6 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
         fontWeight: 500,
         lineHeight: '16px',
         letterSpacing: 0,
-        marginLeft: '8px',
         flexShrink: 0,
         textTransform: 'capitalize',
         color: theme.palette.primary.main,

package/cjs/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/cjs/components/workflow/components/AttributesChanges/components/DCRChangesList/DCRChangesList.js

@@ -15,11 +15,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
+var ramda_1 = require("ramda");
 var DiffRenderer_1 = __importDefault(require("../DiffRenderer/DiffRenderer"));
+var styles_1 = require("./styles");
 var DCRChangesList = function (_a) {
     var changes = _a.changes;
+    var styles = styles_1.useStyles();
     return (react_1.default.createElement(react_1.default.Fragment, null, changes.map(function (change, index) {
-        return react_1.default.createElement(DiffRenderer_1.default, __assign({}, change, { key: index }));
+        return ramda_1.has('level', change) ? (react_1.default.createElement(DiffRenderer_1.default, __assign({}, change, { key: index }))) : (react_1.default.createElement("div", { className: styles.title, key: index }, change.label));
     })));
 };
 exports.default = DCRChangesList;

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

@@ -0,0 +1,13 @@
+"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({
+    title: {
+        fontSize: '12px',
+        letterSpacing: 0,
+        lineHeight: '16px',
+        fontWeight: 500,
+        marginTop: '8px'
+    }
+});

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,24 +1,13 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDataTypeDefinition = exports.extractObjectsFromChangeRequest = exports.getAttributeDescription = exports.getOperationLabel = exports.getOperationType = void 0;
+exports.getDataTypeDefinition = exports.getAttributeDescription = exports.getOperationLabel = exports.getOperationType = void 0;
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var operations_1 = require("../constants/operations");
+var operations_1 = require("../../../constants/operations");
 var getOperationType = function (type, oldValue) {
     switch (type) {
         case operations_1.DCRTypes.CREATE_RELATIONSHIP:
@@ -54,7 +43,7 @@ var getOperationLabel = function (operation) {
 exports.getOperationLabel = getOperationLabel;
 var getAttributeDescription = function (attrType, value, currentEntityUri, objectsInfo) {
     if (objectsInfo === void 0) { objectsInfo = {}; }
-    var objectLabel, objectUri, entityTypeUri;
+    var objectLabel, objectUri;
     var relation = objectsInfo[value.refObjectURI];
     if (relation) {
         objectUri = currentEntityUri === relation.startObjectUri ? relation.endObjectUri : relation.startObjectUri;
@@ -65,23 +54,12 @@ var getAttributeDescription = function (attrType, value, currentEntityUri, objec
         objectUri = value.refEntity.objectURI;
         objectLabel = objectsInfo[objectUri].label;
     }
-    if (objectUri && objectLabel) {
-        var objectInfo = objectsInfo[objectUri];
-        entityTypeUri = objectInfo ? objectInfo.type : attrType.referencedEntityTypeURI;
-    }
     return {
         objectUri: objectUri,
-        objectLabel: objectLabel,
-        entityTypeUri: entityTypeUri
+        objectLabel: objectLabel
     };
 };
 exports.getAttributeDescription = getAttributeDescription;
-var extractObjectsFromChangeRequest = function (_a) {
-    var _b = _a.objectsInfo, objectsInfo = _b === void 0 ? {} : _b, _c = _a.changes, changes = _c === void 0 ? {} : _c;
-    var getChange = function (key) { return ramda_1.prop([key], changes); };
-    return ramda_1.pipe(ramda_1.keys, ramda_1.filter(getChange), ramda_1.map(function (key) { return (__assign(__assign({}, objectsInfo[key]), { uri: key })); }))(objectsInfo);
-};
-exports.extractObjectsFromChangeRequest = extractObjectsFromChangeRequest;
 var getDataTypeDefinition = function (attributeType, attributeValue) {
     return ramda_1.when(ramda_1.allPass([ramda_1.pipe(ramda_1.prop('type'), ramda_1.equals(mdm_sdk_1.DataTypes.TYPE_STRING)), function () { return mdm_sdk_1.isUrl(attributeValue); }]), ramda_1.evolve({ type: ramda_1.always(mdm_sdk_1.DataTypes.TYPE_URL) }))(mdm_sdk_1.getAttrDataTypeDefinition(attributeType));
 };

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

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