@seafile/sdoc-editor 1.0.53 → 1.0.55

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

@@ -1,33 +1,41 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { Node } from '@seafile/slate';
-import useSelectionUpdate from '../../hooks/use-selection-update';
-import { useCursorPosition } from '../helper';
-import CommentList from './comment-list';
-import { useSelectionElement } from '../../hooks/use-selection-element';
-import { useCommentContext } from '../hooks/comment-hooks/use-comment-context';
-import ElementsCommentCount from './elements-comment-count';
-import { ELEMENT_TYPE } from '../../extension/constants';
-import { Z_INDEX } from '../../constants';
+"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 _slate = require("@seafile/slate");
+var _useSelectionUpdate = _interopRequireDefault(require("../../hooks/use-selection-update"));
+var _helper = require("../helper");
+var _commentList = _interopRequireDefault(require("./comment-list"));
+var _useSelectionElement = require("../../hooks/use-selection-element");
+var _useCommentContext = require("../hooks/comment-hooks/use-comment-context");
+var _elementsCommentCount = _interopRequireDefault(require("./elements-comment-count"));
+var _constants = require("../../extension/constants");
+var _constants2 = require("../../constants");
 const EditorComment = _ref => {
   let {
     deleteUnseenNotifications,
     editor
   } = _ref;
-  useSelectionUpdate();
-  const selectionElement = useSelectionElement({
+  (0, _useSelectionUpdate.default)();
+  const selectionElement = (0, _useSelectionElement.useSelectionElement)({
     editor
   });
-  const [isShowComments, setIsShowComments] = useState(false);
-  const onAddCommentToggle = useCallback(() => {
+  const [isShowComments, setIsShowComments] = (0, _react.useState)(false);
+  const onAddCommentToggle = (0, _react.useCallback)(() => {
     setIsShowComments(true);
   }, []);
 
   // When selectionElement update, recalculate comment's panel state
-  const [comments, setComments] = useState([]);
+  const [comments, setComments] = (0, _react.useState)([]);
   const {
     element_comments_map
-  } = useCommentContext().commentsInfo;
-  useEffect(() => {
+  } = (0, _useCommentContext.useCommentContext)().commentsInfo;
+  (0, _react.useEffect)(() => {
     const comments = element_comments_map[selectionElement === null || selectionElement === void 0 ? void 0 : selectionElement.id];
     const unresolvedComments = comments && comments.filter(item => !item.resolved);
     const hasComments = unresolvedComments && unresolvedComments.length > 0;
@@ -39,14 +47,14 @@ const EditorComment = _ref => {
     setComments([]);
     setIsShowComments(false);
   }, [element_comments_map, selectionElement, editor.selection]);
-  const hiddenComment = useCallback(() => {
+  const hiddenComment = (0, _react.useCallback)(() => {
     setComments([]);
     setIsShowComments(false);
   }, []);
-  const cursor = useCursorPosition();
-  const style = useMemo(() => {
+  const cursor = (0, _helper.useCursorPosition)();
+  const style = (0, _react.useMemo)(() => {
     var _Node$string;
-    if (selectionElement && ((_Node$string = Node.string(selectionElement)) === null || _Node$string === void 0 ? void 0 : _Node$string.length) === 0 && !selectionElement.children.find(n => n.type === ELEMENT_TYPE.IMAGE)) {
+    if (selectionElement && ((_Node$string = _slate.Node.string(selectionElement)) === null || _Node$string === void 0 ? void 0 : _Node$string.length) === 0 && !selectionElement.children.find(n => n.type === _constants.ELEMENT_TYPE.IMAGE)) {
       return {
         top: '-99999px'
       };
@@ -62,38 +70,38 @@ const EditorComment = _ref => {
     };
     return {
       top: cursor.y,
-      zIndex: Z_INDEX.COMMENT_ADD
+      zIndex: _constants2.Z_INDEX.COMMENT_ADD
     };
   }, [selectionElement, element_comments_map, cursor.y, isShowComments]);
   if (!selectionElement) return null;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-comment-container"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-container-main"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-container-right"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-add-wrapper",
     style: style
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "add-comment-icon",
     onClick: onAddCommentToggle
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-add-comment mr-1"
-  }))), /*#__PURE__*/React.createElement(ElementsCommentCount, {
+  }))), /*#__PURE__*/_react.default.createElement(_elementsCommentCount.default, {
     elementCommentsMap: element_comments_map,
     selectionElement: selectionElement,
     editor: editor
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-list-wrapper",
     style: isShowComments ? {
       width: '294px'
     } : null
-  }, isShowComments && /*#__PURE__*/React.createElement(CommentList, {
+  }, isShowComments && /*#__PURE__*/_react.default.createElement(_commentList.default, {
     comments: comments,
     selectionElement: selectionElement,
     hiddenComment: hiddenComment,
     deleteUnseenNotifications: deleteUnseenNotifications
   }))));
 };
-export default EditorComment;
+var _default = exports.default = EditorComment;

package/dist/basic-sdk/comment/components/elements-comment-count/element-comment-count.js

@@ -1,10 +1,17 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import { getNodeById } from '../../../extension/core';
-import { getElementCommentCountTop } from '../../helper';
-import { eventStopPropagation } from '../../../utils/mouse-event';
-import { focusToCommentElement } from '../../utils';
-import { Z_INDEX } from '../../../constants';
-import { useScrollContext } from '../../../hooks/use-scroll-context';
+"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 _core = require("../../../extension/core");
+var _helper = require("../../helper");
+var _mouseEvent = require("../../../utils/mouse-event");
+var _utils = require("../../utils");
+var _constants = require("../../../constants");
+var _useScrollContext = require("../../../hooks/use-scroll-context");
 const ElementCommentCount = _ref => {
   let {
     elementId,
@@ -12,25 +19,25 @@ const ElementCommentCount = _ref => {
     commentsCount,
     editor
   } = _ref;
-  const element = getNodeById(editor.children, elementId);
-  const [top, setTop] = useState(-9999);
-  const scrollRef = useScrollContext();
-  const onClick = useCallback(event => {
-    eventStopPropagation(event);
-    focusToCommentElement(editor, element);
+  const element = (0, _core.getNodeById)(editor.children, elementId);
+  const [top, setTop] = (0, _react.useState)(-9999);
+  const scrollRef = (0, _useScrollContext.useScrollContext)();
+  const onClick = (0, _react.useCallback)(event => {
+    (0, _mouseEvent.eventStopPropagation)(event);
+    (0, _utils.focusToCommentElement)(editor, element);
   }, [editor, element]);
-  const updatePosition = useCallback(() => {
+  const updatePosition = (0, _react.useCallback)(() => {
     if (!element) return;
     const scrollTop = scrollRef.current.scrollTop || 0;
-    const newTop = getElementCommentCountTop(editor, element, scrollTop);
+    const newTop = (0, _helper.getElementCommentCountTop)(editor, element, scrollTop);
     setTop(newTop);
   }, [editor, element, scrollRef]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     updatePosition();
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     const scrollDom = scrollRef.current;
     scrollDom.addEventListener('scroll', updatePosition);
     return () => {
@@ -42,16 +49,16 @@ const ElementCommentCount = _ref => {
     top
   };
   if (isElementSelected) {
-    style['zIndex'] = Z_INDEX.ACTIVE_COMMENT_COUNT;
+    style['zIndex'] = _constants.Z_INDEX.ACTIVE_COMMENT_COUNT;
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "element-comments-count",
     style: style,
     onClick: onClick
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-comment-count"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "element-comments-count-value"
   }, commentsCount));
 };
-export default ElementCommentCount;
+var _default = exports.default = ElementCommentCount;

package/dist/basic-sdk/comment/components/elements-comment-count/index.js

@@ -1,6 +1,13 @@
-import React from 'react';
-import ElementCommentCount from './element-comment-count';
-import './index.css';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _elementCommentCount = _interopRequireDefault(require("./element-comment-count"));
+require("./index.css");
 const ElementsCommentCount = _ref => {
   let {
     elementCommentsMap,
@@ -8,7 +15,7 @@ const ElementsCommentCount = _ref => {
     editor
   } = _ref;
   if (!elementCommentsMap) return null;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "elements-comments-count"
   }, Object.keys(elementCommentsMap).map(elementId => {
     const comments = elementCommentsMap[elementId];
@@ -17,7 +24,7 @@ const ElementsCommentCount = _ref => {
     const unresolvedCommentCount = unresolvedComment.length;
     if (unresolvedCommentCount === 0) return null;
     const isSelected = selectionElement && selectionElement.id === elementId;
-    return /*#__PURE__*/React.createElement(ElementCommentCount, {
+    return /*#__PURE__*/_react.default.createElement(_elementCommentCount.default, {
       key: elementId,
       elementId: elementId,
       isElementSelected: isSelected,
@@ -26,4 +33,4 @@ const ElementsCommentCount = _ref => {
     });
   }));
 };
-export default ElementsCommentCount;
+var _default = exports.default = ElementsCommentCount;

package/dist/basic-sdk/comment/components/global-comment/global-comment-body-header.js

@@ -1,9 +1,17 @@
-import React, { useCallback, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Dropdown, DropdownItem, DropdownMenu, DropdownToggle } from 'reactstrap';
-import { eventStopPropagation } from '../../../utils/mouse-event';
-import { COMMENT_TYPES } from '../../constants';
-import CommentAllParticipants from '../comment-all-participants';
+"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 _mouseEvent = require("../../../utils/mouse-event");
+var _constants = require("../../constants");
+var _commentAllParticipants = _interopRequireDefault(require("../comment-all-participants"));
 const CommentTypeDropdownItem = _ref => {
   let {
     type,
@@ -11,14 +19,14 @@ const CommentTypeDropdownItem = _ref => {
   } = _ref;
   const {
     t
-  } = useTranslation();
-  const handleCommentTypeChanged = useCallback((event, type) => {
-    eventStopPropagation(event);
+  } = (0, _reactI18next.useTranslation)();
+  const handleCommentTypeChanged = (0, _react.useCallback)((event, type) => {
+    (0, _mouseEvent.eventStopPropagation)(event);
     setCommentType(type);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return /*#__PURE__*/React.createElement(DropdownItem, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "sdoc-dropdown-menu-item",
     tag: 'div',
     onClick: event => handleCommentTypeChanged(event, type)
@@ -32,8 +40,8 @@ const GlobalCommentBodyHeader = _ref2 => {
   } = _ref2;
   const {
     t
-  } = useTranslation();
-  const [isDropdownOpen, setDropdownOpen] = useState(false);
+  } = (0, _reactI18next.useTranslation)();
+  const [isDropdownOpen, setDropdownOpen] = (0, _react.useState)(false);
   let commentTip = null;
   if (commentList.length === 1) {
     commentTip = t('Total_1_comment');
@@ -43,39 +51,39 @@ const GlobalCommentBodyHeader = _ref2 => {
     });
   }
   const id = 'comment-type-controller';
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "comments-panel-body__header"
-  }, /*#__PURE__*/React.createElement(CommentAllParticipants, null), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_commentAllParticipants.default, null), /*#__PURE__*/_react.default.createElement("div", {
     className: "comments-types-count"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     id: "comment-types",
     className: "comment-type"
-  }, /*#__PURE__*/React.createElement(Dropdown, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Dropdown, {
     isOpen: isDropdownOpen,
     toggle: () => setDropdownOpen(!isDropdownOpen)
-  }, /*#__PURE__*/React.createElement(DropdownToggle, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
     tag: 'div',
     caret: true,
     className: "d-flex align-items-center justify-content-center"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     id: id
-  }, t(commentType))), /*#__PURE__*/React.createElement(DropdownMenu, {
+  }, t(commentType))), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
     className: "sdoc-dropdown-menu sdoc-comment-filter-dropdown",
     container: "comment-types"
-  }, /*#__PURE__*/React.createElement(CommentTypeDropdownItem, {
-    type: COMMENT_TYPES.ALL,
+  }, /*#__PURE__*/_react.default.createElement(CommentTypeDropdownItem, {
+    type: _constants.COMMENT_TYPES.ALL,
     setCommentType: setCommentType
-  }), /*#__PURE__*/React.createElement(CommentTypeDropdownItem, {
-    type: COMMENT_TYPES.DOC,
+  }), /*#__PURE__*/_react.default.createElement(CommentTypeDropdownItem, {
+    type: _constants.COMMENT_TYPES.DOC,
     setCommentType: setCommentType
-  }), /*#__PURE__*/React.createElement(CommentTypeDropdownItem, {
-    type: COMMENT_TYPES.RESOLVED,
+  }), /*#__PURE__*/_react.default.createElement(CommentTypeDropdownItem, {
+    type: _constants.COMMENT_TYPES.RESOLVED,
     setCommentType: setCommentType
-  }), /*#__PURE__*/React.createElement(CommentTypeDropdownItem, {
-    type: COMMENT_TYPES.UNRESOLVED,
+  }), /*#__PURE__*/_react.default.createElement(CommentTypeDropdownItem, {
+    type: _constants.COMMENT_TYPES.UNRESOLVED,
     setCommentType: setCommentType
-  })))), /*#__PURE__*/React.createElement("div", {
+  })))), /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-count-tip"
   }, commentTip)));
 };
-export default GlobalCommentBodyHeader;
+var _default = exports.default = GlobalCommentBodyHeader;

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

@@ -1,23 +1,30 @@
-import React from 'react';
-import classNames from 'classnames';
-import CommentEditor from '../comment-editor';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _commentEditor = _interopRequireDefault(require("../comment-editor"));
 const GlobalCommentEditor = _ref => {
   let {
     insertDocComment,
     hiddenCommentEditor,
     isScrollDisplayed
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('sdoc-doc-comment-editor-container', 'sdoc-comment-list-container', {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('sdoc-doc-comment-editor-container', 'sdoc-comment-list-container', {
       'scrolled': isScrollDisplayed
     })
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-ui-container active"
-  }, /*#__PURE__*/React.createElement(CommentEditor, {
+  }, /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
     type: "comment",
     className: "sdoc-doc-comment-editor",
     insertContent: insertDocComment,
     hiddenComment: hiddenCommentEditor
   })));
 };
-export default GlobalCommentEditor;
+var _default = exports.default = GlobalCommentEditor;

package/dist/basic-sdk/comment/components/global-comment/global-comment-header.js

@@ -1,11 +1,19 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { eventStopPropagation } from '../../../utils/mouse-event';
-import context from '../../../../context';
-import { INTERNAL_EVENT } from '../../../constants';
-import EventBus from '../../../utils/event-bus';
-import { EXTERNAL_EVENT } from '../../../../constants';
-import Tooltip from '../../../../components/tooltip';
+"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 _mouseEvent = require("../../../utils/mouse-event");
+var _context = _interopRequireDefault(require("../../../../context"));
+var _constants = require("../../../constants");
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _constants2 = require("../../../../constants");
+var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
 const GlobalCommentHeader = _ref => {
   let {
     toggle,
@@ -13,60 +21,60 @@ const GlobalCommentHeader = _ref => {
   } = _ref;
   const {
     t
-  } = useTranslation();
-  const panelHeaderRef = useRef(null);
-  const [isMounted, setIsMounted] = useState(false);
-  useEffect(() => {
+  } = (0, _reactI18next.useTranslation)();
+  const panelHeaderRef = (0, _react.useRef)(null);
+  const [isMounted, setIsMounted] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
     if (panelHeaderRef.current) {
       setIsMounted(true);
     }
   }, []);
-  const toggleADDComment = useCallback(event => {
-    eventStopPropagation(event);
+  const toggleADDComment = (0, _react.useCallback)(event => {
+    (0, _mouseEvent.eventStopPropagation)(event);
     toggleGlobalCommentEditor();
   }, [toggleGlobalCommentEditor]);
-  const toggleReadAll = useCallback(async event => {
-    eventStopPropagation(event);
+  const toggleReadAll = (0, _react.useCallback)(async event => {
+    (0, _mouseEvent.eventStopPropagation)(event);
     try {
-      await context.readAllNotifications();
-      const res = await context.listUnseenNotifications();
+      await _context.default.readAllNotifications();
+      const res = await _context.default.listUnseenNotifications();
       const notifications = res.data.notifications;
-      const eventBus = EventBus.getInstance();
-      eventBus.dispatch(INTERNAL_EVENT.UNSEEN_NOTIFICATIONS_COUNT, notifications === null || notifications === void 0 ? void 0 : notifications.length);
-      eventBus.dispatch(EXTERNAL_EVENT.NEW_NOTIFICATION);
-      eventBus.dispatch(EXTERNAL_EVENT.CLEAR_NOTIFICATION);
+      const eventBus = _eventBus.default.getInstance();
+      eventBus.dispatch(_constants.INTERNAL_EVENT.UNSEEN_NOTIFICATIONS_COUNT, notifications === null || notifications === void 0 ? void 0 : notifications.length);
+      eventBus.dispatch(_constants2.EXTERNAL_EVENT.NEW_NOTIFICATION);
+      eventBus.dispatch(_constants2.EXTERNAL_EVENT.CLEAR_NOTIFICATION);
     } catch (error) {
       //
     }
   }, []);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "comments-panel-header"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "title"
-  }, t('Comments')), /*#__PURE__*/React.createElement("div", {
+  }, t('Comments')), /*#__PURE__*/_react.default.createElement("div", {
     ref: panelHeaderRef,
     className: "comments-panel-header-right"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     id: "sdoc-read-all-btn",
     className: "sdoc-icon-btn",
     onClick: toggleReadAll
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-all-read"
-  }), isMounted && /*#__PURE__*/React.createElement(Tooltip, {
+  }), isMounted && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     target: "sdoc-read-all-btn"
-  }, t('Mark_all_as_read'))), /*#__PURE__*/React.createElement("div", {
+  }, t('Mark_all_as_read'))), /*#__PURE__*/_react.default.createElement("div", {
     id: "sdoc-add-comment-btn",
     className: "sdoc-icon-btn",
     onClick: toggleADDComment
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-add-comment"
-  }), isMounted && /*#__PURE__*/React.createElement(Tooltip, {
+  }), isMounted && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     target: "sdoc-add-comment-btn"
-  }, t('Add_comment'))), /*#__PURE__*/React.createElement("div", {
+  }, t('Add_comment'))), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-icon-btn",
     onClick: toggle
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-sm-close"
   }))));
 };
-export default GlobalCommentHeader;
+var _default = exports.default = GlobalCommentHeader;