@seafile/sdoc-editor 1.0.54 → 1.0.56

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

@@ -1,19 +1,27 @@
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import classNames from 'classnames';
-import { Editor, Transforms } from '@seafile/slate';
-import context from '../../../context';
-import { useParticipantsContext } from '../hooks/use-participants';
-import SdocCommentEditor from '../../editor/sdoc-comment-editor';
-import { createCommentEditor } from '../../extension';
-import withNodeId from '../../node-id';
-import { generateEmptyElement } from '../../extension/core';
-import { PARAGRAPH } from '../../extension/constants';
-import slateToMdString from '../../../slate-convert/slate-to-md';
-import mdStringToSlate from '../../../slate-convert/md-to-slate';
-import { COMMENT_EDITOR, COMMENT_EDITOR_EDIT_AREA_WIDTH, INTERNAL_EVENT } from '../../constants';
-import { KeyCodes } from '../../../constants';
-import EventBus from '../../utils/event-bus';
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _slate = require("@seafile/slate");
+var _context = _interopRequireDefault(require("../../../context"));
+var _useParticipants = require("../hooks/use-participants");
+var _sdocCommentEditor = _interopRequireDefault(require("../../editor/sdoc-comment-editor"));
+var _extension = require("../../extension");
+var _nodeId = _interopRequireDefault(require("../../node-id"));
+var _core = require("../../extension/core");
+var _constants = require("../../extension/constants");
+var _slateToMd = _interopRequireDefault(require("../../../slate-convert/slate-to-md"));
+var _mdToSlate = _interopRequireDefault(require("../../../slate-convert/md-to-slate"));
+var _constants2 = require("../../constants");
+var _constants3 = require("../../../constants");
+var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
 const getSubmitTip = (type, content) => {
   if (content) return 'Save';
   return type === 'comment' ? 'Comment' : 'Reply';
@@ -31,19 +39,19 @@ const CommentEditor = _ref => {
     commentRef,
     globalComment
   } = _ref;
-  const commentWrapperRef = useRef();
+  const commentWrapperRef = (0, _react.useRef)();
   const {
     t
-  } = useTranslation();
+  } = (0, _reactI18next.useTranslation)();
   const {
     addParticipants
-  } = useParticipantsContext();
-  const submitTip = useMemo(() => getSubmitTip(type, content), [content, type]);
-  const userInfo = context.getUserInfo();
-  const document = useMemo(() => {
+  } = (0, _useParticipants.useParticipantsContext)();
+  const submitTip = (0, _react.useMemo)(() => getSubmitTip(type, content), [content, type]);
+  const userInfo = _context.default.getUserInfo();
+  const document = (0, _react.useMemo)(() => {
     const cursor = {};
     let children = null;
-    children = [generateEmptyElement(PARAGRAPH, {
+    children = [(0, _core.generateEmptyElement)(_constants.PARAGRAPH, {
       placeholder
     })];
     return {
@@ -51,20 +59,20 @@ const CommentEditor = _ref => {
       cursor
     };
   }, [placeholder]);
-  const editor = useMemo(() => {
-    const defaultEditor = createCommentEditor();
-    const newEditor = withNodeId(defaultEditor);
+  const editor = (0, _react.useMemo)(() => {
+    const defaultEditor = (0, _extension.createCommentEditor)();
+    const newEditor = (0, _nodeId.default)(defaultEditor);
     const {
       cursors
     } = document;
     newEditor.cursors = cursors || {};
-    newEditor.width = COMMENT_EDITOR_EDIT_AREA_WIDTH; // default width
-    newEditor.editorType = COMMENT_EDITOR;
+    newEditor.width = _constants2.COMMENT_EDITOR_EDIT_AREA_WIDTH; // default width
+    newEditor.editorType = _constants2.COMMENT_EDITOR;
     return newEditor;
   }, [document]);
 
   // onMount: set scrollLeft
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (!commentWrapperRef.current) return;
     (commentRef === null || commentRef === void 0 ? void 0 : commentRef.current) && commentRef.current.scrollIntoView({
       behavior: 'smooth',
@@ -73,36 +81,36 @@ const CommentEditor = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const updateValue = useCallback(value => {
+  const updateValue = (0, _react.useCallback)(value => {
     if (!value || value.trim() === '') return;
     if (!content) return insertContent(value);
     updateContent(value);
   }, [content, insertContent, updateContent]);
-  const onSubmit = useCallback(event => {
+  const onSubmit = (0, _react.useCallback)(event => {
     event && event.stopPropagation();
-    const mdString = slateToMdString(editor.children);
+    const mdString = (0, _slateToMd.default)(editor.children);
     updateValue(mdString);
     addParticipants(userInfo.username);
-    editor.children = [generateEmptyElement(PARAGRAPH, {
+    editor.children = [(0, _core.generateEmptyElement)(_constants.PARAGRAPH, {
       placeholder
     })];
-    Transforms.select(editor, Editor.start(editor, []));
+    _slate.Transforms.select(editor, _slate.Editor.start(editor, []));
   }, [editor, updateValue, addParticipants, userInfo.username, placeholder]);
-  useEffect(() => {
-    const eventBus = EventBus.getInstance();
-    const unsubscribePostComment = eventBus.subscribe(INTERNAL_EVENT.COMMENT_EDITOR_POST_COMMENT, onSubmit);
+  (0, _react.useEffect)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    const unsubscribePostComment = eventBus.subscribe(_constants2.INTERNAL_EVENT.COMMENT_EDITOR_POST_COMMENT, onSubmit);
     return () => {
       unsubscribePostComment();
     };
   }, [onSubmit]);
-  const onCancel = useCallback(event => {
+  const onCancel = (0, _react.useCallback)(event => {
     event.stopPropagation();
     const {
       type: eventType,
       keyCode,
       target
     } = event;
-    if (eventType === 'keydown' && keyCode !== KeyCodes.Esc) return;
+    if (eventType === 'keydown' && keyCode !== _constants3.KeyCodes.Esc) return;
     if (eventType === 'click') {
       const isSdocContentWrapper = target.classList.contains('sdoc-content-wrapper');
       const listContainer = window.document.querySelector('#global-comment-list-container');
@@ -123,26 +131,26 @@ const CommentEditor = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [setIsEditing]);
-  useEffect(() => {
-    const children = mdStringToSlate(content);
+  (0, _react.useEffect)(() => {
+    const children = (0, _mdToSlate.default)(content);
     editor.children = children;
-    Transforms.select(editor, Editor.end(editor, []));
+    _slate.Transforms.select(editor, _slate.Editor.end(editor, []));
   }, [editor, content]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('comment-editor-wrapper', className),
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('comment-editor-wrapper', className),
     ref: commentWrapperRef
-  }, type === 'comment' && /*#__PURE__*/React.createElement("div", {
+  }, type === 'comment' && /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-editor-user-info"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-editor-user-img"
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/_react.default.createElement("img", {
     src: userInfo.avatar_url,
     alt: "",
     height: "100%",
     width: "100%"
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-editor-user-name"
-  }, userInfo.name)), /*#__PURE__*/React.createElement(SdocCommentEditor, {
+  }, userInfo.name)), /*#__PURE__*/_react.default.createElement(_sdocCommentEditor.default, {
     editor: editor,
     type: type,
     document: document,
@@ -154,4 +162,4 @@ const CommentEditor = _ref => {
 CommentEditor.defaultProps = {
   placeholder: 'Enter_comment_Enter_for_new_line_shift_enter_to_send'
 };
-export default CommentEditor;
+var _default = exports.default = CommentEditor;

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

@@ -1,11 +1,19 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { withTranslation } from 'react-i18next';
-import { Dropdown, DropdownItem, DropdownMenu, DropdownToggle } from 'reactstrap';
-import dayjs from 'dayjs';
-import CommentEditor from './comment-editor';
-import Tooltip from '../../../components/tooltip';
-import { useNotificationContext } from '../hooks/notification-hooks';
-import processor from '../../../slate-convert/md-to-html';
+"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 _dayjs = _interopRequireDefault(require("dayjs"));
+var _commentEditor = _interopRequireDefault(require("./comment-editor"));
+var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
+var _notificationHooks = require("../hooks/notification-hooks");
+var _mdToHtml = _interopRequireDefault(require("../../../slate-convert/md-to-html"));
 const CommentItem = _ref => {
   let {
     isActive,
@@ -17,32 +25,32 @@ const CommentItem = _ref => {
     t,
     targetId
   } = _ref;
-  const [isDropdownOpen, setDropdownOpen] = useState(false);
-  const [isEditing, setIsEditing] = useState(false);
+  const [isDropdownOpen, setDropdownOpen] = (0, _react.useState)(false);
+  const [isEditing, setIsEditing] = (0, _react.useState)(false);
   const {
     notificationsInfo
-  } = useNotificationContext();
-  const [editorContent, setEditorContent] = useState('');
-  const onEditToggle = useCallback(event => {
+  } = (0, _notificationHooks.useNotificationContext)();
+  const [editorContent, setEditorContent] = (0, _react.useState)('');
+  const onEditToggle = (0, _react.useCallback)(event => {
     event.stopPropagation();
     setIsEditing(true);
   }, []);
-  const isUnseen = notificationsInfo.notifications_map["sdoc_notification_".concat(comment.id)] ? true : false;
-  useEffect(() => {
+  const isUnseen = notificationsInfo.notifications_map[`sdoc_notification_${comment.id}`] ? true : false;
+  (0, _react.useEffect)(() => {
     transferHtml(comment.comment);
   }, [comment.comment]);
   const transferHtml = async mdString => {
-    const htmlString = await processor.process(mdString);
+    const htmlString = await _mdToHtml.default.process(mdString);
     setEditorContent(String(htmlString));
   };
-  const onDeleteToggle = useCallback(event => {
+  const onDeleteToggle = (0, _react.useCallback)(event => {
     event.stopPropagation();
     onDeleteComment(true);
   }, [onDeleteComment]);
-  const updateContent = useCallback(content => {
+  const updateContent = (0, _react.useCallback)(content => {
     const commentId = comment.id;
     if (comment.comment !== content) {
-      const time = dayjs().format('YYYY-MM-DD HH:mm:ss');
+      const time = (0, _dayjs.default)().format('YYYY-MM-DD HH:mm:ss');
       const newComment = {
         comment: content,
         detail: {
@@ -55,92 +63,92 @@ const CommentItem = _ref => {
     }
     setIsEditing(false);
   }, [comment, updateComment]);
-  const updateCommentResolved = useCallback(state => {
+  const updateCommentResolved = (0, _react.useCallback)(state => {
     const commentId = comment.id;
     const newComment = {
       resolved: state
     };
     updateCommentState(commentId, newComment);
   }, [comment.id, updateCommentState]);
-  const markAsResolved = useCallback(event => {
+  const markAsResolved = (0, _react.useCallback)(event => {
     event.stopPropagation();
     updateCommentResolved(true);
   }, [updateCommentResolved]);
-  const resubmit = useCallback(event => {
+  const resubmit = (0, _react.useCallback)(event => {
     event.stopPropagation();
     updateCommentResolved(false);
   }, [updateCommentResolved]);
-  const menuId = useMemo(() => "comment_".concat(comment.id), [comment]);
-  return /*#__PURE__*/React.createElement("div", {
+  const menuId = (0, _react.useMemo)(() => `comment_${comment.id}`, [comment]);
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-item"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-header"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-author"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "comment-author__avatar"
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/_react.default.createElement("img", {
     alt: "",
     src: comment.avatar_url
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/_react.default.createElement("span", {
     className: "comment-author__info"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "name"
-  }, comment.user_name), /*#__PURE__*/React.createElement("span", {
+  }, comment.user_name), /*#__PURE__*/_react.default.createElement("span", {
     className: "time"
-  }, dayjs(comment.updated_at).format('MM-DD HH:mm'), isUnseen && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+  }, (0, _dayjs.default)(comment.updated_at).format('MM-DD HH:mm'), isUnseen && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: "sdoc-unread-message-tip"
-  }), /*#__PURE__*/React.createElement("span", {
+  }), /*#__PURE__*/_react.default.createElement("span", {
     className: "sdoc-unread-message-text-tip"
-  }, t('New')))))), isActive && /*#__PURE__*/React.createElement("div", {
+  }, t('New')))))), isActive && /*#__PURE__*/_react.default.createElement("div", {
     className: "d-flex"
-  }, !comment.resolved && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    id: "tooltip_".concat(menuId),
+  }, !comment.resolved && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    id: `tooltip_${menuId}`,
     className: "comment-operation mr-2",
     onClick: markAsResolved
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-confirm"
-  })), /*#__PURE__*/React.createElement(Tooltip, {
-    target: "tooltip_".concat(menuId)
-  }, t('Resolved_tip'))), /*#__PURE__*/React.createElement(Dropdown, {
+  })), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    target: `tooltip_${menuId}`
+  }, t('Resolved_tip'))), /*#__PURE__*/_react.default.createElement(_reactstrap.Dropdown, {
     id: targetId,
     isOpen: isDropdownOpen,
     toggle: () => setDropdownOpen(!isDropdownOpen)
-  }, /*#__PURE__*/React.createElement(DropdownToggle, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
     tag: "div",
     className: "comment-operation"
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-more-options"
-  })), /*#__PURE__*/React.createElement(DropdownMenu, {
+  })), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
     className: "sdoc-dropdown-menu",
     container: container
-  }, /*#__PURE__*/React.createElement(DropdownItem, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "sdoc-dropdown-menu-item",
     tag: "div",
     onClick: onEditToggle
-  }, t('Edit')), /*#__PURE__*/React.createElement(DropdownItem, {
+  }, t('Edit')), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "sdoc-dropdown-menu-item",
     tag: "div",
     onClick: onDeleteToggle
-  }, t('Delete')), !comment.resolved && /*#__PURE__*/React.createElement(DropdownItem, {
+  }, t('Delete')), !comment.resolved && /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "sdoc-dropdown-menu-item",
     tag: "div",
     onClick: markAsResolved
-  }, t('Mark_as_Resolved')), comment.resolved && /*#__PURE__*/React.createElement(DropdownItem, {
+  }, t('Mark_as_Resolved')), comment.resolved && /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "sdoc-dropdown-menu-item",
     tag: "div",
     onClick: resubmit
-  }, t('Resubmit')))))), /*#__PURE__*/React.createElement("div", {
+  }, t('Resubmit')))))), /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-content"
-  }, !isEditing && /*#__PURE__*/React.createElement("div", {
+  }, !isEditing && /*#__PURE__*/_react.default.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: editorContent
     }
-  })), isEditing && /*#__PURE__*/React.createElement(CommentEditor, {
+  })), isEditing && /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
     className: "pb-3",
     content: comment.comment,
     updateContent: updateContent,
     setIsEditing: setIsEditing
   }));
 };
-export default withTranslation('sdoc-editor')(CommentItem);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(CommentItem);

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

@@ -1,12 +1,20 @@
-import React, { useCallback, useState, useRef, useEffect } from 'react';
-import { withTranslation } from 'react-i18next';
-import { Dropdown, DropdownItem, DropdownMenu, DropdownToggle } from 'reactstrap';
-import dayjs from 'dayjs';
-import context from '../../../context';
-import CommentEditor from './comment-editor';
-import { useNotificationContext } from '../hooks/notification-hooks';
-import CommentDeletePopover from './comment-delete-popover';
-import processor from '../../../slate-convert/md-to-html';
+"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 _dayjs = _interopRequireDefault(require("dayjs"));
+var _context = _interopRequireDefault(require("../../../context"));
+var _commentEditor = _interopRequireDefault(require("./comment-editor"));
+var _notificationHooks = require("../hooks/notification-hooks");
+var _commentDeletePopover = _interopRequireDefault(require("./comment-delete-popover"));
+var _mdToHtml = _interopRequireDefault(require("../../../slate-convert/md-to-html"));
 const CommentItemReply = _ref => {
   let {
     isActive,
@@ -16,39 +24,39 @@ const CommentItemReply = _ref => {
     updateReply,
     t
   } = _ref;
-  const [isDropdownOpen, setDropdownOpen] = useState(false);
+  const [isDropdownOpen, setDropdownOpen] = (0, _react.useState)(false);
   const {
     notificationsInfo
-  } = useNotificationContext();
-  const itemRef = useRef(null);
-  const isUnseen = notificationsInfo.notifications_map["sdoc_notification_".concat(reply.comment_id, "_").concat(reply.id)] ? true : false;
-  const [isEditing, setIsEditing] = useState(false);
-  const [editorContent, setEditorContent] = useState('');
-  const replyOpToolsId = "replyOpTools_".concat(reply.id);
-  const onEditToggle = useCallback(event => {
+  } = (0, _notificationHooks.useNotificationContext)();
+  const itemRef = (0, _react.useRef)(null);
+  const isUnseen = notificationsInfo.notifications_map[`sdoc_notification_${reply.comment_id}_${reply.id}`] ? true : false;
+  const [isEditing, setIsEditing] = (0, _react.useState)(false);
+  const [editorContent, setEditorContent] = (0, _react.useState)('');
+  const replyOpToolsId = `replyOpTools_${reply.id}`;
+  const onEditToggle = (0, _react.useCallback)(event => {
     event.stopPropagation();
     setIsEditing(true);
   }, []);
-  const [isShowDeleteDialog, setIsShowDeleteDialog] = useState(false);
-  const onDeleteToggle = useCallback(event => {
+  const [isShowDeleteDialog, setIsShowDeleteDialog] = (0, _react.useState)(false);
+  const onDeleteToggle = (0, _react.useCallback)(event => {
     event.stopPropagation();
     setIsShowDeleteDialog(true);
   }, []);
   const transferHtml = async mdString => {
-    const htmlString = await processor.process(mdString);
+    const htmlString = await _mdToHtml.default.process(mdString);
     const formatHtml = String(htmlString).replace(/\n */g, '');
     setEditorContent(formatHtml);
   };
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     transferHtml(reply.reply);
   }, [reply.reply]);
-  const _deleteReply = useCallback(() => {
+  const _deleteReply = (0, _react.useCallback)(() => {
     deleteReply(reply.id);
     setIsShowDeleteDialog(false);
   }, [reply.id, deleteReply]);
-  const updateContent = useCallback(content => {
+  const updateContent = (0, _react.useCallback)(content => {
     if (reply.reply !== content) {
-      const time = dayjs().format('YYYY-MM-DD HH:mm:ss');
+      const time = (0, _dayjs.default)().format('YYYY-MM-DD HH:mm:ss');
       const newReply = {
         reply: content,
         updated_at: time
@@ -57,62 +65,62 @@ const CommentItemReply = _ref => {
     }
     setIsEditing(false);
   }, [reply, updateReply]);
-  const user = context.getUserInfo();
-  return /*#__PURE__*/React.createElement("div", {
+  const user = _context.default.getUserInfo();
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-item",
     ref: itemRef
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-header"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-author"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "comment-author__avatar"
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/_react.default.createElement("img", {
     alt: "",
     src: reply.avatar_url
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/_react.default.createElement("span", {
     className: "comment-author__info"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "name"
-  }, reply.user_name), /*#__PURE__*/React.createElement("span", {
+  }, reply.user_name), /*#__PURE__*/_react.default.createElement("span", {
     className: "time"
-  }, dayjs(reply.updated_at).format('MM-DD HH:mm'), isUnseen && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+  }, (0, _dayjs.default)(reply.updated_at).format('MM-DD HH:mm'), isUnseen && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: "sdoc-unread-message-tip"
-  }), /*#__PURE__*/React.createElement("span", {
+  }), /*#__PURE__*/_react.default.createElement("span", {
     className: "sdoc-unread-message-text-tip"
-  }, t('New')))))), isActive && user.username === reply.author && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown, {
+  }, t('New')))))), isActive && user.username === reply.author && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Dropdown, {
     id: replyOpToolsId,
     isOpen: isDropdownOpen,
     toggle: () => setDropdownOpen(!isDropdownOpen)
-  }, /*#__PURE__*/React.createElement(DropdownToggle, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
     tag: "div",
     className: "comment-operation"
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-more-options"
-  })), /*#__PURE__*/React.createElement(DropdownMenu, {
+  })), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
     className: "sdoc-dropdown-menu",
     container: container
