@reltio/components 1.4.876 → 1.4.877

package/components/BasicViewContent/BasicViewContent.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,16 +20,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var styles_1 = require("./styles");
+import React from 'react';
+import classnames from 'classnames';
+import { useStyles } from './styles';
 var BasicViewContent = function (_a) {
     var children = _a.children, className = _a.className, otherProps = __rest(_a, ["children", "className"]);
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement("div", __assign({ className: classnames_1.default(styles['basic-view-content'], className) }, otherProps), children));
+    var styles = useStyles();
+    return (React.createElement("div", __assign({ className: classnames(styles['basic-view-content'], className) }, otherProps), children));
 };
-exports.default = BasicViewContent;
+export default BasicViewContent;

package/components/BasicViewContent/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
     'basic-view-content': {
         flex: '1 1 auto',
         padding: '0 24px 24px',

package/components/BasicViewHeader/BasicViewHeader.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,19 +20,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var Toolbar_1 = __importDefault(require("@material-ui/core/Toolbar"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var styles_1 = require("./styles");
+import React from 'react';
+import Toolbar from '@material-ui/core/Toolbar';
+import Typography from '@material-ui/core/Typography';
+import { useStyles } from './styles';
 var BasicViewHeader = function (_a) {
     var title = _a.title, _b = _a.children, children = _b === void 0 ? null : _b, _c = _a.classes, classes = _c === void 0 ? {} : _c, otherProps = __rest(_a, ["title", "children", "classes"]);
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement(Toolbar_1.default, __assign({ className: classes.root, classes: { root: styles.toolbar } }, otherProps),
-        react_1.default.createElement(Typography_1.default, { className: classes.title, classes: { root: styles.title }, variant: "h6" }, title),
+    var styles = useStyles();
+    return (React.createElement(Toolbar, __assign({ className: classes.root, classes: { root: styles.toolbar } }, otherProps),
+        React.createElement(Typography, { className: classes.title, classes: { root: styles.title }, variant: "h6" }, title),
         children));
 };
-exports.default = BasicViewHeader;
+export default BasicViewHeader;

package/components/BasicViewHeader/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
     toolbar: {
         minHeight: '48px',
         padding: '8px 24px',

package/components/ClickAwayProvider/ClickAwayProvider.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,13 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     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 });
-var react_1 = __importDefault(require("react"));
-var ClickAwayListener_1 = __importDefault(require("@material-ui/core/ClickAwayListener"));
+import React from 'react';
+import ClickAwayListener from '@material-ui/core/ClickAwayListener';
 var ClickAwayProvider = function (props) {
-    return react_1.default.createElement(ClickAwayListener_1.default, __assign({ mouseEvent: "onMouseDown" }, props));
+    return React.createElement(ClickAwayListener, __assign({ mouseEvent: "onMouseDown" }, props));
 };
-exports.default = ClickAwayProvider;
+export default ClickAwayProvider;

package/components/CollaborationItem/Avatar/Avatar.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,19 +20,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var Avatar_1 = __importDefault(require("@material-ui/core/Avatar"));
-var utils_1 = require("../utils");
-var styles_1 = require("./styles");
-var Avatar = function (_a) {
+import React from 'react';
+import classnames from 'classnames';
+import MUIAvatar from '@material-ui/core/Avatar';
+import { getAbbreviationFromUserName } from '../utils';
+import { useStyles } from './styles';
+export var Avatar = function (_a) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement(Avatar_1.default, __assign({}, props, { className: classnames_1.default(styles.root, className) }), utils_1.getAbbreviationFromUserName(children)));
+    var styles = useStyles();
+    return (React.createElement(MUIAvatar, __assign({}, props, { className: classnames(styles.root, className) }), getAbbreviationFromUserName(children)));
 };
-exports.Avatar = Avatar;

package/components/CollaborationItem/Avatar/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
     root: {
         width: '32px',
         height: '32px',

package/components/CollaborationItem/CollaborationItem.js

@@ -1,39 +1,14 @@
-"use strict";
-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]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollaborationItem = void 0;
-var react_1 = __importStar(require("react"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var Comment_1 = require("./Comment/Comment");
-var RepliedComment_1 = require("./RepliedComment/RepliedComment");
-var SendMessageArea_1 = require("./SendMessageArea/SendMessageArea");
-var styles_1 = require("./styles");
-exports.CollaborationItem = react_1.memo(function (_a) {
+import React, { useRef, useState, memo } from 'react';
+import Box from '@material-ui/core/Box';
+import { Comment } from './Comment/Comment';
+import { RepliedComment } from './RepliedComment/RepliedComment';
+import { SendMessageArea } from './SendMessageArea/SendMessageArea';
+import { useStyles } from './styles';
+export var CollaborationItem = memo(function (_a) {
     var uri = _a.uri, relatedObjectUris = _a.relatedObjectUris, objectType = _a.objectType, classes = _a.classes, popperRef = _a.popperRef, messagesRef = _a.messagesRef, comment = _a.comment;
-    var inputRef = react_1.useRef();
-    var styles = styles_1.useStyles({ classes: classes });
-    var _b = react_1.useState(false), isEditingComment = _b[0], setIsEditingComment = _b[1];
+    var inputRef = useRef();
+    var styles = useStyles({ classes: classes });
+    var _b = useState(false), isEditingComment = _b[0], setIsEditingComment = _b[1];
     var handleReply = function () {
         if (isEditingComment) {
             setIsEditingComment(false);
@@ -43,12 +18,12 @@ exports.CollaborationItem = react_1.memo(function (_a) {
     var handleSetEdit = function () {
         setIsEditingComment(true);
     };
-    var sendMessageArea = (react_1.default.createElement(SendMessageArea_1.SendMessageArea, { className: styles.sendMessageArea, inputRef: inputRef, popperRef: popperRef, uri: uri, relatedObjectUris: relatedObjectUris, objectType: objectType, comment: comment, onCancel: function () { return setIsEditingComment(false); }, isEditingComment: isEditingComment }));
-    return (react_1.default.createElement(Box_1.default, { className: styles.root },
-        comment && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("div", { className: styles.messages, ref: messagesRef },
-                react_1.default.createElement(Comment_1.Comment, { comment: comment, uri: uri, onReply: handleReply, onStartEditing: handleSetEdit, className: styles.comment }),
-                react_1.default.createElement(Box_1.default, { className: styles.replies }, comment.replies.map(function (reply) { return (react_1.default.createElement(RepliedComment_1.RepliedComment, { key: reply.replyId, className: styles.repliedComment, reply: reply })); }))),
+    var sendMessageArea = (React.createElement(SendMessageArea, { className: styles.sendMessageArea, inputRef: inputRef, popperRef: popperRef, uri: uri, relatedObjectUris: relatedObjectUris, objectType: objectType, comment: comment, onCancel: function () { return setIsEditingComment(false); }, isEditingComment: isEditingComment }));
+    return (React.createElement(Box, { className: styles.root },
+        comment && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: styles.messages, ref: messagesRef },
+                React.createElement(Comment, { comment: comment, uri: uri, onReply: handleReply, onStartEditing: handleSetEdit, className: styles.comment }),
+                React.createElement(Box, { className: styles.replies }, comment.replies.map(function (reply) { return (React.createElement(RepliedComment, { key: reply.replyId, className: styles.repliedComment, reply: reply })); }))),
             sendMessageArea)),
         !comment && sendMessageArea));
 });

package/components/CollaborationItem/Comment/Comment.js

@@ -1,57 +1,32 @@
-"use strict";
-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]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Comment = void 0;
-var react_1 = __importStar(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Link_1 = __importDefault(require("@material-ui/core/Link"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var MoreVert_1 = __importDefault(require("@material-ui/icons/MoreVert"));
-var DropDownMenuButton_1 = __importDefault(require("../../DropDownMenuButton/DropDownMenuButton"));
-var SmallIconButton_1 = require("../../SmallIconButton");
-var CommentTarget_1 = require("../CommentTarget/CommentTarget");
-var CommentContent_1 = require("../CommentContent/CommentContent");
-var Avatar_1 = require("../Avatar/Avatar");
-var contexts_1 = require("../../../contexts");
-var utils_1 = require("../utils");
-var styles_1 = require("./styles");
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var Comment = function (_a) {
+import React, { useMemo, useContext } from 'react';
+import i18n from 'ui-i18n';
+import Link from '@material-ui/core/Link';
+import Box from '@material-ui/core/Box';
+import Typography from '@material-ui/core/Typography';
+import MoreVertIcon from '@material-ui/icons/MoreVert';
+import DropDownMenuButton from '../../DropDownMenuButton/DropDownMenuButton';
+import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
+import { CommentTarget } from '../CommentTarget/CommentTarget';
+import { CommentContent } from '../CommentContent/CommentContent';
+import { Avatar } from '../Avatar/Avatar';
+import { CollaborationContext } from '../../../contexts';
+import { formatDate } from '../utils';
+import { useStyles } from './styles';
+import { useSelector } from 'react-redux';
+import mdm from '@reltio/mdm-module';
+export var Comment = function (_a) {
     var onReply = _a.onReply, className = _a.className, uri = _a.uri, comment = _a.comment, onStartEditing = _a.onStartEditing;
-    var styles = styles_1.useStyles();
-    var username = react_redux_1.useSelector(mdm_module_1.default.selectors.getUserName);
+    var styles = useStyles();
+    var username = useSelector(mdm.selectors.getUserName);
     var canChangeComment = comment.createdBy === username;
-    var _b = react_1.useContext(contexts_1.CollaborationContext), resolveThread = _b.resolveThread, reOpenThread = _b.reOpenThread, sending = _b.sending, deleteComment = _b.deleteComment;
-    var menuItems = react_1.useMemo(function () { return [
+    var _b = useContext(CollaborationContext), resolveThread = _b.resolveThread, reOpenThread = _b.reOpenThread, sending = _b.sending, deleteComment = _b.deleteComment;
+    var menuItems = useMemo(function () { return [
         {
-            text: ui_i18n_1.default.text('Edit'),
+            text: i18n.text('Edit'),
             onClick: onStartEditing
         },
         {
-            text: ui_i18n_1.default.text('Delete'),
+            text: i18n.text('Delete'),
             onClick: function () { return deleteComment({ uri: uri, commentId: comment.commentId }); }
         }
     ]; }, [onStartEditing, deleteComment, uri, comment]);
@@ -61,22 +36,21 @@ var Comment = function (_a) {
     var handleReOpen = function () {
         reOpenThread({ commentId: comment.commentId, uri: uri });
     };
-    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 } }, comment.createdBy),
-            react_1.default.createElement(Box_1.default, { width: "100%" },
-                react_1.default.createElement(Typography_1.default, { className: styles.username }, comment.createdBy)),
-            react_1.default.createElement(Typography_1.default, { className: styles.createdAt }, utils_1.formatDate(comment.createdTime)),
-            canChangeComment && (react_1.default.createElement(DropDownMenuButton_1.default, { buttonComponent: SmallIconButton_1.SmallIconButtonWithTooltip, buttonProps: {
-                    icon: MoreVert_1.default,
-                    tooltipTitle: ui_i18n_1.default.text('Open menu')
+    return (React.createElement(Box, { className: className },
+        React.createElement(Box, { className: styles.header },
+            React.createElement(Avatar, { classes: { root: styles.avatar } }, comment.createdBy),
+            React.createElement(Box, { width: "100%" },
+                React.createElement(Typography, { className: styles.username }, comment.createdBy)),
+            React.createElement(Typography, { className: styles.createdAt }, formatDate(comment.createdTime)),
+            canChangeComment && (React.createElement(DropDownMenuButton, { buttonComponent: SmallIconButtonWithTooltip, buttonProps: {
+                    icon: MoreVertIcon,
+                    tooltipTitle: i18n.text('Open menu')
                 }, 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 }),
-            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'))),
-                comment.status === 'resolved' && (react_1.default.createElement(Link_1.default, { disabled: sending, className: styles.button, onClick: handleReOpen, component: "button" }, ui_i18n_1.default.text('Re-open')))))));
+        React.createElement(Box, { className: styles.body },
+            React.createElement(CommentTarget, { comment: comment, className: styles.commentTarget }),
+            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'))),
+                comment.status === 'resolved' && (React.createElement(Link, { disabled: sending, className: styles.button, onClick: handleReOpen, component: "button" }, i18n.text('Re-open')))))));
 };
-exports.Comment = Comment;

package/components/CollaborationItem/Comment/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
     header: {
         display: 'flex'
     },

package/components/CollaborationItem/CommentContent/CommentContent.js

@@ -1,42 +1,16 @@
-"use strict";
-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]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CommentContent = void 0;
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var Link_1 = __importDefault(require("@material-ui/core/Link"));
-var contexts_1 = require("../../../contexts");
-var utils_1 = require("../utils");
-var styles_1 = require("./styles");
-var CommentContent = function (_a) {
+import React, { Fragment, useContext } from 'react';
+import classnames from 'classnames';
+import Typography from '@material-ui/core/Typography';
+import Link from '@material-ui/core/Link';
+import { UsersContext } from '../../../contexts';
+import { processMentions } from '../utils';
+import { useStyles } from './styles';
+export var CommentContent = function (_a) {
     var comment = _a.comment, className = _a.className;
-    var styles = styles_1.useStyles();
-    var users = react_1.useContext(contexts_1.UsersContext);
-    return (react_1.default.createElement(Typography_1.default, { className: classnames_1.default(styles.root, className) }, utils_1.processMentions(comment.content, comment.namedUsers, function (mention) {
+    var styles = useStyles();
+    var users = useContext(UsersContext);
+    return (React.createElement(Typography, { className: classnames(styles.root, className) }, processMentions(comment.content, comment.namedUsers, function (mention) {
         var user = users.find(function (user) { return user.username === mention.slice(1); });
-        return user ? react_1.default.createElement(Link_1.default, { href: "mailto:" + user.email }, mention) : mention;
-    }).map(function (el, idx) { return (react_1.default.createElement(react_1.Fragment, { key: idx }, el)); })));
+        return user ? React.createElement(Link, { href: "mailto:" + user.email }, mention) : mention;
+    }).map(function (el, idx) { return (React.createElement(Fragment, { key: idx }, el)); })));
 };
-exports.CommentContent = CommentContent;

package/components/CollaborationItem/CommentContent/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
     root: {
         color: theme.palette.text.primary,
         fontSize: '13px',

package/components/CollaborationItem/CommentTarget/CommentTarget.js

@@ -1,97 +1,71 @@
-"use strict";
-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]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CommentTarget = void 0;
-var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var classnames_1 = __importDefault(require("classnames"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_sdk_2 = require("@reltio/mdm-sdk");
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var contexts_1 = require("../../../contexts");
-var EntityUriLink_1 = __importDefault(require("../../EntityUriLink/EntityUriLink"));
-var utils_1 = require("../utils");
-var styles_1 = require("./styles");
-var CommentTarget = function (_a) {
+import React, { useContext } from 'react';
+import { useSelector } from 'react-redux';
+import i18n from 'ui-i18n';
+import classnames from 'classnames';
+import mdm from '@reltio/mdm-module';
+import { CollaborationObjectTypes } from '@reltio/mdm-sdk';
+import { findAttributeTypeByUri, getLabel, getEntityUriForLink, getEntityId, getAttributeTypeUriByValueUri } from '@reltio/mdm-sdk';
+import Typography from '@material-ui/core/Typography';
+import Box from '@material-ui/core/Box';
+import { EntitiesMapContext } from '../../../contexts';
+import EntityUriLink from '../../EntityUriLink/EntityUriLink';
+import { getRelatedEntityUri } from '../utils';
+import { useStyles } from './styles';
+export var CommentTarget = function (_a) {
     var comment = _a.comment, className = _a.className;
-    var styles = styles_1.useStyles();
-    var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity);
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    var entitiesMap = react_1.useContext(contexts_1.EntitiesMapContext);
+    var styles = useStyles();
+    var entity = useSelector(mdm.selectors.getEntity);
+    var metadata = useSelector(mdm.selectors.getMetadata);
+    var entitiesMap = useContext(EntitiesMapContext);
     var getContent = function () {
         var _a, _b;
         switch (comment.objectType) {
-            case mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE: {
-                var attributeTypeUri = mdm_sdk_2.getAttributeTypeUriByValueUri(comment.objectId, entity.type);
-                var attributeType = mdm_sdk_2.findAttributeTypeByUri(metadata, attributeTypeUri);
-                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 attribute:')),
-                    react_1.default.createElement(Typography_1.default, { className: styles.label }, attributeType === null || attributeType === void 0 ? void 0 : attributeType.label)));
+            case CollaborationObjectTypes.ENTITY_ATTRIBUTE: {
+                var attributeTypeUri = getAttributeTypeUriByValueUri(comment.objectId, entity.type);
+                var attributeType = findAttributeTypeByUri(metadata, attributeTypeUri);
+                return (React.createElement(React.Fragment, null,
+                    React.createElement(Typography, { className: styles.title }, i18n.text('Selected attribute:')),
+                    React.createElement(Typography, { className: styles.label }, attributeType === null || attributeType === void 0 ? void 0 : attributeType.label)));
             }
-            case mdm_sdk_1.CollaborationObjectTypes.ENTITY: {
-                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 profile:')),
-                    react_1.default.createElement(EntityUriLink_1.default, { className: classnames_1.default(styles.label, styles.link), value: mdm_sdk_2.getEntityUriForLink(entity) }, mdm_sdk_2.getLabel(entity.label))));
+            case CollaborationObjectTypes.ENTITY: {
+                return (React.createElement(React.Fragment, null,
+                    React.createElement(Typography, { className: styles.title }, i18n.text('Selected profile:')),
+                    React.createElement(EntityUriLink, { className: classnames(styles.label, styles.link), value: getEntityUriForLink(entity) }, getLabel(entity.label))));
             }
-            case mdm_sdk_1.CollaborationObjectTypes.RELATION: {
-                var relatedEntityUri = utils_1.getRelatedEntityUri(comment, entity.uri);
+            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
                 };
-                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 },
-                        react_1.default.createElement(EntityUriLink_1.default, { className: styles.link, value: mdm_sdk_2.getEntityUriForLink(entity) }, mdm_sdk_2.getLabel(entity.label)),
-                        relatedEntityUri && (react_1.default.createElement(react_1.default.Fragment, null, " " + ui_i18n_1.default.text('to') + " ",
-                            react_1.default.createElement(EntityUriLink_1.default, { className: styles.link, value: mdm_sdk_2.getEntityUriForLink(relatedEntity) }, relatedEntity.label
-                                ? mdm_sdk_2.getLabel(relatedEntity.label)
-                                : mdm_sdk_2.getEntityId(relatedEntity)))))));
+                return (React.createElement(React.Fragment, null,
+                    React.createElement(Typography, { className: styles.title }, i18n.text('Selected relation:')),
+                    React.createElement(Typography, { className: styles.label },
+                        React.createElement(EntityUriLink, { className: styles.link, value: getEntityUriForLink(entity) }, getLabel(entity.label)),
+                        relatedEntityUri && (React.createElement(React.Fragment, null, " " + i18n.text('to') + " ",
+                            React.createElement(EntityUriLink, { className: styles.link, value: getEntityUriForLink(relatedEntity) }, relatedEntity.label
+                                ? getLabel(relatedEntity.label)
+                                : getEntityId(relatedEntity)))))));
             }
-            case mdm_sdk_1.CollaborationObjectTypes.POTENTIAL_MATCH: {
-                var relatedEntityUri = utils_1.getRelatedEntityUri(comment, entity.uri);
+            case CollaborationObjectTypes.POTENTIAL_MATCH: {
+                var relatedEntityUri = getRelatedEntityUri(comment, entity.uri);
                 var relatedEntity = {
                     uri: relatedEntityUri,
                     label: (_b = entitiesMap[relatedEntityUri]) === null || _b === void 0 ? void 0 : _b.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:')),
-                    react_1.default.createElement(Typography_1.default, { className: styles.label },
-                        react_1.default.createElement(EntityUriLink_1.default, { className: styles.link, value: mdm_sdk_2.getEntityUriForLink(entity) }, mdm_sdk_2.getLabel(entity.label)),
-                        relatedEntityUri && (react_1.default.createElement(react_1.default.Fragment, null, " " + ui_i18n_1.default.text('and') + " ",
-                            react_1.default.createElement(EntityUriLink_1.default, { className: styles.link, value: mdm_sdk_2.getEntityUriForLink(relatedEntity) }, relatedEntity.label
-                                ? mdm_sdk_2.getLabel(relatedEntity.label)
-                                : mdm_sdk_2.getEntityId(relatedEntity)))))));
+                return (React.createElement(React.Fragment, null,
+                    React.createElement(Typography, { className: styles.title }, i18n.text('Selected potential match:')),
+                    React.createElement(Typography, { className: styles.label },
+                        React.createElement(EntityUriLink, { className: styles.link, value: getEntityUriForLink(entity) }, getLabel(entity.label)),
+                        relatedEntityUri && (React.createElement(React.Fragment, null, " " + i18n.text('and') + " ",
+                            React.createElement(EntityUriLink, { className: styles.link, value: getEntityUriForLink(relatedEntity) }, relatedEntity.label
+                                ? getLabel(relatedEntity.label)
+                                : getEntityId(relatedEntity)))))));
             }
             default: {
                 return null;
             }
         }
     };
-    return react_1.default.createElement(Box_1.default, { className: className }, getContent());
+    return React.createElement(Box, { className: className }, getContent());
 };
-exports.CommentTarget = CommentTarget;

package/components/CollaborationItem/CommentTarget/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
     title: {
         marginBottom: '10px',
         color: theme.palette.divider,