@seafile/sdoc-editor 0.3.6 → 0.3.7

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

@@ -8,33 +8,38 @@ import EventBus from '../../utils/event-bus';
 import { INTERNAL_EVENT } from '../../constants';
 import { useParticipantsContext } from '../hooks/use-participants';
 import CommentInput from './comment-input';
-var getSubmitTip = function getSubmitTip(type, content) {
+const getSubmitTip = (type, content) => {
   if (content) return 'Save';
   return type === 'comment' ? 'Comment' : 'Reply';
 };
-var CommentEditor = function CommentEditor(_ref) {
-  var type = _ref.type,
-    className = _ref.className,
-    content = _ref.content,
-    placeholder = _ref.placeholder,
-    insertContent = _ref.insertContent,
-    updateContent = _ref.updateContent,
-    setIsEditing = _ref.setIsEditing,
-    hiddenComment = _ref.hiddenComment;
-  var commentInputRef = useRef();
-  var commentWrapperRef = useRef();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var scrollRef = useScrollContext();
-  var _useParticipantsConte = useParticipantsContext(),
-    addParticipants = _useParticipantsConte.addParticipants;
+const CommentEditor = _ref => {
+  let {
+    type,
+    className,
+    content,
+    placeholder,
+    insertContent,
+    updateContent,
+    setIsEditing,
+    hiddenComment
+  } = _ref;
+  const commentInputRef = useRef();
+  const commentWrapperRef = useRef();
+  const {
+    t
+  } = useTranslation();
+  const scrollRef = useScrollContext();
+  const {
+    addParticipants
+  } = useParticipantsContext();
 
   // onMount: set scrollLeft
-  useEffect(function () {
+  useEffect(() => {
     if (!commentWrapperRef.current) return;
-    var _commentWrapperRef$cu = commentWrapperRef.current.getBoundingClientRect(),
-      right = _commentWrapperRef$cu.right,
-      width = _commentWrapperRef$cu.width;
+    const {
+      right,
+      width
+    } = commentWrapperRef.current.getBoundingClientRect();
     if (right <= window.innerWidth) return;
     if (!scrollRef.current) return;
     scrollRef.current.scrollLeft = scrollRef.current.scrollLeft + width;
@@ -42,15 +47,15 @@ var CommentEditor = function CommentEditor(_ref) {
   }, []);
 
   // onMount: hidden comment
-  useEffect(function () {
-    var eventBus = EventBus.getInstance();
-    var unsubscribe = eventBus.subscribe(INTERNAL_EVENT.ARTICLE_CLICK, hiddenComment);
-    return function () {
+  useEffect(() => {
+    const eventBus = EventBus.getInstance();
+    const unsubscribe = eventBus.subscribe(INTERNAL_EVENT.ARTICLE_CLICK, hiddenComment);
+    return () => {
       unsubscribe();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var updateValue = useCallback(function (value) {
+  const updateValue = useCallback(value => {
     if (!value || value.trim() === '') return;
     if (!content) {
       insertContent(value);
@@ -58,15 +63,15 @@ var CommentEditor = function CommentEditor(_ref) {
     }
     updateContent(value);
   }, [content, insertContent, updateContent]);
-  var onSubmit = useCallback(function (event) {
+  const onSubmit = useCallback(event => {
     event && event.stopPropagation();
-    var value = commentInputRef.current.getValue();
+    const value = commentInputRef.current.getValue();
     updateValue(value);
-    var userInfo = context.getUserInfo();
+    const userInfo = context.getUserInfo();
     addParticipants(userInfo.username);
     commentInputRef.current.setValue('');
   }, [updateValue, addParticipants, commentInputRef]);
-  var onCancel = useCallback(function (event) {
+  const onCancel = useCallback(event => {
     event.stopPropagation();
     commentInputRef.current.setValue('');
     setIsEditing && setIsEditing(false);
@@ -74,10 +79,8 @@ var CommentEditor = function CommentEditor(_ref) {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [setIsEditing]);
-  var submitTip = useMemo(function () {
-    return getSubmitTip(type, content);
-  }, [content, type]);
-  var userInfo = context.getUserInfo();
+  const submitTip = useMemo(() => getSubmitTip(type, content), [content, type]);
+  const userInfo = context.getUserInfo();
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('comment-editor-wrapper', className),
     ref: commentWrapperRef

package/dist/basic-sdk/comment/components/comment-input/comment-participant-item.js

@@ -1,22 +1,24 @@
 import React, { useCallback, useEffect, useRef } from 'react';
 import { eventStopPropagation } from '../../../utils/mouse-event';
-var CommentParticipantItem = function CommentParticipantItem(_ref) {
-  var participant = _ref.participant,
-    setScrollTop = _ref.setScrollTop,
-    onSelectParticipant = _ref.onSelectParticipant,
-    participantIndex = _ref.participantIndex,
-    activeParticipantIndex = _ref.activeParticipantIndex;
-  var ref = useRef(null);
-  var oldValueRef = useRef({});
-  useEffect(function () {
+const CommentParticipantItem = _ref => {
+  let {
+    participant,
+    setScrollTop,
+    onSelectParticipant,
+    participantIndex,
+    activeParticipantIndex
+  } = _ref;
+  const ref = useRef(null);
+  const oldValueRef = useRef({});
+  useEffect(() => {
     oldValueRef.current.participantIndex = participantIndex;
     oldValueRef.current.activeParticipantIndex = activeParticipantIndex;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     if (activeParticipantIndex === participantIndex && activeParticipantIndex !== oldValueRef.current.activeParticipantIndex) {
-      var offsetHeight = ref.current.offsetHeight;
-      var offsetTop = ref.current.offsetTop;
+      const offsetHeight = ref.current.offsetHeight;
+      const offsetTop = ref.current.offsetTop;
       if (activeParticipantIndex > oldValueRef.current.activeParticipantIndex) {
         setScrollTop(offsetTop, offsetHeight, 'down');
       } else {
@@ -25,11 +27,11 @@ var CommentParticipantItem = function CommentParticipantItem(_ref) {
     }
     oldValueRef.current.activeParticipantIndex = activeParticipantIndex;
   }, [setScrollTop, participantIndex, activeParticipantIndex, ref, oldValueRef]);
-  var selectParticipant = useCallback(function (event) {
+  const selectParticipant = useCallback(event => {
     eventStopPropagation(event);
     onSelectParticipant(participant);
   }, [participant, onSelectParticipant]);
-  var active = participantIndex === activeParticipantIndex;
+  const active = participantIndex === activeParticipantIndex;
   return /*#__PURE__*/React.createElement("div", {
     className: "comment-participant-item ".concat(active ? 'active' : ''),
     ref: ref,

package/dist/basic-sdk/comment/components/comment-input/index.js

@@ -1,4 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useRef, useState, useImperativeHandle, forwardRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useCollaborators } from '../../../../hooks';
@@ -11,87 +10,82 @@ import { eventStopPropagation } from '../../../utils/mouse-event';
 import CommentParticipantItem from './comment-participant-item';
 import { Hotkey, getSelectionCoords } from '../../../../utils';
 import './index.css';
-var CommentInput = forwardRef(function (_ref, ref) {
-  var placeholder = _ref.placeholder,
-    content = _ref.content,
-    type = _ref.type,
-    onCancel = _ref.onCancel,
-    onSubmit = _ref.onSubmit;
-  var commentRef = useRef();
-  var collaboratorsPopoverRef = useRef();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useCollaborators = useCollaborators(),
-    collaborators = _useCollaborators.collaborators;
-  var _useParticipantsConte = useParticipantsContext(),
-    addParticipants = _useParticipantsConte.addParticipants;
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    range = _useState2[0],
-    setRange = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    searchedCollaborators = _useState4[0],
-    setSearchedCollaborators = _useState4[1];
-  var _useState5 = useState(-1),
-    _useState6 = _slicedToArray(_useState5, 2),
-    activeCollaboratorIndex = _useState6[0],
-    setActiveCollaboratorIndex = _useState6[1];
-  var commentUtilities = new CommentUtilities();
+const CommentInput = forwardRef((_ref, ref) => {
+  let {
+    placeholder,
+    content,
+    type,
+    onCancel,
+    onSubmit
+  } = _ref;
+  const commentRef = useRef();
+  const collaboratorsPopoverRef = useRef();
+  const {
+    t
+  } = useTranslation();
+  const {
+    collaborators
+  } = useCollaborators();
+  const {
+    addParticipants
+  } = useParticipantsContext();
+  const [range, setRange] = useState();
+  const [searchedCollaborators, setSearchedCollaborators] = useState([]);
+  const [activeCollaboratorIndex, setActiveCollaboratorIndex] = useState(-1);
+  const commentUtilities = new CommentUtilities();
 
   // onMount: comment content
-  useEffect(function () {
+  useEffect(() => {
     if (!content) return;
     commentRef.current.textContent = content;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   // onMount: set input focus
-  useEffect(function () {
+  useEffect(() => {
     if (type !== 'comment') return;
     commentRef.current && commentRef.current.focus();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   // onMount: handleCommentPopover
-  useEffect(function () {
+  useEffect(() => {
     document.addEventListener('mousedown', handleCommentPopover);
-    return function () {
+    return () => {
       document.removeEventListener('mousedown', handleCommentPopover);
     };
   });
 
   // The parent component can call the method of this component through ref
-  useImperativeHandle(ref, function () {
-    return {
-      getValue: function getValue() {
-        var comment = convertComment(commentRef.current.textContent);
-        return comment;
-      },
-      setValue: function setValue(value) {
-        commentRef.current.textContent = value || '';
-      }
+  useImperativeHandle(ref, () => ({
+    getValue: () => {
+      const comment = convertComment(commentRef.current.textContent);
+      return comment;
+    },
+    setValue: value => {
+      commentRef.current.textContent = value || '';
+    }
 
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    };
-  }, [commentRef]);
-  var hideCommentPopover = useCallback(function () {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }), [commentRef]);
+  const hideCommentPopover = useCallback(() => {
     if (searchedCollaborators.length === 0) return;
     setSearchedCollaborators([]);
     setActiveCollaboratorIndex(-1);
   }, [searchedCollaborators]);
-  var handleCommentPopover = useCallback(function (event) {
+  const handleCommentPopover = useCallback(event => {
     if (collaboratorsPopoverRef.current && event && !collaboratorsPopoverRef.current.contains(event.target)) {
       hideCommentPopover();
     }
   }, [hideCommentPopover, collaboratorsPopoverRef]);
-  var setScrollTop = useCallback(function (offsetTop, itemOffsetHeight, mouseDownType) {
-    var _collaboratorsPopover = collaboratorsPopoverRef.current,
-      offsetHeight = _collaboratorsPopover.offsetHeight,
-      scrollTop = _collaboratorsPopover.scrollTop;
+  const setScrollTop = useCallback((offsetTop, itemOffsetHeight, mouseDownType) => {
+    const {
+      offsetHeight,
+      scrollTop
+    } = collaboratorsPopoverRef.current;
     if (mouseDownType === DOWN) {
       if (offsetTop + itemOffsetHeight - scrollTop - offsetHeight + POPOVER_ADDING_HEIGHT > 0) {
-        var top = offsetTop + itemOffsetHeight - offsetHeight + POPOVER_ADDING_HEIGHT;
+        let top = offsetTop + itemOffsetHeight - offsetHeight + POPOVER_ADDING_HEIGHT;
         collaboratorsPopoverRef.current.scrollTop = top;
       }
     }
@@ -101,71 +95,81 @@ var CommentInput = forwardRef(function (_ref, ref) {
       }
     }
   }, []);
-  var setCollaboratorsPopoverPosition = useCallback(function (caretPosition) {
-    var _collaboratorsPopover2 = collaboratorsPopoverRef.current.getBoundingClientRect(),
-      height = _collaboratorsPopover2.height,
-      width = _collaboratorsPopover2.width;
-    var offsetHeight = collaboratorsPopoverRef.current.offsetHeight;
+  const setCollaboratorsPopoverPosition = useCallback(caretPosition => {
+    const {
+      height,
+      width
+    } = collaboratorsPopoverRef.current.getBoundingClientRect();
+    const {
+      offsetHeight
+    } = collaboratorsPopoverRef.current;
 
     // Whether the vertical direction exceeds the screen
-    var isVerticalDirectionBeyondScreen = height + caretPosition.y + LINE_HEIGHT > window.innerHeight;
+    const isVerticalDirectionBeyondScreen = height + caretPosition.y + LINE_HEIGHT > window.innerHeight;
 
     // if the vertical direction exceeds the screen, collaboratorsPopoverRef appear above the cursor
-    var top = isVerticalDirectionBeyondScreen ? "".concat(caretPosition.y - offsetHeight + LINE_HEIGHT, "px") : "".concat(caretPosition.y + LINE_HEIGHT, "px");
+    const top = isVerticalDirectionBeyondScreen ? "".concat(caretPosition.y - offsetHeight + LINE_HEIGHT, "px") : "".concat(caretPosition.y + LINE_HEIGHT, "px");
     collaboratorsPopoverRef.current.style.top = top;
 
     // Whether the horizontal direction exceeds the screen
-    var isHorizontalDirectionBeyondScreen = caretPosition.x + FONT_SIZE_WIDTH + width > window.innerWidth;
+    const isHorizontalDirectionBeyondScreen = caretPosition.x + FONT_SIZE_WIDTH + width > window.innerWidth;
 
     // if the horizontal direction exceeds the screen, collaboratorsPopoverRef is displayed against the right side of the screen
-    var left = isHorizontalDirectionBeyondScreen ? "".concat(window.innerWidth - width, "px") : "".concat(caretPosition.x + FONT_SIZE_WIDTH, "px");
+    const left = isHorizontalDirectionBeyondScreen ? "".concat(window.innerWidth - width, "px") : "".concat(caretPosition.x + FONT_SIZE_WIDTH, "px");
     collaboratorsPopoverRef.current.style.left = left;
   }, [collaboratorsPopoverRef]);
-  var getAtInfo = useCallback(function (event) {
-    var isValidOperation = checkMentionOperation(event);
+  const getAtInfo = useCallback(event => {
+    const isValidOperation = checkMentionOperation(event);
     if (!isValidOperation) return {
       index: -1
     };
-    var selection = window.getSelection();
-    var isCollapsed = selection.isCollapsed,
-      anchorNode = selection.anchorNode,
-      anchorOffset = selection.anchorOffset;
+    const selection = window.getSelection();
+    const {
+      isCollapsed,
+      anchorNode,
+      anchorOffset
+    } = selection;
     if (!isCollapsed || !anchorNode || !anchorNode.data) return {
       index: -1
     };
-    var text = anchorNode.data;
-    var index = commentUtilities.getAtIndexWithAnchorPosition(anchorOffset, text);
+    const text = anchorNode.data;
+    const index = commentUtilities.getAtIndexWithAnchorPosition(anchorOffset, text);
     return {
-      index: index,
-      text: text,
-      selection: selection
+      index,
+      text,
+      selection
     };
   }, [commentUtilities]);
-  var getSearchedCollaborators = useCallback(function (_ref2) {
-    var atIndex = _ref2.atIndex,
-      text = _ref2.text,
-      anchorOffset = _ref2.anchorOffset;
+  const getSearchedCollaborators = useCallback(_ref2 => {
+    let {
+      atIndex,
+      text,
+      anchorOffset
+    } = _ref2;
     if (atIndex !== 0 && text[atIndex - 1] !== ' ') return [];
     if (atIndex === anchorOffset - 1) return collaborators;
-    var searchingText = text.substring(atIndex + 1);
+    const searchingText = text.substring(atIndex + 1);
     if (searchingText) return searchCollaborators(collaborators, searchingText);
     return [];
   }, [collaborators]);
-  var handleInvolvedKeyUp = useCallback(function (event) {
+  const handleInvolvedKeyUp = useCallback(event => {
     // atIndex: Positional index of @
-    var _getAtInfo = getAtInfo(event),
-      atIndex = _getAtInfo.index,
-      text = _getAtInfo.text,
-      selection = _getAtInfo.selection;
+    const {
+      index: atIndex,
+      text,
+      selection
+    } = getAtInfo(event);
     if (atIndex === -1) {
       hideCommentPopover();
       return;
     }
-    var anchorOffset = selection.anchorOffset;
-    var searchedCollaborators = getSearchedCollaborators({
-      atIndex: atIndex,
-      text: text,
-      anchorOffset: anchorOffset
+    const {
+      anchorOffset
+    } = selection;
+    const searchedCollaborators = getSearchedCollaborators({
+      atIndex,
+      text,
+      anchorOffset
     });
     if (searchedCollaborators.length === 0) {
       hideCommentPopover();
@@ -174,16 +178,16 @@ var CommentInput = forwardRef(function (_ref, ref) {
     setActiveCollaboratorIndex(0);
     setRange(selection.getRangeAt(0));
     setSearchedCollaborators(searchedCollaborators);
-    setTimeout(function () {
-      var caretPosition = getSelectionCoords();
+    setTimeout(() => {
+      const caretPosition = getSelectionCoords();
       setCollaboratorsPopoverPosition(caretPosition);
     }, 1);
   }, [getSearchedCollaborators, getAtInfo, hideCommentPopover, setCollaboratorsPopoverPosition]);
-  var handleSelectingCollaborator = useCallback(function (event, direction) {
+  const handleSelectingCollaborator = useCallback((event, direction) => {
     eventStopPropagation(event);
-    var collaboratorsLen = searchedCollaborators.length;
+    const collaboratorsLen = searchedCollaborators.length;
     if (collaboratorsLen === 0) return;
-    var nextActiveCollaboratorIndex = activeCollaboratorIndex;
+    let nextActiveCollaboratorIndex = activeCollaboratorIndex;
     if (direction === DOWN) {
       nextActiveCollaboratorIndex++;
       if (nextActiveCollaboratorIndex >= collaboratorsLen) {
@@ -197,26 +201,26 @@ var CommentInput = forwardRef(function (_ref, ref) {
     }
     setActiveCollaboratorIndex(nextActiveCollaboratorIndex);
   }, [searchedCollaborators, activeCollaboratorIndex]);
-  var onSelectCollaborator = useCallback(function (collaborator) {
-    var selection = window.getSelection();
-    var callBack = function callBack() {
+  const onSelectCollaborator = useCallback(collaborator => {
+    const selection = window.getSelection();
+    const callBack = () => {
       hideCommentPopover();
       addParticipants(collaborator.username);
     };
-    var newRange = commentUtilities.onSelectParticipant({
-      selection: selection,
-      range: range,
+    const newRange = commentUtilities.onSelectParticipant({
+      selection,
+      range,
       participant: collaborator,
-      callBack: callBack,
+      callBack,
       commentRef: commentRef
     });
     setRange(newRange);
   }, [range, commentUtilities, hideCommentPopover, addParticipants]);
-  var handleSelectCollaborator = useCallback(function (event) {
+  const handleSelectCollaborator = useCallback(event => {
     if (searchedCollaborators.length === 0) return;
     onSelectCollaborator(searchedCollaborators[activeCollaboratorIndex]);
   }, [searchedCollaborators, activeCollaboratorIndex, onSelectCollaborator]);
-  var onKeyDown = useCallback(function (event) {
+  const onKeyDown = useCallback(event => {
     if (Hotkey.isModZ(event)) {
       event.preventDefault();
       event.stopPropagation();
@@ -245,8 +249,8 @@ var CommentInput = forwardRef(function (_ref, ref) {
       }
     }
   }, [onCancel, onSubmit, searchedCollaborators, commentRef, hideCommentPopover]);
-  var onKeyUp = useCallback(function (event) {
-    var selection = window.getSelection();
+  const onKeyUp = useCallback(event => {
+    const selection = window.getSelection();
     setRange(selection.getRangeAt(0));
     if (event.keyCode === KeyCodes.DownArrow) {
       handleSelectingCollaborator(event, DOWN);
@@ -262,11 +266,11 @@ var CommentInput = forwardRef(function (_ref, ref) {
     }
     handleInvolvedKeyUp(event);
   }, [handleSelectingCollaborator, handleInvolvedKeyUp, handleSelectCollaborator]);
-  var onMouseUp = useCallback(function () {
-    var selection = window.getSelection();
+  const onMouseUp = useCallback(() => {
+    const selection = window.getSelection();
     setRange(selection.getRangeAt(0));
   }, []);
-  var onPaste = useCallback(function (event) {
+  const onPaste = useCallback(event => {
     commentUtilities.onPaste(event);
   }, [commentUtilities]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
@@ -281,7 +285,7 @@ var CommentInput = forwardRef(function (_ref, ref) {
   }), searchedCollaborators.length > 0 && /*#__PURE__*/React.createElement(ModalPortal, null, /*#__PURE__*/React.createElement("div", {
     className: "sdoc-comment-caret-list",
     ref: collaboratorsPopoverRef
-  }, searchedCollaborators.map(function (participant, index) {
+  }, searchedCollaborators.map((participant, index) => {
     return /*#__PURE__*/React.createElement(CommentParticipantItem, {
       key: participant.username,
       participantIndex: index,

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

@@ -1,5 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useMemo, useState } from 'react';
 import { withTranslation } from 'react-i18next';
 import { Dropdown, DropdownItem, DropdownMenu, DropdownToggle } from 'reactstrap';
@@ -8,38 +7,35 @@ import CommentEditor from './comment-editor';
 import Tooltip from '../../../components/tooltip';
 import { textToHtml } from '../utils';
 import { useNotificationContext } from '../hooks/notification-hooks';
-var CommentItem = function CommentItem(_ref) {
-  var isActive = _ref.isActive,
-    container = _ref.container,
-    comment = _ref.comment,
-    updateComment = _ref.updateComment,
-    updateCommentState = _ref.updateCommentState,
-    onDeleteComment = _ref.onDeleteComment,
-    t = _ref.t;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDropdownOpen = _useState2[0],
-    setDropdownOpen = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isEditing = _useState4[0],
-    setIsEditing = _useState4[1];
-  var _useNotificationConte = useNotificationContext(),
-    notificationsInfo = _useNotificationConte.notificationsInfo;
-  var onEditToggle = useCallback(function (event) {
+const CommentItem = _ref => {
+  let {
+    isActive,
+    container,
+    comment,
+    updateComment,
+    updateCommentState,
+    onDeleteComment,
+    t
+  } = _ref;
+  const [isDropdownOpen, setDropdownOpen] = useState(false);
+  const [isEditing, setIsEditing] = useState(false);
+  const {
+    notificationsInfo
+  } = useNotificationContext();
+  const onEditToggle = useCallback(event => {
     event.stopPropagation();
     setIsEditing(true);
   }, []);
-  var isUnseen = notificationsInfo.notifications_map["sdoc_notification_".concat(comment.id)] ? true : false;
-  var onDeleteToggle = useCallback(function (event) {
+  const isUnseen = notificationsInfo.notifications_map["sdoc_notification_".concat(comment.id)] ? true : false;
+  const onDeleteToggle = useCallback(event => {
     event.stopPropagation();
     onDeleteComment(true);
   }, [onDeleteComment]);
-  var updateContent = useCallback(function (content) {
-    var commentId = comment.id;
+  const updateContent = useCallback(content => {
+    const commentId = comment.id;
     if (comment.comment !== content) {
-      var time = dayjs().format('YYYY-MM-DD HH:mm:ss');
-      var newComment = {
+      const time = dayjs().format('YYYY-MM-DD HH:mm:ss');
+      const newComment = {
         comment: content,
         detail: _objectSpread(_objectSpread({}, comment.detail), {}, {
           comment: content
@@ -50,24 +46,22 @@ var CommentItem = function CommentItem(_ref) {
     }
     setIsEditing(false);
   }, [comment, updateComment]);
-  var updateCommentResolved = useCallback(function (state) {
-    var commentId = comment.id;
-    var newComment = {
+  const updateCommentResolved = useCallback(state => {
+    const commentId = comment.id;
+    const newComment = {
       resolved: state
     };
     updateCommentState(commentId, newComment);
   }, [comment.id, updateCommentState]);
-  var markAsResolved = useCallback(function (event) {
+  const markAsResolved = useCallback(event => {
     event.stopPropagation();
     updateCommentResolved(true);
   }, [updateCommentResolved]);
-  var resubmit = useCallback(function (event) {
+  const resubmit = useCallback(event => {
     event.stopPropagation();
     updateCommentResolved(false);
   }, [updateCommentResolved]);
-  var menuId = useMemo(function () {
-    return "comment_".concat(comment.id);
-  }, [comment]);
+  const menuId = useMemo(() => "comment_".concat(comment.id), [comment]);
   return /*#__PURE__*/React.createElement("li", {
     className: "comment-item"
   }, /*#__PURE__*/React.createElement("div", {
@@ -101,9 +95,7 @@ var CommentItem = function CommentItem(_ref) {
     target: "tooltip_".concat(menuId)
   }, t('Resolved_tip'))), /*#__PURE__*/React.createElement(Dropdown, {
     isOpen: isDropdownOpen,
-    toggle: function toggle() {
-      return setDropdownOpen(!isDropdownOpen);
-    }
+    toggle: () => setDropdownOpen(!isDropdownOpen)
   }, /*#__PURE__*/React.createElement(DropdownToggle, {
     tag: "div",
     className: "comment-operation"