@reltio/components 1.4.1819 → 1.4.1820

package/esm/index.d.ts

@@ -67,6 +67,48 @@ export { SmallIconButton, SmallIconButtonWithTooltip } from './SmallIconButton';
 export { SourceIcon } from './SourceIcon';
 export { TableWithBars } from './TableWithBars';
 export { TreeChart } from './TreeChart';
+export { CollapseButton } from './CollapseButton';
+export { ColoredSourceIcon } from './ColoredSourceIcon';
+export { CommentsContainer } from './CommentsContainer';
+export { ConfirmationDialog } from './ConfirmationDialog';
+export { CollaborationItem } from './CollaborationItem';
+export { ConnectionRelationTypeSelector } from './ConnectionRelationTypeSelector';
+export { DataTenantBadge } from './DataTenantBadge';
+export { DataTypeValue } from './DataTypeValue';
+export { Drawer } from './Drawer';
+export { EmptyState, EMPTY_STATE_ICONS, EMPTY_STATE_VARIANTS } from './EmptyState';
+export { EntityAvatar } from './EntityAvatar';
+export { EntityTypeBadge } from './EntityTypeBadge';
+export { EntityTypeIcon } from './EntityTypeIcon';
+export { EntityTypesSelector } from './EntityTypesSelector';
+export { EntityUriLink } from './EntityUriLink';
+export { ErrorBoundary } from './ErrorBoundary';
+export { ErrorPopup } from './ErrorPopup';
+export { ExpandableSearchInput } from './ExpandableSearchInput';
+export { HideOnShrink } from './HideOnShrink';
+export { HierarchicalAttributeTooltip } from './HierarchicalAttributeTooltip';
+export { HierarchyNodeTitle } from './HierarchyNodeTitle';
+export { Highlighter } from './Highlighter';
+export { ReactSelectDropdownIndicator } from './ReactSelectDropdownIndicator';
+export { ReactSelectDropdownIndicatorWithIconButton } from './ReactSelectDropdownIndicatorWithIconButton';
+export { ReactSelectLoadMoreButton } from './ReactSelectLoadMoreButton';
+export { ReactSelectMenuList } from './ReactSelectMenuList';
+export { ReactSelectMenuWithPopper } from './ReactSelectMenuWithPopper';
+export { ReactSelectOptionWithCheckIcon } from './ReactSelectOptionWithCheckIcon';
+export { DropDownSelector } from './DropDownSelector';
+export { ConnectionEditor } from './ConnectionEditor';
+export { ConfigureColumnsPopup } from './ConfigureColumnsPopup';
+export { ErrorMessage } from './ErrorMessage';
+export { ErrorWrapper } from './ErrorWrapper';
+export { DateEditor } from './DateEditor';
+export { DataTypeValueEditor } from './DataTypeValueEditor';
+export { NumberEditor } from './NumberEditor';
+export { DateRangeEditor } from './DateRangeEditor';
+export { TextEditor } from './TextEditor';
+export { MultiValueChip } from './MultiValueChip';
+export { FilterValueEditor } from './FilterValueEditor';
+export { DropDownEditor } from './DropDownEditor';
+export { EmptySearchResult } from './EmptySearchResult';
 export { withChartDataPercents as withPercents } from './HOCs/withChartDataPercents';
 export { withFilterAtBottom } from './HOCs/withFilterAtBottom';
 export { withTableContext } from './HOCs/withTableContext';
@@ -86,3 +128,5 @@ export { TestStylesProvider } from './test-utils/TestStylesProvider';
 export { awaitMockPromises, deepFreeze, delayPromise, getMuiIconByName, mockBasicTableSizing, mockElementSizes, rerenderWrapper } from './test-utils';
 export { ActivityLog, ActivityLogFilter, useActivitiesLoader, useProfileActivitiesLoader, ActivityTypes } from './features/activity-log';
 export type { ActivitiesFilter, ActivityData } from './features/activity-log';
+export { groupCrosswalksByTypesAndSources, useCrosswalkActions, useModifiedEntity, CrosswalkEditor, SourceCrosswalksRow, CrosswalkDragLayer, AttributesTable, CrosswalkType } from './features/crosswalks';
+export type { CrosswalksByTypes, AddCrosswalkEvent, EditCrosswalkEvent, DeleteCrosswalkEvent } from './features/crosswalks';

