@reltio/components 1.4.1103 → 1.4.1106

package/cjs/components/CollaborationItem/CommentTarget/CommentTarget.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -44,7 +55,7 @@ var CommentTarget = function (_a) {
     var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
     var entitiesMap = react_1.useContext(contexts_1.EntitiesMapContext);
     var getContent = function () {
-        var _a, _b;
+        var _a;
         switch (comment.objectType) {
             case mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE: {
                 var attributeTypeUri = mdm_sdk_2.getAttributeTypeUriByValueUri(comment.objectId, entity.type);
@@ -68,10 +79,7 @@ var CommentTarget = function (_a) {
             }
             case mdm_sdk_1.CollaborationObjectTypes.RELATION: {
                 var relatedEntityUri = utils_1.getRelatedEntityUri(comment, entity.uri);
-                var relatedEntity = {
-                    uri: relatedEntityUri,
-                    label: (_a = entitiesMap[relatedEntityUri]) === null || _a === void 0 ? void 0 : _a.label
-                };
+                var relatedEntity = __assign(__assign({}, (entitiesMap[relatedEntityUri] || {})), { uri: relatedEntityUri });
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement(Typography_1.default, { className: styles.title }, ui_i18n_1.default.text('Selected relation:')),
                     react_1.default.createElement(Typography_1.default, { className: styles.label },
@@ -85,7 +93,7 @@ var CommentTarget = function (_a) {
                 var relatedEntityUri = utils_1.getRelatedEntityUri(comment, entity.uri);
                 var relatedEntity = {
                     uri: relatedEntityUri,
-                    label: (_b = entitiesMap[relatedEntityUri]) === null || _b === void 0 ? void 0 : _b.label
+                    label: (_a = entitiesMap[relatedEntityUri]) === null || _a === void 0 ? void 0 : _a.label
                 };
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement(Typography_1.default, { className: styles.title }, ui_i18n_1.default.text('Selected potential match:')),

package/cjs/components/MatchRulesBlock/MatchRulesBadge/MatchRulesBadge.js

@@ -49,9 +49,10 @@ var classnames_1 = __importDefault(require("classnames"));
 var ArrowExpandButton_1 = __importDefault(require("../../ArrowExpandButton/ArrowExpandButton"));
 var styles_1 = __importDefault(require("./styles"));
 var MatchRulesBadge = react_1.forwardRef(function (_a, ref) {
+    var _b;
     var children = _a.children, expanded = _a.expanded, onExpand = _a.onExpand, className = _a.className, otherProps = __rest(_a, ["children", "expanded", "onExpand", "className"]);
     var styles = styles_1.default();
-    return (react_1.default.createElement("div", __assign({ onClick: onExpand, ref: ref, className: classnames_1.default(styles.container, className) }, otherProps),
+    return (react_1.default.createElement("div", __assign({ onClick: onExpand, ref: ref, className: classnames_1.default(styles.container, className, (_b = {}, _b[styles.expanded] = expanded, _b)) }, otherProps),
         react_1.default.createElement(ArrowExpandButton_1.default, { expanded: expanded }),
         react_1.default.createElement("div", { className: styles.label }, children)));
 });

package/cjs/components/MatchRulesBlock/MatchRulesBadge/styles.d.ts

@@ -1,2 +1,2 @@
-declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "container">;
+declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "expanded" | "container">;
 export default styles;

package/cjs/components/MatchRulesBlock/MatchRulesBadge/styles.js

@@ -6,16 +6,18 @@ var styles = styles_1.makeStyles(function (theme) {
         label: {
             backgroundColor: 'rgba(43,152,240,0.12)',
             fontSize: '12px',
-            lineHeight: '14px',
+            lineHeight: '15px',
             color: theme.palette.text.primary,
             display: 'flex',
             alignItems: 'center',
-            padding: '4px 8px'
+            padding: '2px 7px'
         },
         container: {
             display: 'flex',
             alignItems: 'center',
-            cursor: 'pointer',
+            cursor: 'pointer'
+        },
+        expanded: {
             marginBottom: '8px'
         }
     };

package/cjs/components/MergeButton/MergeButton.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     entities: Entity[];
     entity: Entity;
     mode?: ActionButtonMode;
+    size?: string;
     onMenuClose?: () => void;
     disabled?: boolean;
     onStartRequest?: () => void;

package/cjs/components/NotMatchButton/NotMatchButton.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     entities: Entity[];
     entity: Entity;
     mode?: ActionButtonMode;
+    size?: string;
     onMenuClose?: () => void;
     disabled?: boolean;
     onStartRequest?: () => void;

package/cjs/components/ProfileMatchCard/styles.js

@@ -25,6 +25,7 @@ exports.useStyles = styles_1.makeStyles({
         paddingTop: '8px'
     },
     rulesContainer: {
-        paddingLeft: '52px'
+        paddingLeft: '52px',
+        marginBottom: '8px'
     }
 });

package/cjs/components/VerticalHeadingsTable/VerticalHeadingsTable.d.ts

@@ -1,9 +1,11 @@
 declare var _default: React.MemoExoticComponent<{
-    ({ className, rowsData, columnsData, theadRowsNumber }: {
+    ({ className, rowsData, columnsData, theadRowsNumber, setHoveredColumn, resetHoveredColumn }: {
         className: any;
         rowsData: any;
         columnsData: any;
         theadRowsNumber?: number;
+        setHoveredColumn: any;
+        resetHoveredColumn: any;
     }): JSX.Element;
     propTypes: {
         rowsData: PropTypes.Requireable<PropTypes.InferProps<{
@@ -15,6 +17,8 @@ declare var _default: React.MemoExoticComponent<{
         columnsData: PropTypes.Requireable<object[]>;
         theadRowsNumber: PropTypes.Requireable<number>;
         className: PropTypes.Requireable<string>;
+        setHoveredColumn: PropTypes.Requireable<(...args: any[]) => any>;
+        resetHoveredColumn: PropTypes.Requireable<(...args: any[]) => any>;
     };
 }>;
 export default _default;

package/cjs/components/VerticalHeadingsTable/VerticalHeadingsTable.js

@@ -44,14 +44,14 @@ var DefaultCellRenderer = function (_a) {
     return value || null;
 };
 var VerticalHeadingsTable = function (_a) {
-    var className = _a.className, rowsData = _a.rowsData, columnsData = _a.columnsData, _b = _a.theadRowsNumber, theadRowsNumber = _b === void 0 ? 0 : _b;
+    var className = _a.className, rowsData = _a.rowsData, columnsData = _a.columnsData, _b = _a.theadRowsNumber, theadRowsNumber = _b === void 0 ? 0 : _b, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn;
     var renderRow = function (rowData) {
         var CellRenderer = rowData.cellRenderer || DefaultCellRenderer;
         var HeadCellRenderer = rowData.headCellRenderer || DefaultHeadCellRenderer;
         return (react_1.default.createElement("tr", { key: rowData.id },
             react_1.default.createElement("th", { key: rowData.id },
                 react_1.default.createElement(HeadCellRenderer, __assign({}, rowData))),
-            columnsData.map(function (columnValue, index) { return (react_1.default.createElement("td", { key: index },
+            columnsData.map(function (columnValue, index) { return (react_1.default.createElement("td", { key: index, onMouseOver: function () { return setHoveredColumn(columnValue); }, onMouseLeave: resetHoveredColumn },
                 react_1.default.createElement(CellRenderer, { value: columnValue[rowData.id], columnValue: columnValue, rowData: rowData }))); })));
     };
     return (react_1.default.createElement("table", { className: className },
@@ -67,6 +67,8 @@ VerticalHeadingsTable.propTypes = {
     })),
     columnsData: prop_types_1.default.arrayOf(prop_types_1.default.object),
     theadRowsNumber: prop_types_1.default.number,
-    className: prop_types_1.default.string
+    className: prop_types_1.default.string,
+    setHoveredColumn: prop_types_1.default.func,
+    resetHoveredColumn: prop_types_1.default.func
 };
 exports.default = react_1.memo(VerticalHeadingsTable);

package/cjs/hooks/index.d.ts

@@ -3,6 +3,7 @@ export { useAPI, CustomAction } from './useAPI';
 export type { CustomActionTask } from './useAPI';
 export { useAsyncMount } from './useAsyncMount';
 export { useCollaboration } from './useCollaboration';
+export { useCommentsEntitiesMap } from './useCommentsEntitiesMap';
 export { useDidUpdateEffect } from './useDidUpdateEffect';
 export { usePrevious } from './usePrevious';
 export { useRelationTypeSelector } from './useRelationTypeSelector';

package/cjs/hooks/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCollaboration = exports.useAsyncMount = exports.CustomAction = exports.useAPI = exports.useActions = void 0;
+exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.CustomAction = exports.useAPI = exports.useActions = void 0;
 var useActions_1 = require("./useActions");
 Object.defineProperty(exports, "useActions", { enumerable: true, get: function () { return useActions_1.useActions; } });
 var useAPI_1 = require("./useAPI");
@@ -10,6 +10,8 @@ var useAsyncMount_1 = require("./useAsyncMount");
 Object.defineProperty(exports, "useAsyncMount", { enumerable: true, get: function () { return useAsyncMount_1.useAsyncMount; } });
 var useCollaboration_1 = require("./useCollaboration");
 Object.defineProperty(exports, "useCollaboration", { enumerable: true, get: function () { return useCollaboration_1.useCollaboration; } });
+var useCommentsEntitiesMap_1 = require("./useCommentsEntitiesMap");
+Object.defineProperty(exports, "useCommentsEntitiesMap", { enumerable: true, get: function () { return useCommentsEntitiesMap_1.useCommentsEntitiesMap; } });
 var useDidUpdateEffect_1 = require("./useDidUpdateEffect");
 Object.defineProperty(exports, "useDidUpdateEffect", { enumerable: true, get: function () { return useDidUpdateEffect_1.useDidUpdateEffect; } });
 var usePrevious_1 = require("./usePrevious");

package/cjs/hooks/useCommentsEntitiesMap.d.ts

@@ -0,0 +1,2 @@
+import { Comment, Entity, EntitiesMap } from '@reltio/mdm-sdk';
+export declare const useCommentsEntitiesMap: (comments: Comment[]) => EntitiesMap<Entity>;

package/cjs/hooks/useCommentsEntitiesMap.js

@@ -0,0 +1,89 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCommentsEntitiesMap = void 0;
+var react_1 = require("react");
+var ramda_1 = require("ramda");
+var react_redux_1 = require("react-redux");
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var useSafePromise_1 = require("./useSafePromise");
+var SELECT_OPTION = 'uri,label,type';
+var useCommentsEntitiesMap = function (comments) {
+    var safePromise = useSafePromise_1.useSafePromise();
+    var currentEntityUri = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntityUriWithDataTenant);
+    var _a = react_1.useState({}), entitiesMap = _a[0], setEntitiesMap = _a[1];
+    var getEntities = react_1.useCallback(function (entitiesUris) {
+        var requestFilters = [
+            {
+                filter: mdm_sdk_1.FilterOptions.EQUALS,
+                fieldName: 'uri',
+                values: entitiesUris
+            }
+        ];
+        var requestOptions = {
+            max: entitiesUris.length,
+            activeness: mdm_sdk_1.ActivityFilters.ALL,
+            select: 'uri,label,type'
+        };
+        return safePromise(mdm_sdk_1.getFilteredEntities(requestFilters, requestOptions));
+    }, [safePromise]);
+    var getNotFoundEntity = function (entityUri) {
+        return mdm_sdk_1.getEntity(entityUri, { options: SELECT_OPTION })
+            .then(function (entity) { return ({
+            uri: entityUri,
+            label: entity.label,
+            type: entity.type
+        }); })
+            .catch(function () { return ({}); });
+    };
+    var addNotFoundEntities = react_1.useCallback(function (entitiesUris, entities) {
+        return safePromise(Promise.all((entitiesUris || []).map(getNotFoundEntity))).then(ramda_1.pipe(ramda_1.reject(ramda_1.isEmpty), ramda_1.concat(entities)));
+    }, [safePromise]);
+    react_1.useEffect(function () {
+        var uniqEntitiesUris = ramda_1.pipe(ramda_1.reduce(function (entitiesUris, comment) {
+            var type = comment.objectType, relatedObjectUris = comment.relatedObjectUris;
+            if (type === 'relation' || type === 'potentialMatch') {
+                (relatedObjectUris || []).forEach(function (uri) {
+                    if (uri !== currentEntityUri && mdm_sdk_1.isEntityUri(uri) && !entitiesMap[uri]) {
+                        entitiesUris.push(uri);
+                    }
+                });
+            }
+            return entitiesUris;
+        }, []), ramda_1.uniq)(comments || []);
+        if (uniqEntitiesUris.length) {
+            getEntities(uniqEntitiesUris)
+                .then(function (results) {
+                var getNotFoundUris = ramda_1.pipe(ramda_1.map(ramda_1.prop('uri')), ramda_1.difference(uniqEntitiesUris));
+                var notFoundEntities = getNotFoundUris(results);
+                return addNotFoundEntities(notFoundEntities, results);
+            })
+                .then(function (results) {
+                setEntitiesMap(function (prevEntitiesMap) {
+                    return results.reduce(function (entities, entity) {
+                        entities[entity.uri] = entity;
+                        return entities;
+                    }, __assign({}, prevEntitiesMap));
+                });
+            })
+                .catch(function () { });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [getEntities, addNotFoundEntities, comments, currentEntityUri]);
+    return entitiesMap;
+};
+exports.useCommentsEntitiesMap = useCommentsEntitiesMap;

package/esm/components/CollaborationItem/CommentTarget/CommentTarget.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import React, { useContext } from 'react';
 import { useSelector } from 'react-redux';
 import i18n from 'ui-i18n';
@@ -19,7 +30,7 @@ export var CommentTarget = function (_a) {
     var metadata = useSelector(mdm.selectors.getMetadata);
     var entitiesMap = useContext(EntitiesMapContext);
     var getContent = function () {
-        var _a, _b;
+        var _a;
         switch (comment.objectType) {
             case CollaborationObjectTypes.ENTITY_ATTRIBUTE: {
                 var attributeTypeUri = getAttributeTypeUriByValueUri(comment.objectId, entity.type);
@@ -43,10 +54,7 @@ export var CommentTarget = function (_a) {
             }
             case CollaborationObjectTypes.RELATION: {
                 var relatedEntityUri = getRelatedEntityUri(comment, entity.uri);
-                var relatedEntity = {
-                    uri: relatedEntityUri,
-                    label: (_a = entitiesMap[relatedEntityUri]) === null || _a === void 0 ? void 0 : _a.label
-                };
+                var relatedEntity = __assign(__assign({}, (entitiesMap[relatedEntityUri] || {})), { uri: relatedEntityUri });
                 return (React.createElement(React.Fragment, null,
                     React.createElement(Typography, { className: styles.title }, i18n.text('Selected relation:')),
                     React.createElement(Typography, { className: styles.label },
@@ -60,7 +68,7 @@ export var CommentTarget = function (_a) {
                 var relatedEntityUri = getRelatedEntityUri(comment, entity.uri);
                 var relatedEntity = {
                     uri: relatedEntityUri,
-                    label: (_b = entitiesMap[relatedEntityUri]) === null || _b === void 0 ? void 0 : _b.label
+                    label: (_a = entitiesMap[relatedEntityUri]) === null || _a === void 0 ? void 0 : _a.label
                 };
                 return (React.createElement(React.Fragment, null,
                     React.createElement(Typography, { className: styles.title }, i18n.text('Selected potential match:')),

package/esm/components/MatchRulesBlock/MatchRulesBadge/MatchRulesBadge.js

@@ -25,9 +25,10 @@ import classnames from 'classnames';
 import ArrowExpandButton from '../../ArrowExpandButton/ArrowExpandButton';
 import useStyles from './styles';
 var MatchRulesBadge = forwardRef(function (_a, ref) {
+    var _b;
     var children = _a.children, expanded = _a.expanded, onExpand = _a.onExpand, className = _a.className, otherProps = __rest(_a, ["children", "expanded", "onExpand", "className"]);
     var styles = useStyles();
-    return (React.createElement("div", __assign({ onClick: onExpand, ref: ref, className: classnames(styles.container, className) }, otherProps),
+    return (React.createElement("div", __assign({ onClick: onExpand, ref: ref, className: classnames(styles.container, className, (_b = {}, _b[styles.expanded] = expanded, _b)) }, otherProps),
         React.createElement(ArrowExpandButton, { expanded: expanded }),
         React.createElement("div", { className: styles.label }, children)));
 });

package/esm/components/MatchRulesBlock/MatchRulesBadge/styles.d.ts

@@ -1,2 +1,2 @@
-declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "container">;
+declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "expanded" | "container">;
 export default styles;

package/esm/components/MatchRulesBlock/MatchRulesBadge/styles.js

@@ -4,16 +4,18 @@ var styles = makeStyles(function (theme) {
         label: {
             backgroundColor: 'rgba(43,152,240,0.12)',
             fontSize: '12px',
-            lineHeight: '14px',
+            lineHeight: '15px',
             color: theme.palette.text.primary,
             display: 'flex',
             alignItems: 'center',
-            padding: '4px 8px'
+            padding: '2px 7px'
         },
         container: {
             display: 'flex',
             alignItems: 'center',
-            cursor: 'pointer',
+            cursor: 'pointer'
+        },
+        expanded: {
             marginBottom: '8px'
         }
     };

package/esm/components/MergeButton/MergeButton.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     entities: Entity[];
     entity: Entity;
     mode?: ActionButtonMode;
+    size?: string;
     onMenuClose?: () => void;
     disabled?: boolean;
     onStartRequest?: () => void;

package/esm/components/NotMatchButton/NotMatchButton.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     entities: Entity[];
     entity: Entity;
     mode?: ActionButtonMode;
+    size?: string;
     onMenuClose?: () => void;
     disabled?: boolean;
     onStartRequest?: () => void;

package/esm/components/ProfileMatchCard/styles.js

@@ -22,6 +22,7 @@ export var useStyles = makeStyles({
         paddingTop: '8px'
     },
     rulesContainer: {
-        paddingLeft: '52px'
+        paddingLeft: '52px',
+        marginBottom: '8px'
     }
 });

package/esm/components/VerticalHeadingsTable/VerticalHeadingsTable.d.ts

@@ -1,9 +1,11 @@
 declare var _default: React.MemoExoticComponent<{
-    ({ className, rowsData, columnsData, theadRowsNumber }: {
+    ({ className, rowsData, columnsData, theadRowsNumber, setHoveredColumn, resetHoveredColumn }: {
         className: any;
         rowsData: any;
         columnsData: any;
         theadRowsNumber?: number;
+        setHoveredColumn: any;
+        resetHoveredColumn: any;
     }): JSX.Element;
     propTypes: {
         rowsData: PropTypes.Requireable<PropTypes.InferProps<{
@@ -15,6 +17,8 @@ declare var _default: React.MemoExoticComponent<{
         columnsData: PropTypes.Requireable<object[]>;
         theadRowsNumber: PropTypes.Requireable<number>;
         className: PropTypes.Requireable<string>;
+        setHoveredColumn: PropTypes.Requireable<(...args: any[]) => any>;
+        resetHoveredColumn: PropTypes.Requireable<(...args: any[]) => any>;
     };
 }>;
 export default _default;

package/esm/components/VerticalHeadingsTable/VerticalHeadingsTable.js

@@ -20,14 +20,14 @@ var DefaultCellRenderer = function (_a) {
     return value || null;
 };
 var VerticalHeadingsTable = function (_a) {
-    var className = _a.className, rowsData = _a.rowsData, columnsData = _a.columnsData, _b = _a.theadRowsNumber, theadRowsNumber = _b === void 0 ? 0 : _b;
+    var className = _a.className, rowsData = _a.rowsData, columnsData = _a.columnsData, _b = _a.theadRowsNumber, theadRowsNumber = _b === void 0 ? 0 : _b, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn;
     var renderRow = function (rowData) {
         var CellRenderer = rowData.cellRenderer || DefaultCellRenderer;
         var HeadCellRenderer = rowData.headCellRenderer || DefaultHeadCellRenderer;
         return (React.createElement("tr", { key: rowData.id },
             React.createElement("th", { key: rowData.id },
                 React.createElement(HeadCellRenderer, __assign({}, rowData))),
-            columnsData.map(function (columnValue, index) { return (React.createElement("td", { key: index },
+            columnsData.map(function (columnValue, index) { return (React.createElement("td", { key: index, onMouseOver: function () { return setHoveredColumn(columnValue); }, onMouseLeave: resetHoveredColumn },
                 React.createElement(CellRenderer, { value: columnValue[rowData.id], columnValue: columnValue, rowData: rowData }))); })));
     };
     return (React.createElement("table", { className: className },
@@ -43,6 +43,8 @@ VerticalHeadingsTable.propTypes = {
     })),
     columnsData: PropTypes.arrayOf(PropTypes.object),
     theadRowsNumber: PropTypes.number,
-    className: PropTypes.string
+    className: PropTypes.string,
+    setHoveredColumn: PropTypes.func,
+    resetHoveredColumn: PropTypes.func
 };
 export default memo(VerticalHeadingsTable);

package/esm/hooks/index.d.ts

@@ -3,6 +3,7 @@ export { useAPI, CustomAction } from './useAPI';
 export type { CustomActionTask } from './useAPI';
 export { useAsyncMount } from './useAsyncMount';
 export { useCollaboration } from './useCollaboration';
+export { useCommentsEntitiesMap } from './useCommentsEntitiesMap';
 export { useDidUpdateEffect } from './useDidUpdateEffect';
 export { usePrevious } from './usePrevious';
 export { useRelationTypeSelector } from './useRelationTypeSelector';

package/esm/hooks/index.js

@@ -2,6 +2,7 @@ export { useActions } from './useActions';
 export { useAPI, CustomAction } from './useAPI';
 export { useAsyncMount } from './useAsyncMount';
 export { useCollaboration } from './useCollaboration';
+export { useCommentsEntitiesMap } from './useCommentsEntitiesMap';
 export { useDidUpdateEffect } from './useDidUpdateEffect';
 export { usePrevious } from './usePrevious';
 export { useRelationTypeSelector } from './useRelationTypeSelector';

package/esm/hooks/useCommentsEntitiesMap.d.ts

@@ -0,0 +1,2 @@
+import { Comment, Entity, EntitiesMap } from '@reltio/mdm-sdk';
+export declare const useCommentsEntitiesMap: (comments: Comment[]) => EntitiesMap<Entity>;

package/esm/hooks/useCommentsEntitiesMap.js

@@ -0,0 +1,82 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { useCallback, useEffect, useState } from 'react';
+import { concat, difference, isEmpty, map, pipe, prop, reduce, reject, uniq } from 'ramda';
+import { useSelector } from 'react-redux';
+import mdm from '@reltio/mdm-module';
+import { ActivityFilters, FilterOptions, getFilteredEntities, isEntityUri, getEntity } from '@reltio/mdm-sdk';
+import { useSafePromise } from './useSafePromise';
+var SELECT_OPTION = 'uri,label,type';
+export var useCommentsEntitiesMap = function (comments) {
+    var safePromise = useSafePromise();
+    var currentEntityUri = useSelector(mdm.selectors.getEntityUriWithDataTenant);
+    var _a = useState({}), entitiesMap = _a[0], setEntitiesMap = _a[1];
+    var getEntities = useCallback(function (entitiesUris) {
+        var requestFilters = [
+            {
+                filter: FilterOptions.EQUALS,
+                fieldName: 'uri',
+                values: entitiesUris
+            }
+        ];
+        var requestOptions = {
+            max: entitiesUris.length,
+            activeness: ActivityFilters.ALL,
+            select: 'uri,label,type'
+        };
+        return safePromise(getFilteredEntities(requestFilters, requestOptions));
+    }, [safePromise]);
+    var getNotFoundEntity = function (entityUri) {
+        return getEntity(entityUri, { options: SELECT_OPTION })
+            .then(function (entity) { return ({
+            uri: entityUri,
+            label: entity.label,
+            type: entity.type
+        }); })
+            .catch(function () { return ({}); });
+    };
+    var addNotFoundEntities = useCallback(function (entitiesUris, entities) {
+        return safePromise(Promise.all((entitiesUris || []).map(getNotFoundEntity))).then(pipe(reject(isEmpty), concat(entities)));
+    }, [safePromise]);
+    useEffect(function () {
+        var uniqEntitiesUris = pipe(reduce(function (entitiesUris, comment) {
+            var type = comment.objectType, relatedObjectUris = comment.relatedObjectUris;
+            if (type === 'relation' || type === 'potentialMatch') {
+                (relatedObjectUris || []).forEach(function (uri) {
+                    if (uri !== currentEntityUri && isEntityUri(uri) && !entitiesMap[uri]) {
+                        entitiesUris.push(uri);
+                    }
+                });
+            }
+            return entitiesUris;
+        }, []), uniq)(comments || []);
+        if (uniqEntitiesUris.length) {
+            getEntities(uniqEntitiesUris)
+                .then(function (results) {
+                var getNotFoundUris = pipe(map(prop('uri')), difference(uniqEntitiesUris));
+                var notFoundEntities = getNotFoundUris(results);
+                return addNotFoundEntities(notFoundEntities, results);
+            })
+                .then(function (results) {
+                setEntitiesMap(function (prevEntitiesMap) {
+                    return results.reduce(function (entities, entity) {
+                        entities[entity.uri] = entity;
+                        return entities;
+                    }, __assign({}, prevEntitiesMap));
+                });
+            })
+                .catch(function () { });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [getEntities, addNotFoundEntities, comments, currentEntityUri]);
+    return entitiesMap;
+};

package/package.json

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