@reltio/components 1.4.1818 → 1.4.1820

package/esm/components/CollaborationItem/CommentContent/CommentContent.js

@@ -1,16 +0,0 @@
-import React, { Fragment, useContext } from 'react';
-import classnames from 'classnames';
-import Typography from '@mui/material/Typography';
-import Link from '@mui/material/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 = 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.createElement(Link, { href: "mailto:".concat(user.email), underline: "hover" }, mention)) : (mention);
-    }).map(function (el, idx) { return (React.createElement(Fragment, { key: idx }, el)); })));
-};

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

@@ -1,86 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React, { useContext } from 'react';
-import i18n from 'ui-i18n';
-import classnames from 'classnames';
-import { startsWith } from 'ramda';
-import { CollaborationObjectTypes } from '@reltio/mdm-sdk';
-import { findAttributeTypeByUri, getLabel, getEntityUriForLink, getEntityId, getAttributeTypeUriByValueUri } from '@reltio/mdm-sdk';
-import Typography from '@mui/material/Typography';
-import Box from '@mui/material/Box';
-import { EntitiesMapContext, useMdmEntity, useMdmMetadata } 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 = useStyles();
-    var entitiesMap = useContext(EntitiesMapContext);
-    var metadata = useMdmMetadata();
-    var entity = useMdmEntity();
-    var getContent = function () {
-        var _a;
-        switch (comment.objectType) {
-            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 CollaborationObjectTypes.RELATION_ATTRIBUTE: {
-                var relationTypeUri = comment.relatedObjectUris.find(startsWith('configuration/relationTypes'));
-                var attributeTypeUri = relationTypeUri && getAttributeTypeUriByValueUri(comment.objectId, relationTypeUri);
-                var attributeType = attributeTypeUri && 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 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 CollaborationObjectTypes.RELATION: {
-                var relatedEntityUri = getRelatedEntityUri(comment, entity.uri);
-                var relatedEntity = __assign(__assign({}, (entitiesMap[relatedEntityUri] || {})), { uri: relatedEntityUri });
-                return (React.createElement(React.Fragment, null,
-                    React.createElement(Typography, { className: styles.title }, i18n.text('Selected relation:')),
-                    React.createElement(Typography, { className: styles.label },
-                        React.createElement(EntityUriLink, { className: styles.link, value: getEntityUriForLink(entity) }, getLabel(entity.label)),
-                        relatedEntityUri && (React.createElement(React.Fragment, null, " ".concat(i18n.text('to'), " "),
-                            React.createElement(EntityUriLink, { className: styles.link, value: getEntityUriForLink(relatedEntity) }, relatedEntity.label
-                                ? getLabel(relatedEntity.label)
-                                : getEntityId(relatedEntity)))))));
-            }
-            case CollaborationObjectTypes.POTENTIAL_MATCH: {
-                var relatedEntityUri = getRelatedEntityUri(comment, entity.uri);
-                var relatedEntity = {
-                    uri: relatedEntityUri,
-                    label: (_a = entitiesMap[relatedEntityUri]) === null || _a === void 0 ? void 0 : _a.label
-                };
-                return (React.createElement(React.Fragment, null,
-                    React.createElement(Typography, { className: styles.title }, i18n.text('Selected potential match:')),
-                    React.createElement(Typography, { className: styles.label },
-                        React.createElement(EntityUriLink, { className: styles.link, value: getEntityUriForLink(entity) }, getLabel(entity.label)),
-                        relatedEntityUri && (React.createElement(React.Fragment, null, " ".concat(i18n.text('and'), " "),
-                            React.createElement(EntityUriLink, { className: styles.link, value: getEntityUriForLink(relatedEntity) }, relatedEntity.label
-                                ? getLabel(relatedEntity.label)
-                                : getEntityId(relatedEntity)))))));
-            }
-            default: {
-                return null;
-            }
-        }
-    };
-    return React.createElement(Box, { className: className }, getContent());
-};

