@reltio/components 1.4.1314 → 1.4.1316

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

@@ -2,7 +2,7 @@
 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 ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     header: {
         display: 'flex'
     },

package/cjs/components/CollaborationItem/CommentContent/CommentContent.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -32,11 +36,11 @@ var utils_1 = require("../utils");
 var styles_1 = require("./styles");
 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 = (0, styles_1.useStyles)();
+    var users = (0, react_1.useContext)(contexts_1.UsersContext);
+    return (react_1.default.createElement(Typography_1.default, { className: (0, classnames_1.default)(styles.root, className) }, (0, utils_1.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;
+        return user ? react_1.default.createElement(Link_1.default, { href: "mailto:".concat(user.email) }, mention) : mention;
     }).map(function (el, idx) { return (react_1.default.createElement(react_1.Fragment, { key: idx }, el)); })));
 };
 exports.CommentContent = CommentContent;

package/cjs/components/CollaborationItem/CommentContent/styles.js

@@ -2,7 +2,7 @@
 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 ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     root: {
         color: theme.palette.text.primary,
         fontSize: '13px',

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

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -50,24 +54,24 @@ var utils_1 = require("../utils");
 var styles_1 = require("./styles");
 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 = (0, styles_1.useStyles)();
+    var entity = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntity);
+    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
+    var entitiesMap = (0, react_1.useContext)(contexts_1.EntitiesMapContext);
     var getContent = function () {
         var _a;
         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);
+                var attributeTypeUri = (0, mdm_sdk_2.getAttributeTypeUriByValueUri)(comment.objectId, entity.type);
+                var attributeType = (0, 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 mdm_sdk_1.CollaborationObjectTypes.RELATION_ATTRIBUTE: {
-                var relationTypeUri = comment.relatedObjectUris.find(ramda_1.startsWith('configuration/relationTypes'));
-                var attributeTypeUri = mdm_sdk_2.getAttributeTypeUriByValueUri(comment.objectId, relationTypeUri);
-                var attributeType = mdm_sdk_2.findAttributeTypeByUri(metadata, attributeTypeUri);
+                var relationTypeUri = comment.relatedObjectUris.find((0, ramda_1.startsWith)('configuration/relationTypes'));
+                var attributeTypeUri = (0, mdm_sdk_2.getAttributeTypeUriByValueUri)(comment.objectId, relationTypeUri);
+                var attributeType = (0, 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)));
@@ -75,22 +79,22 @@ var CommentTarget = function (_a) {
             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))));
+                    react_1.default.createElement(EntityUriLink_1.default, { className: (0, classnames_1.default)(styles.label, styles.link), value: (0, mdm_sdk_2.getEntityUriForLink)(entity) }, (0, mdm_sdk_2.getLabel)(entity.label))));
             }
             case mdm_sdk_1.CollaborationObjectTypes.RELATION: {
-                var relatedEntityUri = utils_1.getRelatedEntityUri(comment, entity.uri);
+                var relatedEntityUri = (0, utils_1.getRelatedEntityUri)(comment, entity.uri);
                 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 },
-                        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)))))));
+                        react_1.default.createElement(EntityUriLink_1.default, { className: styles.link, value: (0, mdm_sdk_2.getEntityUriForLink)(entity) }, (0, mdm_sdk_2.getLabel)(entity.label)),
+                        relatedEntityUri && (react_1.default.createElement(react_1.default.Fragment, null, " ".concat(ui_i18n_1.default.text('to'), " "),
+                            react_1.default.createElement(EntityUriLink_1.default, { className: styles.link, value: (0, mdm_sdk_2.getEntityUriForLink)(relatedEntity) }, relatedEntity.label
+                                ? (0, mdm_sdk_2.getLabel)(relatedEntity.label)
+                                : (0, mdm_sdk_2.getEntityId)(relatedEntity)))))));
             }
             case mdm_sdk_1.CollaborationObjectTypes.POTENTIAL_MATCH: {
-                var relatedEntityUri = utils_1.getRelatedEntityUri(comment, entity.uri);
+                var relatedEntityUri = (0, utils_1.getRelatedEntityUri)(comment, entity.uri);
                 var relatedEntity = {
                     uri: relatedEntityUri,
                     label: (_a = entitiesMap[relatedEntityUri]) === null || _a === void 0 ? void 0 : _a.label
@@ -98,11 +102,11 @@ var CommentTarget = function (_a) {
                 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)))))));
