@reltio/components 1.4.807 → 1.4.811

package/contexts/EntityMarkerContext/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.EntityMarkerContext = void 0;
+var react_1 = __importDefault(require("react"));
+exports.EntityMarkerContext = react_1.default.createContext({});
+exports.EntityMarkerContext.displayName = 'EntityMarkerContext';

package/contexts/index.d.ts

@@ -9,5 +9,6 @@ export { PivotingAttributeContext } from "./PivotingAttributeContext";
 export { ProfilePerspectiveViewContext } from "./ProfilePerspectiveViewContext";
 export { IdContext } from "./IdContext";
 export { EntitiesMapContext } from "./EntitiesMapContext";
+export { EntityMarkerContext } from "./EntityMarkerContext";
 export { CrosswalksDisplayProvider, useCrosswalkColor, useCrosswalkFocus, useCrosswalkHighlight, useHighlightedCrosswalks } from "./CrosswalksDisplayContext";
 export { ExpandedAttributesProvider, useAttributeExpanded } from "./ExpandedAttributesContext";

package/contexts/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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.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");
@@ -32,3 +32,5 @@ Object.defineProperty(exports, "useHighlightedCrosswalks", { enumerable: true, g
 var ExpandedAttributesContext_1 = require("./ExpandedAttributesContext");
 Object.defineProperty(exports, "ExpandedAttributesProvider", { enumerable: true, get: function () { return ExpandedAttributesContext_1.ExpandedAttributesProvider; } });
 Object.defineProperty(exports, "useAttributeExpanded", { enumerable: true, get: function () { return ExpandedAttributesContext_1.useAttributeExpanded; } });
+var EntityMarkerContext_1 = require("./EntityMarkerContext");
+Object.defineProperty(exports, "EntityMarkerContext", { enumerable: true, get: function () { return EntityMarkerContext_1.EntityMarkerContext; } });

package/hooks/useCollaboration.d.ts

@@ -3,8 +3,10 @@ export declare const useCollaboration: (objectIds?: string[], objectTypes?: Coll
     commentsMap: CommentsMap;
     currentComment: Comment;
     getComment: (commentId: string) => void;
-    createReply: ({ content, namedUsers, commentId, action, uri }: any) => void;
-    createComment: ({ content, namedUsers, objectType, uri, relatedObjectUris }: any) => void;
+    createReply: ({ content, namedUsers, commentId, action, uri }: any) => Promise<void>;
+    editComment: ({ content, namedUsers, objectType, uri, relatedObjectUris, commentId, replies }: any) => Promise<void>;
+    deleteComment: ({ uri, commentId }: any) => void;
+    createComment: ({ content, namedUsers, objectType, uri, relatedObjectUris }: any) => Promise<void>;
     clearCurrentComment: () => void;
     resolveThread: ({ commentId, uri }: any) => void;
     reOpenThread: ({ commentId, uri }: any) => void;

package/hooks/useCollaboration.js

@@ -26,6 +26,7 @@ var ramda_1 = require("ramda");
 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 entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity);
@@ -52,16 +53,35 @@ var useCollaboration = function (objectIds, objectTypes) {
         setLoading(true);
         mdm_sdk_1.getComment({ collaborationPath: collaborationPath, tenant: tenant, commentId: commentId })
             .then(setCurrentComment)
-            .catch(function (e) { return console.error('Collaboration error', e); })
+            .catch(catchErrorInRequest)
             .finally(function () { return setLoading(false); });
     }, [collaborationPath, tenant]);
-    var updateComment = function (comment, uri) {
+    var addCommentToState = function (comment, uri) {
         setCurrentComment(comment);
         setCommentsMap(function (prevCommentsMap) {
             var _a;
             return __assign(__assign({}, prevCommentsMap), (_a = {}, _a[uri] = __spreadArray(__spreadArray([], (prevCommentsMap[uri] || [])), [{ commentId: comment.commentId, replies: 0, status: 'open' }]), _a));
         });
     };
+    var updateCommentInState = function (comment, uri) {
+        setCurrentComment(comment);
+        setCommentsMap(function (prevCommentsMap) {
+            var _a;
+            var comments = (prevCommentsMap[uri] || []).map(function (c) {
+                return c.commentId === comment.commentId
+                    ? __assign(__assign({}, comment), { replies: (typeof comment.replies === 'number' ? comment.replies : comment.replies.length) || 0 }) : c;
+            });
+            return __assign(__assign({}, prevCommentsMap), (_a = {}, _a[uri] = comments, _a));
+        });
+    };
+    var deleteCommentFromState = function (commentId, uri) {
+        setCurrentComment(null);
+        setCommentsMap(function (prevCommentsMap) {
+            var _a;
+            var comments = prevCommentsMap[uri] || [];
+            return __assign(__assign({}, prevCommentsMap), (_a = {}, _a[uri] = comments.filter(function (c) { return c.commentId !== commentId; }), _a));
+        });
+    };
     var createComment = react_1.useCallback(function (_a) {
         var content = _a.content, namedUsers = _a.namedUsers, objectType = _a.objectType, uri = _a.uri, relatedObjectUris = _a.relatedObjectUris;
         setSending(true);
@@ -74,12 +94,39 @@ var useCollaboration = function (objectIds, objectTypes) {
             namedUsers: namedUsers,
             permanentLink: ''
         };
-        mdm_sdk_1.createComment({ collaborationPath: collaborationPath, tenant: tenant, data: data })
+        return mdm_sdk_1.createComment({ collaborationPath: collaborationPath, tenant: tenant, data: data })
             .then(function (_a) {
             var comment = _a[0];
-            return updateComment(comment, uri);
+            return addCommentToState(comment, uri);
         })
-            .catch(function (e) { return console.error('Collaboration error', e); })
+            .catch(catchErrorInRequest)
+            .finally(function () { return setSending(false); });
+    }, [collaborationPath, tenant]);
+    var editComment = react_1.useCallback(function (_a) {
+        var content = _a.content, namedUsers = _a.namedUsers, objectType = _a.objectType, uri = _a.uri, relatedObjectUris = _a.relatedObjectUris, commentId = _a.commentId, replies = _a.replies;
+        setSending(true);
+        var data = {
+            objectId: uri,
+            content: content,
+            relatedObjectUris: relatedObjectUris,
+            objectType: objectType,
+            visibility: 'public',
+            namedUsers: namedUsers,
+            permanentLink: '',
+            commentId: commentId,
+            replies: replies
+        };
+        return mdm_sdk_1.updateComment({ collaborationPath: collaborationPath, tenant: tenant, data: data })
+            .then(function (comment) { return updateCommentInState(__assign(__assign({}, comment), { replies: replies }), uri); })
+            .catch(catchErrorInRequest)
+            .finally(function () { return setSending(false); });
+    }, [collaborationPath, tenant]);
+    var deleteComment = react_1.useCallback(function (_a) {
+        var uri = _a.uri, commentId = _a.commentId;
+        setSending(true);
+        mdm_sdk_1.deleteComment({ collaborationPath: collaborationPath, tenant: tenant, commentId: commentId })
+            .then(function () { return deleteCommentFromState(commentId, uri); })
+            .catch(catchErrorInRequest)
             .finally(function () { return setSending(false); });
     }, [collaborationPath, tenant]);
     var updateReply = react_1.useCallback(function (reply, uri, commentId) {
@@ -116,12 +163,12 @@ var useCollaboration = function (objectIds, objectTypes) {
             action: action,
             namedUsers: namedUsers
         };
-        mdm_sdk_1.createReply({ collaborationPath: collaborationPath, tenant: tenant, commentId: commentId, data: data })
+        return mdm_sdk_1.createReply({ collaborationPath: collaborationPath, tenant: tenant, commentId: commentId, data: data })
             .then(function (_a) {
             var reply = _a[0];
             return updateReply(reply, uri, commentId);
         })
-            .catch(function (e) { return console.error('Collaboration error', e); })
+            .catch(catchErrorInRequest)
             .finally(function () { return setSending(false); });
     }, [collaborationPath, tenant, updateReply]);
     var resolveThread = react_1.useCallback(function (_a) {
@@ -140,6 +187,8 @@ var useCollaboration = function (objectIds, objectTypes) {
         currentComment: currentComment,
         getComment: getComment,
         createReply: createReply,
+        editComment: editComment,
+        deleteComment: deleteComment,
         createComment: createComment,
         clearCurrentComment: clearCurrentComment,
         resolveThread: resolveThread,

package/hooks/useRelationsLoader.js

@@ -78,12 +78,14 @@ var useRelationsLoader = function (_a) {
                 setIsLoading(false);
             });
         }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         activityFilter,
         config,
         dispatch,
         dtssPath,
-        entity,
+        entity === null || entity === void 0 ? void 0 : entity.uri,
+        entity === null || entity === void 0 ? void 0 : entity.dataTenant,
         filter,
         globalFilter,
         page,

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.807",
+  "version": "1.4.811",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
-    "@reltio/mdm-module": "^1.4.807",
-    "@reltio/mdm-sdk": "^1.4.807",
+    "@reltio/mdm-module": "^1.4.811",
+    "@reltio/mdm-sdk": "^1.4.811",
     "classnames": "^2.2.5",
     "frontend-collective-react-dnd-scrollzone": "^1.0.2",
     "nanoid": "^2.0.0",