package/esm/components/CollaborationItem/RepliedComment/RepliedComment.js

@@ -1,53 +0,0 @@
-import React, { useRef, useContext, useMemo, useCallback } from 'react';
-import i18n from 'ui-i18n';
-import classnames from 'classnames';
-import Box from '@mui/material/Box';
-import MoreVertIcon from '@mui/icons-material/MoreVert';
-import Typography from '@mui/material/Typography';
-import { Avatar } from '../Avatar/Avatar';
-import { CommentContent } from '../CommentContent/CommentContent';
-import { createEditedReplyUri, formatDate } from '../utils';
-import { CollaborationContext, useMdmUsername } from '../../../contexts';
-import { useAutoFocus } from '../../../hooks';
-import { DropDownMenuButton } from '../../../DropDownMenuButton';
-import { SmallIconButtonWithTooltip } from '../../../SmallIconButton';
-import { SendMessageArea } from '../SendMessageArea/SendMessageArea';
-import { useStyles } from './styles';
-export var RepliedComment = function (_a) {
-    var className = _a.className, reply = _a.reply, uri = _a.uri, comment = _a.comment, popperRef = _a.popperRef;
-    var inputRef = useRef();
-    var username = useMdmUsername();
-    var createdBy = reply.createdBy, action = reply.action, createdTime = reply.createdTime;
-    var canChangeReply = createdBy === username && comment.status !== 'resolved';
-    var _b = useContext(CollaborationContext), deleteReply = _b.deleteReply, updateCommentState = _b.updateCommentState, getCommentState = _b.getCommentState;
-    var commentUri = createEditedReplyUri(comment, reply);
-    var isEditing = getCommentState(uri, commentUri).isEditing;
-    var updateIsEditingReply = useCallback(function (value) { return updateCommentState(uri, commentUri, { isEditing: value }); }, [commentUri, updateCommentState, uri]);
-    useAutoFocus(inputRef, isEditing);
-    var styles = useStyles();
-    var menuItems = useMemo(function () { return [
-        {
-            text: i18n.text('Edit'),
-            onClick: function () { return updateIsEditingReply(true); }
-        },
-        {
-            text: i18n.text('Delete'),
-            onClick: function () { return deleteReply({ uri: uri, commentId: comment.commentId, reply: reply }); }
-        }
-    ]; }, [deleteReply, uri, comment.commentId, reply, updateIsEditingReply]);
-    var sendMessageArea = (React.createElement(SendMessageArea, { inputRef: inputRef, popperRef: popperRef, uri: uri, onCancel: function () { return updateIsEditingReply(false); }, isEditingReply: isEditing, reply: reply, comment: comment }));
-    return (React.createElement(Box, { className: classnames(styles.root, className) },
-        React.createElement(Avatar, { classes: { root: styles.avatar } }, createdBy),
-        React.createElement(Box, { flexGrow: 1 },
-            React.createElement(Box, { className: styles.header },
-                React.createElement(Typography, { className: styles.username }, createdBy),
-                action === 'resolve' && (React.createElement(Typography, { className: styles.marked }, i18n.text('Marked as resolved'))),
-                action === 'reopen' && React.createElement(Typography, { className: styles.marked }, i18n.text('Re-opened'))),
-            action !== 'resolve' &&
-                (isEditing ? sendMessageArea : React.createElement(CommentContent, { className: styles.message, comment: reply })),
-            React.createElement(Typography, { className: styles.createdAt }, formatDate(createdTime))),
-        canChangeReply && (React.createElement(DropDownMenuButton, { buttonComponent: SmallIconButtonWithTooltip, buttonProps: {
-                icon: MoreVertIcon,
-                tooltipTitle: i18n.text('Open menu')
-            }, menuItems: menuItems, menuId: "collaboration-comment-menu" }))));
-};

package/esm/components/CollaborationItem/SendMessageArea/SendMessageArea.js

