@seafile/seafile-editor 1.0.2 → 1.0.4

package/dist/constants/event-types.js

@@ -1,16 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.INTERNAL_EVENTS = exports.EXTERNAL_EVENTS = void 0;
-var INTERNAL_EVENTS = exports.INTERNAL_EVENTS = {
+export const INTERNAL_EVENTS = {
   ON_ARTICLE_INFO_TOGGLE: 'on_article_info_toggle',
   ON_MOUSE_ENTER_BLOCK: 'on_mouse_enter_block',
   ON_OPEN_LINK_POPOVER: 'on_open_link_popover',
   ON_CLOSE_LINK_POPOVER: 'on_close_link_popover',
   ON_OPEN_FORMULA_DIALOG: 'on_open_formula_dialog'
 };
-var EXTERNAL_EVENTS = exports.EXTERNAL_EVENTS = {
+export const EXTERNAL_EVENTS = {
   ON_HELP_INFO_TOGGLE: 'on_help_info_toggle'
 };

package/dist/constants/hot-keys.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HELPER_HOTKEYS = void 0;
-var HELPER_HOTKEYS = exports.HELPER_HOTKEYS = [{
+export const HELPER_HOTKEYS = [{
   'Make_list': [['*/-', 'space']],
   'Make_ordered_list': [['1.', 'space']],
   'Insert_new_item': [['Enter']],

package/dist/containers/article-info/index.js

@@ -1,57 +1,47 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ArticleInfo;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _outline = _interopRequireDefault(require("../outline"));
-var _slateReact = require("slate-react");
-require("./style.css");
-var TAB_TYPES = {
+import React, { useCallback, useState } from 'react';
+import Outline from '../outline';
+import { useSlateStatic } from 'slate-react';
+import './style.css';
+const TAB_TYPES = {
   OUTLINE: 'outline',
   FILE_DETAIL: 'file_detail'
 };
-function ArticleInfo(_ref) {
-  var children = _ref.children;
-  var editor = (0, _slateReact.useSlateStatic)();
-  var _useState = (0, _react.useState)(TAB_TYPES.OUTLINE),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    activeTab = _useState2[0],
-    setActiveTab = _useState2[1];
-  var onOutlineClick = (0, _react.useCallback)(function () {
+export default function ArticleInfo(_ref) {
+  let {
+    children
+  } = _ref;
+  const editor = useSlateStatic();
+  const [activeTab, setActiveTab] = useState(TAB_TYPES.OUTLINE);
+  const onOutlineClick = useCallback(() => {
     if (activeTab === TAB_TYPES.OUTLINE) return;
     setActiveTab(TAB_TYPES.OUTLINE);
   }, [activeTab]);
-  var onDetailClick = (0, _react.useCallback)(function () {
+  const onDetailClick = useCallback(() => {
     if (activeTab === TAB_TYPES.FILE_DETAIL) return;
     setActiveTab(TAB_TYPES.FILE_DETAIL);
   }, [activeTab]);
   console.log(children);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "sf-article-info-container"
-  }, /*#__PURE__*/_react.default.createElement("ul", {
+  }, /*#__PURE__*/React.createElement("ul", {
     className: "sf-article-info-nav nav"
-  }, /*#__PURE__*/_react.default.createElement("li", {
+  }, /*#__PURE__*/React.createElement("li", {
     className: "nav-item"
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "nav-link ".concat(activeTab === TAB_TYPES.OUTLINE && 'active'),
     onClick: onOutlineClick
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "iconfont icon-list-ul"
-  }))), /*#__PURE__*/_react.default.createElement("li", {
+  }))), /*#__PURE__*/React.createElement("li", {
     className: "nav-item"
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "nav-link ".concat(activeTab === TAB_TYPES.FILE_DETAIL && 'active'),
     onClick: onDetailClick
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: 'iconfont icon-info-circle'
-  })))), /*#__PURE__*/_react.default.createElement("div", {
+  })))), /*#__PURE__*/React.createElement("div", {
     className: "sf-article-info-content"
-  }, activeTab === TAB_TYPES.OUTLINE && /*#__PURE__*/_react.default.createElement(_outline.default, {
+  }, activeTab === TAB_TYPES.OUTLINE && /*#__PURE__*/React.createElement(Outline, {
     editor: editor
-  }), activeTab === TAB_TYPES.FILE_DETAIL && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children)));
+  }), activeTab === TAB_TYPES.FILE_DETAIL && /*#__PURE__*/React.createElement(React.Fragment, null, children)));
 }

package/dist/containers/custom/get-event-transfer.js