+                        react_1.default.createElement(EntityUriLink_1.default, { className: styles.link, value: (0, mdm_sdk_2.getEntityUriForLink)(entity) }, (0, mdm_sdk_2.getLabel)(entity.label)),
+                        relatedEntityUri && (react_1.default.createElement(react_1.default.Fragment, null, " ".concat(ui_i18n_1.default.text('and'), " "),
+                            react_1.default.createElement(EntityUriLink_1.default, { className: styles.link, value: (0, mdm_sdk_2.getEntityUriForLink)(relatedEntity) }, relatedEntity.label
+                                ? (0, mdm_sdk_2.getLabel)(relatedEntity.label)
+                                : (0, mdm_sdk_2.getEntityId)(relatedEntity)))))));
             }
             default: {
                 return null;

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

@@ -2,7 +2,7 @@
 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 ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     title: {
         marginBottom: '10px',
         color: theme.palette.divider,

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -41,19 +45,19 @@ var SmallIconButton_1 = require("../../SmallIconButton");
 var SendMessageArea_1 = require("../SendMessageArea/SendMessageArea");
 var RepliedComment = function (_a) {
     var className = _a.className, reply = _a.reply, uri = _a.uri, comment = _a.comment, popperRef = _a.popperRef;
-    var inputRef = react_1.useRef();
-    var _b = react_1.useState(false), isEditingReply = _b[0], setIsEditingReply = _b[1];
+    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 = react_redux_1.useSelector(mdm_module_1.default.selectors.getUserName);
+    var username = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUserName);
     var canChangeReply = createdBy === username;
-    var deleteReply = react_1.useContext(contexts_1.CollaborationContext).deleteReply;
-    react_1.useEffect(function () {
+    var deleteReply = (0, react_1.useContext)(contexts_1.CollaborationContext).deleteReply;
+    (0, react_1.useEffect)(function () {
         if (isEditingReply) {
             inputRef.current.focus();
         }
     }, [isEditingReply]);
-    var styles = styles_1.useStyles();
-    var menuItems = react_1.useMemo(function () { return [
+    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); }
@@ -64,7 +68,7 @@ var RepliedComment = function (_a) {
         }
     ]; }, [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 }));
-    return (react_1.default.createElement(Box_1.default, { className: classnames_1.default(styles.root, className) },
+    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 },
             react_1.default.createElement(Box_1.default, { className: styles.header },
@@ -73,7 +77,7 @@ var RepliedComment = function (_a) {
                 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 })),
-            react_1.default.createElement(Typography_1.default, { className: styles.createdAt }, utils_1.formatDate(createdTime))),
+            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,
                 tooltipTitle: ui_i18n_1.default.text('Open menu')

package/cjs/components/CollaborationItem/RepliedComment/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"message" | "header" | "root" | "avatar" | "username" | "createdAt" | "marked">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "header" | "message" | "avatar" | "username" | "createdAt" | "marked">;

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