@@ -1,133 +0,0 @@
-import React, { useState, useContext, useEffect } from 'react';
-import i18n from 'ui-i18n';
-import classnames from 'classnames';
-import { always, cond, T } from 'ramda';
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import { TextFieldWithMentions } from '../TextFieldWithMentions/TextFieldWithMentions';
-import { Avatar } from '../Avatar/Avatar';
-import { CollaborationContext, useMdmUsername } from '../../../contexts';
-import { createCommentUri, transformPlainTextValueToValueWithMentions } from '../utils';
-import { useStyles } from './styles';
-var getPlaceholder = function (status) {
-    switch (status) {
-        case 'open':
-            return i18n.text('Reply...');
-        case 'resolved':
-            return i18n.text('Adding a comment will re-open this');
-        default:
-            return '';
-    }
-};
-var getButtonText = function (status, isEditingComment, isEditingReply) {
-    if (isEditingComment || isEditingReply) {
-        return i18n.text('Edit');
-    }
-    if (status === 'open' || status === 'resolved') {
-        return i18n.text('Reply');
-    }
-    return i18n.text('Comment');
-};
-var getDefaultCommentState = function (_a) {
-    var comment = _a.comment, reply = _a.reply, isEditingComment = _a.isEditingComment, isEditingReply = _a.isEditingReply;
-    var commentOrReply = isEditingComment ? comment : isEditingReply ? reply : null;
-    var _b = commentOrReply || {}, _c = _b.content, plainTextValue = _c === void 0 ? '' : _c, _d = _b.namedUsers, mentions = _d === void 0 ? [] : _d;
-    return {
-        value: transformPlainTextValueToValueWithMentions(plainTextValue, mentions),
-        plainTextValue: plainTextValue,
-        mentions: mentions
-    };
-};
-export 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 = useStyles({ isEditing: isEditing });
-    var _b = useState(false), focused = _b[0], setFocused = _b[1];
-    var _c = useContext(CollaborationContext), createReply = _c.createReply, createComment = _c.createComment, sending = _c.sending, editComment = _c.editComment, editReply = _c.editReply, getCommentState = _c.getCommentState, updateCommentState = _c.updateCommentState, clearCommentState = _c.clearCommentState;
-    var username = useMdmUsername();
-    var commentUri = createCommentUri({ comment: comment, reply: reply, isEditingComment: isEditingComment, isEditingReply: isEditingReply });
-    var defaultCommentState = getDefaultCommentState({ comment: comment, reply: reply, isEditingComment: isEditingComment, isEditingReply: isEditingReply });
-    var _d = getCommentState(uri, commentUri), _e = _d.value, value = _e === void 0 ? defaultCommentState.value : _e, _f = _d.plainTextValue, plainTextValue = _f === void 0 ? defaultCommentState.plainTextValue : _f, _g = _d.mentions, mentions = _g === void 0 ? defaultCommentState.mentions : _g;
-    var hasValue = value.trim() !== '';
-    var shouldShowButtons = focused || hasValue;
-    var status = comment === null || comment === void 0 ? void 0 : comment.status;
-    var clearValue = function () {
-        onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-        clearCommentState(uri, commentUri);
-    };
-    var handleChange = function (value, plainTextValue, mentions) {
-        return updateCommentState(uri, commentUri, { value: value, plainTextValue: plainTextValue, mentions: mentions });
-    };
-    var handleCancel = function () { return clearValue(); };
-    var handleFocus = function () { return setFocused(true); };
-    var handleBlur = function () { return setFocused(false); };
-    var handleSubmit = function (e) {
-        e.preventDefault();
-        var request = cond([
-            [
-                always(!comment),
-                function () {
-                    return createComment({
-                        content: plainTextValue,
-                        namedUsers: mentions,
-                        objectType: objectType,
-                        uri: uri,
-                        relatedObjectUris: relatedObjectUris
-                    });
-                }
-            ],
-            [
-                always(isEditingComment),
-                function () {
-                    return editComment({
-                        content: plainTextValue,
-                        namedUsers: mentions,
-                        commentId: comment.commentId,
-                        objectType: objectType,
-                        replies: comment.replies,
-                        relatedObjectUris: relatedObjectUris,
-                        uri: uri
-                    });
-                }
-            ],
-            [
-                always(isEditingReply),
-                function () {
-                    return editReply({
-                        content: plainTextValue,
-                        namedUsers: mentions,
-                        commentId: comment.commentId,
-                        replyId: reply.replyId
-                    });
-                }
-            ],
-            [
-                T,
-                function () {
-                    return createReply({
-                        content: plainTextValue,
-                        namedUsers: mentions,
-                        commentId: comment.commentId,
-                        action: comment.status === 'open' ? 'none' : 'reopen',
-                        uri: uri
-                    });
-                }
-            ]
-        ]);
-        return request().then(clearValue).catch(console.log); //eslint-disable-line no-console
-    };
-    useEffect(function () {
-        if (popperRef) {
-            popperRef.current.forceUpdate();
-        }
-    }, [popperRef, shouldShowButtons]);
-    var buttonSize = isEditing ? 'small' : 'medium';
-    return (React.createElement(Box, { className: classnames(styles.root, className) },
-        React.createElement("form", { onSubmit: handleSubmit, className: styles.form },
-            React.createElement(Box, { className: styles.main },
-                !isEditing && React.createElement(Avatar, { classes: { root: styles.avatar } }, username),
-                React.createElement(TextFieldWithMentions, { className: styles.textField, disabled: sending, onChange: handleChange, inputRef: inputRef, value: value, onFocus: handleFocus, onBlur: handleBlur, placeholder: getPlaceholder(status) })),
-            shouldShowButtons && (React.createElement(Box, { className: styles.buttons },
-                React.createElement(Button, { className: styles.button, variant: "contained", color: "primary", disabled: !hasValue || sending, type: "submit", size: buttonSize }, getButtonText(status, isEditingComment, isEditingReply)),
-                React.createElement(Button, { disabled: sending, onClick: handleCancel, className: styles.button, variant: "outlined", color: "primary", size: buttonSize }, i18n.text('Cancel')))))));
-};

