@seafile/sdoc-editor 1.0.54 → 1.0.56

package/dist/basic-sdk/comment/components/comment-item-wrapper.js

@@ -1,16 +1,24 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import dayjs from 'dayjs';
-import classNames from 'classnames';
-import { Node } from '@seafile/slate';
-import { ReactEditor } from '@seafile/slate-react';
-import context from '../../../context';
-import { useCommentContext } from '../hooks/comment-hooks/use-comment-context';
-import CommentItemContent from './comment-item-content';
-import CommentItemReply from './comment-item-reply';
-import CommentEditor from './comment-editor';
-import CommentItemResolvedReply from './comment-item-resolved-reply';
-import { COMMENT_URL_CLASSNAME } from '../constants';
-import CommentDeletePopover from './comment-delete-popover';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _context = _interopRequireDefault(require("../../../context"));
+var _useCommentContext = require("../hooks/comment-hooks/use-comment-context");
+var _commentItemContent = _interopRequireDefault(require("./comment-item-content"));
+var _commentItemReply = _interopRequireDefault(require("./comment-item-reply"));
+var _commentEditor = _interopRequireDefault(require("./comment-editor"));
+var _commentItemResolvedReply = _interopRequireDefault(require("./comment-item-resolved-reply"));
+var _constants = require("../constants");
+var _commentDeletePopover = _interopRequireDefault(require("./comment-delete-popover"));
 const CommentItemWrapper = _ref => {
   let {
     container,
@@ -22,14 +30,14 @@ const CommentItemWrapper = _ref => {
     hiddenComment,
     editor
   } = _ref;
-  const listRef = useRef(null);
+  const listRef = (0, _react.useRef)(null);
   const {
     dispatch
-  } = useCommentContext();
-  const scrollRef = useRef(document.querySelector('.sdoc-scroll-container'));
-  const commentOpToolsId = "commentOpTools_".concat(comment.id);
-  const deleteComment = useCallback(async commentId => {
-    await context.deleteComment(commentId);
+  } = (0, _useCommentContext.useCommentContext)();
+  const scrollRef = (0, _react.useRef)(document.querySelector('.sdoc-scroll-container'));
+  const commentOpToolsId = `commentOpTools_${comment.id}`;
+  const deleteComment = (0, _react.useCallback)(async commentId => {
+    await _context.default.deleteComment(commentId);
     const {
       element_id: elementId
     } = comment.detail;
@@ -41,8 +49,8 @@ const CommentItemWrapper = _ref => {
       }
     });
   }, [comment.detail, dispatch]);
-  const updateComment = useCallback(async (commentId, newComment) => {
-    await context.updateComment(commentId, newComment);
+  const updateComment = (0, _react.useCallback)(async (commentId, newComment) => {
+    await _context.default.updateComment(commentId, newComment);
     const {
       element_id: elementId
     } = comment.detail;
@@ -55,9 +63,9 @@ const CommentItemWrapper = _ref => {
       }
     });
   }, [comment.detail, dispatch]);
-  const updateCommentState = useCallback(async (commentId, newComment) => {
-    const time = dayjs().format('YYYY-MM-DD HH:mm:ss');
-    const user = context.getUserInfo();
+  const updateCommentState = (0, _react.useCallback)(async (commentId, newComment) => {
+    const time = (0, _dayjs.default)().format('YYYY-MM-DD HH:mm:ss');
+    const user = _context.default.getUserInfo();
     const reply = {
       type: 'comment',
       reply: newComment.resolved,
@@ -66,7 +74,7 @@ const CommentItemWrapper = _ref => {
     };
 
     // When updating comment status, add a new reply
-    const res = await context.insertReply(commentId, reply);
+    const res = await _context.default.insertReply(commentId, reply);
     const {
       reply: returnReply
     } = res.data;
@@ -90,7 +98,7 @@ const CommentItemWrapper = _ref => {
     });
 
     // Modify comment status
-    await context.updateComment(commentId, newComment);
+    await _context.default.updateComment(commentId, newComment);
     dispatch({
       type: 'UPDATE_COMMENT_STATE',
       payload: {
@@ -107,13 +115,13 @@ const CommentItemWrapper = _ref => {
       }, 100);
     }
   }, [comment.detail, dispatch, updateScrollPosition]);
-  const insertReply = useCallback(async (commentId, replies) => {
+  const insertReply = (0, _react.useCallback)(async (commentId, replies) => {
     const {
       element_id: elementId
     } = comment.detail;
     for (let i = 0; i < replies.length; i++) {
       const reply = replies[i];
-      const res = await context.insertReply(commentId, reply);
+      const res = await _context.default.insertReply(commentId, reply);
       const {
         reply: returnReply
       } = res.data;
@@ -139,7 +147,7 @@ const CommentItemWrapper = _ref => {
       const newComment = {
         resolved: false
       };
-      await context.updateComment(commentId, newComment);
+      await _context.default.updateComment(commentId, newComment);
       dispatch({
         type: 'UPDATE_COMMENT_STATE',
         payload: {
@@ -157,13 +165,13 @@ const CommentItemWrapper = _ref => {
       listRef.current.scrollTo(options);
     }, 0);
   }, [comment.detail, dispatch]);
-  const insertContent = useCallback(content => {
-    const user = context.getUserInfo();
+  const insertContent = (0, _react.useCallback)(content => {
+    const user = _context.default.getUserInfo();
     const replies = [];
 
     // The comment has already been resolved, when adding a new reply, resubmit the comment
     if (comment.resolved) {
-      const time = dayjs().format('YYYY-MM-DD HH:mm:ss');
+      const time = (0, _dayjs.default)().format('YYYY-MM-DD HH:mm:ss');
       const stateChangeReply = {
         type: 'comment',
         reply: false,
@@ -174,7 +182,7 @@ const CommentItemWrapper = _ref => {
     }
 
     // User added reply
-    const time = dayjs().format('YYYY-MM-DD HH:mm:ss');
+    const time = (0, _dayjs.default)().format('YYYY-MM-DD HH:mm:ss');
     const reply = {
       type: 'reply',
       reply: content,
@@ -184,12 +192,12 @@ const CommentItemWrapper = _ref => {
     replies.push(reply);
     insertReply(comment.id, replies);
   }, [comment.id, comment.resolved, insertReply]);
-  const deleteReply = useCallback(async replyId => {
+  const deleteReply = (0, _react.useCallback)(async replyId => {
     const commentId = comment.id;
     const {
       element_id: elementId
     } = comment.detail;
-    await context.deleteReply(commentId, replyId);
+    await _context.default.deleteReply(commentId, replyId);
     dispatch({
       type: 'DELETE_REPLY',
       payload: {
@@ -199,12 +207,12 @@ const CommentItemWrapper = _ref => {
       }
     });
   }, [comment.detail, comment.id, dispatch]);
-  const updateReply = useCallback(async (replyId, newReply) => {
+  const updateReply = (0, _react.useCallback)(async (replyId, newReply) => {
     const commentId = comment.id;
     const {
       element_id: elementId
     } = comment.detail;
-    await context.updateReply(commentId, replyId, newReply);
+    await _context.default.updateReply(commentId, replyId, newReply);
     dispatch({
       type: 'UPDATE_REPLY',
       payload: {
@@ -215,53 +223,53 @@ const CommentItemWrapper = _ref => {
       }
     });
   }, [comment.detail, comment.id, dispatch]);
-  const onItemClick = useCallback(event => {
-    if (event.target.className === COMMENT_URL_CLASSNAME) return;
+  const onItemClick = (0, _react.useCallback)(event => {
+    if (event.target.className === _constants.COMMENT_URL_CLASSNAME) return;
     onCommentClick(comment);
   }, [comment, onCommentClick]);
-  const [isShowDeleteDialog, setIsShowDeleteDialog] = useState(false);
-  const onDeleteComment = useCallback(() => {
+  const [isShowDeleteDialog, setIsShowDeleteDialog] = (0, _react.useState)(false);
+  const onDeleteComment = (0, _react.useCallback)(() => {
     setIsShowDeleteDialog(true);
   }, []);
-  const _deleteComment = useCallback(() => {
+  const _deleteComment = (0, _react.useCallback)(() => {
     deleteComment(comment.id);
     setIsShowDeleteDialog(false);
   }, [comment.id, deleteComment]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (!isActive) {
       setIsShowDeleteDialog(false);
     }
   }, [isActive]);
-  const className = classNames('comment-ui-container', {
+  const className = (0, _classnames.default)('comment-ui-container', {
     'active': isActive,
     'sdoc-resolved': comment.resolved,
     'd-flex flex-column pt-0': element
   });
   const tip = comment.resolved ? 'Reopen_discussion' : 'Enter_reply_Enter_for_new_line_Shift_Enter_to_send';
-  const handleScrollToArticle = useCallback(e => {
+  const handleScrollToArticle = (0, _react.useCallback)(e => {
     e.stopPropagation();
-    const dom = ReactEditor.toDOMNode(editor, element);
+    const dom = _slateReact.ReactEditor.toDOMNode(editor, element);
     const headerHeight = 56 + 37;
     scrollRef.current.scrollTo({
       top: dom.offsetTop - headerHeight,
       behavior: 'smooth'
     });
   }, [editor, element, scrollRef]);
-  return /*#__PURE__*/React.createElement("div", {
-    id: "comment-item-wrapper_".concat(comment.id),
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: `comment-item-wrapper_${comment.id}`,
     className: className,
     onClick: onItemClick
-  }, element && /*#__PURE__*/React.createElement("div", {
+  }, element && /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-item-selected-text-container",
     onClick: handleScrollToArticle
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-comment-quote mr-2"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-item-selected-text"
-  }, Node.string(element))), /*#__PURE__*/React.createElement("div", {
+  }, _slate.Node.string(element))), /*#__PURE__*/_react.default.createElement("div", {
     ref: listRef,
     className: "comment-item-list"
-  }, /*#__PURE__*/React.createElement(CommentItemContent, {
+  }, /*#__PURE__*/_react.default.createElement(_commentItemContent.default, {
     key: comment.id,
     container: container,
     isActive: isActive,
@@ -285,20 +293,20 @@ const CommentItemWrapper = _ref => {
         deleteReply,
         updateReply
       };
-      return /*#__PURE__*/React.createElement(CommentItemReply, props);
+      return /*#__PURE__*/_react.default.createElement(_commentItemReply.default, props);
     }
-    return /*#__PURE__*/React.createElement(CommentItemResolvedReply, {
+    return /*#__PURE__*/_react.default.createElement(_commentItemResolvedReply.default, {
       key: reply.id,
       reply: reply
     });
-  })), isActive && /*#__PURE__*/React.createElement("div", {
+  })), isActive && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-reply-wrapper"
-  }, /*#__PURE__*/React.createElement(CommentEditor, {
+  }, /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
     type: "reply",
     placeholder: tip,
     insertContent: insertContent,
     hiddenComment: hiddenComment
-  })), isShowDeleteDialog && isActive && /*#__PURE__*/React.createElement(CommentDeletePopover, {
+  })), isShowDeleteDialog && isActive && /*#__PURE__*/_react.default.createElement(_commentDeletePopover.default, {
     type: "comment",
     setIsShowDeleteDialog: setIsShowDeleteDialog,
     targetId: commentOpToolsId,
@@ -310,4 +318,4 @@ const CommentItemWrapper = _ref => {
 CommentItemWrapper.defaultProps = {
   container: 'sdoc-comment-list-container'
 };
-export default CommentItemWrapper;
+var _default = exports.default = CommentItemWrapper;

package/dist/basic-sdk/comment/components/comment-list.js

@@ -1,13 +1,21 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import dayjs from 'dayjs';
-import context from '../../../context';
-import { useCommentListPosition } from '../../hooks/use-selection-position';
-import { useCommentContext } from '../hooks/comment-hooks/use-comment-context';
-import CommentEditor from './comment-editor';
-import CommentItemWrapper from './comment-item-wrapper';
-import EventBus from '../../utils/event-bus';
-import { INTERNAL_EVENT } from '../../constants';
-import './comment-list.css';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _context = _interopRequireDefault(require("../../../context"));
+var _useSelectionPosition = require("../../hooks/use-selection-position");
+var _useCommentContext = require("../hooks/comment-hooks/use-comment-context");
+var _commentEditor = _interopRequireDefault(require("./comment-editor"));
+var _commentItemWrapper = _interopRequireDefault(require("./comment-item-wrapper"));
+var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
+var _constants = require("../../constants");
+require("./comment-list.css");
 const CommentList = _ref => {
   let {
     comments,
@@ -15,32 +23,32 @@ const CommentList = _ref => {
     hiddenComment,
     deleteUnseenNotifications
   } = _ref;
-  const commentRef = useRef(null);
-  const position = useCommentListPosition();
-  const [activeComment, setActiveComment] = useState(false);
-  const handelArticleClick = useCallback(event => {
+  const commentRef = (0, _react.useRef)(null);
+  const position = (0, _useSelectionPosition.useCommentListPosition)();
+  const [activeComment, setActiveComment] = (0, _react.useState)(false);
+  const handelArticleClick = (0, _react.useCallback)(event => {
     if (event.target.className !== 'article') return;
     hiddenComment();
   }, [hiddenComment]);
   // onMount: hidden comment
-  useEffect(() => {
-    const eventBus = EventBus.getInstance();
-    const unsubscribe = eventBus.subscribe(INTERNAL_EVENT.ARTICLE_CLICK, handelArticleClick);
+  (0, _react.useEffect)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    const unsubscribe = eventBus.subscribe(_constants.INTERNAL_EVENT.ARTICLE_CLICK, handelArticleClick);
     return () => {
       unsubscribe();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const onCommentClick = useCallback(comment => {
+  const onCommentClick = (0, _react.useCallback)(comment => {
     if (activeComment && activeComment.id === comment.id) return;
     setActiveComment(comment);
     deleteUnseenNotifications && deleteUnseenNotifications(comment);
   }, [activeComment, deleteUnseenNotifications]);
   const {
     dispatch
-  } = useCommentContext();
-  const insertComment = useCallback(async (elementId, comment) => {
-    const res = await context.insertComment(comment);
+  } = (0, _useCommentContext.useCommentContext)();
+  const insertComment = (0, _react.useCallback)(async (elementId, comment) => {
+    const res = await _context.default.insertComment(comment);
     const {
       comment: returnComment
     } = res.data;
@@ -59,10 +67,10 @@ const CommentList = _ref => {
       }
     });
   }, [dispatch]);
-  const insertContent = useCallback(content => {
-    const user = context.getUserInfo();
+  const insertContent = (0, _react.useCallback)(content => {
+    const user = _context.default.getUserInfo();
     const elementId = selectionElement === null || selectionElement === void 0 ? void 0 : selectionElement.id;
-    const time = dayjs().format('YYYY-MM-DD HH:mm:ss');
+    const time = (0, _dayjs.default)().format('YYYY-MM-DD HH:mm:ss');
     const comment = {
       comment: content,
       detail: {
@@ -74,13 +82,13 @@ const CommentList = _ref => {
     };
     insertComment(elementId, comment);
   }, [insertComment, selectionElement]);
-  const resetActiveComment = useCallback(e => {
+  const resetActiveComment = (0, _react.useCallback)(e => {
     const commentWrapper = commentRef.current;
     const clickIsInComment = commentWrapper && commentWrapper.contains(e.target) && commentWrapper !== e.target;
     if (clickIsInComment) return;
     setActiveComment(null);
   }, []);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     document.addEventListener('click', resetActiveComment);
     commentRef.current.scrollIntoView({
       behavior: 'smooth',
@@ -90,14 +98,14 @@ const CommentList = _ref => {
       document.removeEventListener('click', resetActiveComment);
     };
   }, [resetActiveComment]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     ref: commentRef,
     id: "sdoc-comment-list-container",
     className: "sdoc-comment-list-container",
     style: {
       top: position.y
     }
-  }, comments.length > 0 && /*#__PURE__*/React.createElement("div", {
+  }, comments.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-list"
   }, comments.map(comment => {
     if (comment.resolved) return null;
@@ -109,10 +117,10 @@ const CommentList = _ref => {
       onCommentClick: onCommentClick,
       hiddenComment: () => setActiveComment(null)
     };
-    return /*#__PURE__*/React.createElement(CommentItemWrapper, props);
-  })), comments.length === 0 && /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement(_commentItemWrapper.default, props);
+  })), comments.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-ui-container active"
-  }, /*#__PURE__*/React.createElement(CommentEditor, {
+  }, /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
     type: "comment",
     globalComment: true,
     insertContent: insertContent,
@@ -120,4 +128,4 @@ const CommentList = _ref => {
     commentRef: commentRef
   })));
 };
-export default CommentList;
+var _default = exports.default = CommentList;

package/dist/basic-sdk/comment/components/comment-participants-editor/index.js

@@ -1,40 +1,48 @@
-import React, { useCallback, useRef, useState, useImperativeHandle, forwardRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import { UncontrolledPopover } from 'reactstrap';
-import { useCollaborators } from '../../../../hooks/';
-import SelectedParticipants from './selected-participants';
-import SearchedCollaborators from './searched-collaborators';
-import { searchCollaborators } from '../../utils';
-import { eventStopPropagation } from '../../../utils/mouse-event';
-import './index.css';
-const CommentParticipantsEditor = forwardRef((_ref, ref) => {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _hooks = require("../../../../hooks/");
+var _selectedParticipants = _interopRequireDefault(require("./selected-participants"));
+var _searchedCollaborators = _interopRequireDefault(require("./searched-collaborators"));
+var _utils = require("../../utils");
+var _mouseEvent = require("../../../utils/mouse-event");
+require("./index.css");
+const CommentParticipantsEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     target
   } = _ref;
-  const popoverRef = useRef();
+  const popoverRef = (0, _react.useRef)();
   const {
     collaborators
-  } = useCollaborators();
+  } = (0, _hooks.useCollaborators)();
   const {
     t
-  } = useTranslation();
-  const [searchValue, setSearchValue] = useState('');
-  const [searchedCollaborators, setSearchedCollaborators] = useState([]);
-  useImperativeHandle(ref, () => ({
+  } = (0, _reactI18next.useTranslation)();
+  const [searchValue, setSearchValue] = (0, _react.useState)('');
+  const [searchedCollaborators, setSearchedCollaborators] = (0, _react.useState)([]);
+  (0, _react.useImperativeHandle)(ref, () => ({
     toggle: () => {
       popoverRef.current && popoverRef.current.toggle();
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }), [popoverRef.current]);
-  const onChangeSearch = useCallback(event => {
+  const onChangeSearch = (0, _react.useCallback)(event => {
     const newSearchValue = event.target.value;
     if (searchValue === newSearchValue) return;
-    const searchedCollaborators = searchCollaborators(collaborators, newSearchValue);
+    const searchedCollaborators = (0, _utils.searchCollaborators)(collaborators, newSearchValue);
     setSearchValue(newSearchValue);
     setSearchedCollaborators(searchedCollaborators);
   }, [searchValue, collaborators]);
-  return /*#__PURE__*/React.createElement(UncontrolledPopover, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
     target: target,
     className: "sdoc-comments-participants-popover",
     placement: "bottom-start",
@@ -42,19 +50,19 @@ const CommentParticipantsEditor = forwardRef((_ref, ref) => {
     trigger: "legacy",
     fade: false,
     ref: popoverRef
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-comments-participants-editor-container",
-    onClick: event => eventStopPropagation(event)
-  }, /*#__PURE__*/React.createElement(SelectedParticipants, null), /*#__PURE__*/React.createElement("div", {
+    onClick: event => (0, _mouseEvent.eventStopPropagation)(event)
+  }, /*#__PURE__*/_react.default.createElement(_selectedParticipants.default, null), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-search-collaborators"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/_react.default.createElement("input", {
     className: "form-control",
     type: "text",
     placeholder: t('Search_collaborator'),
     value: searchValue,
     onChange: onChangeSearch
-  })), /*#__PURE__*/React.createElement(SearchedCollaborators, {
+  })), /*#__PURE__*/_react.default.createElement(_searchedCollaborators.default, {
     collaborators: searchValue ? searchedCollaborators : collaborators
   })));
 });
-export default CommentParticipantsEditor;
+var _default = exports.default = CommentParticipantsEditor;

package/dist/basic-sdk/comment/components/comment-participants-editor/searched-collaborators.js

@@ -1,7 +1,14 @@
-import React, { useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useParticipantsContext } from '../../hooks/use-participants';
-import { eventStopPropagation } from '../../../utils/mouse-event';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _useParticipants = require("../../hooks/use-participants");
+var _mouseEvent = require("../../../utils/mouse-event");
 const SearchedCollaborators = _ref => {
   let {
     collaborators
@@ -10,12 +17,12 @@ const SearchedCollaborators = _ref => {
     participants,
     deleteParticipant,
     addParticipants
-  } = useParticipantsContext();
+  } = (0, _useParticipants.useParticipantsContext)();
   const {
     t
-  } = useTranslation();
-  const onSelectParticipant = useCallback((event, participant, isSelected) => {
-    eventStopPropagation(event);
+  } = (0, _reactI18next.useTranslation)();
+  const onSelectParticipant = (0, _react.useCallback)((event, participant, isSelected) => {
+    (0, _mouseEvent.eventStopPropagation)(event);
     if (isSelected) {
       deleteParticipant(participant.username);
       return;
@@ -23,11 +30,11 @@ const SearchedCollaborators = _ref => {
     addParticipants(participant.username);
   }, [deleteParticipant, addParticipants]);
   if (!Array.isArray(collaborators) || collaborators.length === 0) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "sdoc-searched-collaborators sdoc-searched-collaborators-empty-tip"
     }, t('No_collaborators_available'));
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-searched-collaborators"
   }, collaborators.map(collaborator => {
     const {
@@ -36,20 +43,20 @@ const SearchedCollaborators = _ref => {
       avatar_url
     } = collaborator;
     const isSelected = participants.find(participant => participant.username === username);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: username,
       className: "sdoc-searched-collaborator",
       onClick: event => onSelectParticipant(event, collaborator, isSelected)
-    }, /*#__PURE__*/React.createElement("img", {
+    }, /*#__PURE__*/_react.default.createElement("img", {
       src: avatar_url,
       alt: ""
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "sdoc-selected-participant-name"
-    }, name), /*#__PURE__*/React.createElement("div", {
+    }, name), /*#__PURE__*/_react.default.createElement("div", {
       className: "sdoc-searched-collaborator-operation"
-    }, isSelected && /*#__PURE__*/React.createElement("i", {
+    }, isSelected && /*#__PURE__*/_react.default.createElement("i", {
       className: "sdocfont sdoc-check-mark"
     })));
   }));
 };
-export default SearchedCollaborators;
+var _default = exports.default = SearchedCollaborators;

package/dist/basic-sdk/comment/components/comment-participants-editor/selected-participants.js

@@ -1,19 +1,26 @@
-import React, { useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useParticipantsContext } from '../../hooks/use-participants';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _useParticipants = require("../../hooks/use-participants");
 const SelectedParticipants = () => {
   const {
     participants,
     deleteParticipant
-  } = useParticipantsContext();
+  } = (0, _useParticipants.useParticipantsContext)();
   const {
     t
-  } = useTranslation();
-  const onDeleteParticipant = useCallback(participant => {
+  } = (0, _reactI18next.useTranslation)();
+  const onDeleteParticipant = (0, _react.useCallback)(participant => {
     deleteParticipant(participant.username);
   }, [deleteParticipant]);
   if (!Array.isArray(participants) || participants.length === 0) return null;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-selected-participants"
   }, participants.map(participant => {
     const {
@@ -21,21 +28,21 @@ const SelectedParticipants = () => {
       username,
       avatar_url
     } = participant;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: username,
       className: "sdoc-selected-participant"
-    }, /*#__PURE__*/React.createElement("img", {
+    }, /*#__PURE__*/_react.default.createElement("img", {
       src: avatar_url,
       alt: ""
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "sdoc-selected-participant-name"
-    }, name), /*#__PURE__*/React.createElement("div", {
+    }, name), /*#__PURE__*/_react.default.createElement("div", {
       className: "sdoc-selected-participant-delete",
       onClick: () => onDeleteParticipant(participant),
       title: t('Delete')
-    }, /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("i", {
       className: "sdocfont sdoc-sm-close"
     })));
   }));
 };
-export default SelectedParticipants;
+var _default = exports.default = SelectedParticipants;