package/esm/index.js

@@ -68,6 +68,48 @@ export { SmallIconButton, SmallIconButtonWithTooltip } from './SmallIconButton';
 export { SourceIcon } from './SourceIcon';
 export { TableWithBars } from './TableWithBars';
 export { TreeChart } from './TreeChart';
+export { CollapseButton } from './CollapseButton';
+export { ColoredSourceIcon } from './ColoredSourceIcon';
+export { CommentsContainer } from './CommentsContainer';
+export { ConfirmationDialog } from './ConfirmationDialog';
+export { CollaborationItem } from './CollaborationItem';
+export { ConnectionRelationTypeSelector } from './ConnectionRelationTypeSelector';
+export { DataTenantBadge } from './DataTenantBadge';
+export { DataTypeValue } from './DataTypeValue';
+export { Drawer } from './Drawer';
+export { EmptyState, EMPTY_STATE_ICONS, EMPTY_STATE_VARIANTS } from './EmptyState';
+export { EntityAvatar } from './EntityAvatar';
+export { EntityTypeBadge } from './EntityTypeBadge';
+export { EntityTypeIcon } from './EntityTypeIcon';
+export { EntityTypesSelector } from './EntityTypesSelector';
+export { EntityUriLink } from './EntityUriLink';
+export { ErrorBoundary } from './ErrorBoundary';
+export { ErrorPopup } from './ErrorPopup';
+export { ExpandableSearchInput } from './ExpandableSearchInput';
+export { HideOnShrink } from './HideOnShrink';
+export { HierarchicalAttributeTooltip } from './HierarchicalAttributeTooltip';
+export { HierarchyNodeTitle } from './HierarchyNodeTitle';
+export { Highlighter } from './Highlighter';
+export { ReactSelectDropdownIndicator } from './ReactSelectDropdownIndicator';
+export { ReactSelectDropdownIndicatorWithIconButton } from './ReactSelectDropdownIndicatorWithIconButton';
+export { ReactSelectLoadMoreButton } from './ReactSelectLoadMoreButton';
+export { ReactSelectMenuList } from './ReactSelectMenuList';
+export { ReactSelectMenuWithPopper } from './ReactSelectMenuWithPopper';
+export { ReactSelectOptionWithCheckIcon } from './ReactSelectOptionWithCheckIcon';
+export { DropDownSelector } from './DropDownSelector';
+export { ConnectionEditor } from './ConnectionEditor';
+export { ConfigureColumnsPopup } from './ConfigureColumnsPopup';
+export { ErrorMessage } from './ErrorMessage';
+export { ErrorWrapper } from './ErrorWrapper';
+export { DateEditor } from './DateEditor';
+export { DataTypeValueEditor } from './DataTypeValueEditor';
+export { NumberEditor } from './NumberEditor';
+export { DateRangeEditor } from './DateRangeEditor';
+export { TextEditor } from './TextEditor';
+export { MultiValueChip } from './MultiValueChip';
+export { FilterValueEditor } from './FilterValueEditor';
+export { DropDownEditor } from './DropDownEditor';
+export { EmptySearchResult } from './EmptySearchResult';
 // HOCs
 export { withChartDataPercents as withPercents } from './HOCs/withChartDataPercents';
 export { withFilterAtBottom } from './HOCs/withFilterAtBottom';
@@ -88,3 +130,5 @@ export { TestStylesProvider } from './test-utils/TestStylesProvider';
 export { awaitMockPromises, deepFreeze, delayPromise, getMuiIconByName, mockBasicTableSizing, mockElementSizes, rerenderWrapper } from './test-utils';
 // features / activity-log
 export { ActivityLog, ActivityLogFilter, useActivitiesLoader, useProfileActivitiesLoader, ActivityTypes } from './features/activity-log';
+// features / crosswalks
+export { groupCrosswalksByTypesAndSources, useCrosswalkActions, useModifiedEntity, CrosswalkEditor, SourceCrosswalksRow, CrosswalkDragLayer, AttributesTable, CrosswalkType } from './features/crosswalks';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1819",
+  "version": "1.4.1820",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",

package/cjs/components/ClickAwayProvider/ClickAwayProvider.d.ts