package/esm/components/CollaborationItem/TextFieldWithMentions/TextFieldWithMentions.js

@@ -1,44 +0,0 @@
-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;
-};
-import React, { useContext } from 'react';
-import classnames from 'classnames';
-import { uniq } from 'ramda';
-import { MentionsInput, Mention } from 'react-mentions';
-import { UsersContext } from '../../../contexts';
-import { useStyles } from './styles';
-export var TextFieldWithMentions = function (_a) {
-    var onChange = _a.onChange, className = _a.className, props = __rest(_a, ["onChange", "className"]);
-    var styles = useStyles();
-    var users = useContext(UsersContext);
-    var handleChange = function (_, value, plainTextValue, mentions) {
-        onChange(value, plainTextValue, uniq(mentions.map(function (_a) {
-            var display = _a.display;
-            return display.slice(1);
-        })));
-    };
-    return (React.createElement(MentionsInput, __assign({}, props, { onChange: handleChange, className: classnames(styles.root, className), suggestionsPortalHost: document.body }),
-        React.createElement(Mention, { trigger: "+", data: users.map(function (_a) {
-                var username = _a.username;
-                return ({ id: username, display: username });
-            }), displayTransform: function (_, username) { return "+".concat(username); }, appendSpaceOnAdd: true, className: styles.mention })));
-};

