@reltio/components 1.4.2155 → 1.4.2157

package/constants/theme.d.ts

@@ -60,6 +60,11 @@ export declare const theme: {
             defaultProps: {
                 disableInteractive: boolean;
             };
+            styleOverrides: {
+                tooltip: {
+                    whiteSpace: "break-spaces";
+                };
+            };
         };
         MuiTab: {
             styleOverrides: {

package/constants/theme.js

@@ -34,6 +34,11 @@ export var theme = {
         MuiTooltip: {
             defaultProps: {
                 disableInteractive: true
+            },
+            styleOverrides: {
+                tooltip: {
+                    whiteSpace: 'break-spaces'
+                }
             }
         },
         MuiTab: {

package/features/activity-log/ActivitiesFactory/components/SimpleActivity/styles.js

@@ -4,6 +4,7 @@ export var useStyles = makeStyles(function (theme) { return ({
         color: theme.palette.primary.main,
         textDecoration: 'none',
         fontWeight: 400,
-        cursor: 'pointer'
+        cursor: 'pointer',
+        whiteSpace: 'break-spaces'
     }
 }); });

package/features/activity-log/EntityObject/styles.js

@@ -6,6 +6,7 @@ export var useStyles = makeStyles(function (theme) { return ({
         color: theme.palette.primary.main,
         textDecoration: 'none',
         fontWeight: 400,
+        whiteSpace: 'break-spaces',
         '&.removed': {
             pointerEvents: 'none',
             color: theme.palette.text.secondary

package/features/activity-log/Field/styles.js

@@ -5,7 +5,8 @@ export var useStyles = makeStyles(function (theme) { return ({
         lineHeight: '20px',
         color: theme.palette.text.primary,
         marginTop: 4,
-        display: 'block'
+        display: 'block',
+        whiteSpace: 'break-spaces'
     },
     fieldName: {
         color: theme.palette.text.secondary,

package/features/activity-log/PotentialMatchRecord/components/PotentialMatchField/styles.js

@@ -10,6 +10,7 @@ export var useStyles = makeStyles(function (theme) { return ({
         color: theme.palette.primary.main,
         textDecoration: 'none',
         fontWeight: 400,
-        cursor: 'pointer'
+        cursor: 'pointer',
+        whiteSpace: 'break-spaces'
     }
 }); });

package/features/activity-log/RelationObject/styles.js

@@ -9,7 +9,8 @@ export var useStyles = makeStyles(function (theme) { return ({
     link: {
         color: theme.palette.primary.main,
         textDecoration: 'none',
-        fontWeight: 400
+        fontWeight: 400,
+        whiteSpace: 'break-spaces'
     },
     delimiter: {
         margin: '0 8px'

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

@@ -9,7 +9,8 @@ export var useStyles = makeStyles(function (theme) { return ({
         color: theme.palette.primary.main,
         fontSize: '12px',
         letterSpacing: 0,
-        lineHeight: '16px'
+        lineHeight: '16px',
+        whiteSpace: 'break-spaces'
     },
     disabledLink: {
         pointerEvents: 'none',

package/features/workflow/AttributesChanges/styles.js

@@ -16,7 +16,8 @@ export var useStyles = makeStyles(function (theme) { return ({
     label: {
         fontSize: '12px',
         letterSpacing: 0,
-        lineHeight: '16px'
+        lineHeight: '16px',
+        whiteSpace: 'break-spaces'
     },
     showMoreLink: {
         marginTop: '8px'

package/hooks/useCollaboration/useCollaboration.d.ts

@@ -3,8 +3,9 @@ type Props = {
     objectIds?: string[];
     objectTypes?: CollaborationObjectTypes[];
     enabled?: boolean;
+    needsTotalCount?: boolean;
 };
-export declare const useCollaboration: ({ objectIds, objectTypes, enabled }: Props) => {
+export declare const useCollaboration: ({ objectIds, objectTypes, enabled, needsTotalCount }: Props) => {
     clearCurrentComment: () => void;
     comments: Comment[];
     commentsMap: CommentsMap;

package/hooks/useCollaboration/useCollaboration.js

@@ -35,19 +35,19 @@ var getUpdatedReplies = function (comment, reply) {
 var defaultObjectIds = [];
 var catchErrorInRequest = function (e) { return console.warn('Collaboration error', e); };
 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 _b = _a.objectIds, objectIds = _b === void 0 ? defaultObjectIds : _b, objectTypes = _a.objectTypes, _c = _a.enabled, enabled = _c === void 0 ? true : _c, _d = _a.needsTotalCount, needsTotalCount = _d === void 0 ? false : _d;
     var entity = useMdmEntity();
     var tenant = useMdmTenant();
     var collaborationPath = useMdmCollaborationPath();
     var isCollaborationEnabled = useMdmIsCollaborationEnabled() && 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), totalCommentsCount = _g[0], setTotalCommentsCount = _g[1];
-    var _h = useState(null), currentComment = _h[0], setCurrentComment = _h[1];
-    var _j = useState(false), sending = _j[0], setSending = _j[1];
-    var _k = useState(false), loading = _k[0], setLoading = _k[1];
-    var _l = useState({}), collaborationStateMap = _l[0], setCollaborationStateMap = _l[1];
+    var _e = useState(null), pageToken = _e[0], setPageToken = _e[1];
+    var _f = useState([]), comments = _f[0], setComments = _f[1];
+    var _g = useState(null), commentsMap = _g[0], setCommentsMap = _g[1];
+    var _h = useState(null), totalCommentsCount = _h[0], setTotalCommentsCount = _h[1];
+    var _j = useState(null), currentComment = _j[0], setCurrentComment = _j[1];
+    var _k = useState(false), sending = _k[0], setSending = _k[1];
+    var _l = useState(false), loading = _l[0], setLoading = _l[1];
+    var _m = useState({}), collaborationStateMap = _m[0], setCollaborationStateMap = _m[1];
     var addCommentsToCommentsMap = useCallback(function (commentsMap) {
         setCommentsMap(function (currentCommentsMap) { return (__assign(__assign({}, currentCommentsMap), commentsMap)); });
     }, []);
@@ -55,18 +55,16 @@ export var useCollaboration = function (_a) {
     var isCollaborationEnabledForEntity = isCollaborationEnabled && entityUri && !isTempUri(entityUri);
     var getCommentsCount = useCallback(function (objectIds, shouldResetCommentsMap) {
         if (shouldResetCommentsMap === void 0) { shouldResetCommentsMap = false; }
-        if (!isCollaborationEnabledForEntity || totalCommentsCount == null) {
-            return setCommentsMap(null);
-        }
-        if (totalCommentsCount === 0) {
-            return shouldResetCommentsMap && setCommentsMap({});
+        if (!isCollaborationEnabledForEntity) {
+            setCommentsMap(null);
+            return;
         }
         var onError = function (e) {
             console.warn('Collaboration error', e);
             setCommentsMap(null);
         };
         pipe(getCommentsCountRequest, andThen(map(props(['objectId', 'comments']))), andThen(fromPairs), andThen(shouldResetCommentsMap ? setCommentsMap : addCommentsToCommentsMap), otherwise(onError))({ uris: objectIds, tenant: tenant, collaborationPath: collaborationPath });
-    }, [addCommentsToCommentsMap, collaborationPath, isCollaborationEnabledForEntity, tenant, totalCommentsCount]);
+    }, [addCommentsToCommentsMap, collaborationPath, isCollaborationEnabledForEntity, tenant]);
     var getTotalCommentsCount = useCallback(function () {
         if (isCollaborationEnabledForEntity) {
             var onError = function (e) {
@@ -84,8 +82,10 @@ export var useCollaboration = function (_a) {
         }
     }, [isCollaborationEnabledForEntity, collaborationPath, entityUri, tenant]);
     useEffect(function () {
-        getTotalCommentsCount();
-    }, [getTotalCommentsCount]);
+        if (needsTotalCount) {
+            getTotalCommentsCount();
+        }
+    }, [getTotalCommentsCount, needsTotalCount]);
     useEffect(function () {
         getCommentsCount(objectIds, true);
     }, [objectIds, getCommentsCount]);
@@ -124,16 +124,22 @@ export var useCollaboration = function (_a) {
         setComments(map(when(propEq('commentId', comment.commentId), always(comment))));
     };
     var deleteCommentFromState = function (commentId, uri) {
+        var repliesCountFromComments;
+        var repliesCountFromCommentsMap;
         setCurrentComment(null);
         setCommentsMap(function (prevCommentsMap) {
             var _a;
+            var _b, _c;
+            repliesCountFromCommentsMap = (_c = (_b = prevCommentsMap === null || prevCommentsMap === void 0 ? void 0 : prevCommentsMap[uri]) === null || _b === void 0 ? void 0 : _b.find(function (c) { return c.commentId === commentId; })) === null || _c === void 0 ? void 0 : _c.replies;
             var comments = prevCommentsMap[uri] || [];
             return __assign(__assign({}, prevCommentsMap), (_a = {}, _a[uri] = comments.filter(function (c) { return c.commentId !== commentId; }), _a));
         });
         setComments(function (prevComments) {
+            var _a;
+            repliesCountFromComments = (_a = prevComments.find(function (comment) { return comment.commentId === commentId; })) === null || _a === void 0 ? void 0 : _a.replies.length;
             return prevComments.filter(function (comment) { return comment.commentId !== commentId; });
         });
-        setTotalCommentsCount(function (prevCount) { return Math.max((prevCount || 0) - 1, 0); });
+        setTotalCommentsCount(function (prevCount) { var _a; return Math.max((prevCount || 0) - (1 + ((_a = repliesCountFromComments !== null && repliesCountFromComments !== void 0 ? repliesCountFromComments : repliesCountFromCommentsMap) !== null && _a !== void 0 ? _a : 0)), 0); });
     };
     var createComment = useCallback(function (_a) {
         var content = _a.content, namedUsers = _a.namedUsers, objectType = _a.objectType, uri = _a.uri, relatedObjectUris = _a.relatedObjectUris;