-  }, /*#__PURE__*/React.createElement(DropdownItem, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "sdoc-dropdown-menu-item",
     tag: "div",
     onClick: onEditToggle
-  }, t('Edit')), /*#__PURE__*/React.createElement(DropdownItem, {
+  }, t('Edit')), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "sdoc-dropdown-menu-item",
     tag: "div",
     onClick: onDeleteToggle
-  }, t('Delete')))))), /*#__PURE__*/React.createElement("div", {
+  }, t('Delete')))))), /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-content"
-  }, !isEditing && /*#__PURE__*/React.createElement("div", {
+  }, !isEditing && /*#__PURE__*/_react.default.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: editorContent
     }
-  })), isEditing && /*#__PURE__*/React.createElement(CommentEditor, {
+  })), isEditing && /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
     className: "pb-3",
     type: "reply",
     content: editorContent,
     updateContent: updateContent,
     setIsEditing: setIsEditing
-  }), isShowDeleteDialog && isActive && /*#__PURE__*/React.createElement(CommentDeletePopover, {
+  }), isShowDeleteDialog && isActive && /*#__PURE__*/_react.default.createElement(_commentDeletePopover.default, {
     parentDom: itemRef.current,
     type: "reply",
     deleteConfirm: _deleteReply,
@@ -120,4 +128,4 @@ const CommentItemReply = _ref => {
     targetId: replyOpToolsId
   }));
 };