package/esm/components/CollaborationPopup/CollaborationPopup.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { Comment } from '@reltio/mdm-sdk';
-import { PopupWithArrow } from '../PopupWithArrow/PopupWithArrow';
-type PopupWithArrowProps = React.ComponentPropsWithoutRef<typeof PopupWithArrow>;
-type Props = Pick<PopupWithArrowProps, 'open' | 'anchorEl' | 'onClose'> & {
-    uri: string;
-    objectType: Comment['objectType'];
-    relatedObjectUris: Comment['relatedObjectUris'];
-    comment?: Comment;
-};
-export declare const CollaborationPopup: ({ uri, relatedObjectUris, objectType, anchorEl, onClose, open, comment }: Props) => JSX.Element;
-export {};

package/esm/components/CollaborationPopup/CollaborationPopup.js

@@ -1,42 +0,0 @@
-import React, { useContext, useRef, useState } from 'react';
-import i18n from 'ui-i18n';
-import Box from '@mui/material/Box';
-import Typography from '@mui/material/Typography';
-import DoneIcon from '@mui/icons-material/Done';
-import { CollaborationContext } from '../../contexts';
-import { CollaborationItem } from '../CollaborationItem/CollaborationItem';
-import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
-import { PopupWithArrow } from '../PopupWithArrow/PopupWithArrow';
-import { useStyles } from './styles';
-export 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 = useState(0), scrollWidth = _b[0], setScrollWidth = _b[1];
-    var hasScroll = scrollWidth !== 0;
-    var styles = useStyles({ scrollWidth: scrollWidth, hasScroll: hasScroll });
-    var popperRef = useRef(null);
-    var _c = useContext(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 });
-    };
-    return (React.createElement(PopupWithArrow, { popperRef: popperRef, anchorEl: anchorEl, open: open, placement: "right-start", onClose: onClose, className: styles.popper },
-        React.createElement(Box, { className: styles.header },
-            React.createElement(Box, { className: styles.headerInfo },
-                React.createElement(Typography, { className: styles.title }, i18n.text('Comments')),
-                comment && !loading && (React.createElement(Typography, { className: styles.counter },
-                    i18n.number(itemsCount),
-                    " ",
-                    itemsCount === 1 ? i18n.text('item') : i18n.text('items')))),
-            comment && !loading && (React.createElement(SmallIconButtonWithTooltip, { className: styles.resolveButton, size: "S", onClick: handleResolve, disabled: sending, showForDisabled: true, tooltipTitle: i18n.text('Resolve'), icon: DoneIcon, color: "primary" }))),
-        !loading && (React.createElement(CollaborationItem, { popperRef: popperRef, messagesRef: function (node) {
-                if (node) {
-                    setScrollWidth(node.offsetWidth - node.clientWidth);
-                }
-            }, classes: {
-                root: styles.collaborationItem,
-                replies: styles.replies,
-                sendMessageArea: styles.sendMessageArea,
-                messages: styles.messages,
-                comment: styles.comment
-            }, uri: uri, relatedObjectUris: relatedObjectUris, objectType: objectType, comment: comment }))));
-};

package/esm/components/CollapseButton/CollapseButton.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
-type SmallIconButtonWithTooltipProps = React.ComponentPropsWithoutRef<typeof SmallIconButtonWithTooltip>;
-type Props = Omit<SmallIconButtonWithTooltipProps, 'tooltipTitle'> & {
-    isOpen?: boolean;
-    tooltipTitle?: string;
-};
-declare const CollapseButton: ({ isOpen, tooltipTitle, ...otherProps }: Props) => JSX.Element;
-export default CollapseButton;

package/esm/components/CollapseButton/CollapseButton.js

@@ -1,42 +0,0 @@
-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;
-};
-import React from 'react';
-import classnames from 'classnames';
-import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
-import ExpandMore from '@mui/icons-material/ExpandMore';
-import { useStyles } from './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 = useStyles();
-    var buttonProps = {
-        icon: ExpandMore,
-        className: styles.collapseButton,
-        iconClassName: classnames((_b = {}, _b[styles.expandLess] = isOpen, _b))
-    };
-    var tooltipProps = {
-        tooltipTitle: tooltipTitle
-    };
-    return (React.createElement(SmallIconButtonWithTooltip, __assign({ "data-reltio-id": "collapse-button" }, buttonProps, tooltipProps, otherProps)));
-};
-export default CollapseButton;

