@reltio/components 1.4.927 → 1.4.928

package/cjs/components/CollaborationItem/SendMessageArea/SendMessageArea.js

@@ -35,6 +35,7 @@ var Avatar_1 = require("../Avatar/Avatar");
 var contexts_1 = require("../../../contexts");
 var styles_1 = require("./styles");
 var ramda_1 = require("ramda");
+var hooks_1 = require("../../../hooks");
 var getPlaceholder = function (status) {
     switch (status) {
         case 'open':
@@ -63,6 +64,7 @@ var SendMessageArea = function (_a) {
     var _d = react_1.useState(''), plainTextValue = _d[0], setPlainTextValue = _d[1];
     var _e = react_1.useState([]), mentions = _e[0], setMentions = _e[1];
     var _f = react_1.useState(false), focused = _f[0], setFocused = _f[1];
+    var safePromise = hooks_1.useSafePromise();
     var hasValue = value.trim() !== '';
     var shouldShowButtons = focused || hasValue;
     var status = comment === null || comment === void 0 ? void 0 : comment.status;
@@ -123,7 +125,7 @@ var SendMessageArea = function (_a) {
                 }
             ]
         ]);
-        return request().then(clearValue).catch(console.log); //eslint-disable-line no-console
+        return safePromise(request()).then(clearValue).catch(console.log); //eslint-disable-line no-console
     };
     react_1.useEffect(function () {
         if (popperRef) {

package/cjs/components/CommentsContainer/CommentsContainer.js

@@ -18,6 +18,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -63,6 +68,10 @@ var CommentsContainer = function (_a) {
             onChangePopupVisibility(isOpenPopup);
         }
     }, [isOpenPopup]);
+    var additionalRelatedObjectUris = react_1.useContext(contexts_1.RelatedObjectUrisContext);
+    var allRelatedObjectUris = react_1.useMemo(function () {
+        return additionalRelatedObjectUris ? __spreadArray(__spreadArray([], relatedObjectUris), additionalRelatedObjectUris) : relatedObjectUris;
+    }, [additionalRelatedObjectUris, relatedObjectUris]);
     return (showComments && (react_1.default.createElement("div", { className: classnames_1.default(styles.root, className) },
         shouldShowAddCommentButton && (react_1.default.createElement(AddCommentButton_1.default, { className: classnames_1.default(styles.addButton, (_b = {},
                 _b[styles.showAlways] = showAlways || isOpenPopupWithNewComment,
@@ -71,6 +80,6 @@ var CommentsContainer = function (_a) {
             var replies = _a.replies, commentId = _a.commentId;
             return (react_1.default.createElement(CommentButton_1.default, { ref: commentId === (currentComment === null || currentComment === void 0 ? void 0 : currentComment.commentId) ? setAnchorEl : null, key: commentId, onClick: function () { return handleClickCommentButton(commentId); } }, 1 + replies));
         }),
-        react_1.default.createElement(CollaborationPopup_1.CollaborationPopup, { anchorEl: anchorEl, open: isOpenPopup, onClose: handleClose, uri: uri, relatedObjectUris: relatedObjectUris, objectType: objectType, comment: currentComment }))));
+        react_1.default.createElement(CollaborationPopup_1.CollaborationPopup, { anchorEl: anchorEl, open: isOpenPopup, onClose: handleClose, uri: uri, relatedObjectUris: allRelatedObjectUris, objectType: objectType, comment: currentComment }))));
 };
 exports.default = CommentsContainer;

package/cjs/components/LinearLoadIndicator/LinearLoadIndicator.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 declare type Props = {
     transparent?: boolean;
+    relativePosition?: boolean;
 };
-declare const LinearLoadIndicator: ({ transparent }: Props) => JSX.Element;
+declare const LinearLoadIndicator: ({ transparent, relativePosition }: Props) => JSX.Element;
 export default LinearLoadIndicator;

package/cjs/components/LinearLoadIndicator/LinearLoadIndicator.js

@@ -9,9 +9,13 @@ var LinearProgress_1 = __importDefault(require("@material-ui/core/LinearProgress
 var styles_1 = require("./styles");
 var LinearLoadIndicator = function (_a) {
     var _b;
-    var _c = _a.transparent, transparent = _c === void 0 ? false : _c;
+    var _c = _a.transparent, transparent = _c === void 0 ? false : _c, _d = _a.relativePosition, relativePosition = _d === void 0 ? false : _d;
     var styles = styles_1.useStyles();
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.loadingOverlay, (_b = {}, _b[styles.transparent] = transparent, _b)) },
-        react_1.default.createElement(LinearProgress_1.default, { color: "secondary" })));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: classnames_1.default(styles.loadingOverlay, (_b = {},
+                _b[styles.transparent] = transparent,
+                _b[styles.relativePosition] = relativePosition,
+                _b)) },
+            react_1.default.createElement(LinearProgress_1.default, { color: "secondary" }))));
 };
 exports.default = LinearLoadIndicator;

