@reltio/components 1.4.1326 → 1.4.1328

package/cjs/components/CollaborationItem/Comment/Comment.js

@@ -48,33 +48,35 @@ var Comment = function (_a) {
     var onReply = _a.onReply, className = _a.className, uri = _a.uri, comment = _a.comment, relatedObjectUris = _a.relatedObjectUris, objectType = _a.objectType;
     var styles = (0, styles_1.useStyles)();
     var inputRef = (0, react_1.useRef)();
-    var _b = (0, react_1.useState)(false), isEditingComment = _b[0], setIsEditingComment = _b[1];
     var username = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUserName);
     var commentId = comment.commentId, createdBy = comment.createdBy, createdTime = comment.createdTime;
     var canChangeComment = createdBy === username;
-    var _c = (0, react_1.useContext)(contexts_1.CollaborationContext), resolveThread = _c.resolveThread, reOpenThread = _c.reOpenThread, sending = _c.sending, deleteComment = _c.deleteComment;
+    var _b = (0, react_1.useContext)(contexts_1.CollaborationContext), resolveThread = _b.resolveThread, reOpenThread = _b.reOpenThread, sending = _b.sending, deleteComment = _b.deleteComment, updateCommentState = _b.updateCommentState, getCommentState = _b.getCommentState;
+    var commentUri = (0, utils_1.createEditedCommentUri)(comment);
+    var isEditing = getCommentState(uri, commentUri).isEditing;
+    var updateIsEditingComment = (0, react_1.useCallback)(function (value) { return updateCommentState(uri, commentUri, { isEditing: value }); }, [commentUri, updateCommentState, uri]);
     (0, react_1.useEffect)(function () {
-        if (isEditingComment) {
+        if (isEditing) {
             inputRef.current.focus();
         }
-    }, [isEditingComment]);
+    }, [isEditing]);
     var menuItems = (0, react_1.useMemo)(function () { return [
         {
             text: ui_i18n_1.default.text('Edit'),
-            onClick: function () { return setIsEditingComment(true); }
+            onClick: function () { return updateIsEditingComment(true); }
         },
         {
             text: ui_i18n_1.default.text('Delete'),
             onClick: function () { return deleteComment({ uri: uri, commentId: commentId }); }
         }
-    ]; }, [deleteComment, uri, commentId]);
+    ]; }, [deleteComment, uri, commentId, updateIsEditingComment]);
     var handleResolve = function () {
         resolveThread({ commentId: commentId, uri: uri });
     };
     var handleReOpen = function () {
         reOpenThread({ commentId: commentId, uri: uri });
     };