package/esm/components/ColoredSourceIcon/ColoredSourceIcon.js

@@ -1,17 +0,0 @@
-import React, { memo } from 'react';
-import classnames from 'classnames';
-import Tooltip from '@mui/material/Tooltip';
-import { getSourceSystemLabel } from '@reltio/mdm-sdk';
-import { useCrosswalkColor, useMdmMetadata } from '../../contexts';
-import { SourceIcon } from '../../SourceIcon';
-import { useStyles } from './styles';
-var ColoredSourceIcon = function (_a) {
-    var className = _a.className, crosswalk = _a.crosswalk, _b = _a.showTooltip, showTooltip = _b === void 0 ? true : _b;
-    var styles = useStyles();
-    var color = useCrosswalkColor(crosswalk);
-    var metadata = useMdmMetadata() || {};
-    var content = (React.createElement("div", { className: classnames(styles.itemContainer, className), style: { background: color } },
-        React.createElement(SourceIcon, { sourceType: crosswalk.type, className: styles.item })));
-    return showTooltip ? React.createElement(Tooltip, { title: getSourceSystemLabel(metadata, crosswalk.type) }, content) : content;
-};
-export default memo(ColoredSourceIcon);

package/esm/components/CommentsContainer/CommentsContainer.d.ts

@@ -1,12 +0,0 @@
-import { Comment } from '@reltio/mdm-sdk';
-type Props = {
-    className?: string;
-    uri: string;
-    objectType: Comment['objectType'];
-    relatedObjectUris: Comment['relatedObjectUris'];
-    allowOnlyOneComment?: boolean;
-    showAlways?: boolean;
-    onChangePopupVisibility?: (visibility: boolean) => void;
-};
-declare const CommentsContainer: ({ className, uri, objectType, relatedObjectUris, onChangePopupVisibility, allowOnlyOneComment, showAlways }: Props) => JSX.Element;
-export default CommentsContainer;

package/esm/components/CommentsContainer/CommentsContainer.js

@@ -1,65 +0,0 @@
-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));
-};
-import React, { useContext, useMemo, useState } from 'react';
-import classnames from 'classnames';
-import { useStyles } from './styles';
-import { useDidUpdateEffect } from '../../hooks';
-import { CollaborationContext, RelatedObjectUrisContext } from '../../contexts';
-import CommentButton from './buttons/CommentButton';
-import AddCommentButton from './buttons/AddCommentButton';
-import { CollaborationPopup } from '../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 = useStyles();
-    var _e = useState(null), anchorEl = _e[0], setAnchorEl = _e[1];
-    var _f = useState(false), shouldOpenPopup = _f[0], setShouldOpenPopup = _f[1];
-    var isOpenPopup = shouldOpenPopup && Boolean(anchorEl);
-    var _g = useContext(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;
-        return status !== 'resolved';
-    }).reverse();
-    var shouldShowAddCommentButton = !allowOnlyOneComment || (allowOnlyOneComment && openComments.length === 0);
-    var isOpenPopupWithNewComment = currentComment === null && isOpenPopup;
-    var handleClickCommentButton = function (commentId) {
-        getComment(commentId);
-        setShouldOpenPopup(true);
-    };
-    var handleClickAddCommentButton = function (event) {
-        setAnchorEl(event.currentTarget);
-        setShouldOpenPopup(true);
-    };
-    var handleClose = function () {
-        setAnchorEl(null);
-        clearCurrentComment();
-        setShouldOpenPopup(false);
-    };
-    useDidUpdateEffect(function () {
-        if (onChangePopupVisibility) {
-            onChangePopupVisibility(isOpenPopup);
-        }
-    }, [isOpenPopup]);
-    var additionalRelatedObjectUris = useContext(RelatedObjectUrisContext);
-    var allRelatedObjectUris = useMemo(function () {
-        return additionalRelatedObjectUris ? __spreadArray(__spreadArray([], relatedObjectUris, true), additionalRelatedObjectUris, true) : relatedObjectUris;
-    }, [additionalRelatedObjectUris, relatedObjectUris]);
-    return (showComments && (React.createElement("div", { className: classnames(styles.root, className) },
-        shouldShowAddCommentButton && (React.createElement(AddCommentButton, { className: classnames(styles.addButton, (_b = {},
-                _b[styles.showAlways] = showAlways || isOpenPopupWithNewComment,
-                _b)), onClick: handleClickAddCommentButton })),
-        openComments.map(function (_a) {
-            var replies = _a.replies, commentId = _a.commentId;
-            return (React.createElement(CommentButton, { ref: commentId === (currentComment === null || currentComment === void 0 ? void 0 : currentComment.commentId) ? setAnchorEl : null, key: commentId, onClick: function () { return handleClickCommentButton(commentId); } }, 1 + replies));
-        }),
-        React.createElement(CollaborationPopup, { anchorEl: anchorEl, open: isOpenPopup, onClose: handleClose, uri: uri, relatedObjectUris: allRelatedObjectUris, objectType: objectType, comment: currentComment }))));
-};
-export default CommentsContainer;

