@seafile/sdoc-editor 3.0.222 → 3.0.224

package/dist/extension/plugins/file-view/render-elem/index.js

@@ -1,172 +0,0 @@
-"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.renderFileView = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _sdocFileView = require("@seafile/sdoc-file-view");
-var _slateReact = require("@seafile/slate-react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _toast = _interopRequireDefault(require("../../../../components/toast"));
-var _context = _interopRequireDefault(require("../../../../context"));
-var _useScrollContext = require("../../../../hooks/use-scroll-context");
-var _commonUtils = require("../../../../utils/common-utils");
-var _localStorageUtils = _interopRequireDefault(require("../../../../utils/local-storage-utils"));
-var _constants = require("../../../constants");
-var _helpers = require("../helpers");
-require("./index.css");
-var FileViewPlugin = function FileViewPlugin(_ref) {
-  var element = _ref.element,
-    children = _ref.children,
-    attributes = _ref.attributes;
-  var data = element.data;
-  var scrollRef = (0, _useScrollContext.useScrollContext)();
-  var editor = (0, _slateReact.useSlateStatic)();
-  var isSelected = (0, _slateReact.useSelected)();
-  var readOnly = (0, _slateReact.useReadOnly)();
-  var wrapperRef = (0, _react.useRef)(null);
-  var resizerRef = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    isResizing = _useState2[0],
-    setIsResizing = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    movingSize = _useState4[0],
-    setMovingSize = _useState4[1];
-  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
-    t = _useTranslation.t;
-  var databaseRef = (0, _react.useRef)(null);
-  var viewSettings = (0, _react.useMemo)(function () {
-    var settings = _context["default"].getFileViewSetting();
-    var viewSettings = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, settings), {}, {
-      view_data: {
-        wiki_id: data.wiki_id,
-        file_view_id: data.file_view_id
-        // height: data.height,
-        // width: data.width,
-      }
-    });
-    return viewSettings;
-  }, [data.file_view_id, data.wiki_id]);
-  (0, _react.useEffect)(function () {
-    var copyContent = _localStorageUtils["default"].getItem(_constants.RECENT_COPY_CONTENT);
-    var wikiId = _context["default"].getSetting('wikiId');
-    if (wikiId !== data.wiki_id) return;
-    if (!copyContent) return;
-    var stringContent = JSON.stringify(copyContent);
-    if (stringContent.indexOf(data.wiki_id) > -1 && stringContent.indexOf(data.file_view_id) > -1) {
-      _context["default"].duplicateFileView(data.file_view_id).then(function (res) {
-        var fileView = res.data.file_view;
-        var newData = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, data), {}, {
-          file_view_id: fileView.id
-        });
-        (0, _helpers.updateFileView)(newData, editor, element);
-      })["catch"](function (error) {
-        var errorMessage = (0, _commonUtils.getErrorMsg)(error);
-        _toast["default"].danger(errorMessage);
-      });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  var registerEvent = (0, _react.useCallback)(function (eventList) {
-    eventList.forEach(function (element) {
-      document.addEventListener(element.eventName, element.event);
-    });
-  }, []);
-  var unregisterEvent = (0, _react.useCallback)(function (eventList) {
-    eventList.forEach(function (element) {
-      document.removeEventListener(element.eventName, element.event);
-    });
-  }, []);
-  var onMouseMove = (0, _react.useCallback)(function (event) {
-    event.preventDefault();
-    event.stopPropagation();
-    var wrapperElement = wrapperRef.current;
-    var _wrapperElement$getBo = wrapperElement.getBoundingClientRect(),
-      left = _wrapperElement$getBo.left,
-      right = _wrapperElement$getBo.right,
-      top = _wrapperElement$getBo.top,
-      bottom = _wrapperElement$getBo.bottom;
-    var size = (0, _helpers.calculateSize)(event, {
-      left: left,
-      right: right,
-      top: top,
-      bottom: bottom
-    });
-    var style = wrapperElement.style;
-    // style.width = size.width + 'px';
-    style.height = size.height + 'px';
-    var _databaseRef$current$ = databaseRef.current.getFileBaseElement(),
-      databaseStyle = _databaseRef$current$.style;
-    // databaseStyle.width = (size.width - 4) + 'px';
-    databaseStyle.height = size.height - 4 + 'px';
-    setMovingSize(size);
-  }, []);
-  var onResizeEnd = (0, _react.useCallback)(function (event) {
-    event.preventDefault();
-    event.stopPropagation();
-    unregisterEvent([{
-      'eventName': 'mousemove',
-      'event': onMouseMove
-    }, {
-      'eventName': 'mouseup',
-      'event': onResizeEnd
-    }]);
-    var style = wrapperRef.current.style;
-    var newData = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, element.data), {}, {
-      // width: parseFloat(style.width),
-      height: parseFloat(style.height)
-    });
-    (0, _helpers.updateFileView)(newData, editor, element);
-    // Reset hover menu position
-    setTimeout(function () {
-      setIsResizing(false);
-    }, 100);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, element.data, wrapperRef.current]);
-  var onResizeStart = (0, _react.useCallback)(function (event) {
-    event.preventDefault();
-    event.stopPropagation();
-    setIsResizing(true);
-    registerEvent([{
-      'eventName': 'mousemove',
-      'event': onMouseMove
-    }, {
-      'eventName': 'mouseup',
-      'event': onResizeEnd
-    }]);
-  }, [onMouseMove, onResizeEnd, registerEvent]);
-  return /*#__PURE__*/_react["default"].createElement("div", Object.assign({
-    "data-id": element.id
-  }, attributes, {
-    className: "sdoc-file-view-container",
-    contentEditable: "false",
-    suppressContentEditableWarning: true
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])('sdoc-file-view-content', {
-      'is-selected': isSelected
-    }),
-    ref: wrapperRef
-  }, /*#__PURE__*/_react["default"].createElement(_sdocFileView.FileView, {
-    readOnly: readOnly,
-    settings: viewSettings,
-    ref: databaseRef,
-    scrollRef: scrollRef
-  }), !readOnly && isSelected && /*#__PURE__*/_react["default"].createElement("span", {
-    className: "file-view-resizer",
-    ref: resizerRef,
-    onMouseDown: onResizeStart
-  }), isResizing && movingSize && /*#__PURE__*/_react["default"].createElement("span", {
-    className: "image-size"
-  }, /*#__PURE__*/_react["default"].createElement("span", null, t('Height'), ':', parseInt(movingSize.height)))), children);
-};
-var renderFileView = exports.renderFileView = function renderFileView(props) {
-  return /*#__PURE__*/_react["default"].createElement(FileViewPlugin, props);
-};