-export default withTranslation('sdoc-editor')(CommentItemReply);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(CommentItemReply);

package/dist/basic-sdk/comment/components/comment-item-resolved-reply.js

@@ -1,30 +1,38 @@
-import React, { Fragment } from 'react';
-import { withTranslation } from 'react-i18next';
-import dayjs from 'dayjs';
+"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 _dayjs = _interopRequireDefault(require("dayjs"));
 const CommentItemResolvedReply = _ref => {
   let {
     reply,
     t
   } = _ref;
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-item"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-header"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-author"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "comment-author__avatar"
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/_react.default.createElement("img", {
     alt: "",
     src: reply.avatar_url
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/_react.default.createElement("span", {
     className: "comment-author__info"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "name"
-  }, reply.user_name), /*#__PURE__*/React.createElement("span", {
+  }, reply.user_name), /*#__PURE__*/_react.default.createElement("span", {
     className: "time"
-  }, dayjs(reply.updated_at).format('MM-DD HH:mm'))))), /*#__PURE__*/React.createElement("p", {
+  }, (0, _dayjs.default)(reply.updated_at).format('MM-DD HH:mm'))))), /*#__PURE__*/_react.default.createElement("p", {
     className: "comment-content"
-  }, reply.reply === 'True' && /*#__PURE__*/React.createElement("div", null, t('Mark_as_Resolved')), reply.reply === 'False' && /*#__PURE__*/React.createElement("div", null, t('Resubmitted')))));
+  }, reply.reply === 'True' && /*#__PURE__*/_react.default.createElement("div", null, t('Mark_as_Resolved')), reply.reply === 'False' && /*#__PURE__*/_react.default.createElement("div", null, t('Resubmitted')))));
 };
-export default withTranslation('sdoc-editor')(CommentItemResolvedReply);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(CommentItemResolvedReply);