-    var sendMessageArea = (react_1.default.createElement(SendMessageArea_1.SendMessageArea, { inputRef: inputRef, uri: uri, relatedObjectUris: relatedObjectUris, objectType: objectType, onCancel: function () { return setIsEditingComment(false); }, isEditingComment: isEditingComment, comment: comment }));
+    var sendMessageArea = (react_1.default.createElement(SendMessageArea_1.SendMessageArea, { inputRef: inputRef, uri: uri, relatedObjectUris: relatedObjectUris, objectType: objectType, onCancel: function () { return updateIsEditingComment(false); }, isEditingComment: isEditing, comment: comment }));
     return (react_1.default.createElement(Box_1.default, { className: className },
         react_1.default.createElement(Box_1.default, { className: styles.header },
             react_1.default.createElement(Avatar_1.Avatar, { classes: { root: styles.avatar } }, createdBy),
@@ -87,7 +89,7 @@ var Comment = function (_a) {
                 }, popoverProps: { PopoverClasses: { root: styles.dropdownMenu } }, menuItems: menuItems, menuId: "collaboration-comment-menu" }))),
         react_1.default.createElement(Box_1.default, { className: styles.body },
             react_1.default.createElement(CommentTarget_1.CommentTarget, { comment: comment, className: styles.commentTarget }),
-            isEditingComment ? sendMessageArea : react_1.default.createElement(CommentContent_1.CommentContent, { comment: comment, className: styles.message }),
+            isEditing ? sendMessageArea : react_1.default.createElement(CommentContent_1.CommentContent, { comment: comment, className: styles.message }),
             react_1.default.createElement(Box_1.default, { className: styles.buttons },
                 react_1.default.createElement(Link_1.default, { className: styles.button, onClick: onReply, component: "button" }, ui_i18n_1.default.text('Reply')),
                 comment.status === 'open' && (react_1.default.createElement(Link_1.default, { disabled: sending, className: styles.button, onClick: handleResolve, component: "button" }, ui_i18n_1.default.text('Resolve'))),

package/cjs/components/CollaborationItem/RepliedComment/RepliedComment.js

@@ -38,36 +38,38 @@ var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var Avatar_1 = require("../Avatar/Avatar");
 var CommentContent_1 = require("../CommentContent/CommentContent");
 var utils_1 = require("../utils");
-var styles_1 = require("./styles");
 var contexts_1 = require("../../../contexts");
 var DropDownMenuButton_1 = __importDefault(require("../../DropDownMenuButton/DropDownMenuButton"));
 var SmallIconButton_1 = require("../../SmallIconButton");
 var SendMessageArea_1 = require("../SendMessageArea/SendMessageArea");
+var styles_1 = require("./styles");
 var RepliedComment = function (_a) {
     var className = _a.className, reply = _a.reply, uri = _a.uri, comment = _a.comment, popperRef = _a.popperRef;
     var inputRef = (0, react_1.useRef)();
-    var _b = (0, react_1.useState)(false), isEditingReply = _b[0], setIsEditingReply = _b[1];
     var createdBy = reply.createdBy, action = reply.action, createdTime = reply.createdTime;
     var username = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUserName);
     var canChangeReply = createdBy === username;
-    var deleteReply = (0, react_1.useContext)(contexts_1.CollaborationContext).deleteReply;
+    var _b = (0, react_1.useContext)(contexts_1.CollaborationContext), deleteReply = _b.deleteReply, updateCommentState = _b.updateCommentState, getCommentState = _b.getCommentState;
+    var commentUri = (0, utils_1.createEditedReplyUri)(comment, reply);
+    var isEditing = getCommentState(uri, commentUri).isEditing;
+    var updateIsEditingReply = (0, react_1.useCallback)(function (value) { return updateCommentState(uri, commentUri, { isEditing: value }); }, [commentUri, updateCommentState, uri]);
     (0, react_1.useEffect)(function () {
-        if (isEditingReply) {
+        if (isEditing) {
             inputRef.current.focus();
         }
-    }, [isEditingReply]);
+    }, [isEditing]);
     var styles = (0, styles_1.useStyles)();
     var menuItems = (0, react_1.useMemo)(function () { return [
         {
             text: ui_i18n_1.default.text('Edit'),
-            onClick: function () { return setIsEditingReply(true); }
+            onClick: function () { return updateIsEditingReply(true); }
         },
         {
             text: ui_i18n_1.default.text('Delete'),
             onClick: function () { return deleteReply({ uri: uri, commentId: comment.commentId, reply: reply }); }
         }
-    ]; }, [deleteReply, uri, comment.commentId, reply]);
-    var sendMessageArea = (react_1.default.createElement(SendMessageArea_1.SendMessageArea, { inputRef: inputRef, popperRef: popperRef, uri: uri, onCancel: function () { return setIsEditingReply(false); }, isEditingReply: isEditingReply, reply: reply, comment: comment }));
+    ]; }, [deleteReply, uri, comment.commentId, reply, updateIsEditingReply]);
+    var sendMessageArea = (react_1.default.createElement(SendMessageArea_1.SendMessageArea, { inputRef: inputRef, popperRef: popperRef, uri: uri, onCancel: function () { return updateIsEditingReply(false); }, isEditingReply: isEditing, reply: reply, comment: comment }));
     return (react_1.default.createElement(Box_1.default, { className: (0, classnames_1.default)(styles.root, className) },
         react_1.default.createElement(Avatar_1.Avatar, { classes: { root: styles.avatar } }, createdBy),
         react_1.default.createElement(Box_1.default, { flexGrow: 1 },
@@ -76,7 +78,7 @@ var RepliedComment = function (_a) {
                 action === 'resolve' && (react_1.default.createElement(Typography_1.default, { className: styles.marked }, ui_i18n_1.default.text('Marked as resolved'))),
                 action === 'reopen' && react_1.default.createElement(Typography_1.default, { className: styles.marked }, ui_i18n_1.default.text('Re-opened'))),
             action !== 'resolve' &&
-                (isEditingReply ? sendMessageArea : react_1.default.createElement(CommentContent_1.CommentContent, { className: styles.message, comment: reply })),
+                (isEditing ? sendMessageArea : react_1.default.createElement(CommentContent_1.CommentContent, { className: styles.message, comment: reply })),
             react_1.default.createElement(Typography_1.default, { className: styles.createdAt }, (0, utils_1.formatDate)(createdTime))),
         canChangeReply && (react_1.default.createElement(DropDownMenuButton_1.default, { buttonComponent: SmallIconButton_1.SmallIconButtonWithTooltip, buttonProps: {
                 icon: MoreVert_1.default,

package/cjs/components/CollaborationItem/SendMessageArea/SendMessageArea.d.ts

@@ -8,7 +8,7 @@ declare type Props = {
     relatedObjectUris?: Comment['relatedObjectUris'];
     popperRef?: React.RefObject<any>;
     comment?: Comment;
-    reply?: Pick<Reply, 'content' | 'replyId'>;
+    reply?: Pick<Reply, 'content' | 'replyId' | 'namedUsers'>;
     isEditingComment?: boolean;
     isEditingReply?: boolean;
     onCancel?: () => void;

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

@@ -38,8 +38,8 @@ var Button_1 = __importDefault(require("@material-ui/core/Button"));
 var TextFieldWithMentions_1 = require("../TextFieldWithMentions/TextFieldWithMentions");
 var Avatar_1 = require("../Avatar/Avatar");
 var contexts_1 = require("../../../contexts");
+var utils_1 = require("../utils");
 var styles_1 = require("./styles");
-var hooks_1 = require("../../../hooks");
 var getPlaceholder = function (status) {
     switch (status) {
         case 'open':
@@ -59,31 +59,35 @@ var getButtonText = function (status, isEditingComment, isEditingReply) {
     }
     return ui_i18n_1.default.text('Comment');
 };
+var getDefaultCommentState = function (_a) {
+    var comment = _a.comment, reply = _a.reply, isEditingComment = _a.isEditingComment, isEditingReply = _a.isEditingReply;
+    var commentOrReply = isEditingComment ? comment : isEditingReply ? reply : null;
+    var _b = commentOrReply || {}, _c = _b.content, plainTextValue = _c === void 0 ? '' : _c, _d = _b.namedUsers, mentions = _d === void 0 ? [] : _d;
+    return {
+        value: (0, utils_1.transformPlainTextValueToValueWithMentions)(plainTextValue, mentions),
+        plainTextValue: plainTextValue,
+        mentions: mentions
+    };
+};
 var SendMessageArea = function (_a) {
     var inputRef = _a.inputRef, className = _a.className, uri = _a.uri, relatedObjectUris = _a.relatedObjectUris, objectType = _a.objectType, popperRef = _a.popperRef, comment = _a.comment, reply = _a.reply, isEditingComment = _a.isEditingComment, isEditingReply = _a.isEditingReply, onCancel = _a.onCancel;
     var isEditing = isEditingComment || isEditingReply;
     var styles = (0, styles_1.useStyles)({ isEditing: isEditing });
+    var _b = (0, react_1.useState)(false), focused = _b[0], setFocused = _b[1];
     var username = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUserName);
-    var _b = (0, react_1.useContext)(contexts_1.CollaborationContext), createReply = _b.createReply, createComment = _b.createComment, sending = _b.sending, editComment = _b.editComment, editReply = _b.editReply;
-    var _c = (0, react_1.useState)(''), value = _c[0], setValue = _c[1];
-    var _d = (0, react_1.useState)(''), plainTextValue = _d[0], setPlainTextValue = _d[1];
-    var _e = (0, react_1.useState)([]), mentions = _e[0], setMentions = _e[1];
-    var _f = (0, react_1.useState)(false), focused = _f[0], setFocused = _f[1];
-    var safePromise = (0, hooks_1.useSafePromise)();
+    var _c = (0, react_1.useContext)(contexts_1.CollaborationContext), createReply = _c.createReply, createComment = _c.createComment, sending = _c.sending, editComment = _c.editComment, editReply = _c.editReply, getCommentState = _c.getCommentState, updateCommentState = _c.updateCommentState, clearCommentState = _c.clearCommentState;
+    var commentUri = (0, utils_1.createCommentUri)({ comment: comment, reply: reply, isEditingComment: isEditingComment, isEditingReply: isEditingReply });
+    var defaultCommentState = getDefaultCommentState({ comment: comment, reply: reply, isEditingComment: isEditingComment, isEditingReply: isEditingReply });
+    var _d = getCommentState(uri, commentUri), _e = _d.value, value = _e === void 0 ? defaultCommentState.value : _e, _f = _d.plainTextValue, plainTextValue = _f === void 0 ? defaultCommentState.plainTextValue : _f, _g = _d.mentions, mentions = _g === void 0 ? defaultCommentState.mentions : _g;
     var hasValue = value.trim() !== '';
     var shouldShowButtons = focused || hasValue;
     var status = comment === null || comment === void 0 ? void 0 : comment.status;
-    var updateValue = function (value, plainTextValue, mentions) {
-        setMentions(mentions);
-        setValue(value);
-        setPlainTextValue(plainTextValue);
-    };
     var clearValue = function () {
         onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-        updateValue('', '', []);
+        clearCommentState(uri, commentUri);
     };
-    var handleChange = function (newValue, newPlainTextValue, mentions) {
-        updateValue(newValue, newPlainTextValue, mentions);
+    var handleChange = function (value, plainTextValue, mentions) {
+        return updateCommentState(uri, commentUri, { value: value, plainTextValue: plainTextValue, mentions: mentions });
     };
     var handleCancel = function () { return clearValue(); };
     var handleFocus = function () { return setFocused(true); };
@@ -141,26 +145,13 @@ var SendMessageArea = function (_a) {
                 }
             ]
         ]);
-        return safePromise(request()).then(clearValue).catch(console.log); //eslint-disable-line no-console
+        return request().then(clearValue).catch(console.log); //eslint-disable-line no-console
     };
     (0, react_1.useEffect)(function () {
         if (popperRef) {
             popperRef.current.update();
         }
     }, [popperRef, shouldShowButtons]);
-    (0, react_1.useEffect)(function () {
-        if (isEditingComment || isEditingReply) {
-            if (isEditingComment) {
-                setValue(comment.content);
-            }
-            else {
-                setValue(reply.content);
-            }
-        }
-        else {
-            clearValue();
-        }
-    }, [isEditingComment, isEditingReply]);
     var buttonSize = isEditing ? 'small' : 'medium';
     return (react_1.default.createElement(Box_1.default, { className: (0, classnames_1.default)(styles.root, className) },
         react_1.default.createElement("form", { onSubmit: handleSubmit, className: styles.form },

package/cjs/components/CollaborationItem/utils/index.d.ts

@@ -1,5 +1,18 @@
-import { Comment } from '@reltio/mdm-sdk';
+import { Comment, Reply } from '@reltio/mdm-sdk';
 export declare const getAbbreviationFromUserName: (username: string) => string;
 export declare const getRelatedEntityUri: (comment: Pick<Comment, 'relatedObjectUris'>, entityUri: string) => string;
 export declare const formatDate: (time: number) => string;
 export declare const processMentions: (text: string, mentions: string[], processor?: (mention: string) => unknown, trigger?: string) => any[];
+export declare const createNewCommentUri: () => string;
+export declare const createNewReplyUri: (comment: Pick<Comment, 'commentId'>) => string;
+export declare const createEditedCommentUri: (comment: Pick<Comment, 'commentId'>) => string;
+export declare const createEditedReplyUri: (comment: Pick<Comment, 'commentId'>, reply: Pick<Reply, 'replyId'>) => string;
+declare type CreateCommentUriProps = {
+    comment: Pick<Comment, 'commentId'> | null;
+    reply: Pick<Reply, 'replyId'> | null;
+    isEditingReply: boolean;
+    isEditingComment: boolean;
+};
+export declare const createCommentUri: ({ comment, reply, isEditingComment, isEditingReply }: CreateCommentUriProps) => string;
+export declare const transformPlainTextValueToValueWithMentions: (plainTextValue: string, mentions: string[]) => string;
+export {};

package/cjs/components/CollaborationItem/utils/index.js

@@ -3,8 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.processMentions = exports.formatDate = exports.getRelatedEntityUri = exports.getAbbreviationFromUserName = void 0;
+exports.transformPlainTextValueToValueWithMentions = exports.createCommentUri = exports.createEditedReplyUri = exports.createEditedCommentUri = exports.createNewReplyUri = exports.createNewCommentUri = exports.processMentions = exports.formatDate = exports.getRelatedEntityUri = exports.getAbbreviationFromUserName = void 0;
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var ramda_1 = require("ramda");
 var getAbbreviationFromUserName = function (username) {
     return username
         .split('.')
@@ -51,3 +52,36 @@ var processMentions = function (text, mentions, processor, trigger) {
     return arr;
 };
 exports.processMentions = processMentions;
+var createNewCommentUri = function () { return 'comment/new'; };
+exports.createNewCommentUri = createNewCommentUri;
+var createNewReplyUri = function (comment) { return "comment/".concat(comment.commentId, "/reply/new"); };
+exports.createNewReplyUri = createNewReplyUri;
+var createEditedCommentUri = function (comment) { return "comment/".concat(comment.commentId); };
+exports.createEditedCommentUri = createEditedCommentUri;
+var createEditedReplyUri = function (comment, reply) {
+    return "comment/".concat(comment.commentId, "/reply/").concat(reply.replyId);
+};
+exports.createEditedReplyUri = createEditedReplyUri;
+var createCommentUri = function (_a) {
+    var comment = _a.comment, reply = _a.reply, isEditingComment = _a.isEditingComment, isEditingReply = _a.isEditingReply;
+    if ((0, ramda_1.isNil)(comment)) {
+        return (0, exports.createNewCommentUri)();
+    }
+    if (isEditingComment) {
+        return (0, exports.createEditedCommentUri)(comment);
+    }
+    if (isEditingReply) {
+        return (0, exports.createEditedReplyUri)(comment, reply);
+    }
+    return (0, exports.createNewReplyUri)(comment);
+};
+exports.createCommentUri = createCommentUri;
+var transformPlainTextValueToValueWithMentions = function (plainTextValue, mentions) {
+    var value = plainTextValue;
+    for (var _i = 0, mentions_1 = mentions; _i < mentions_1.length; _i++) {
+        var mention = mentions_1[_i];
+        value = value.split("+".concat(mention)).join("@[".concat(mention, "](").concat(mention, ")"));
+    }
+    return value;
+};
+exports.transformPlainTextValueToValueWithMentions = transformPlainTextValueToValueWithMentions;

package/cjs/components/charts/BarChart/getBarChartSettings.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var getBarChartSettings = function (_a) {
     var margin = _a.margin, isHorizontal = _a.isHorizontal, isLabelRotated = _a.isLabelRotated;
     return {
@@ -31,6 +32,7 @@ var getBarChartSettings = function (_a) {
                 opacity: isHorizontal ? '0.87' : '0.54',
                 width: isHorizontal ? 150 : undefined
             },
+            tickFormatter: mdm_sdk_1.formatNumberAsMetric,
             stroke: '#666',
             tickCount: 8,
             mirror: isHorizontal

package/cjs/components/charts/LineChart/getLineChartSettings.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var getLineChartSettings = function (_a) {
     var margin = _a.margin, isLabelRotated = _a.isLabelRotated;
     return {
@@ -26,6 +27,7 @@ var getLineChartSettings = function (_a) {
                 opacity: '0.54',
                 width: undefined
             },
+            tickFormatter: mdm_sdk_1.formatNumberAsMetric,
             stroke: '#666',
             tickCount: 8
         },

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

@@ -1,10 +1,13 @@
 import React from 'react';
-import { CollaborationObjectTypes, Comment, CommentsMap, Reply } from '@reltio/mdm-sdk';
+import { CollaborationObjectTypes, Comment, CommentsMap, CommentState, Reply } from '@reltio/mdm-sdk';
 export declare const CollaborationContext: React.Context<{
     objectTypes?: CollaborationObjectTypes[];
     commentsMap: CommentsMap;
     comments: Comment[];
     currentComment: Comment;
+    updateCommentState: (uri: string, commentUri: string, newState: CommentState) => void;
+    clearCommentState: (uri: string, commentUri: string) => void;
+    getCommentState: (uri: string, commentUri: string) => CommentState;
     getComments: (uri: string, pageToken?: string) => void;
     getCommentsCount: (objectIds: string[]) => void;
     getComment: (commentId: Comment['commentId']) => void;

package/cjs/contexts/CollaborationContext/index.js

@@ -10,6 +10,9 @@ exports.CollaborationContext = react_1.default.createContext({
     comments: [],
     commentsMap: null,
     currentComment: null,
+    updateCommentState: noop,
+    clearCommentState: noop,
+    getCommentState: function () { return ({}); },
     getComment: noop,
     getComments: function () { return new Promise(noop); },
     getCommentsCount: noop,

package/cjs/hooks/useCollaboration.d.ts

@@ -1,4 +1,4 @@
-import { CollaborationObjectTypes, Comment, CommentsMap } from '@reltio/mdm-sdk';
+import { CollaborationObjectTypes, Comment, CommentsMap, CommentState } from '@reltio/mdm-sdk';
 declare type Props = {
     objectIds?: string[];
     objectTypes?: CollaborationObjectTypes[];
@@ -8,6 +8,9 @@ export declare const useCollaboration: ({ objectIds, objectTypes, enabled }: Pro
     clearCurrentComment: () => void;
     comments: Comment[];
     commentsMap: CommentsMap;
+    getCommentState: (uri: string, commentUri: string) => any;
+    updateCommentState: (uri: string, commentUri: string, newState: CommentState) => void;
+    clearCommentState: (uri: string, commentUri: string) => void;
     createComment: ({ content, namedUsers, objectType, uri, relatedObjectUris }: any) => Promise<void>;
     createReply: ({ content, namedUsers, commentId, action, uri }: any) => Promise<void>;
     currentComment: Comment;

package/cjs/hooks/useCollaboration.js

@@ -53,6 +53,7 @@ var useCollaboration = function (_a) {
     var _g = (0, react_1.useState)(null), currentComment = _g[0], setCurrentComment = _g[1];
     var _h = (0, react_1.useState)(false), sending = _h[0], setSending = _h[1];
     var _j = (0, react_1.useState)(false), loading = _j[0], setLoading = _j[1];
+    var _k = (0, react_1.useState)({}), collaborationStateMap = _k[0], setCollaborationStateMap = _k[1];
     var addCommentsToCommentsMap = (0, react_1.useCallback)(function (commentsMap) {
         setCommentsMap(function (currentCommentsMap) { return (__assign(__assign({}, currentCommentsMap), commentsMap)); });
     }, []);
@@ -265,10 +266,24 @@ var useCollaboration = function (_a) {
     var clearCurrentComment = (0, react_1.useCallback)(function () {
         setCurrentComment(null);
     }, []);
+    var getCommentState = function (uri, commentUri) { return (0, ramda_1.pathOr)({}, [uri, commentUri], collaborationStateMap); };
+    var clearCommentState = function (uri, commentUri) {
+        return setCollaborationStateMap((0, ramda_1.dissocPath)([uri, commentUri]));
+    };
+    var updateCommentState = function (uri, commentUri, newState) {
+        setCollaborationStateMap(function (prevCollaborationStateMap) {
+            var pathToCommentState = [uri, commentUri];
+            var prevCommentState = (0, ramda_1.path)(pathToCommentState, prevCollaborationStateMap);
+            return (0, ramda_1.assocPath)(pathToCommentState, (0, ramda_1.mergeRight)(prevCommentState, newState), prevCollaborationStateMap);
+        });
+    };
     return {
         clearCurrentComment: clearCurrentComment,
         comments: comments,
         commentsMap: commentsMap,
+        getCommentState: getCommentState,
+        updateCommentState: updateCommentState,
+        clearCommentState: clearCommentState,
         createComment: createComment,
         createReply: createReply,
         currentComment: currentComment,

package/esm/components/CollaborationItem/Comment/Comment.js

@@ -1,4 +1,4 @@
-import React, { useMemo, useContext, useState, useRef, useEffect } from 'react';
+import React, { useMemo, useContext, useRef, useEffect, useCallback } from 'react';
 import { useSelector } from 'react-redux';
 import i18n from 'ui-i18n';
 import Link from '@material-ui/core/Link';
@@ -12,40 +12,42 @@ import { CommentTarget } from '../CommentTarget/CommentTarget';
 import { CommentContent } from '../CommentContent/CommentContent';
 import { Avatar } from '../Avatar/Avatar';
 import { CollaborationContext } from '../../../contexts';
-import { formatDate } from '../utils';
+import { createEditedCommentUri, formatDate } from '../utils';
 import { SendMessageArea } from '../SendMessageArea/SendMessageArea';
 import { useStyles } from './styles';
 export var Comment = function (_a) {
     var onReply = _a.onReply, className = _a.className, uri = _a.uri, comment = _a.comment, relatedObjectUris = _a.relatedObjectUris, objectType = _a.objectType;
     var styles = useStyles();
     var inputRef = useRef();
-    var _b = useState(false), isEditingComment = _b[0], setIsEditingComment = _b[1];
     var username = useSelector(mdm.selectors.getUserName);
     var commentId = comment.commentId, createdBy = comment.createdBy, createdTime = comment.createdTime;
     var canChangeComment = createdBy === username;
-    var _c = useContext(CollaborationContext), resolveThread = _c.resolveThread, reOpenThread = _c.reOpenThread, sending = _c.sending, deleteComment = _c.deleteComment;
+    var _b = useContext(CollaborationContext), resolveThread = _b.resolveThread, reOpenThread = _b.reOpenThread, sending = _b.sending, deleteComment = _b.deleteComment, updateCommentState = _b.updateCommentState, getCommentState = _b.getCommentState;
+    var commentUri = createEditedCommentUri(comment);
+    var isEditing = getCommentState(uri, commentUri).isEditing;
+    var updateIsEditingComment = useCallback(function (value) { return updateCommentState(uri, commentUri, { isEditing: value }); }, [commentUri, updateCommentState, uri]);
     useEffect(function () {
-        if (isEditingComment) {
+        if (isEditing) {
             inputRef.current.focus();
         }
-    }, [isEditingComment]);
+    }, [isEditing]);
     var menuItems = useMemo(function () { return [
         {
             text: i18n.text('Edit'),
-            onClick: function () { return setIsEditingComment(true); }
+            onClick: function () { return updateIsEditingComment(true); }
         },
         {
             text: i18n.text('Delete'),
             onClick: function () { return deleteComment({ uri: uri, commentId: commentId }); }
         }
-    ]; }, [deleteComment, uri, commentId]);
+    ]; }, [deleteComment, uri, commentId, updateIsEditingComment]);
     var handleResolve = function () {
         resolveThread({ commentId: commentId, uri: uri });
     };
     var handleReOpen = function () {
         reOpenThread({ commentId: commentId, uri: uri });
     };
-    var sendMessageArea = (React.createElement(SendMessageArea, { inputRef: inputRef, uri: uri, relatedObjectUris: relatedObjectUris, objectType: objectType, onCancel: function () { return setIsEditingComment(false); }, isEditingComment: isEditingComment, comment: comment }));
+    var sendMessageArea = (React.createElement(SendMessageArea, { inputRef: inputRef, uri: uri, relatedObjectUris: relatedObjectUris, objectType: objectType, onCancel: function () { return updateIsEditingComment(false); }, isEditingComment: isEditing, comment: comment }));
     return (React.createElement(Box, { className: className },
         React.createElement(Box, { className: styles.header },
             React.createElement(Avatar, { classes: { root: styles.avatar } }, createdBy),
@@ -58,7 +60,7 @@ export var Comment = function (_a) {
                 }, popoverProps: { PopoverClasses: { root: styles.dropdownMenu } }, menuItems: menuItems, menuId: "collaboration-comment-menu" }))),
         React.createElement(Box, { className: styles.body },
             React.createElement(CommentTarget, { comment: comment, className: styles.commentTarget }),
-            isEditingComment ? sendMessageArea : React.createElement(CommentContent, { comment: comment, className: styles.message }),
+            isEditing ? sendMessageArea : React.createElement(CommentContent, { comment: comment, className: styles.message }),
             React.createElement(Box, { className: styles.buttons },
                 React.createElement(Link, { className: styles.button, onClick: onReply, component: "button" }, i18n.text('Reply')),
                 comment.status === 'open' && (React.createElement(Link, { disabled: sending, className: styles.button, onClick: handleResolve, component: "button" }, i18n.text('Resolve'))),

package/esm/components/CollaborationItem/RepliedComment/RepliedComment.js

@@ -1,4 +1,4 @@
-import React, { useRef, useContext, useMemo, useState, useEffect } from 'react';
+import React, { useRef, useContext, useMemo, useEffect, useCallback } from 'react';
 import { useSelector } from 'react-redux';
 import i18n from 'ui-i18n';
 import classnames from 'classnames';
@@ -8,37 +8,39 @@ import MoreVertIcon from '@material-ui/icons/MoreVert';
 import Typography from '@material-ui/core/Typography';
 import { Avatar } from '../Avatar/Avatar';
 import { CommentContent } from '../CommentContent/CommentContent';
-import { formatDate } from '../utils';
-import { useStyles } from './styles';
+import { createEditedReplyUri, formatDate } from '../utils';
 import { CollaborationContext } from '../../../contexts';
 import DropDownMenuButton from '../../DropDownMenuButton/DropDownMenuButton';
 import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
 import { SendMessageArea } from '../SendMessageArea/SendMessageArea';
+import { useStyles } from './styles';
 export var RepliedComment = function (_a) {
     var className = _a.className, reply = _a.reply, uri = _a.uri, comment = _a.comment, popperRef = _a.popperRef;
     var inputRef = useRef();
-    var _b = useState(false), isEditingReply = _b[0], setIsEditingReply = _b[1];
     var createdBy = reply.createdBy, action = reply.action, createdTime = reply.createdTime;
     var username = useSelector(mdm.selectors.getUserName);
     var canChangeReply = createdBy === username;
-    var deleteReply = useContext(CollaborationContext).deleteReply;
+    var _b = useContext(CollaborationContext), deleteReply = _b.deleteReply, updateCommentState = _b.updateCommentState, getCommentState = _b.getCommentState;
+    var commentUri = createEditedReplyUri(comment, reply);
+    var isEditing = getCommentState(uri, commentUri).isEditing;
+    var updateIsEditingReply = useCallback(function (value) { return updateCommentState(uri, commentUri, { isEditing: value }); }, [commentUri, updateCommentState, uri]);
     useEffect(function () {
-        if (isEditingReply) {
+        if (isEditing) {
             inputRef.current.focus();
         }
-    }, [isEditingReply]);
+    }, [isEditing]);
     var styles = useStyles();
     var menuItems = useMemo(function () { return [
         {
             text: i18n.text('Edit'),
-            onClick: function () { return setIsEditingReply(true); }
+            onClick: function () { return updateIsEditingReply(true); }
         },
         {
             text: i18n.text('Delete'),
             onClick: function () { return deleteReply({ uri: uri, commentId: comment.commentId, reply: reply }); }
         }
-    ]; }, [deleteReply, uri, comment.commentId, reply]);
-    var sendMessageArea = (React.createElement(SendMessageArea, { inputRef: inputRef, popperRef: popperRef, uri: uri, onCancel: function () { return setIsEditingReply(false); }, isEditingReply: isEditingReply, reply: reply, comment: comment }));
+    ]; }, [deleteReply, uri, comment.commentId, reply, updateIsEditingReply]);
+    var sendMessageArea = (React.createElement(SendMessageArea, { inputRef: inputRef, popperRef: popperRef, uri: uri, onCancel: function () { return updateIsEditingReply(false); }, isEditingReply: isEditing, reply: reply, comment: comment }));
     return (React.createElement(Box, { className: classnames(styles.root, className) },
         React.createElement(Avatar, { classes: { root: styles.avatar } }, createdBy),
         React.createElement(Box, { flexGrow: 1 },
@@ -47,7 +49,7 @@ export var RepliedComment = function (_a) {
                 action === 'resolve' && (React.createElement(Typography, { className: styles.marked }, i18n.text('Marked as resolved'))),
                 action === 'reopen' && React.createElement(Typography, { className: styles.marked }, i18n.text('Re-opened'))),
             action !== 'resolve' &&
-                (isEditingReply ? sendMessageArea : React.createElement(CommentContent, { className: styles.message, comment: reply })),
+                (isEditing ? sendMessageArea : React.createElement(CommentContent, { className: styles.message, comment: reply })),
             React.createElement(Typography, { className: styles.createdAt }, formatDate(createdTime))),
         canChangeReply && (React.createElement(DropDownMenuButton, { buttonComponent: SmallIconButtonWithTooltip, buttonProps: {
                 icon: MoreVertIcon,

package/esm/components/CollaborationItem/SendMessageArea/SendMessageArea.d.ts

@@ -8,7 +8,7 @@ declare type Props = {
     relatedObjectUris?: Comment['relatedObjectUris'];
     popperRef?: React.RefObject<any>;
     comment?: Comment;
-    reply?: Pick<Reply, 'content' | 'replyId'>;
+    reply?: Pick<Reply, 'content' | 'replyId' | 'namedUsers'>;
     isEditingComment?: boolean;
     isEditingReply?: boolean;
     onCancel?: () => void;

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

@@ -9,8 +9,8 @@ import Button from '@material-ui/core/Button';
 import { TextFieldWithMentions } from '../TextFieldWithMentions/TextFieldWithMentions';
 import { Avatar } from '../Avatar/Avatar';
 import { CollaborationContext } from '../../../contexts';
+import { createCommentUri, transformPlainTextValueToValueWithMentions } from '../utils';
 import { useStyles } from './styles';
-import { useSafePromise } from '../../../hooks';
 var getPlaceholder = function (status) {
     switch (status) {
         case 'open':
@@ -30,31 +30,35 @@ var getButtonText = function (status, isEditingComment, isEditingReply) {
     }
     return i18n.text('Comment');
 };
+var getDefaultCommentState = function (_a) {
+    var comment = _a.comment, reply = _a.reply, isEditingComment = _a.isEditingComment, isEditingReply = _a.isEditingReply;
+    var commentOrReply = isEditingComment ? comment : isEditingReply ? reply : null;
+    var _b = commentOrReply || {}, _c = _b.content, plainTextValue = _c === void 0 ? '' : _c, _d = _b.namedUsers, mentions = _d === void 0 ? [] : _d;
+    return {
+        value: transformPlainTextValueToValueWithMentions(plainTextValue, mentions),
+        plainTextValue: plainTextValue,
+        mentions: mentions
+    };
+};
 export var SendMessageArea = function (_a) {
     var inputRef = _a.inputRef, className = _a.className, uri = _a.uri, relatedObjectUris = _a.relatedObjectUris, objectType = _a.objectType, popperRef = _a.popperRef, comment = _a.comment, reply = _a.reply, isEditingComment = _a.isEditingComment, isEditingReply = _a.isEditingReply, onCancel = _a.onCancel;
     var isEditing = isEditingComment || isEditingReply;
     var styles = useStyles({ isEditing: isEditing });
+    var _b = useState(false), focused = _b[0], setFocused = _b[1];
     var username = useSelector(mdm.selectors.getUserName);
-    var _b = useContext(CollaborationContext), createReply = _b.createReply, createComment = _b.createComment, sending = _b.sending, editComment = _b.editComment, editReply = _b.editReply;
-    var _c = useState(''), value = _c[0], setValue = _c[1];
-    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 _c = useContext(CollaborationContext), createReply = _c.createReply, createComment = _c.createComment, sending = _c.sending, editComment = _c.editComment, editReply = _c.editReply, getCommentState = _c.getCommentState, updateCommentState = _c.updateCommentState, clearCommentState = _c.clearCommentState;
+    var commentUri = createCommentUri({ comment: comment, reply: reply, isEditingComment: isEditingComment, isEditingReply: isEditingReply });
+    var defaultCommentState = getDefaultCommentState({ comment: comment, reply: reply, isEditingComment: isEditingComment, isEditingReply: isEditingReply });
+    var _d = getCommentState(uri, commentUri), _e = _d.value, value = _e === void 0 ? defaultCommentState.value : _e, _f = _d.plainTextValue, plainTextValue = _f === void 0 ? defaultCommentState.plainTextValue : _f, _g = _d.mentions, mentions = _g === void 0 ? defaultCommentState.mentions : _g;
     var hasValue = value.trim() !== '';
     var shouldShowButtons = focused || hasValue;
     var status = comment === null || comment === void 0 ? void 0 : comment.status;
-    var updateValue = function (value, plainTextValue, mentions) {
-        setMentions(mentions);
-        setValue(value);
-        setPlainTextValue(plainTextValue);
-    };
     var clearValue = function () {
         onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-        updateValue('', '', []);
+        clearCommentState(uri, commentUri);
     };
-    var handleChange = function (newValue, newPlainTextValue, mentions) {
-        updateValue(newValue, newPlainTextValue, mentions);
+    var handleChange = function (value, plainTextValue, mentions) {
+        return updateCommentState(uri, commentUri, { value: value, plainTextValue: plainTextValue, mentions: mentions });
     };
     var handleCancel = function () { return clearValue(); };
     var handleFocus = function () { return setFocused(true); };
@@ -112,26 +116,13 @@ export var SendMessageArea = function (_a) {
                 }
             ]
         ]);
-        return safePromise(request()).then(clearValue).catch(console.log); //eslint-disable-line no-console
+        return request().then(clearValue).catch(console.log); //eslint-disable-line no-console
     };
     useEffect(function () {
         if (popperRef) {
             popperRef.current.update();
         }
     }, [popperRef, shouldShowButtons]);
-    useEffect(function () {
-        if (isEditingComment || isEditingReply) {
-            if (isEditingComment) {
-                setValue(comment.content);
-            }
-            else {
-                setValue(reply.content);
-            }
-        }
-        else {
-            clearValue();
-        }
-    }, [isEditingComment, isEditingReply]);
     var buttonSize = isEditing ? 'small' : 'medium';
     return (React.createElement(Box, { className: classnames(styles.root, className) },
         React.createElement("form", { onSubmit: handleSubmit, className: styles.form },

package/esm/components/CollaborationItem/utils/index.d.ts

@@ -1,5 +1,18 @@
-import { Comment } from '@reltio/mdm-sdk';
+import { Comment, Reply } from '@reltio/mdm-sdk';
 export declare const getAbbreviationFromUserName: (username: string) => string;
 export declare const getRelatedEntityUri: (comment: Pick<Comment, 'relatedObjectUris'>, entityUri: string) => string;
 export declare const formatDate: (time: number) => string;
 export declare const processMentions: (text: string, mentions: string[], processor?: (mention: string) => unknown, trigger?: string) => any[];
+export declare const createNewCommentUri: () => string;
+export declare const createNewReplyUri: (comment: Pick<Comment, 'commentId'>) => string;
+export declare const createEditedCommentUri: (comment: Pick<Comment, 'commentId'>) => string;
+export declare const createEditedReplyUri: (comment: Pick<Comment, 'commentId'>, reply: Pick<Reply, 'replyId'>) => string;
+declare type CreateCommentUriProps = {
+    comment: Pick<Comment, 'commentId'> | null;
+    reply: Pick<Reply, 'replyId'> | null;
+    isEditingReply: boolean;
+    isEditingComment: boolean;
+};
+export declare const createCommentUri: ({ comment, reply, isEditingComment, isEditingReply }: CreateCommentUriProps) => string;
+export declare const transformPlainTextValueToValueWithMentions: (plainTextValue: string, mentions: string[]) => string;
+export {};

package/esm/components/CollaborationItem/utils/index.js

@@ -1,4 +1,5 @@
 import i18n from 'ui-i18n';
+import { isNil } from 'ramda';
 export var getAbbreviationFromUserName = function (username) {
     return username
         .split('.')
@@ -41,3 +42,30 @@ export var processMentions = function (text, mentions, processor, trigger) {
     }
     return arr;
 };
+export var createNewCommentUri = function () { return 'comment/new'; };
+export var createNewReplyUri = function (comment) { return "comment/".concat(comment.commentId, "/reply/new"); };
+export var createEditedCommentUri = function (comment) { return "comment/".concat(comment.commentId); };
+export var createEditedReplyUri = function (comment, reply) {
+    return "comment/".concat(comment.commentId, "/reply/").concat(reply.replyId);
+};
+export var createCommentUri = function (_a) {
+    var comment = _a.comment, reply = _a.reply, isEditingComment = _a.isEditingComment, isEditingReply = _a.isEditingReply;
+    if (isNil(comment)) {
+        return createNewCommentUri();
+    }
+    if (isEditingComment) {
+        return createEditedCommentUri(comment);
+    }
+    if (isEditingReply) {
+        return createEditedReplyUri(comment, reply);
+    }
+    return createNewReplyUri(comment);
+};
+export var transformPlainTextValueToValueWithMentions = function (plainTextValue, mentions) {
+    var value = plainTextValue;
+    for (var _i = 0, mentions_1 = mentions; _i < mentions_1.length; _i++) {
+        var mention = mentions_1[_i];
+        value = value.split("+".concat(mention)).join("@[".concat(mention, "](").concat(mention, ")"));
+    }
+    return value;
+};

package/esm/components/charts/BarChart/getBarChartSettings.js

@@ -1,3 +1,4 @@
+import { formatNumberAsMetric } from '@reltio/mdm-sdk';
 var getBarChartSettings = function (_a) {
     var margin = _a.margin, isHorizontal = _a.isHorizontal, isLabelRotated = _a.isLabelRotated;
     return {
@@ -29,6 +30,7 @@ var getBarChartSettings = function (_a) {
                 opacity: isHorizontal ? '0.87' : '0.54',
                 width: isHorizontal ? 150 : undefined
             },
+            tickFormatter: formatNumberAsMetric,
             stroke: '#666',
             tickCount: 8,
             mirror: isHorizontal

package/esm/components/charts/LineChart/getLineChartSettings.js

@@ -1,3 +1,4 @@
+import { formatNumberAsMetric } from '@reltio/mdm-sdk';
 var getLineChartSettings = function (_a) {
     var margin = _a.margin, isLabelRotated = _a.isLabelRotated;
     return {
@@ -24,6 +25,7 @@ var getLineChartSettings = function (_a) {
                 opacity: '0.54',
                 width: undefined
             },
+            tickFormatter: formatNumberAsMetric,
             stroke: '#666',
             tickCount: 8
         },

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

@@ -1,10 +1,13 @@
 import React from 'react';
-import { CollaborationObjectTypes, Comment, CommentsMap, Reply } from '@reltio/mdm-sdk';
+import { CollaborationObjectTypes, Comment, CommentsMap, CommentState, Reply } from '@reltio/mdm-sdk';
 export declare const CollaborationContext: React.Context<{
     objectTypes?: CollaborationObjectTypes[];
     commentsMap: CommentsMap;
     comments: Comment[];
     currentComment: Comment;
+    updateCommentState: (uri: string, commentUri: string, newState: CommentState) => void;
+    clearCommentState: (uri: string, commentUri: string) => void;
+    getCommentState: (uri: string, commentUri: string) => CommentState;
     getComments: (uri: string, pageToken?: string) => void;
     getCommentsCount: (objectIds: string[]) => void;
     getComment: (commentId: Comment['commentId']) => void;

package/esm/contexts/CollaborationContext/index.js

@@ -4,6 +4,9 @@ export var CollaborationContext = React.createContext({
     comments: [],
     commentsMap: null,
     currentComment: null,
+    updateCommentState: noop,
+    clearCommentState: noop,
+    getCommentState: function () { return ({}); },
     getComment: noop,
     getComments: function () { return new Promise(noop); },
     getCommentsCount: noop,

package/esm/hooks/useCollaboration.d.ts

@@ -1,4 +1,4 @@
-import { CollaborationObjectTypes, Comment, CommentsMap } from '@reltio/mdm-sdk';
+import { CollaborationObjectTypes, Comment, CommentsMap, CommentState } from '@reltio/mdm-sdk';
 declare type Props = {
     objectIds?: string[];
     objectTypes?: CollaborationObjectTypes[];
@@ -8,6 +8,9 @@ export declare const useCollaboration: ({ objectIds, objectTypes, enabled }: Pro
     clearCurrentComment: () => void;
     comments: Comment[];
     commentsMap: CommentsMap;
+    getCommentState: (uri: string, commentUri: string) => any;
+    updateCommentState: (uri: string, commentUri: string, newState: CommentState) => void;
+    clearCommentState: (uri: string, commentUri: string) => void;
     createComment: ({ content, namedUsers, objectType, uri, relatedObjectUris }: any) => Promise<void>;
     createReply: ({ content, namedUsers, commentId, action, uri }: any) => Promise<void>;
     currentComment: Comment;

package/esm/hooks/useCollaboration.js

@@ -20,7 +20,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { useCallback, useEffect, useState } from 'react';
 import { useSelector } from 'react-redux';
-import { andThen, fromPairs, map, otherwise, pipe, props, uniqBy, prop, propEq, when, always } from 'ramda';
+import { andThen, fromPairs, map, otherwise, pipe, props, uniqBy, prop, propEq, when, always, assocPath, dissocPath, path, pathOr, mergeRight } from 'ramda';
 import { createComment as createCommentRequest, createReply as createReplyRequest, getComment as getCommentRequest, getCommentsCount as getCommentsCountRequest, updateComment as updateCommentRequest, updateReply as updateReplyRequest, deleteComment as deleteCommentRequest, deleteReply as deleteReplyRequest, getComments as getCommentsRequest, isTempUri } from '@reltio/mdm-sdk';
 import mdm from '@reltio/mdm-module';
 var filterReplies = function (replyId, replies) { return replies.filter(function (reply) { return reply.replyId !== replyId; }); };
@@ -47,6 +47,7 @@ export var useCollaboration = function (_a) {
     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 _k = useState({}), collaborationStateMap = _k[0], setCollaborationStateMap = _k[1];
     var addCommentsToCommentsMap = useCallback(function (commentsMap) {
         setCommentsMap(function (currentCommentsMap) { return (__assign(__assign({}, currentCommentsMap), commentsMap)); });
     }, []);
@@ -259,10 +260,24 @@ export var useCollaboration = function (_a) {
     var clearCurrentComment = useCallback(function () {
         setCurrentComment(null);
     }, []);
+    var getCommentState = function (uri, commentUri) { return pathOr({}, [uri, commentUri], collaborationStateMap); };
+    var clearCommentState = function (uri, commentUri) {
+        return setCollaborationStateMap(dissocPath([uri, commentUri]));
+    };
+    var updateCommentState = function (uri, commentUri, newState) {
+        setCollaborationStateMap(function (prevCollaborationStateMap) {
+            var pathToCommentState = [uri, commentUri];
+            var prevCommentState = path(pathToCommentState, prevCollaborationStateMap);
+            return assocPath(pathToCommentState, mergeRight(prevCommentState, newState), prevCollaborationStateMap);
+        });
+    };
     return {
         clearCurrentComment: clearCurrentComment,
         comments: comments,
         commentsMap: commentsMap,
+        getCommentState: getCommentState,
+        updateCommentState: updateCommentState,
+        clearCommentState: clearCommentState,
         createComment: createComment,
         createReply: createReply,
         currentComment: currentComment,

package/package.json

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