@@ -1,4 +0,0 @@
-import { ClickAwayListenerProps } from '@mui/material/ClickAwayListener';
-type Props = ClickAwayListenerProps;
-declare const ClickAwayProvider: (props: Props) => JSX.Element;
-export default ClickAwayProvider;

package/cjs/components/ClickAwayProvider/ClickAwayProvider.js

@@ -1,22 +0,0 @@
-"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 });
-var react_1 = __importDefault(require("react"));
-var ClickAwayListener_1 = __importDefault(require("@mui/material/ClickAwayListener"));
-var ClickAwayProvider = function (props) {
-    return react_1.default.createElement(ClickAwayListener_1.default, __assign({ mouseEvent: "onMouseDown" }, props));
-};
-exports.default = ClickAwayProvider;

package/cjs/components/CollaborationItem/Avatar/Avatar.js

@@ -1,39 +0,0 @@
-"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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    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("@mui/material/Avatar"));
-var utils_1 = require("../utils");
-var styles_1 = require("./styles");
-var Avatar = function (_a) {
-    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    var styles = (0, styles_1.useStyles)();
-    return (react_1.default.createElement(Avatar_1.default, __assign({}, props, { className: (0, classnames_1.default)(styles.root, className) }), (0, utils_1.getAbbreviationFromUserName)(children)));
-};
-exports.Avatar = Avatar;

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Comment as CommentType } from '@reltio/mdm-sdk';
-import { useStyles } from './styles';
-type Classes = Partial<ReturnType<typeof useStyles>>;
-type Props = {
-    classes?: Classes;
-    uri: string;
-    relatedObjectUris: CommentType['relatedObjectUris'];
-    objectType: CommentType['objectType'];
-    popperRef?: React.RefObject<any>;
-    messagesRef?: React.RefCallback<HTMLDivElement>;
-    comment?: CommentType;
-};
-export declare const CollaborationItem: React.MemoExoticComponent<({ uri, relatedObjectUris, objectType, classes, popperRef, messagesRef, comment }: Props) => JSX.Element>;
-export {};

package/cjs/components/CollaborationItem/CollaborationItem.js

@@ -1,51 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = 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];
-}));
-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("@mui/material/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 = (0, react_1.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 = (0, react_1.useRef)();
-    var styles = (0, styles_1.useStyles)({ classes: classes });
-    var handleReply = function () {
-        inputRef.current.focus();
-    };
-    var sendMessageArea = (react_1.default.createElement(SendMessageArea_1.SendMessageArea, { className: styles.sendMessageArea, inputRef: inputRef, popperRef: popperRef, uri: uri, relatedObjectUris: relatedObjectUris, objectType: objectType, comment: comment }));
-    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, className: styles.comment, relatedObjectUris: relatedObjectUris, objectType: objectType }),
-                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, uri: uri, comment: comment })); }))),
-            sendMessageArea)),
-        !comment && sendMessageArea));
-});

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