@@ -1,22 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var getEventTransfer = function getEventTransfer(data) {
-  var fragmentString = data.getData('application/x-slate-fragment');
-  var textContent = data.getData('text') || data.getData('text/plain') || '';
-  var fragmentContent = fragmentString ? JSON.parse(decodeURIComponent(window.atob(fragmentString))) : null;
-  var htmlContent = data.getData('text/html') || '';
-  var hasRtfContent = data.types.includes('text/rtf');
+const getEventTransfer = data => {
+  const fragmentString = data.getData('application/x-slate-fragment');
+  const textContent = data.getData('text') || data.getData('text/plain') || '';
+  let fragmentContent = fragmentString ? JSON.parse(decodeURIComponent(window.atob(fragmentString))) : null;
+  const htmlContent = data.getData('text/html') || '';
+  const hasRtfContent = data.types.includes('text/rtf');
 
   /**
    *  compat old version slate: if clipboard content is old version slate fragment
    *  return  html content
    */
-  var files = data.files;
-  var type = 'text';
+  const files = data.files;
+  let type = 'text';
   // Paste rtf format content which copied from PPT or Word or Excel as text to document
   if (hasRtfContent) {
     type = 'text';
@@ -31,8 +25,8 @@ var getEventTransfer = function getEventTransfer(data) {
     text: textContent,
     html: htmlContent,
     fragment: fragmentContent,
-    type: type,
+    type,
     files: files
   };
 };
-var _default = exports.default = getEventTransfer;
+export default getEventTransfer;

package/dist/containers/custom/set-event-transfer.js

@@ -1,11 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slate = require("slate");
-var TRANSFER_TYPES = {
+import { Node } from 'slate';
+const TRANSFER_TYPES = {
   fragment: 'application/x-slate-fragment',
   html: 'text/html',
   text: 'text/plain'
@@ -13,16 +7,16 @@ var TRANSFER_TYPES = {
 
 // transform slate fragment and write to clipboard
 function setEventTransfer(event, type, content) {
-  var mime = TRANSFER_TYPES[type];
-  var transfer = event.dataTransfer || event.clipboardData;
+  const mime = TRANSFER_TYPES[type];
+  const transfer = event.dataTransfer || event.clipboardData;
   if (type === 'fragment') {
     // use the same encoding as slate
-    var encodedContent = window.btoa(encodeURIComponent(JSON.stringify(content)));
+    const encodedContent = window.btoa(encodeURIComponent(JSON.stringify(content)));
     transfer.setData(mime, encodedContent);
-    var texts = '';
-    var textItem = '';
-    content.forEach(function (element) {
-      textItem = _slate.Node.string(element).replace(/\ufeff/, '');
+    let texts = '';
+    let textItem = '';
+    content.forEach(element => {
+      textItem = Node.string(element).replace(/\ufeff/, '');
       texts += textItem + '\r\n';
     });
     transfer.setData('text', texts);
@@ -33,4 +27,4 @@ function setEventTransfer(event, type, content) {
     transfer.setData('text', content);
   }
 }
-var _default = exports.default = setEventTransfer;
+export default setEventTransfer;

package/dist/containers/hotkeys-helper/classify-hotkeys.js

@@ -1,38 +1,33 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ClassifyHotkeys;
-var _react = _interopRequireDefault(require("react"));
-var _common = require("../../utils/common");
-function ClassifyHotkeys(_ref) {
-  var title = _ref.title,
-    shortcutData = _ref.shortcutData,
-    shortcutDataNames = _ref.shortcutDataNames;
-  return /*#__PURE__*/_react.default.createElement("div", {
+import React from 'react';
+import { isMac } from '../../utils/common';
+export default function ClassifyHotkeys(_ref) {
+  let {
+    title,
+    shortcutData,
+    shortcutDataNames
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
     className: "sf-editor-classify-hotkeys"
-  }, /*#__PURE__*/_react.default.createElement("h5", {
+  }, /*#__PURE__*/React.createElement("h5", {
     className: "hotkey-type"
-  }, title), /*#__PURE__*/_react.default.createElement("ul", {
+  }, title), /*#__PURE__*/React.createElement("ul", {
     className: "hotkey-list"
-  }, Object.keys(shortcutData).map(function (key) {
-    var shortcutName = shortcutDataNames[key];
-    var hotkeys = shortcutData[key];
+  }, Object.keys(shortcutData).map(key => {
+    const shortcutName = shortcutDataNames[key];
+    let hotkeys = shortcutData[key];
     if (hotkeys.length !== 0) {
-      hotkeys = hotkeys.length > 1 && (0, _common.isMac)() ? hotkeys[1] : hotkeys[0];
+      hotkeys = hotkeys.length > 1 && isMac() ? hotkeys[1] : hotkeys[0];
     }
-    return /*#__PURE__*/_react.default.createElement("li", {
+    return /*#__PURE__*/React.createElement("li", {
       className: "hotkey-shortcuts",
       key: shortcutName
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "hotkey-shortcuts-left"
-    }, shortcutName), /*#__PURE__*/_react.default.createElement("div", {
+    }, shortcutName), /*#__PURE__*/React.createElement("div", {
       className: "hotkey-shortcuts-right"
-    }, hotkeys[0] && /*#__PURE__*/_react.default.createElement("div", {
+    }, hotkeys[0] && /*#__PURE__*/React.createElement("div", {
       className: "key hotkey-first"
-    }, hotkeys[0]), hotkeys[1] && /*#__PURE__*/_react.default.createElement("div", {
+    }, hotkeys[0]), hotkeys[1] && /*#__PURE__*/React.createElement("div", {
       className: "key hotkey-second"
     }, hotkeys[1])));
   })));

package/dist/containers/hotkeys-helper/index.js

@@ -1,48 +1,45 @@
-"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 = HotkeysHelper;
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _classifyHotkeys = _interopRequireDefault(require("./classify-hotkeys"));
-var _hotKeys = require("../../constants/hot-keys");
-var _eventTypes = require("../../constants/event-types");
-var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
-require("./style.css");
-function HotkeysHelper() {
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
-  var useHelp = t('userHelp', {
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import ClassifyHotkeys from './classify-hotkeys';
+import { HELPER_HOTKEYS } from '../../constants/hot-keys';
+import { EXTERNAL_EVENTS } from '../../constants/event-types';
+import EventBus from '../../utils/event-bus';
+import './style.css';
+export default function HotkeysHelper() {
+  const {
+    t
+  } = useTranslation();
+  const useHelp = t('userHelp', {
     returnObjects: true
   });
-  var title = useHelp.title,
-    userHelpData = useHelp.userHelpData;
-  var onCloseClick = (0, _react.useCallback)(function () {
-    var eventBus = _eventBus.default.getInstance();
-    eventBus.dispatch(_eventTypes.EXTERNAL_EVENTS.ON_HELP_INFO_TOGGLE, false);
+  const {
+    title,
+    userHelpData
+  } = useHelp;
+  const onCloseClick = useCallback(() => {
+    const eventBus = EventBus.getInstance();
+    eventBus.dispatch(EXTERNAL_EVENTS.ON_HELP_INFO_TOGGLE, false);
   }, []);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "sf-editor-helper"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "sf-editor-helper__header"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "title"
-  }, title), /*#__PURE__*/_react.default.createElement("div", {
+  }, title), /*#__PURE__*/React.createElement("div", {
     className: "help-close",
     onClick: onCloseClick
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "iconfont icon-times-circle"
-  }))), /*#__PURE__*/_react.default.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: "sf-editor-helper__content"
-  }, userHelpData.map(function (item, index) {
-    var shortcutData = _hotKeys.HELPER_HOTKEYS[index];
-    var title = item.shortcutType,
-      shortcutDataNames = item.shortcutData;
-    return /*#__PURE__*/_react.default.createElement(_classifyHotkeys.default, {
+  }, userHelpData.map((item, index) => {
+    const shortcutData = HELPER_HOTKEYS[index];
+    const {
+      shortcutType: title,
+      shortcutData: shortcutDataNames
+    } = item;
+    return /*#__PURE__*/React.createElement(ClassifyHotkeys, {
       key: "use-hotkey-".concat(index),
       title: title,
       shortcutData: shortcutData,

package/dist/containers/loading/index.js

@@ -1,33 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
-var _react = _interopRequireDefault(require("react"));
-require("./style.css");
-var Loading = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(Loading, _React$Component);
-  var _super = (0, _createSuper2.default)(Loading);
-  function Loading() {
-    (0, _classCallCheck2.default)(this, Loading);
-    return _super.apply(this, arguments);
+import React from 'react';
+import './style.css';
+class Loading extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "empty-loading-page"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "lds-ripple page-centered"
+    }, /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null)));
   }
-  (0, _createClass2.default)(Loading, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "empty-loading-page"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "lds-ripple page-centered"
-      }, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null)));
-    }
-  }]);
-  return Loading;
-}(_react.default.Component);
-var _default = exports.default = Loading;
+}
+export default Loading;

package/dist/containers/outline/index.js

@@ -1,80 +1,70 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _outlineItem = _interopRequireDefault(require("./outline-item"));
-var _useScrollContext = require("../../hooks/use-scroll-context");
-require("./style.css");
-var getHeaderList = function getHeaderList(children) {
-  var headerList = [];
-  children.forEach(function (node) {
+import React, { useCallback, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import OutlineItem from './outline-item';
+import { useScrollContext } from '../../hooks/use-scroll-context';
+import './style.css';
+const getHeaderList = children => {
+  const headerList = [];
+  children.forEach(node => {
     if (node.type === 'header2' || node.type === 'header3') {
       headerList.push(node);
     }
   });
   return headerList;
 };
-var Outline = function Outline(_ref) {
-  var editor = _ref.editor;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
-  var scrollRef = (0, _useScrollContext.useScrollContext)();
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    headerList = _useState2[0],
-    setHeaderList = _useState2[1];
-  var _useState3 = (0, _react.useState)(''),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    activeId = _useState4[0],
-    setActiveId = _useState4[1];
-  (0, _react.useEffect)(function () {
-    var headerList = getHeaderList(editor.children);
+const Outline = _ref => {
+  let {
+    editor
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const scrollRef = useScrollContext();
+  const [headerList, setHeaderList] = useState([]);
+  const [activeId, setActiveId] = useState('');
+  useEffect(() => {
+    const headerList = getHeaderList(editor.children);
     setHeaderList(headerList);
   }, [editor.children]);
-  var handleScroll = (0, _react.useCallback)(function (e) {
-    var scrollTop = scrollRef.current.scrollTop;
-    var styles = getComputedStyle(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current);
-    var paddingTop = parseInt(styles.paddingTop);
-    for (var i = 0; i < headerList.length; i++) {
-      var headerItem = headerList[i];
-      var dom = document.getElementById(headerItem.id);
-      var offsetTop = dom.offsetTop,
-        offsetHeight = dom.offsetHeight;
-      var _styles = getComputedStyle(dom);
-      var marginTop = parseInt(_styles.marginTop);
+  const handleScroll = useCallback(e => {
+    const scrollTop = scrollRef.current.scrollTop;
+    const styles = getComputedStyle(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current);
+    const paddingTop = parseInt(styles.paddingTop);
+    for (let i = 0; i < headerList.length; i++) {
+      const headerItem = headerList[i];
+      const dom = document.getElementById(headerItem.id);
+      const {
+        offsetTop,
+        offsetHeight
+      } = dom;
+      const styles = getComputedStyle(dom);
+      const marginTop = parseInt(styles.marginTop);
       if (offsetTop + offsetHeight + marginTop > scrollTop - paddingTop) {
         setActiveId(headerItem.id);
         break;
       }
     }
   }, [headerList, scrollRef]);
-  (0, _react.useEffect)(function () {
-    var observerRefValue = null;
+  useEffect(() => {
+    let observerRefValue = null;
     if (scrollRef.current) {
       scrollRef.current.addEventListener('scroll', handleScroll);
       observerRefValue = scrollRef.current;
     }
-    return function () {
+    return () => {
       observerRefValue.removeEventListener('scroll', handleScroll);
     };
   }, [handleScroll, scrollRef]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "sf-editor-outline"
-  }, headerList.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
+  }, headerList.length === 0 && /*#__PURE__*/React.createElement("div", {
     className: "empty-container"
-  }, t('No_out_line')), headerList.length > 0 && headerList.map(function (node, index) {
-    return /*#__PURE__*/_react.default.createElement(_outlineItem.default, {
+  }, t('No_out_line')), headerList.length > 0 && headerList.map((node, index) => {
+    return /*#__PURE__*/React.createElement(OutlineItem, {
       key: index,
       node: node,
       activeId: activeId
     });
   }));
 };
-var _default = exports.default = Outline;
+export default Outline;

package/dist/containers/outline/outline-item.js

@@ -1,30 +1,24 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-var OutlineItem = function OutlineItem(_ref) {
-  var node = _ref.node,
-    activeId = _ref.activeId;
-  var onItemClick = (0, _react.useCallback)(function () {
-    var id = node.id;
+import React, { useCallback } from 'react';
+import classNames from 'classnames';
+const OutlineItem = _ref => {
+  let {
+    node,
+    activeId
+  } = _ref;
+  const onItemClick = useCallback(() => {
+    const {
+      id
+    } = node;
     document.getElementById(id).scrollIntoView();
   }, [node]);
-  var className = (0, _classnames.default)({
+  const className = classNames({
     'outline-h2': node.type === 'header2',
     'outline-h3': node.type === 'header3',
     'active': node.id === activeId
   });
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: className,
     onClick: onItemClick
-  }, node.children.map(function (child) {
-    return child.text;
-  }).join(''));
+  }, node.children.map(child => child.text).join(''));
 };
-var _default = exports.default = OutlineItem;
+export default OutlineItem;