@@ -2,7 +2,7 @@
 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 ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     root: {
         display: 'flex',
         padding: '8px',

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -58,14 +62,14 @@ var getButtonText = function (status, isEditingComment, isEditingReply) {
 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 = styles_1.useStyles({ isEditing: isEditing });
-    var username = react_redux_1.useSelector(mdm_module_1.default.selectors.getUserName);
-    var _b = react_1.useContext(contexts_1.CollaborationContext), createReply = _b.createReply, createComment = _b.createComment, sending = _b.sending, editComment = _b.editComment, editReply = _b.editReply;
-    var _c = react_1.useState(''), value = _c[0], setValue = _c[1];
-    var _d = react_1.useState(''), plainTextValue = _d[0], setPlainTextValue = _d[1];
-    var _e = react_1.useState([]), mentions = _e[0], setMentions = _e[1];
-    var _f = react_1.useState(false), focused = _f[0], setFocused = _f[1];
-    var safePromise = hooks_1.useSafePromise();
+    var styles = (0, styles_1.useStyles)({ isEditing: isEditing });
+    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 hasValue = value.trim() !== '';
     var shouldShowButtons = focused || hasValue;
     var status = comment === null || comment === void 0 ? void 0 : comment.status;
@@ -86,9 +90,9 @@ var SendMessageArea = function (_a) {
     var handleBlur = function () { return setFocused(false); };
     var handleSubmit = function (e) {
         e.preventDefault();
-        var request = ramda_1.cond([
+        var request = (0, ramda_1.cond)([
             [
-                ramda_1.always(!comment),
+                (0, ramda_1.always)(!comment),
                 function () {
                     return createComment({
                         content: plainTextValue,
@@ -100,7 +104,7 @@ var SendMessageArea = function (_a) {
                 }
             ],
             [
-                ramda_1.always(isEditingComment),
+                (0, ramda_1.always)(isEditingComment),
                 function () {
                     return editComment({
                         content: plainTextValue,
@@ -114,7 +118,7 @@ var SendMessageArea = function (_a) {
                 }
             ],
             [
-                ramda_1.always(isEditingReply),
+                (0, ramda_1.always)(isEditingReply),
                 function () {
                     return editReply({
                         content: plainTextValue,
@@ -139,12 +143,12 @@ var SendMessageArea = function (_a) {
         ]);
         return safePromise(request()).then(clearValue).catch(console.log); //eslint-disable-line no-console
     };
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (popperRef) {
             popperRef.current.update();
         }
     }, [popperRef, shouldShowButtons]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (isEditingComment || isEditingReply) {
             if (isEditingComment) {
                 setValue(comment.content);
@@ -158,7 +162,7 @@ var SendMessageArea = function (_a) {
         }
     }, [isEditingComment, isEditingReply]);
     var buttonSize = isEditing ? 'small' : 'medium';
-    return (react_1.default.createElement(Box_1.default, { className: classnames_1.default(styles.root, className) },
+    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 },
             react_1.default.createElement(Box_1.default, { className: styles.main },
                 !isEditing && react_1.default.createElement(Avatar_1.Avatar, { classes: { root: styles.avatar } }, username),

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

@@ -1,5 +1,5 @@
 declare type StylesProps = {
     isEditing?: boolean;
 };
-export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "form" | "main" | "root" | "avatar" | "textField" | "buttons">;
+export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "root" | "form" | "main" | "avatar" | "textField" | "buttons">;
 export {};

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     root: function (_a) {
         var isEditing = _a.isEditing;
         return ({

package/cjs/components/CollaborationItem/TextFieldWithMentions/TextFieldWithMentions.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -53,18 +57,18 @@ var contexts_1 = require("../../../contexts");
 var styles_1 = require("./styles");
 var TextFieldWithMentions = function (_a) {
     var onChange = _a.onChange, className = _a.className, props = __rest(_a, ["onChange", "className"]);
-    var styles = styles_1.useStyles();
-    var users = react_1.useContext(contexts_1.UsersContext);
+    var styles = (0, styles_1.useStyles)();
+    var users = (0, react_1.useContext)(contexts_1.UsersContext);
     var handleChange = function (_, value, plainTextValue, mentions) {
-        onChange(value, plainTextValue, ramda_1.uniq(mentions.map(function (_a) {
+        onChange(value, plainTextValue, (0, ramda_1.uniq)(mentions.map(function (_a) {
             var display = _a.display;
             return display.slice(1);
         })));
     };
-    return (react_1.default.createElement(react_mentions_1.MentionsInput, __assign({}, props, { onChange: handleChange, className: classnames_1.default(styles.root, className) }),
+    return (react_1.default.createElement(react_mentions_1.MentionsInput, __assign({}, props, { onChange: handleChange, className: (0, classnames_1.default)(styles.root, className) }),
         react_1.default.createElement(react_mentions_1.Mention, { trigger: "+", data: users.map(function (_a) {
                 var username = _a.username;
                 return ({ id: username, display: username });
-            }), displayTransform: function (_, username) { return "+" + username; }, appendSpaceOnAdd: true, className: styles.mention })));
+            }), displayTransform: function (_, username) { return "+".concat(username); }, appendSpaceOnAdd: true, className: styles.mention })));
 };
 exports.TextFieldWithMentions = TextFieldWithMentions;

package/cjs/components/CollaborationItem/TextFieldWithMentions/styles.js

@@ -2,7 +2,7 @@
 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 ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     root: {
         width: '100%',
         backgroundColor: '#fff',

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"replies" | "comment" | "root" | "messages" | "repliedComment" | "sendMessageArea">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "replies" | "comment" | "messages" | "repliedComment" | "sendMessageArea">;

package/cjs/components/CollaborationItem/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function () { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     root: {
         maxWidth: '100%',
         padding: '8px 4px 10px 16px'

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

@@ -18,7 +18,7 @@ var getRelatedEntityUri = function (comment, entityUri) {
         return comment.relatedObjectUris[1 - index];
 };
 exports.getRelatedEntityUri = getRelatedEntityUri;
-var formatDate = function (time) { return ui_i18n_1.default.date(time, 'LT') + " " + ui_i18n_1.default.date(time, 'LL'); };
+var formatDate = function (time) { return "".concat(ui_i18n_1.default.date(time, 'LT'), " ").concat(ui_i18n_1.default.date(time, 'LL')); };
 exports.formatDate = formatDate;
 var processMentions = function (text, mentions, processor, trigger) {
     if (processor === void 0) { processor = function (value) { return value; }; }

package/cjs/components/CollaborationPopup/CollaborationPopup.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -35,11 +39,11 @@ var PopupWithArrow_1 = require("../PopupWithArrow/PopupWithArrow");
 var styles_1 = require("./styles");
 var CollaborationPopup = function (_a) {
     var uri = _a.uri, relatedObjectUris = _a.relatedObjectUris, objectType = _a.objectType, anchorEl = _a.anchorEl, onClose = _a.onClose, open = _a.open, comment = _a.comment;
-    var _b = react_1.useState(0), scrollWidth = _b[0], setScrollWidth = _b[1];
+    var _b = (0, react_1.useState)(0), scrollWidth = _b[0], setScrollWidth = _b[1];
     var hasScroll = scrollWidth !== 0;
-    var styles = styles_1.useStyles({ scrollWidth: scrollWidth, hasScroll: hasScroll });
-    var popperRef = react_1.useRef(null);
-    var _c = react_1.useContext(contexts_1.CollaborationContext), resolveThread = _c.resolveThread, loading = _c.loading, sending = _c.sending;
+    var styles = (0, styles_1.useStyles)({ scrollWidth: scrollWidth, hasScroll: hasScroll });
+    var popperRef = (0, react_1.useRef)(null);
+    var _c = (0, react_1.useContext)(contexts_1.CollaborationContext), resolveThread = _c.resolveThread, loading = _c.loading, sending = _c.sending;
     var itemsCount = 1 + (comment === null || comment === void 0 ? void 0 : comment.replies.length);
     var handleResolve = function () {
         resolveThread({ commentId: comment.commentId, uri: uri });

package/cjs/components/CollaborationPopup/styles.d.ts

@@ -2,5 +2,5 @@ declare type Props = {
     scrollWidth: number;
     hasScroll: boolean;
 };
-export declare const useStyles: (props: Props) => import("@material-ui/core/styles/withStyles").ClassNameMap<"replies" | "title" | "comment" | "header" | "root" | "popper" | "messages" | "sendMessageArea" | "headerInfo" | "counter" | "resolveButton" | "collaborationItem">;
+export declare const useStyles: (props: Props) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "title" | "header" | "replies" | "comment" | "counter" | "popper" | "messages" | "sendMessageArea" | "headerInfo" | "resolveButton" | "collaborationItem">;
 export {};

package/cjs/components/CollaborationPopup/styles.js

@@ -2,7 +2,7 @@
 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 ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     root: {},
     header: {
         display: 'flex',

package/cjs/components/CollapseButton/CollapseButton.js

@@ -33,11 +33,11 @@ var styles_1 = require("./styles");
 var CollapseButton = function (_a) {
     var _b;
     var _c = _a.isOpen, isOpen = _c === void 0 ? false : _c, tooltipTitle = _a.tooltipTitle, otherProps = __rest(_a, ["isOpen", "tooltipTitle"]);
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var buttonProps = {
         icon: ExpandMore_1.default,
         className: styles.collapseButton,
-        iconClassName: classnames_1.default((_b = {}, _b[styles.expandLess] = isOpen, _b))
+        iconClassName: (0, classnames_1.default)((_b = {}, _b[styles.expandLess] = isOpen, _b))
     };
     var tooltipProps = {
         tooltipTitle: tooltipTitle

package/cjs/components/CollapseButton/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     collapseButton: {
         cursor: 'pointer'
     },

package/cjs/components/ColorBar/ColorBar.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -26,13 +30,13 @@ var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
 var styles_1 = require("./styles");
-var widthIsNumber = function (width) { return ramda_1.is(Number, width); };
+var widthIsNumber = function (width) { return (0, ramda_1.is)(Number, width); };
 var ColorBar = function (_a) {
     var className = _a.className, _b = _a.width, width = _b === void 0 ? 0 : _b, maxWidth = _a.maxWidth;
-    var styles = styles_1.useStyles();
-    var getBarColorWidth = react_1.useCallback(function (width) {
+    var styles = (0, styles_1.useStyles)();
+    var getBarColorWidth = (0, react_1.useCallback)(function (width) {
         return (maxWidth ? (100 * width) / maxWidth : 0) + '%';
     }, [maxWidth]);
-    return width ? (react_1.default.createElement("div", { className: classnames_1.default(styles.bar, className), style: { width: widthIsNumber(width) ? getBarColorWidth(width) : width } })) : null;
+    return width ? (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.bar, className), style: { width: widthIsNumber(width) ? getBarColorWidth(width) : width } })) : null;
 };
 exports.default = ColorBar;

package/cjs/components/ColorBar/styles.js

@@ -2,7 +2,7 @@
 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 ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     bar: {
         backgroundColor: theme.palette.secondary.main,
         opacity: 0.12,

package/cjs/components/CommentsContainer/CommentsContainer.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -18,10 +22,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -38,11 +46,11 @@ var CollaborationPopup_1 = require("../CollaborationPopup/CollaborationPopup");
 var CommentsContainer = function (_a) {
     var _b;
     var className = _a.className, uri = _a.uri, objectType = _a.objectType, relatedObjectUris = _a.relatedObjectUris, onChangePopupVisibility = _a.onChangePopupVisibility, _c = _a.allowOnlyOneComment, allowOnlyOneComment = _c === void 0 ? false : _c, _d = _a.showAlways, showAlways = _d === void 0 ? false : _d;
-    var styles = styles_1.useStyles();
-    var _e = react_1.useState(null), anchorEl = _e[0], setAnchorEl = _e[1];
-    var _f = react_1.useState(false), shouldOpenPopup = _f[0], setShouldOpenPopup = _f[1];
+    var styles = (0, styles_1.useStyles)();
+    var _e = (0, react_1.useState)(null), anchorEl = _e[0], setAnchorEl = _e[1];
+    var _f = (0, react_1.useState)(false), shouldOpenPopup = _f[0], setShouldOpenPopup = _f[1];
     var isOpenPopup = shouldOpenPopup && Boolean(anchorEl);
-    var _g = react_1.useContext(contexts_1.CollaborationContext), currentComment = _g.currentComment, commentsMap = _g.commentsMap, getComment = _g.getComment, clearCurrentComment = _g.clearCurrentComment, objectTypes = _g.objectTypes;
+    var _g = (0, react_1.useContext)(contexts_1.CollaborationContext), currentComment = _g.currentComment, commentsMap = _g.commentsMap, getComment = _g.getComment, clearCurrentComment = _g.clearCurrentComment, objectTypes = _g.objectTypes;
     var showComments = !!commentsMap && (!objectTypes || objectTypes.includes(objectType));
     var openComments = ((commentsMap === null || commentsMap === void 0 ? void 0 : commentsMap[uri]) || []).filter(function (_a) {
         var status = _a.status;
@@ -63,17 +71,17 @@ var CommentsContainer = function (_a) {
         clearCurrentComment();
         setShouldOpenPopup(false);
     };
-    hooks_1.useDidUpdateEffect(function () {
+    (0, hooks_1.useDidUpdateEffect)(function () {
         if (onChangePopupVisibility) {
             onChangePopupVisibility(isOpenPopup);
         }
     }, [isOpenPopup]);
-    var additionalRelatedObjectUris = react_1.useContext(contexts_1.RelatedObjectUrisContext);
-    var allRelatedObjectUris = react_1.useMemo(function () {
-        return additionalRelatedObjectUris ? __spreadArray(__spreadArray([], relatedObjectUris), additionalRelatedObjectUris) : relatedObjectUris;
+    var additionalRelatedObjectUris = (0, react_1.useContext)(contexts_1.RelatedObjectUrisContext);
+    var allRelatedObjectUris = (0, react_1.useMemo)(function () {
+        return additionalRelatedObjectUris ? __spreadArray(__spreadArray([], relatedObjectUris, true), additionalRelatedObjectUris, true) : relatedObjectUris;
     }, [additionalRelatedObjectUris, relatedObjectUris]);
-    return (showComments && (react_1.default.createElement("div", { className: classnames_1.default(styles.root, className) },
-        shouldShowAddCommentButton && (react_1.default.createElement(AddCommentButton_1.default, { className: classnames_1.default(styles.addButton, (_b = {},
+    return (showComments && (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, className) },
+        shouldShowAddCommentButton && (react_1.default.createElement(AddCommentButton_1.default, { className: (0, classnames_1.default)(styles.addButton, (_b = {},
                 _b[styles.showAlways] = showAlways || isOpenPopupWithNewComment,
                 _b)), onClick: handleClickAddCommentButton })),
         openComments.map(function (_a) {

package/cjs/components/CommentsContainer/buttons/AddCommentButton.js

@@ -11,9 +11,9 @@ var AddComment_1 = __importDefault(require("../../../icons/AddComment"));
 var styles_1 = require("./styles");
 var AddCommentButton = function (_a) {
     var className = _a.className, onClick = _a.onClick;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement(Tooltip_1.default, { title: ui_i18n_1.default.text('Add comment') },
-        react_1.default.createElement("div", { className: classnames_1.default(styles.root, className), onClick: onClick },
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, className), onClick: onClick },
             react_1.default.createElement(AddComment_1.default, { className: styles.icon }))));
 };
 exports.default = AddCommentButton;