@@ -1,103 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = 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];
-}));
-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("@mui/material/Link"));
-var Box_1 = __importDefault(require("@mui/material/Box"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
-var DropDownMenuButton_1 = require("../../../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 hooks_1 = require("../../../hooks");
-var utils_1 = require("../utils");
-var SendMessageArea_1 = require("../SendMessageArea/SendMessageArea");
-var styles_1 = require("./styles");
-var Comment = function (_a) {
-    var onReply = _a.onReply, className = _a.className, uri = _a.uri, comment = _a.comment, relatedObjectUris = _a.relatedObjectUris, objectType = _a.objectType;
-    var styles = (0, styles_1.useStyles)();
-    var inputRef = (0, react_1.useRef)();
-    var username = (0, contexts_1.useMdmUsername)();
-    var commentId = comment.commentId, createdBy = comment.createdBy, createdTime = comment.createdTime, status = comment.status;
-    var isResolved = status === 'resolved';
-    var canChangeComment = createdBy === username;
-    var _b = (0, react_1.useContext)(contexts_1.CollaborationContext), resolveThread = _b.resolveThread, reOpenThread = _b.reOpenThread, sending = _b.sending, deleteComment = _b.deleteComment, updateCommentState = _b.updateCommentState, getCommentState = _b.getCommentState;
-    var commentUri = (0, utils_1.createEditedCommentUri)(comment);
-    var isEditing = getCommentState(uri, commentUri).isEditing;
-    var updateIsEditingComment = (0, react_1.useCallback)(function (value) { return updateCommentState(uri, commentUri, { isEditing: value }); }, [commentUri, updateCommentState, uri]);
-    (0, hooks_1.useAutoFocus)(inputRef, isEditing);
-    var menuItems = (0, react_1.useMemo)(function () {
-        return isResolved
-            ? [
-                {
-                    text: ui_i18n_1.default.text('Delete'),
-                    onClick: function () { return deleteComment({ uri: uri, commentId: commentId }); }
-                }
-            ]
-            : [
-                {
-                    text: ui_i18n_1.default.text('Edit'),
-                    onClick: function () { return updateIsEditingComment(true); }
-                },
-                {
-                    text: ui_i18n_1.default.text('Delete'),
-                    onClick: function () { return deleteComment({ uri: uri, commentId: commentId }); }
-                }
-            ];
-    }, [commentId, deleteComment, isResolved, updateIsEditingComment, uri]);
-    var handleResolve = function () {
-        resolveThread({ commentId: commentId, uri: uri });
-    };
-    var handleReOpen = function () {
-        reOpenThread({ commentId: commentId, uri: uri });
-    };
-    var sendMessageArea = (react_1.default.createElement(SendMessageArea_1.SendMessageArea, { inputRef: inputRef, uri: uri, relatedObjectUris: relatedObjectUris, objectType: objectType, onCancel: function () { return updateIsEditingComment(false); }, isEditingComment: isEditing, comment: comment }));
-    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 } }, createdBy),
-            react_1.default.createElement(Box_1.default, { width: "100%" },
-                react_1.default.createElement(Typography_1.default, { className: styles.username }, createdBy)),
-            react_1.default.createElement(Typography_1.default, { className: styles.createdAt }, (0, utils_1.formatDate)(createdTime)),
-            canChangeComment && (react_1.default.createElement(DropDownMenuButton_1.DropDownMenuButton, { buttonComponent: SmallIconButton_1.SmallIconButtonWithTooltip, buttonProps: {
-                    icon: MoreVert_1.default,
-                    tooltipTitle: ui_i18n_1.default.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 }),
-            isEditing ? sendMessageArea : 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", underline: "hover" }, ui_i18n_1.default.text('Reply')),
-                !isResolved && (react_1.default.createElement(Link_1.default, { disabled: sending, className: styles.button, onClick: handleResolve, component: "button", underline: "hover" }, ui_i18n_1.default.text('Resolve'))),
-                isResolved && (react_1.default.createElement(Link_1.default, { disabled: sending, className: styles.button, onClick: handleReOpen, component: "button", underline: "hover" }, ui_i18n_1.default.text('Re-open')))))));
-};
-exports.Comment = Comment;

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

@@ -1,46 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = 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];
-}));
-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("@mui/material/Typography"));
-var Link_1 = __importDefault(require("@mui/material/Link"));
-var contexts_1 = require("../../../contexts");
-var utils_1 = require("../utils");
-var styles_1 = require("./styles");
-var CommentContent = function (_a) {
-    var comment = _a.comment, className = _a.className;
-    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:".concat(user.email), underline: "hover" }, mention)) : (mention);
-    }).map(function (el, idx) { return (react_1.default.createElement(react_1.Fragment, { key: idx }, el)); })));
-};
-exports.CommentContent = CommentContent;

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

