@seafile/seafile-editor 0.3.116 → 0.3.118

package/dist/assets/editor/seatable-editor.css

@@ -0,0 +1,77 @@
+.seatable-simple-editor {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-width: 768px;
+  overflow: hidden;
+  border: 1px solid #e5e5e5;
+}
+
+.seatable-simple-editor .seafile-editor-topbar {
+  width: 100%;
+  background-color: #fff;
+  border-bottom: 1px solid #e5e5e5;
+  box-shadow: 0 3px 2px -2px rgba(200,200,200,.15);
+  user-select: none;
+  position: relative;
+  z-index: 3;
+  display: flex;
+  justify-content: space-between;
+}
+
+.seatable-simple-editor .seafile-editor-topbar .use-help-icon {
+  background-color: #fff;
+  box-sizing: border-box;
+}
+
+.seatable-simple-editor .seafile-editor-topbar .editor-btn-group {
+  height: 100%;
+  padding: 5px 0 5px 5px;
+  font-size: 0.75rem;
+  border-right: 1px solid #e5e5e5;
+  color: #555555;
+}
+
+.seatable-simple-editor .header-list-container {
+  border-left: 0;
+}
+
+.seatable-simple-editor .editor {
+  margin: 0;
+  padding: 10px;
+  height: 100%;
+  border: none;
+}
+
+/*set scroll bar*/
+.editor-container::-webkit-scrollbar{
+  width: 8px;
+  height: 8px;
+}
+
+.editor-container::-webkit-scrollbar-button {
+  display: none;
+}
+
+.editor-container::-webkit-scrollbar-thumb {
+  background-color: rgb(206, 206, 212);
+  border-radius: 10px;
+}
+
+.editor-container {
+  /* this container is needed to show the scroll bar */
+  height: 100%;
+  overflow-y: auto;
+  flex: 1 1 auto;
+  position: relative;
+}
+
+.editor {
+  min-height: calc(100% - 40px);
+  background: #fff;
+  padding: 40px 60px;
+  margin: 20px 40px;
+  border: 1px solid rgb(230,230,221);
+  overflow-x: hidden;
+}

package/dist/components/add-image-dialog.js