package/cjs/components/LinearLoadIndicator/styles.d.ts

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

package/cjs/components/LinearLoadIndicator/styles.js

@@ -15,5 +15,10 @@ exports.useStyles = styles_1.makeStyles({
     },
     transparent: {
         backgroundColor: 'transparent'
+    },
+    relativePosition: {
+        '&$loadingOverlay': {
+            position: 'relative'
+        }
     }
 });

package/cjs/components/charts/MapChart/MapChart.js

@@ -36,6 +36,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MapChart = exports.LEGEND_WIDTH = void 0;
 var react_1 = __importStar(require("react"));
 var withPercents_1 = __importDefault(require("../HOCs/withPercents"));
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
 var react_simple_maps_1 = require("react-simple-maps");
 var d3_scale_1 = require("d3-scale");
 var d3Geo = __importStar(require("d3-geo"));
@@ -82,27 +84,28 @@ var MapChart = function (_a) {
     var _d = useTooltipState_1.default(), tooltipState = _d.tooltipState, showTooltip = _d.showTooltip, hideTooltip = _d.hideTooltip;
     var clickable = useClickableStyle_1.useClickableStyle(onItemClick);
     return (react_1.default.createElement("div", { className: styles.mapChart, style: { width: width, height: height } },
-        react_1.default.createElement(react_simple_maps_1.ComposableMap, { width: mapWidth, height: height, projection: projectionFunc },
-            react_1.default.createElement(react_simple_maps_1.Geographies, { geography: geography }, function (_a) {
-                var geographies = _a.geographies;
-                return geographies.map(function (geo) {
-                    var geoId = geo.properties[geoIdName || 'name'];
-                    var geoLabel = geo.properties.name;
-                    var cur = data.find(function (_a) {
-                        var group = _a.group;
-                        return group === geoId;
+        react_1.default.createElement(react_simple_maps_1.MapProvider, { width: mapWidth, height: height, projection: projectionFunc, projectionConfig: {} },
+            react_1.default.createElement("svg", { width: mapWidth, height: height, viewBox: "0 0 " + mapWidth + " " + height, className: 'rsm-svg' },
+                react_1.default.createElement(react_simple_maps_1.Geographies, { geography: geography }, function (_a) {
+                    var geographies = _a.geographies;
+                    return geographies.map(function (geo) {
+                        var geoId = geo.properties[geoIdName || 'name'];
+                        var geoLabel = geo.properties.name;
+                        var cur = data.find(function (_a) {
+                            var group = _a.group;
+                            return group === geoId;
+                        });
+                        return (react_1.default.createElement(react_simple_maps_1.Geography, { key: geo.rsmKey, geography: geo, fill: cur ? colorScale(cur.value) : '#EEE', stroke: '#FFF', className: classnames_1.default(styles.geography, clickable), onMouseEnter: function (event) {
+                                var data = cur || { label: geoLabel, value: 0, percent: 0, group: geoId };
+                                var mapRect = event.target.parentElement.parentElement.getBoundingClientRect();
+                                var coordinate = {
+                                    x: event.clientX - mapRect.x,
+                                    y: event.clientY - mapRect.y
+                                };
+                                showTooltip(data, coordinate);
+                            }, onMouseLeave: function () { return hideTooltip(); }, onClick: onItemClick && (function () { return onItemClick(geoId); }) }));
                     });
-                    return (react_1.default.createElement(react_simple_maps_1.Geography, { key: geo.rsmKey, geography: geo, fill: cur ? colorScale(cur.value) : '#EEE', stroke: '#FFF', className: classnames_1.default(styles.geography, clickable), onMouseEnter: function (event) {
-                            var data = cur || { label: geoLabel, value: 0, percent: 0, group: geoId };
-                            var mapRect = event.target.parentElement.parentElement.getBoundingClientRect();
-                            var coordinate = {
-                                x: event.clientX - mapRect.x,
-                                y: event.clientY - mapRect.y
-                            };
-                            showTooltip(data, coordinate);
-                        }, onMouseLeave: function () { return hideTooltip(); }, onClick: onItemClick && (function () { return onItemClick(geoId); }) }));
-                });
-            })),
+                }))),
         showLegend && react_1.default.createElement(Legend_1.default, { width: exports.LEGEND_WIDTH, minValue: minValue, maxValue: maxValue, colors: MAP_COLORS }),
         react_1.default.createElement(recharts_1.Tooltip, __assign({ viewBox: {
                 x: 0,

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

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
+var ramda_1 = require("ramda");
 var ArrowRightAlt_1 = __importDefault(require("@material-ui/icons/ArrowRightAlt"));
 var Chip_1 = __importDefault(require("@material-ui/core/Chip"));
 var helpers_1 = require("../../helpers/helpers");
@@ -17,7 +18,7 @@ var ChangeView = function (_a) {
         react_1.default.createElement("span", { className: styles.fieldName },
             label,
             ":"),
-        react_1.default.createElement("span", { className: styles.difference },
+        !ramda_1.isNil(value) && react_1.default.createElement("span", { className: styles.difference },
             value,
             newValue && oldValue && (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(ArrowRightAlt_1.default, { className: styles.arrow }),

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

@@ -40,16 +40,18 @@ var getEntityChanges = ramda_1.curry(function (metadata, entityInfo, changes) {
     return getAttributesList(metadata, attrTypes, changes);
 });
 exports.getEntityChanges = getEntityChanges;
-var getRelationChanges = ramda_1.curry(function (metadata, relationInfo, changes) {
+var getRelationChanges = ramda_1.curry(function (metadata, relationInfo, changes, changeType) {
+    var addRelationOperationIfNeeded = function (changes, changeType) {
+        if (changeType === operations_1.DCRTypes.CREATE_RELATIONSHIP || mdm_sdk_1.isEmptyValue(changes)) {
+            var operation = helpers_1.getOperationType(changeType);
+            return operation ? { operation: operation } : {};
+        }
+        return {};
+    };
     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)
-        },
+        __assign({ level: 1, label: ramda_1.propOr('', 'label', relationType), attributeType: relationType, attributeValue: __assign(__assign({}, relationInfo), changes) }, addRelationOperationIfNeeded(changes, changeType)),
         getAttributesList(metadata, attrTypes, changes, 2)
     ]);
 });

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

@@ -26,7 +26,7 @@ var SPECIAL_ATTRIBUTES_NAMES = [
 ];
 var prepareStartOrEndDate = function (_a) {
     var newValue = _a.newValue, oldValue = _a.oldValue;
-    var parseValue = function (value) { return (isNaN(value) ? value : parseInt(value)); };
+    var parseValue = function (value) { return (isNaN(value) || mdm_sdk_1.isEmptyValue(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);
@@ -211,7 +211,8 @@ var mergeChanges = function (metadata, changes, entityInfo, relationsInfo) {
         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]);
+        var changeType = ramda_1.path([relationInfo.uri, 0, 'type'], changes);
+        return attributesHelpers_1.getRelationChanges(metadata, relationInfo, relationsTrees[index], changeType);
     }));
     return [entityChanges, relationsChanges];
 };

package/cjs/contexts/RelatedObjectUrisContext/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const RelatedObjectUrisContext: React.Context<string[]>;

package/cjs/contexts/RelatedObjectUrisContext/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RelatedObjectUrisContext = void 0;
+var react_1 = __importDefault(require("react"));
+exports.RelatedObjectUrisContext = react_1.default.createContext([]);
+exports.RelatedObjectUrisContext.displayName = 'RelatedObjectUrisContext';

package/cjs/contexts/index.d.ts

@@ -13,3 +13,4 @@ export { CrosswalksDisplayProvider, useCrosswalkColor, useCrosswalkFocus, useCro
 export { ExpandedAttributesProvider, useAttributeExpanded } from './ExpandedAttributesContext';
 export { EntityMarkerContext } from './EntityMarkerContext';
 export { WorkflowTasksContext } from './WorkflowTasksContext';
+export { RelatedObjectUrisContext } from './RelatedObjectUrisContext';

package/cjs/contexts/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WorkflowTasksContext = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
+exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
 var AsyncMountContext_1 = require("./AsyncMountContext");
 Object.defineProperty(exports, "AsyncMountContext", { enumerable: true, get: function () { return AsyncMountContext_1.AsyncMountContext; } });
 var HistoryAppearanceContext_1 = require("./HistoryAppearanceContext");
@@ -36,3 +36,5 @@ var EntityMarkerContext_1 = require("./EntityMarkerContext");
 Object.defineProperty(exports, "EntityMarkerContext", { enumerable: true, get: function () { return EntityMarkerContext_1.EntityMarkerContext; } });
 var WorkflowTasksContext_1 = require("./WorkflowTasksContext");
 Object.defineProperty(exports, "WorkflowTasksContext", { enumerable: true, get: function () { return WorkflowTasksContext_1.WorkflowTasksContext; } });
+var RelatedObjectUrisContext_1 = require("./RelatedObjectUrisContext");
+Object.defineProperty(exports, "RelatedObjectUrisContext", { enumerable: true, get: function () { return RelatedObjectUrisContext_1.RelatedObjectUrisContext; } });

package/esm/components/CollaborationItem/SendMessageArea/SendMessageArea.js

@@ -10,6 +10,7 @@ import { Avatar } from '../Avatar/Avatar';
 import { CollaborationContext } from '../../../contexts';
 import { useStyles } from './styles';
 import { always, cond, T } from 'ramda';
+import { useSafePromise } from '../../../hooks';
 var getPlaceholder = function (status) {
     switch (status) {
         case 'open':
@@ -38,6 +39,7 @@ export var SendMessageArea = function (_a) {
     var _d = useState(''), plainTextValue = _d[0], setPlainTextValue = _d[1];
     var _e = useState([]), mentions = _e[0], setMentions = _e[1];
     var _f = useState(false), focused = _f[0], setFocused = _f[1];
+    var safePromise = useSafePromise();
     var hasValue = value.trim() !== '';
     var shouldShowButtons = focused || hasValue;
     var status = comment === null || comment === void 0 ? void 0 : comment.status;
@@ -98,7 +100,7 @@ export var SendMessageArea = function (_a) {
                 }
             ]
         ]);
-        return request().then(clearValue).catch(console.log); //eslint-disable-line no-console
+        return safePromise(request()).then(clearValue).catch(console.log); //eslint-disable-line no-console
     };
     useEffect(function () {
         if (popperRef) {

package/esm/components/CommentsContainer/CommentsContainer.js

@@ -1,8 +1,13 @@
-import React, { useContext, useState } from 'react';
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+import React, { useContext, useMemo, useState } from 'react';
 import classnames from 'classnames';
 import { useStyles } from './styles';
 import { useDidUpdateEffect } from '../../hooks';
-import { CollaborationContext } from '../../contexts';
+import { CollaborationContext, RelatedObjectUrisContext } from '../../contexts';
 import CommentButton from './buttons/CommentButton';
 import AddCommentButton from './buttons/AddCommentButton';
 import { CollaborationPopup } from '../CollaborationPopup/CollaborationPopup';
@@ -39,6 +44,10 @@ var CommentsContainer = function (_a) {
             onChangePopupVisibility(isOpenPopup);
         }
     }, [isOpenPopup]);
+    var additionalRelatedObjectUris = useContext(RelatedObjectUrisContext);
+    var allRelatedObjectUris = useMemo(function () {
+        return additionalRelatedObjectUris ? __spreadArray(__spreadArray([], relatedObjectUris), additionalRelatedObjectUris) : relatedObjectUris;
+    }, [additionalRelatedObjectUris, relatedObjectUris]);
     return (showComments && (React.createElement("div", { className: classnames(styles.root, className) },
         shouldShowAddCommentButton && (React.createElement(AddCommentButton, { className: classnames(styles.addButton, (_b = {},
                 _b[styles.showAlways] = showAlways || isOpenPopupWithNewComment,
@@ -47,6 +56,6 @@ var CommentsContainer = function (_a) {
             var replies = _a.replies, commentId = _a.commentId;
             return (React.createElement(CommentButton, { ref: commentId === (currentComment === null || currentComment === void 0 ? void 0 : currentComment.commentId) ? setAnchorEl : null, key: commentId, onClick: function () { return handleClickCommentButton(commentId); } }, 1 + replies));
         }),
-        React.createElement(CollaborationPopup, { anchorEl: anchorEl, open: isOpenPopup, onClose: handleClose, uri: uri, relatedObjectUris: relatedObjectUris, objectType: objectType, comment: currentComment }))));
+        React.createElement(CollaborationPopup, { anchorEl: anchorEl, open: isOpenPopup, onClose: handleClose, uri: uri, relatedObjectUris: allRelatedObjectUris, objectType: objectType, comment: currentComment }))));
 };
 export default CommentsContainer;

package/esm/components/LinearLoadIndicator/LinearLoadIndicator.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 declare type Props = {
     transparent?: boolean;
+    relativePosition?: boolean;
 };
-declare const LinearLoadIndicator: ({ transparent }: Props) => JSX.Element;
+declare const LinearLoadIndicator: ({ transparent, relativePosition }: Props) => JSX.Element;
 export default LinearLoadIndicator;

package/esm/components/LinearLoadIndicator/LinearLoadIndicator.js

@@ -4,9 +4,13 @@ import LinearProgress from '@material-ui/core/LinearProgress';
 import { useStyles } from './styles';
 var LinearLoadIndicator = function (_a) {
     var _b;
-    var _c = _a.transparent, transparent = _c === void 0 ? false : _c;
+    var _c = _a.transparent, transparent = _c === void 0 ? false : _c, _d = _a.relativePosition, relativePosition = _d === void 0 ? false : _d;
     var styles = useStyles();
-    return (React.createElement("div", { className: classnames(styles.loadingOverlay, (_b = {}, _b[styles.transparent] = transparent, _b)) },
-        React.createElement(LinearProgress, { color: "secondary" })));
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: classnames(styles.loadingOverlay, (_b = {},
+                _b[styles.transparent] = transparent,
+                _b[styles.relativePosition] = relativePosition,
+                _b)) },
+            React.createElement(LinearProgress, { color: "secondary" }))));
 };
 export default LinearLoadIndicator;

package/esm/components/LinearLoadIndicator/styles.d.ts

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

package/esm/components/LinearLoadIndicator/styles.js

@@ -12,5 +12,10 @@ export var useStyles = makeStyles({
     },
     transparent: {
         backgroundColor: 'transparent'
+    },
+    relativePosition: {
+        '&$loadingOverlay': {
+            position: 'relative'
+        }
     }
 });

package/esm/components/charts/MapChart/MapChart.js

@@ -11,7 +11,9 @@ var __assign = (this && this.__assign) || function () {
 };
 import React, { useMemo } from 'react';
 import withPercents from '../HOCs/withPercents';
-import { ComposableMap, Geographies, Geography } from 'react-simple-maps';
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import { Geographies, Geography, MapProvider } from 'react-simple-maps';
 import { scaleQuantize } from 'd3-scale';
 import * as d3Geo from 'd3-geo';
 import { feature } from 'topojson-client';
@@ -57,27 +59,28 @@ export var MapChart = function (_a) {
     var _d = useTooltipState(), tooltipState = _d.tooltipState, showTooltip = _d.showTooltip, hideTooltip = _d.hideTooltip;
     var clickable = useClickableStyle(onItemClick);
     return (React.createElement("div", { className: styles.mapChart, style: { width: width, height: height } },
-        React.createElement(ComposableMap, { width: mapWidth, height: height, projection: projectionFunc },
-            React.createElement(Geographies, { geography: geography }, function (_a) {
-                var geographies = _a.geographies;
-                return geographies.map(function (geo) {
-                    var geoId = geo.properties[geoIdName || 'name'];
-                    var geoLabel = geo.properties.name;
-                    var cur = data.find(function (_a) {
-                        var group = _a.group;
-                        return group === geoId;
+        React.createElement(MapProvider, { width: mapWidth, height: height, projection: projectionFunc, projectionConfig: {} },
+            React.createElement("svg", { width: mapWidth, height: height, viewBox: "0 0 " + mapWidth + " " + height, className: 'rsm-svg' },
+                React.createElement(Geographies, { geography: geography }, function (_a) {
+                    var geographies = _a.geographies;
+                    return geographies.map(function (geo) {
+                        var geoId = geo.properties[geoIdName || 'name'];
+                        var geoLabel = geo.properties.name;
+                        var cur = data.find(function (_a) {
+                            var group = _a.group;
+                            return group === geoId;
+                        });
+                        return (React.createElement(Geography, { key: geo.rsmKey, geography: geo, fill: cur ? colorScale(cur.value) : '#EEE', stroke: '#FFF', className: classnames(styles.geography, clickable), onMouseEnter: function (event) {
+                                var data = cur || { label: geoLabel, value: 0, percent: 0, group: geoId };
+                                var mapRect = event.target.parentElement.parentElement.getBoundingClientRect();
+                                var coordinate = {
+                                    x: event.clientX - mapRect.x,
+                                    y: event.clientY - mapRect.y
+                                };
+                                showTooltip(data, coordinate);
+                            }, onMouseLeave: function () { return hideTooltip(); }, onClick: onItemClick && (function () { return onItemClick(geoId); }) }));
                     });
-                    return (React.createElement(Geography, { key: geo.rsmKey, geography: geo, fill: cur ? colorScale(cur.value) : '#EEE', stroke: '#FFF', className: classnames(styles.geography, clickable), onMouseEnter: function (event) {
-                            var data = cur || { label: geoLabel, value: 0, percent: 0, group: geoId };
-                            var mapRect = event.target.parentElement.parentElement.getBoundingClientRect();
-                            var coordinate = {
-                                x: event.clientX - mapRect.x,
-                                y: event.clientY - mapRect.y
-                            };
-                            showTooltip(data, coordinate);
-                        }, onMouseLeave: function () { return hideTooltip(); }, onClick: onItemClick && (function () { return onItemClick(geoId); }) }));
-                });
-            })),
+                }))),
         showLegend && React.createElement(Legend, { width: LEGEND_WIDTH, minValue: minValue, maxValue: maxValue, colors: MAP_COLORS }),
         React.createElement(Tooltip, __assign({ viewBox: {
                 x: 0,

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import classnames from 'classnames';
+import { isNil } from 'ramda';
 import ArrowRightAltIcon from '@material-ui/icons/ArrowRightAlt';
 import Chip from '@material-ui/core/Chip';
 import { getOperationLabel } from '../../helpers/helpers';
@@ -12,7 +13,7 @@ var ChangeView = function (_a) {
         React.createElement("span", { className: styles.fieldName },
             label,
             ":"),
-        React.createElement("span", { className: styles.difference },
+        !isNil(value) && React.createElement("span", { className: styles.difference },
             value,
             newValue && oldValue && (React.createElement(React.Fragment, null,
                 React.createElement(ArrowRightAltIcon, { className: styles.arrow }),

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

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { complement, curry, flatten, is, isEmpty, pathOr, propOr, times } from 'ramda';
-import { DataTypes, getAttributeTypeSubAttributes, getLabel, getRelationAttributesList, getRelationType, isSpecialAttribute } from '@reltio/mdm-sdk';
+import { DataTypes, getAttributeTypeSubAttributes, getLabel, getRelationAttributesList, getRelationType, isEmptyValue, isSpecialAttribute } from '@reltio/mdm-sdk';
 import { getFilteredAttrTypes } from '../../../../attributes/helpers/attributesView';
 import { getOperationType } from './helpers';
 import { DCRTypes } from '../../../constants/operations';
@@ -36,16 +36,18 @@ var getEntityChanges = curry(function (metadata, entityInfo, changes) {
     var attrTypes = getFilteredAttrTypes(metadata, entityInfo.type, [], []);
     return getAttributesList(metadata, attrTypes, changes);
 });
-var getRelationChanges = curry(function (metadata, relationInfo, changes) {
+var getRelationChanges = curry(function (metadata, relationInfo, changes, changeType) {
+    var addRelationOperationIfNeeded = function (changes, changeType) {
+        if (changeType === DCRTypes.CREATE_RELATIONSHIP || isEmptyValue(changes)) {
+            var operation = getOperationType(changeType);
+            return operation ? { operation: operation } : {};
+        }
+        return {};
+    };
     var relationType = getRelationType(metadata, relationInfo.type);
     var attrTypes = getRelationAttributesList(metadata, relationInfo.type);
     return flatten([
-        {
-            level: 1,
-            label: propOr('', 'label', relationType),
-            attributeType: relationType,
-            attributeValue: __assign(__assign({}, relationInfo), changes)
-        },
+        __assign({ level: 1, label: propOr('', 'label', relationType), attributeType: relationType, attributeValue: __assign(__assign({}, relationInfo), changes) }, addRelationOperationIfNeeded(changes, changeType)),
         getAttributesList(metadata, attrTypes, changes, 2)
     ]);
 });

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

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { concat, curry, difference, flatten, identity, isNil, omit, pick, pipe, propEq, propOr, reduce } from 'ramda';
+import { concat, curry, difference, flatten, identity, isNil, omit, path, pick, pipe, propEq, propOr, reduce } from 'ramda';
 import { EntityAttrTypes, generateTempUri, getRoleLabel, isEmptyValue } from '@reltio/mdm-sdk';
 import { DCRTypes } from '../../../constants/operations';
 import { getEntityChanges, getRelationChanges } from './attributesHelpers';
@@ -23,7 +23,7 @@ var SPECIAL_ATTRIBUTES_NAMES = [
 ];
 var prepareStartOrEndDate = function (_a) {
     var newValue = _a.newValue, oldValue = _a.oldValue;
-    var parseValue = function (value) { return (isNaN(value) ? value : parseInt(value)); };
+    var parseValue = function (value) { return (isNaN(value) || isEmptyValue(value) ? value : parseInt(value)); };
     var isExistedValue = function (value) { return (value === null || value === void 0 ? void 0 : value.length) && !isEmptyValue(value); };
     var isExistNewValue = isExistedValue(newValue);
     var isExistOldValue = isExistedValue(oldValue);
@@ -208,7 +208,8 @@ var mergeChanges = function (metadata, changes, entityInfo, relationsInfo) {
         getAttributeChanges(EntityAttrTypes.endDate.name)
     ], changesTree);
     var relationsChanges = flatten(relationsInfo.map(function (relationInfo, index) {
-        return getRelationChanges(metadata, relationInfo, relationsTrees[index]);
+        var changeType = path([relationInfo.uri, 0, 'type'], changes);
+        return getRelationChanges(metadata, relationInfo, relationsTrees[index], changeType);
     }));
     return [entityChanges, relationsChanges];
 };

package/esm/contexts/RelatedObjectUrisContext/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const RelatedObjectUrisContext: React.Context<string[]>;

package/esm/contexts/RelatedObjectUrisContext/index.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export var RelatedObjectUrisContext = React.createContext([]);
+RelatedObjectUrisContext.displayName = 'RelatedObjectUrisContext';

package/esm/contexts/index.d.ts

@@ -13,3 +13,4 @@ export { CrosswalksDisplayProvider, useCrosswalkColor, useCrosswalkFocus, useCro
 export { ExpandedAttributesProvider, useAttributeExpanded } from './ExpandedAttributesContext';
 export { EntityMarkerContext } from './EntityMarkerContext';
 export { WorkflowTasksContext } from './WorkflowTasksContext';
+export { RelatedObjectUrisContext } from './RelatedObjectUrisContext';

package/esm/contexts/index.js

@@ -13,3 +13,4 @@ export { CrosswalksDisplayProvider, useCrosswalkColor, useCrosswalkFocus, useCro
 export { ExpandedAttributesProvider, useAttributeExpanded } from './ExpandedAttributesContext';
 export { EntityMarkerContext } from './EntityMarkerContext';
 export { WorkflowTasksContext } from './WorkflowTasksContext';
+export { RelatedObjectUrisContext } from './RelatedObjectUrisContext';

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.927",
+  "version": "1.4.928",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "^2.7.0",
-    "@reltio/mdm-module": "^1.4.927",
-    "@reltio/mdm-sdk": "^1.4.927",
+    "@reltio/mdm-module": "^1.4.928",
+    "@reltio/mdm-sdk": "^1.4.928",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",