@@ -1,116 +0,0 @@
-"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;
-    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];
-}));
-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 ui_i18n_1 = __importDefault(require("ui-i18n"));
-var classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_sdk_2 = require("@reltio/mdm-sdk");
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var Box_1 = __importDefault(require("@mui/material/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) {
-    var comment = _a.comment, className = _a.className;
-    var styles = (0, styles_1.useStyles)();
-    var entitiesMap = (0, react_1.useContext)(contexts_1.EntitiesMapContext);
-    var metadata = (0, contexts_1.useMdmMetadata)();
-    var entity = (0, contexts_1.useMdmEntity)();
-    var getContent = function () {
-        var _a;
-        switch (comment.objectType) {
-            case mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE: {
-                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((0, ramda_1.startsWith)('configuration/relationTypes'));
-                var attributeTypeUri = relationTypeUri && (0, mdm_sdk_2.getAttributeTypeUriByValueUri)(comment.objectId, relationTypeUri);
-                var attributeType = attributeTypeUri && (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.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: (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 = (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: (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 = (0, utils_1.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 potential match:')),
-                    react_1.default.createElement(Typography_1.default, { className: styles.label },
-                        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;
-            }
-        }
-    };
-    return react_1.default.createElement(Box_1.default, { className: className }, getContent());
-};
-exports.CommentTarget = CommentTarget;

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

@@ -1,83 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = 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];
-}));
-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.RepliedComment = void 0;
-var react_1 = __importStar(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var classnames_1 = __importDefault(require("classnames"));
-var Box_1 = __importDefault(require("@mui/material/Box"));
-var MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var Avatar_1 = require("../Avatar/Avatar");
-var CommentContent_1 = require("../CommentContent/CommentContent");
-var utils_1 = require("../utils");
-var contexts_1 = require("../../../contexts");
-var hooks_1 = require("../../../hooks");
-var DropDownMenuButton_1 = require("../../../DropDownMenuButton");
-var SmallIconButton_1 = require("../../../SmallIconButton");
-var SendMessageArea_1 = require("../SendMessageArea/SendMessageArea");
-var styles_1 = require("./styles");
-var RepliedComment = function (_a) {
-    var className = _a.className, reply = _a.reply, uri = _a.uri, comment = _a.comment, popperRef = _a.popperRef;
-    var inputRef = (0, react_1.useRef)();
-    var username = (0, contexts_1.useMdmUsername)();
-    var createdBy = reply.createdBy, action = reply.action, createdTime = reply.createdTime;
-    var canChangeReply = createdBy === username && comment.status !== 'resolved';
-    var _b = (0, react_1.useContext)(contexts_1.CollaborationContext), deleteReply = _b.deleteReply, updateCommentState = _b.updateCommentState, getCommentState = _b.getCommentState;
-    var commentUri = (0, utils_1.createEditedReplyUri)(comment, reply);
-    var isEditing = getCommentState(uri, commentUri).isEditing;
-    var updateIsEditingReply = (0, react_1.useCallback)(function (value) { return updateCommentState(uri, commentUri, { isEditing: value }); }, [commentUri, updateCommentState, uri]);
-    (0, hooks_1.useAutoFocus)(inputRef, isEditing);
-    var styles = (0, styles_1.useStyles)();
-    var menuItems = (0, react_1.useMemo)(function () { return [
-        {
-            text: ui_i18n_1.default.text('Edit'),
-            onClick: function () { return updateIsEditingReply(true); }
-        },
-        {
-            text: ui_i18n_1.default.text('Delete'),
-            onClick: function () { return deleteReply({ uri: uri, commentId: comment.commentId, reply: reply }); }
-        }
-    ]; }, [deleteReply, uri, comment.commentId, reply, updateIsEditingReply]);
-    var sendMessageArea = (react_1.default.createElement(SendMessageArea_1.SendMessageArea, { inputRef: inputRef, popperRef: popperRef, uri: uri, onCancel: function () { return updateIsEditingReply(false); }, isEditingReply: isEditing, reply: reply, comment: comment }));
-    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 },
-                react_1.default.createElement(Typography_1.default, { className: styles.username }, createdBy),
-                action === 'resolve' && (react_1.default.createElement(Typography_1.default, { className: styles.marked }, ui_i18n_1.default.text('Marked as resolved'))),
-                action === 'reopen' && react_1.default.createElement(Typography_1.default, { className: styles.marked }, ui_i18n_1.default.text('Re-opened'))),
-            action !== 'resolve' &&
-                (isEditing ? sendMessageArea : react_1.default.createElement(CommentContent_1.CommentContent, { className: styles.message, comment: reply })),
-            react_1.default.createElement(Typography_1.default, { className: styles.createdAt }, (0, utils_1.formatDate)(createdTime))),
-        canChangeReply && (react_1.default.createElement(DropDownMenuButton_1.DropDownMenuButton, { buttonComponent: SmallIconButton_1.SmallIconButtonWithTooltip, buttonProps: {
-                icon: MoreVert_1.default,
-                tooltipTitle: ui_i18n_1.default.text('Open menu')
-            }, menuItems: menuItems, menuId: "collaboration-comment-menu" }))));
-};
-exports.RepliedComment = RepliedComment;