@@ -53,7 +53,8 @@ var AddImageDialog = /*#__PURE__*/function (_React$PureComponent) {
       return /*#__PURE__*/React.createElement(Modal, {
         isOpen: true,
         toggle: this.props.onToggleImageDialog,
-        className: this.props.className
+        className: this.props.className,
+        zIndex: 1071
       }, /*#__PURE__*/React.createElement(ModalHeader, {
         toggle: this.props.onToggleImageDialog
       }, this.props.t('insert_image')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, {

package/dist/components/add-link-dialog.js

@@ -104,7 +104,8 @@ var AddLinkDialog = /*#__PURE__*/function (_React$PureComponent) {
         isOpen: true,
         autoFocus: false,
         toggle: this.props.toggleLinkDialog,
-        className: this.props.className
+        className: this.props.className,
+        zIndex: 1071
       }, /*#__PURE__*/React.createElement(ModalHeader, {
         toggle: this.props.toggleLinkDialog
       }, this.props.t('insert_link')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {

package/dist/components/context-menu.js

@@ -38,7 +38,7 @@ var ContextMenu = /*#__PURE__*/function (_React$Component) {
         contextStyle: {
           top: top,
           left: left,
-          zIndex: '1051',
+          zIndex: '1071',
           display: 'block'
         }
       });

package/dist/components/shortcut-dialog.js

@@ -59,7 +59,8 @@ var KeyboardShortcuts = /*#__PURE__*/function (_React$PureComponent) {
       return /*#__PURE__*/React.createElement(Modal, {
         isOpen: true,
         toggle: toggleShortcutDialog,
-        className: "keyboard-shortcut-dialog"
+        className: "keyboard-shortcut-dialog",
+        zIndex: 1071
       }, /*#__PURE__*/React.createElement(ModalHeader, {
         toggle: toggleShortcutDialog
       }, /*#__PURE__*/React.createElement("span", {

package/dist/editor/controller/inline-element-controller.js

@@ -139,6 +139,7 @@ var withInline = function withInline(editor) {
           },
           at: editor.selection
         });
+        break;
 
       default:
         exec(command);

package/dist/editor/editor-builder.js

@@ -17,6 +17,7 @@ var EditorBuilder = /*#__PURE__*/function () {
     _classCallCheck(this, EditorBuilder);
 
     this.editor = null;
+    this.slateEditor = null;
     this.plugin = null;
     this.tableUtils = null;
     this.editorUtils = null;
@@ -59,14 +60,15 @@ var EditorBuilder = /*#__PURE__*/function () {
   }, {
     key: "getSlateEditor",
     value: function getSlateEditor() {
-      if (this.editor) this.editor = null;
-      this.editor = withInline(withVoid(withReact(createEditor())));
-      return this.editor;
+      if (this.slateEditor) return this.slateEditor;
+      this.slateEditor = withInline(withVoid(withReact(createEditor())));
+      return this.slateEditor;
     }
   }, {
     key: "resetEditor",
     value: function resetEditor() {
       this.editor = null;
+      this.slateEditor = null;
       this.plugin = null;
       this.editorUtils = null;
       this.tableUtils = null;

package/dist/editor/editor-component/image.js

@@ -269,7 +269,7 @@ var ImagePreviewer = /*#__PURE__*/function (_React$Component2) {
         imagePadding: 70,
         reactModalStyle: {
           overlay: {
-            zIndex: 1051
+            zIndex: 1071
           }
         }
       });

package/dist/editor/editor-component/textlink-hovermenu.js

@@ -56,7 +56,7 @@ var TextLinkHoverMenu = /*#__PURE__*/function (_React$Component) {
         }
 
         var style = _this.refDom.style;
-        style.zIndex = '1050';
+        style.zIndex = '1071';
         style.top = "".concat(rect.top - 45, "px");
         var left = parseInt(rect.x - 125);
 

package/dist/editor/seatable-editor.js

@@ -18,7 +18,7 @@ import EditorBuilder from './editor-builder';
 import AddLinkDialog from '../components/add-link-dialog';
 import ErrorBoundary from '../components/error-boundary';
 import './code-highlight-package';
-import '../assets/editor/simple-editor.css';
+import '../assets/editor/seatable-editor.css';
 import '../assets/css/image.css';
 import '../assets/css/link.css';
 import '../assets/css/navbar-imgbutton.css';
@@ -171,7 +171,7 @@ var SeatableEditor = /*#__PURE__*/function (_React$Component) {
       var supportInsertColumn = canInsertColumn && columns.length > 0;
       var selectionCollapsed = isRangeCollapsed(editor.selection);
       return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement("div", {
-        className: "seafile-simple-editor"
+        className: "seatable-simple-editor"
       }, /*#__PURE__*/React.createElement("div", {
         className: "seafile-editor-topbar"
       }, /*#__PURE__*/React.createElement(Toolbar, {

package/dist/utils/seafile-markdown2html.js

@@ -36,7 +36,7 @@ function stringify(config) {
       'span': ['className'],
       'div': ['className']
     },
-    'tagNames': ['input', 'code', 'span', 'div']
+    'tagNames': ['input', 'code', 'span', 'div', 'blockquote', 'pre']
   });
   this.Compiler = compiler;
 

package/dist/utils/slate2markdown/serialize.js

@@ -367,6 +367,15 @@ function _slateNodeToMD(node) {
           value: data.formula
         };
 
+      case 'column':
+        {
+          var _data = node.data;
+          var newNode = {
+            text: "{".concat(_data.name, "}")
+          };
+          return _text2MdNodes(newNode);
+        }
+
       default:
         // turn the block to paragraph default when it`s type is unknown
         mdNodes = parseChildren(node);

package/dist/viewer/viewer-image.js

@@ -34,7 +34,7 @@ var ViewerImage = /*#__PURE__*/function (_React$Component) {
         onCloseRequest: _this.toggleBigImage,
         reactModalStyle: {
           overlay: {
-            zIndex: 1051
+            zIndex: 1071
           }
         }
       });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "0.3.116",
+  "version": "0.3.118",
   "private": false,
   "dependencies": {
     "@seafile/react-image-lightbox": "^0.0.9",