package/esm/components/CommentsContainer/buttons/AddCommentButton.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-type Props = {
-    className?: string;
-    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-};
-declare const AddCommentButton: ({ className, onClick }: Props) => JSX.Element;
-export default AddCommentButton;

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import i18n from 'ui-i18n';
-import classnames from 'classnames';
-import Tooltip from '@mui/material/Tooltip';
-import AddCommentIcon from '../../../icons/AddComment';
-import { useStyles } from './styles';
-var AddCommentButton = function (_a) {
-    var className = _a.className, onClick = _a.onClick;
-    var styles = useStyles();
-    return (React.createElement(Tooltip, { title: i18n.text('Add comment') },
-        React.createElement("div", { className: classnames(styles.root, className), onClick: onClick },
-            React.createElement(AddCommentIcon, { className: styles.icon }))));
-};
-export default AddCommentButton;

package/esm/components/CommentsContainer/buttons/CommentButton.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-type Props = {
-    children: React.ReactNode;
-    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-};
-declare const CommentButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default CommentButton;

package/esm/components/CommentsContainer/buttons/CommentButton.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import i18n from 'ui-i18n';
-import Tooltip from '@mui/material/Tooltip';
-import CommentIcon from '../../../icons/CommentBubble';
-import { useStyles } from './styles';
-var CommentButton = React.forwardRef(function (_a, ref) {
-    var children = _a.children, onClick = _a.onClick;
-    var styles = useStyles();
-    return (React.createElement(Tooltip, { title: i18n.text('Show comment') },
-        React.createElement("div", { ref: ref, className: styles.root, onClick: onClick, "data-reltio-id": "reltio-comment-button" },
-            React.createElement(CommentIcon, { className: styles.icon }),
-            React.createElement("div", { className: styles.childrenWrapper }, children))));
-});
-CommentButton.displayName = 'CommentButton';
-export default CommentButton;

package/esm/components/CommentsContainer/buttons/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "root" | "childrenWrapper">;

package/esm/components/CommentsContainer/buttons/styles.js

@@ -1,33 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles(function () { return ({
-    root: {
-        position: 'relative',
-        height: '18px',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        marginLeft: '4px',
-        cursor: 'pointer'
-    },
-    icon: {
-        '&:hover': {
-            fillOpacity: 0.7
-        }
-    },
-    childrenWrapper: {
-        position: 'absolute',
-        width: '100%',
-        height: '100%',
-        lineHeight: '15px',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        top: '-2px',
-        left: 0,
-        right: 0,
-        bottom: 0,
-        color: 'white',
-        fontSize: '10px',
-        pointerEvents: 'none'
-    }
-}); });