@reltio/components 1.4.926 → 1.4.930

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/attributes/editMode/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -67,7 +67,7 @@ var AsyncMountPlaceholder = function () {
     return react_1.default.createElement("div", { className: styles.placeholder });
 };
 var SimpleAttributeEditor = function (_a) {
-    var _b;
+    var _b, _c;
     var className = _a.className, attributeValue = _a.attributeValue, attributeType = _a.attributeType, isReltioCrosswalk = _a.isReltioCrosswalk, ownError = _a.ownError, mode = _a.mode, onAddOneMore = _a.onAddOneMore, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, state = _a.state, otherProps = __rest(_a, ["className", "attributeValue", "attributeType", "isReltioCrosswalk", "ownError", "mode", "onAddOneMore", "onDeleteAttribute", "onChangeAttribute", "onDeactivateError", "additionalControlsRenderer", "state"]);
     var styles = styles_1.useStyles();
     var deleted = state === 'deleted';
@@ -96,28 +96,21 @@ var SimpleAttributeEditor = function (_a) {
             onDeactivateError(mdm_sdk_1.getErrorId(ownError));
         }
     };
-    if (showToEdit) {
-        var showAddButton = !!onAddOneMore && canCreate && !attributeType.singleValue;
-        var showDeleteButton = !deleted && !!onDeleteAttribute && canDelete;
-        var hasError = !!errorMessage;
-        var deletedProps = deleted ? { disabled: true } : {};
-        return (react_1.default.createElement("div", { className: classnames_1.default(styles.editor, className) },
-            react_1.default.createElement(ErrorWrapper_1.default, { errorMessage: errorMessage },
-                react_1.default.createElement("div", { className: classnames_1.default(styles['editor-value'], (_b = {}, _b[styles.deleted] = deleted, _b)) },
-                    react_1.default.createElement(DataTypeValueEditor_1.default, __assign({ fieldName: mdm_sdk_1.attributeUriToSearchUri(attributeType.uri), value: value, dataTypeDefinition: dataTypeDefinition, error: hasError, onChange: ramda_1.pipe(utils_1.prepareChangeData(attributeValue, attributeType), onChangeAttribute, deactivateError), fullWidth: true }, dependentLookupEditorContext, otherProps, deletedProps)))),
-            react_1.default.createElement("div", { className: styles['editor-actions'] },
-                edited && (react_1.default.createElement(Typography_1.default, { variant: "caption", className: styles.editedLabel },
-                    "(",
-                    ui_i18n_1.default.text('edited'),
-                    ")")),
-                showAddButton && (react_1.default.createElement(SmallIconButton_1.default, { icon: Add_1.default, onClick: onAddOneMore, size: "L", className: classnames_1.default(styles.addButton, styles.button) })),
-                additionalControlsRenderer && additionalControlsRenderer({ attributeType: attributeType, attributeValue: attributeValue }),
-                showDeleteButton && (react_1.default.createElement(SmallIconButton_1.default, { className: styles.button, icon: Delete_1.default, onClick: onDelete, size: "L" })))));
-    }
-    else {
-        return (react_1.default.createElement("div", { className: className },
-            react_1.default.createElement(DataTypeValue_1.default, { value: mdm_sdk_1.getAttributeValue(attributeValue), dataTypeDefinition: dataTypeDefinition })));
-    }
+    var showAddButton = !!onAddOneMore && canCreate && !attributeType.singleValue;
+    var showDeleteButton = !deleted && !!onDeleteAttribute && canDelete;
+    var hasError = !!errorMessage;
+    var deletedProps = deleted ? { disabled: true } : {};
+    return (react_1.default.createElement("div", { className: classnames_1.default(styles.editor, className) },
+        react_1.default.createElement(ErrorWrapper_1.default, { errorMessage: errorMessage, className: styles.errorWrapper },
+            react_1.default.createElement("div", { className: classnames_1.default(styles['editor-value'], (_b = {}, _b[styles.deleted] = deleted, _b), (_c = {}, _c[styles['editor-read-only-value']] = !showToEdit, _c)) }, showToEdit ? (react_1.default.createElement(DataTypeValueEditor_1.default, __assign({ fieldName: mdm_sdk_1.attributeUriToSearchUri(attributeType.uri), value: value, dataTypeDefinition: dataTypeDefinition, error: hasError, onChange: ramda_1.pipe(utils_1.prepareChangeData(attributeValue, attributeType), onChangeAttribute, deactivateError), fullWidth: true }, dependentLookupEditorContext, otherProps, deletedProps))) : (react_1.default.createElement(DataTypeValue_1.default, { value: mdm_sdk_1.getAttributeValue(attributeValue), dataTypeDefinition: dataTypeDefinition })))),
+        react_1.default.createElement("div", { className: styles['editor-actions'] },
+            edited && (react_1.default.createElement(Typography_1.default, { variant: "caption", className: styles.editedLabel },
+                "(",
+                ui_i18n_1.default.text('edited'),
+                ")")),
+            showAddButton && (react_1.default.createElement(SmallIconButton_1.default, { icon: Add_1.default, onClick: onAddOneMore, size: "L", className: classnames_1.default(styles.addButton, styles.button) })),
+            additionalControlsRenderer && additionalControlsRenderer({ attributeType: attributeType, attributeValue: attributeValue }),
+            showDeleteButton && (react_1.default.createElement(SmallIconButton_1.default, { className: styles.button, icon: Delete_1.default, onClick: onDelete, size: "L" })))));
 };
 SimpleAttributeEditor.propTypes = {
     className: prop_types_1.default.string,

package/cjs/components/attributes/editMode/SimpleAttributeEditor/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"deleted" | "button" | "placeholder" | "wrapper" | "addButton" | "editor" | "editor-value" | "editor-actions" | "editedLabel">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"deleted" | "button" | "placeholder" | "wrapper" | "addButton" | "editor" | "errorWrapper" | "editor-value" | "editor-read-only-value" | "editor-actions" | "editedLabel">;

package/cjs/components/attributes/editMode/SimpleAttributeEditor/styles.js

@@ -7,6 +7,9 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
     wrapper: {
         width: '100%'
     },
+    errorWrapper: {
+        alignSelf: 'stretch'
+    },
     editor: {
         display: 'flex',
         flex: 1,
@@ -16,6 +19,11 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
     'editor-value': {
         flex: '1 1 auto'
     },
+    'editor-read-only-value': {
+        marginLeft: '12px',
+        display: 'flex',
+        alignItems: 'center'
+    },
     'editor-actions': {
         display: 'flex',
         alignItems: 'center',

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/crosswalks/CrosswalkRow/CrosswalkRow.js

@@ -97,7 +97,9 @@ var CrosswalkRow = function (_a) {
                     react_1.default.createElement(Typography_1.default, { variant: 'body2', className: styles.labelValue, noWrap: true }, crosswalk.value))),
             expanded && (react_1.default.createElement("div", { className: styles.attributesWrapper },
                 canDelete && (react_1.default.createElement("div", { className: styles.deleteCrosswalkButton },
-                    react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { icon: Delete_1.default, disabled: disableDelete, onClick: function () { return setDeleteDialogOpen(true); }, size: "XS", tooltipTitle: ui_i18n_1.default.text('Delete crosswalk'), showForDisabled: true }),
+                    react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { icon: Delete_1.default, disabled: disableDelete, onClick: function () { return setDeleteDialogOpen(true); }, size: "XS", tooltipTitle: disableDelete
+                            ? ui_i18n_1.default.text("You don't have permissions to delete")
+                            : ui_i18n_1.default.text('Delete crosswalk'), showForDisabled: true }),
                     react_1.default.createElement(ConfirmDeleteDialog_1.default, { open: isDeleteDialogOpen, onConfirm: handleDeleteCrosswalk, onClose: function () { return setDeleteDialogOpen(false); } }))),
                 react_1.default.createElement(CrosswalkAttributes_1.default, { crosswalk: crosswalk, canEditAttribute: !disableEdit, onEditAttribute: function (attributeName, value) {
                         onEdit({

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/cjs/hooks/useCollaboration.d.ts

@@ -1,5 +1,10 @@
 import { CollaborationObjectTypes, Comment, CommentsMap } from '@reltio/mdm-sdk';
-export declare const useCollaboration: (objectIds?: string[], objectTypes?: CollaborationObjectTypes[]) => {
+declare type Props = {
+    objectIds?: string[];
+    objectTypes?: CollaborationObjectTypes[];
+    enabled?: boolean;
+};
+export declare const useCollaboration: ({ objectIds, objectTypes, enabled }: Props) => {
     clearCurrentComment: () => void;
     comments: Comment[];
     commentsMap: CommentsMap;
@@ -18,3 +23,4 @@ export declare const useCollaboration: (objectIds?: string[], objectTypes?: Coll
     resolveThread: ({ commentId, uri }: any) => void;
     sending: boolean;
 };
+export {};

package/cjs/hooks/useCollaboration.js

@@ -27,18 +27,18 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var defaultObjectIds = [];
 var catchErrorInRequest = function (e) { return console.error('Collaboration error', e); };
-var useCollaboration = function (objectIds, objectTypes) {
-    if (objectIds === void 0) { objectIds = defaultObjectIds; }
+var useCollaboration = function (_a) {
+    var _b = _a.objectIds, objectIds = _b === void 0 ? defaultObjectIds : _b, objectTypes = _a.objectTypes, _c = _a.enabled, enabled = _c === void 0 ? true : _c;
     var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity);
     var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);
     var collaborationPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getCollaborationPath);
-    var isCollaborationEnabled = react_redux_1.useSelector(mdm_module_1.default.selectors.isCollaborationEnabled);
-    var _a = react_1.useState(null), pageToken = _a[0], setPageToken = _a[1];
-    var _b = react_1.useState([]), comments = _b[0], setComments = _b[1];
-    var _c = react_1.useState(null), commentsMap = _c[0], setCommentsMap = _c[1];
-    var _d = react_1.useState(null), currentComment = _d[0], setCurrentComment = _d[1];
-    var _e = react_1.useState(false), sending = _e[0], setSending = _e[1];
-    var _f = react_1.useState(false), loading = _f[0], setLoading = _f[1];
+    var isCollaborationEnabled = react_redux_1.useSelector(mdm_module_1.default.selectors.isCollaborationEnabled) && enabled;
+    var _d = react_1.useState(null), pageToken = _d[0], setPageToken = _d[1];
+    var _e = react_1.useState([]), comments = _e[0], setComments = _e[1];
+    var _f = react_1.useState(null), commentsMap = _f[0], setCommentsMap = _f[1];
+    var _g = react_1.useState(null), currentComment = _g[0], setCurrentComment = _g[1];
+    var _h = react_1.useState(false), sending = _h[0], setSending = _h[1];
+    var _j = react_1.useState(false), loading = _j[0], setLoading = _j[1];
     var addCommentsToCommentsMap = react_1.useCallback(function (commentsMap) {
         setCommentsMap(function (currentCommentsMap) { return (__assign(__assign({}, currentCommentsMap), commentsMap)); });
     }, []);

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/attributes/editMode/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -43,7 +43,7 @@ var AsyncMountPlaceholder = function () {
     return React.createElement("div", { className: styles.placeholder });
 };
 var SimpleAttributeEditor = function (_a) {
-    var _b;
+    var _b, _c;
     var className = _a.className, attributeValue = _a.attributeValue, attributeType = _a.attributeType, isReltioCrosswalk = _a.isReltioCrosswalk, ownError = _a.ownError, mode = _a.mode, onAddOneMore = _a.onAddOneMore, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, state = _a.state, otherProps = __rest(_a, ["className", "attributeValue", "attributeType", "isReltioCrosswalk", "ownError", "mode", "onAddOneMore", "onDeleteAttribute", "onChangeAttribute", "onDeactivateError", "additionalControlsRenderer", "state"]);
     var styles = useStyles();
     var deleted = state === 'deleted';
@@ -72,28 +72,21 @@ var SimpleAttributeEditor = function (_a) {
             onDeactivateError(getErrorId(ownError));
         }
     };
-    if (showToEdit) {
-        var showAddButton = !!onAddOneMore && canCreate && !attributeType.singleValue;
-        var showDeleteButton = !deleted && !!onDeleteAttribute && canDelete;
-        var hasError = !!errorMessage;
-        var deletedProps = deleted ? { disabled: true } : {};
-        return (React.createElement("div", { className: classnames(styles.editor, className) },
-            React.createElement(ErrorWrapper, { errorMessage: errorMessage },
-                React.createElement("div", { className: classnames(styles['editor-value'], (_b = {}, _b[styles.deleted] = deleted, _b)) },
-                    React.createElement(DataTypeValueEditor, __assign({ fieldName: attributeUriToSearchUri(attributeType.uri), value: value, dataTypeDefinition: dataTypeDefinition, error: hasError, onChange: pipe(prepareChangeData(attributeValue, attributeType), onChangeAttribute, deactivateError), fullWidth: true }, dependentLookupEditorContext, otherProps, deletedProps)))),
-            React.createElement("div", { className: styles['editor-actions'] },
-                edited && (React.createElement(Typography, { variant: "caption", className: styles.editedLabel },
-                    "(",
-                    i18n.text('edited'),
-                    ")")),
-                showAddButton && (React.createElement(SmallIconButton, { icon: AddIcon, onClick: onAddOneMore, size: "L", className: classnames(styles.addButton, styles.button) })),
-                additionalControlsRenderer && additionalControlsRenderer({ attributeType: attributeType, attributeValue: attributeValue }),
-                showDeleteButton && (React.createElement(SmallIconButton, { className: styles.button, icon: DeleteIcon, onClick: onDelete, size: "L" })))));
-    }
-    else {
-        return (React.createElement("div", { className: className },
-            React.createElement(DataTypeValue, { value: getAttributeValue(attributeValue), dataTypeDefinition: dataTypeDefinition })));
-    }
+    var showAddButton = !!onAddOneMore && canCreate && !attributeType.singleValue;
+    var showDeleteButton = !deleted && !!onDeleteAttribute && canDelete;
+    var hasError = !!errorMessage;
+    var deletedProps = deleted ? { disabled: true } : {};
+    return (React.createElement("div", { className: classnames(styles.editor, className) },
+        React.createElement(ErrorWrapper, { errorMessage: errorMessage, className: styles.errorWrapper },
+            React.createElement("div", { className: classnames(styles['editor-value'], (_b = {}, _b[styles.deleted] = deleted, _b), (_c = {}, _c[styles['editor-read-only-value']] = !showToEdit, _c)) }, showToEdit ? (React.createElement(DataTypeValueEditor, __assign({ fieldName: attributeUriToSearchUri(attributeType.uri), value: value, dataTypeDefinition: dataTypeDefinition, error: hasError, onChange: pipe(prepareChangeData(attributeValue, attributeType), onChangeAttribute, deactivateError), fullWidth: true }, dependentLookupEditorContext, otherProps, deletedProps))) : (React.createElement(DataTypeValue, { value: getAttributeValue(attributeValue), dataTypeDefinition: dataTypeDefinition })))),
+        React.createElement("div", { className: styles['editor-actions'] },
+            edited && (React.createElement(Typography, { variant: "caption", className: styles.editedLabel },
+                "(",
+                i18n.text('edited'),
+                ")")),
+            showAddButton && (React.createElement(SmallIconButton, { icon: AddIcon, onClick: onAddOneMore, size: "L", className: classnames(styles.addButton, styles.button) })),
+            additionalControlsRenderer && additionalControlsRenderer({ attributeType: attributeType, attributeValue: attributeValue }),
+            showDeleteButton && (React.createElement(SmallIconButton, { className: styles.button, icon: DeleteIcon, onClick: onDelete, size: "L" })))));
 };
 SimpleAttributeEditor.propTypes = {
     className: PropTypes.string,

package/esm/components/attributes/editMode/SimpleAttributeEditor/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"deleted" | "button" | "placeholder" | "wrapper" | "addButton" | "editor" | "editor-value" | "editor-actions" | "editedLabel">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"deleted" | "button" | "placeholder" | "wrapper" | "addButton" | "editor" | "errorWrapper" | "editor-value" | "editor-read-only-value" | "editor-actions" | "editedLabel">;

package/esm/components/attributes/editMode/SimpleAttributeEditor/styles.js

@@ -4,6 +4,9 @@ export var useStyles = makeStyles(function (theme) { return ({
     wrapper: {
         width: '100%'
     },
+    errorWrapper: {
+        alignSelf: 'stretch'
+    },
     editor: {
         display: 'flex',
         flex: 1,
@@ -13,6 +16,11 @@ export var useStyles = makeStyles(function (theme) { return ({
     'editor-value': {
         flex: '1 1 auto'
     },
+    'editor-read-only-value': {
+        marginLeft: '12px',
+        display: 'flex',
+        alignItems: 'center'
+    },
     'editor-actions': {
         display: 'flex',
         alignItems: 'center',

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/crosswalks/CrosswalkRow/CrosswalkRow.js

@@ -73,7 +73,9 @@ var CrosswalkRow = function (_a) {
                     React.createElement(Typography, { variant: 'body2', className: styles.labelValue, noWrap: true }, crosswalk.value))),
             expanded && (React.createElement("div", { className: styles.attributesWrapper },
                 canDelete && (React.createElement("div", { className: styles.deleteCrosswalkButton },
-                    React.createElement(SmallIconButtonWithTooltip, { icon: DeleteIcon, disabled: disableDelete, onClick: function () { return setDeleteDialogOpen(true); }, size: "XS", tooltipTitle: i18n.text('Delete crosswalk'), showForDisabled: true }),
+                    React.createElement(SmallIconButtonWithTooltip, { icon: DeleteIcon, disabled: disableDelete, onClick: function () { return setDeleteDialogOpen(true); }, size: "XS", tooltipTitle: disableDelete
+                            ? i18n.text("You don't have permissions to delete")
+                            : i18n.text('Delete crosswalk'), showForDisabled: true }),
                     React.createElement(ConfirmDeleteDialog, { open: isDeleteDialogOpen, onConfirm: handleDeleteCrosswalk, onClose: function () { return setDeleteDialogOpen(false); } }))),
                 React.createElement(CrosswalkAttributes, { crosswalk: crosswalk, canEditAttribute: !disableEdit, onEditAttribute: function (attributeName, value) {
                         onEdit({

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/esm/hooks/useCollaboration.d.ts

@@ -1,5 +1,10 @@
 import { CollaborationObjectTypes, Comment, CommentsMap } from '@reltio/mdm-sdk';
-export declare const useCollaboration: (objectIds?: string[], objectTypes?: CollaborationObjectTypes[]) => {
+declare type Props = {
+    objectIds?: string[];
+    objectTypes?: CollaborationObjectTypes[];
+    enabled?: boolean;
+};
+export declare const useCollaboration: ({ objectIds, objectTypes, enabled }: Props) => {
     clearCurrentComment: () => void;
     comments: Comment[];
     commentsMap: CommentsMap;
@@ -18,3 +23,4 @@ export declare const useCollaboration: (objectIds?: string[], objectTypes?: Coll
     resolveThread: ({ commentId, uri }: any) => void;
     sending: boolean;
 };
+export {};

package/esm/hooks/useCollaboration.js

@@ -21,18 +21,18 @@ import { createComment as createCommentRequest, createReply as createReplyReques
 import mdm from '@reltio/mdm-module';
 var defaultObjectIds = [];
 var catchErrorInRequest = function (e) { return console.error('Collaboration error', e); };
-export var useCollaboration = function (objectIds, objectTypes) {
-    if (objectIds === void 0) { objectIds = defaultObjectIds; }
+export var useCollaboration = function (_a) {
+    var _b = _a.objectIds, objectIds = _b === void 0 ? defaultObjectIds : _b, objectTypes = _a.objectTypes, _c = _a.enabled, enabled = _c === void 0 ? true : _c;
     var entity = useSelector(mdm.selectors.getEntity);
     var tenant = useSelector(mdm.selectors.getTenant);
     var collaborationPath = useSelector(mdm.selectors.getCollaborationPath);
-    var isCollaborationEnabled = useSelector(mdm.selectors.isCollaborationEnabled);
-    var _a = useState(null), pageToken = _a[0], setPageToken = _a[1];
-    var _b = useState([]), comments = _b[0], setComments = _b[1];
-    var _c = useState(null), commentsMap = _c[0], setCommentsMap = _c[1];
-    var _d = useState(null), currentComment = _d[0], setCurrentComment = _d[1];
-    var _e = useState(false), sending = _e[0], setSending = _e[1];
-    var _f = useState(false), loading = _f[0], setLoading = _f[1];
+    var isCollaborationEnabled = useSelector(mdm.selectors.isCollaborationEnabled) && enabled;
+    var _d = useState(null), pageToken = _d[0], setPageToken = _d[1];
+    var _e = useState([]), comments = _e[0], setComments = _e[1];
+    var _f = useState(null), commentsMap = _f[0], setCommentsMap = _f[1];
+    var _g = useState(null), currentComment = _g[0], setCurrentComment = _g[1];
+    var _h = useState(false), sending = _h[0], setSending = _h[1];
+    var _j = useState(false), loading = _j[0], setLoading = _j[1];
     var addCommentsToCommentsMap = useCallback(function (commentsMap) {
         setCommentsMap(function (currentCommentsMap) { return (__assign(__assign({}, currentCommentsMap), commentsMap)); });
     }, []);

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.926",
+  "version": "1.4.930",
   "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.926",
-    "@reltio/mdm-sdk": "^1.4.926",
+    "@reltio/mdm-module": "^1.4.930",
+    "@reltio/mdm-sdk": "^1.4.930",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",