package/dist/extension/toolbar/linked-repo-popover/index.js

@@ -1,37 +0,0 @@
-"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"] = LinkRepoPopover;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _utils = require("../../utils");
-var _linkRepoList = _interopRequireDefault(require("./link-repo-list"));
-function LinkRepoPopover(_ref) {
-  var onRepoClick = _ref.onRepoClick;
-  var _useState = (0, _react.useState)('right-start'),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    placement = _useState2[0],
-    setPlacement = _useState2[1];
-  (0, _react.useEffect)(function () {
-    var element = document.getElementById('sdoc-side-menu-item-file-view');
-    if ((0, _utils.isOverflowPortByDirection)(element, 'bottom')) {
-      setPlacement('right');
-    }
-  }, []);
-  return /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
-    target: "sdoc-side-menu-item-file-view",
-    trigger: "hover",
-    className: "sdoc-sub-dropdown-menu sdoc-insert-menu-file-view-popover",
-    popperClassName: "sdoc-popover-box-shadow",
-    placement: placement,
-    hideArrow: true,
-    fade: false
-  }, /*#__PURE__*/_react["default"].createElement(_linkRepoList["default"], {
-    onRepoClick: onRepoClick
-  }));
-}

package/dist/extension/toolbar/linked-repo-popover/link-repo-list.css

@@ -1,61 +0,0 @@
-.sdoc-insert-menu-file-view-popover .popover {
-  max-width: 300px;
-}
-
-.sdoc-dropdown-menu.sdoc-linked-repo-list-wrapper {
-  /* position: absolute; */
-  left: -8px;
-  background-color: #fff;
-  max-height: 370px;
-  max-width: 298px;
-  border-radius: 8px;
-}
-
-.sdoc-dropdown-menu.sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-tip {
-  height: 24px;
-  line-height: 24px;
-  padding-left: 8px;
-  color: #666;
-  font-size: 14px;
-}
-
-.sdoc-dropdown-menu.sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-divider {
-  border-top: 1px solid #eee;
-  margin: 4px 0;
-}
-
-.sdoc-dropdown-menu.sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-content-wrapper {
-  max-height: 300px;
-  overflow-y: auto;
-  padding-bottom: 8px;
-  border-bottom: 1px solid #e9ecef;
-}
-
-.sdoc-dropdown-menu.sdoc-linked-repo-list-wrapper .sdoc-dropdown-menu-item .lib-icon {
-  margin-right: 10px;
-}
-
-.sdoc-dropdown-menu.sdoc-linked-repo-list-wrapper .sdoc-dropdown-menu-item .item-text {
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.sdoc-dropdown-menu.sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-add-toolbar {
-  min-height: 32px;
-  padding: 3px 12px;
-  margin-top: 8px;
-}
-
-.sdoc-dropdown-menu.sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-add-toolbar .sdocfont {
-  color: #666;
-  margin-right: 10px;
-}
-
-.sdoc-dropdown-menu.sdoc-linked-repo-list-wrapper .sdoc-linked-repo-list-add-toolbar:hover {
-  background-color: rgba(0, 0, 0, 0.04);
-  border-radius: 4px;
-  cursor: pointer;
-}