@seafile/sdoc-editor 0.1.78-beta → 0.1.78-beta1

package/dist/basic-sdk/editor.js

@@ -61,7 +61,6 @@ var SDocEditor = function SDocEditor(_ref) {
   // useMount: init socket connection
   useEffect(function () {
     editor.openConnection();
-    editor.width = articleRef.current.children[0].clientWidth;
     return function () {
       editor.closeConnection && editor.closeConnection();
     };
@@ -71,6 +70,7 @@ var SDocEditor = function SDocEditor(_ref) {
   // useMount: focus editor
   useEffect(function () {
     var timer = setTimeout(function () {
+      editor.width = articleRef.current.children[0].clientWidth;
       focusEditor(editor);
     }, 300);
     return function () {

package/dist/components/doc-operations/revision-operations/more-revision-operations.js

@@ -1,41 +1,60 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component, useCallback, useState } from 'react';
 import { withTranslation } from 'react-i18next';
 import { UncontrolledPopover } from 'reactstrap';
-var MoreRevisionOperations = function MoreRevisionOperations(_ref) {
-  var t = _ref.t;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isShowMenu = _useState2[0],
-    setShowMenu = _useState2[1];
-  var id = 'more-revision-operation';
-  var setRef = useCallback(function (ref, isShowMenu) {
-    if (!ref) return;
-    var toggle = ref.toggle;
-    ref.toggle = function () {
-      toggle && toggle();
-      setShowMenu(!isShowMenu);
+var MoreRevisionOperations = /*#__PURE__*/function (_Component) {
+  _inherits(MoreRevisionOperations, _Component);
+  var _super = _createSuper(MoreRevisionOperations);
+  function MoreRevisionOperations(props) {
+    var _this;
+    _classCallCheck(this, MoreRevisionOperations);
+    _this = _super.call(this, props);
+    _this.setRef = function (ref) {
+      console.log('click');
+      var that = _assertThisInitialized(_this);
+      if (!ref) return;
+      var toggle = ref.toggle;
+      ref.toggle = function (c) {
+        console.log(c);
+        toggle && toggle();
+        that.setState({
+          isShowMenu: !that.state.isShowMenu
+        });
+      };
     };
-  }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    id: id,
-    type: "button",
-    className: ""
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "mr-2 sdocfont sdoc-revise"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down')
-  })), /*#__PURE__*/React.createElement(UncontrolledPopover, {
-    target: id,
-    className: "sdoc-common-menu-popover",
-    trigger: "legacy",
-    placement: "bottom-start",
-    hideArrow: true,
-    ref: function ref(_ref2) {
-      return setRef(_ref2, isShowMenu);
+    _this.state = {
+      isShowMenu: false
+    };
+    _this.id = 'sdoc-revision-more-operations';
+    return _this;
+  }
+  _createClass(MoreRevisionOperations, [{
+    key: "render",
+    value: function render() {
+      var isShowMenu = this.state.isShowMenu;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        id: this.id,
+        className: ""
+      }, /*#__PURE__*/React.createElement("i", {
+        className: "mr-2 sdocfont sdoc-revise"
+      }), /*#__PURE__*/React.createElement("span", {
+        className: "sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down')
+      })), /*#__PURE__*/React.createElement(UncontrolledPopover, {
+        target: this.id,
+        className: "sdoc-common-menu-popover",
+        trigger: "legacy",
+        placement: "bottom-start",
+        hideArrow: true,
+        ref: this.setRef
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "sdoc-common-menu-popover-container"
+      }, "123")));
     }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-common-menu-popover-container"
-  }, "123")));
-};
+  }]);
+  return MoreRevisionOperations;
+}(Component);
 export default withTranslation('sdoc-editor')(MoreRevisionOperations);

package/dist/components/doc-operations/revision-operations/publish-button.js

@@ -25,7 +25,8 @@ var PublishRevision = function PublishRevision(_ref) {
   if (isPublished) return null;
   return /*#__PURE__*/React.createElement(Button, {
     color: "success",
-    onClick: publish
+    onClick: publish,
+    className: "ml-4"
   }, t('Publish'));
 };
 export default withTranslation('sdoc-editor')(PublishRevision);

package/dist/components/doc-operations/revision-operations/view-changes/index.css

@@ -0,0 +1,3 @@
+.sdoc-toggle-revision-changes .custom-switch {
+  padding-left: 0;
+}

package/dist/components/doc-operations/revision-operations/view-changes/index.js

@@ -0,0 +1,26 @@
+import React, { useCallback } from 'react';
+import { withTranslation } from 'react-i18next';
+import { UncontrolledTooltip } from 'reactstrap';
+import Switch from '../../../switch';
+import './index.css';
+var ViewChanges = function ViewChanges(_ref) {
+  var isShowChanges = _ref.isShowChanges,
+    t = _ref.t,
+    toggleViewChanges = _ref.toggleViewChanges;
+  var onToggleViewCHanges = useCallback(function () {
+    toggleViewChanges(!isShowChanges);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isShowChanges]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    id: "sdoc-toggle-revision-changes-container",
+    className: "h-100 ml-4 d-flex align-items-center "
+  }, /*#__PURE__*/React.createElement(Switch, {
+    checked: isShowChanges,
+    onChange: onToggleViewCHanges,
+    className: "sdoc-toggle-revision-changes d-flex align-items-center"
+  })), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
+    target: "sdoc-toggle-revision-changes-container"
+  }, t('View_changes')));
+};
+export default withTranslation('sdoc-editor')(ViewChanges);

package/dist/components/switch/index.js

@@ -19,7 +19,7 @@ function Switch(props) {
     onChange: onChange,
     name: "custom-switch-checkbox",
     disabled: disabled
-  }), /*#__PURE__*/React.createElement("span", {
+  }), placeholder && /*#__PURE__*/React.createElement("span", {
     className: "custom-switch-description text-truncate"
   }, placeholder), /*#__PURE__*/React.createElement("span", {
     className: "custom-switch-indicator"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.1.78beta",
+  "version": "0.1.78beta1",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",

package/dist/components/doc-operations/revision-operations/view-changes.js

@@ -1,20 +0,0 @@
-import React, { useCallback } from 'react';
-import { withTranslation } from 'react-i18next';
-import Switch from '../../switch';
-var ViewChanges = function ViewChanges(_ref) {
-  var isShowChanges = _ref.isShowChanges,
-    t = _ref.t,
-    toggleViewChanges = _ref.toggleViewChanges;
-  var onToggleViewCHanges = useCallback(function () {
-    toggleViewChanges(!isShowChanges);
-  }, [isShowChanges]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "toggle-revision-changes-container"
-  }, /*#__PURE__*/React.createElement(Switch, {
-    checked: isShowChanges,
-    placeholder: t('View_changes'),
-    onChange: onToggleViewCHanges,
-    className: "toggle-revision-changes"
-  }));
-};
-export default withTranslation('sdoc-editor')(ViewChanges);