@seafile/sdoc-editor 0.1.138 → 0.1.139

package/dist/basic-sdk/extension/plugins/link/menu/add-link-dialog.js

@@ -1,151 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Fragment } from 'react';
-import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Alert } from 'reactstrap';
-import { withTranslation } from 'react-i18next';
-import { insertLink, updateLink, checkLink } from '../helpers';
-var AddLinkDialog = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(AddLinkDialog, _React$PureComponent);
-  var _super = _createSuper(AddLinkDialog);
-  function AddLinkDialog(props) {
-    var _this;
-    _classCallCheck(this, AddLinkDialog);
-    _this = _super.call(this, props);
-    _this.handleUrlChange = function (event) {
-      _this.setState({
-        url: event.target.value.trim()
-      });
-    };
-    _this.handleTitleChange = function (event) {
-      _this.setState({
-        title: event.target.value.trim()
-      });
-    };
-    _this.handleSubmit = function (event) {
-      event.preventDefault();
-      _this.setState({
-        linkErrorMessage: '',
-        titleErrorMessage: ''
-      });
-      var t = _this.props.t;
-      var _this$state = _this.state,
-        _this$state$title = _this$state.title,
-        title = _this$state$title === void 0 ? '' : _this$state$title,
-        _this$state$url = _this$state.url,
-        url = _this$state$url === void 0 ? '' : _this$state$url;
-      if (url.length === 0) {
-        _this.setState({
-          linkErrorMessage: t('The_link_address_is_required')
-        });
-        return;
-      }
-      if (title.length === 0) {
-        _this.setState({
-          titleErrorMessage: t('The_link_title_is_required')
-        });
-        return;
-      }
-      if (checkLink(url)) {
-        _this.setState({
-          linkErrorMessage: t('The_link_address_is_invalid')
-        });
-        return;
-      }
-      var _this$props = _this.props,
-        editor = _this$props.editor,
-        propsUrl = _this$props.url,
-        propsTitle = _this$props.title,
-        propsInsertLink = _this$props.insertLink;
-      var isEdit = propsUrl && propsTitle;
-      if (isEdit) {
-        updateLink(editor, title, url);
-      } else {
-        if (propsInsertLink) {
-          propsInsertLink(editor, title, url);
-        } else {
-          insertLink(editor, title, url);
-        }
-      }
-      _this.props.onLinkDialogToggle();
-    };
-    _this.onKeyDown = function (e) {
-      if (e.keyCode === 13) {
-        _this.handleSubmit(e);
-      }
-    };
-    _this.state = {
-      url: props.url,
-      title: props.title,
-      linkErrorMessage: '',
-      titleErrorMessage: ''
-    };
-    return _this;
-  }
-  _createClass(AddLinkDialog, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        className = _this$props2.className,
-        t = _this$props2.t;
-      var _this$state2 = this.state,
-        _this$state2$url = _this$state2.url,
-        url = _this$state2$url === void 0 ? '' : _this$state2$url,
-        _this$state2$title = _this$state2.title,
-        title = _this$state2$title === void 0 ? '' : _this$state2$title,
-        linkErrorMessage = _this$state2.linkErrorMessage,
-        titleErrorMessage = _this$state2.titleErrorMessage;
-      return /*#__PURE__*/React.createElement(Modal, {
-        isOpen: true,
-        autoFocus: false,
-        toggle: this.props.onLinkDialogToggle,
-        className: className,
-        zIndex: 1071,
-        returnFocusAfterClose: false
-      }, /*#__PURE__*/React.createElement(ModalHeader, {
-        toggle: this.props.onLinkDialogToggle
-      }, t('Insert_link')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: "form-group"
-      }, /*#__PURE__*/React.createElement("label", {
-        className: "form-check-label",
-        htmlFor: "addLink"
-      }, t('Link_address')), /*#__PURE__*/React.createElement("input", {
-        onKeyDown: this.onKeyDown,
-        autoFocus: true,
-        type: "url",
-        className: "form-control",
-        id: "addLink",
-        value: url,
-        onChange: this.handleUrlChange
-      }), linkErrorMessage && /*#__PURE__*/React.createElement(Alert, {
-        color: "danger",
-        className: "mt-2"
-      }, t(linkErrorMessage))), /*#__PURE__*/React.createElement("div", {
-        className: "form-group"
-      }, /*#__PURE__*/React.createElement("label", {
-        className: "form-check-label",
-        htmlFor: "addTitle"
-      }, t('Link_title')), /*#__PURE__*/React.createElement("input", {
-        onKeyDown: this.onKeyDown,
-        type: "text",
-        className: "form-control",
-        id: "addTitle",
-        value: title,
-        onChange: this.handleTitleChange
-      }), titleErrorMessage && /*#__PURE__*/React.createElement(Alert, {
-        color: "danger",
-        className: "mt-2"
-      }, t(titleErrorMessage))))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
-        color: "secondary",
-        onClick: this.props.onLinkDialogToggle
-      }, t('Cancel')), /*#__PURE__*/React.createElement(Button, {
-        color: "primary",
-        disabled: false,
-        onClick: this.handleSubmit
-      }, t('Add_link'))));
-    }
-  }]);
-  return AddLinkDialog;
-}(React.PureComponent);
-export default withTranslation('sdoc-editor')(AddLinkDialog);

package/dist/basic-sdk/extension/plugins/link/menu/hover-link-dialog.js

@@ -1,51 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React from 'react';
-import { createPortal } from 'react-dom';
-import { withTranslation } from 'react-i18next';
-import '../../../../assets/css/textlink-hovermenu.css';
-var LinkHoverComponent = /*#__PURE__*/function (_React$Component) {
-  _inherits(LinkHoverComponent, _React$Component);
-  var _super = _createSuper(LinkHoverComponent);
-  function LinkHoverComponent() {
-    _classCallCheck(this, LinkHoverComponent);
-    return _super.apply(this, arguments);
-  }
-  _createClass(LinkHoverComponent, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        menuPosition = _this$props.menuPosition,
-        href = _this$props.href,
-        t = _this$props.t;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, createPortal( /*#__PURE__*/React.createElement("div", {
-        id: "link-op-menu",
-        className: "link-op-menu",
-        style: menuPosition
-      }, /*#__PURE__*/React.createElement("a", {
-        href: href,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "link-op-menu-link"
-      }, t('Open_link')), /*#__PURE__*/React.createElement("div", {
-        className: "link-op-icons d-flex"
-      }, /*#__PURE__*/React.createElement("span", {
-        role: "button",
-        className: "link-op-icon",
-        onClick: this.props.onEditLink
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "sdocfont sdoc-rename"
-      })), /*#__PURE__*/React.createElement("span", {
-        role: "button",
-        className: "link-op-icon",
-        onClick: this.props.onDeleteLink
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "sdocfont sdoc-unlink"
-      })))), document.body));
-    }
-  }]);
-  return LinkHoverComponent;
-}(React.Component);
-export default withTranslation('sdoc-editor')(LinkHoverComponent);

package/dist/basic-sdk/extension/plugins/sdoc-link/menu/index.css

@@ -1,54 +0,0 @@
-.sdoc-link-menu {
-  position: relative;
-}
-
-.sdoc-link-menu .menu-group-item {
-  width: 72px;
-  height: 24px;
-  line-height: 24px;
-  margin-right: 8px;
-  border: none !important;
-  color: #444;
-  background-color: #fff;
-}
-
-.sdoc-link-menu .menu-group-item :first-child {
-  margin-right: 5px;
-}
-
-.sdoc-link-menu .sdoc-link-menu-popover {
-  position: absolute;
-  top: 36px;
-  left: -15px;
-  padding: 8px 0;
-  background-color: #fff;
-  border: 1px solid #e5e6e8;
-  border-radius: 2px;
-  box-shadow: 0 0 10px #ccc;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  z-index: 101;
-  white-space: nowrap;
-  width: 138px;
-}
-
-.sdoc-link-menu .sdoc-link-menu-popover .sdoc-link-menu-item {
-  cursor: pointer;
-  height: 30px;
-  width: 100%;
-  user-select: none;
-  display: flex;
-  align-items: center;
-  font-size: 14px;
-  color: #212529;
-  padding-left: 5px;
-}
-
-.sdoc-link-menu .sdoc-link-menu-popover .sdoc-link-menu-item > span :first-child {
-  padding-right: 8px;
-}
-
-.sdoc-link-menu .sdoc-link-menu-popover .sdoc-link-menu-item:hover {
-  background-color: rgb(245, 245, 245);
-}

package/dist/basic-sdk/extension/toolbar/side-toolbar/side-menu-item.js

@@ -1,35 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useEffect, useState } from 'react';
-var SideMenuItem = function SideMenuItem(_ref) {
-  var menuId = _ref.menuId,
-    iconClass = _ref.iconClass,
-    iconName = _ref.iconName,
-    _ref$hasRight = _ref.hasRight,
-    hasRight = _ref$hasRight === void 0 ? false : _ref$hasRight,
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? null : _ref$children,
-    onClick = _ref.onClick;
-  // onMount
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isShowChildren = _useState2[0],
-    setShowChildren = _useState2[1];
-  useEffect(function () {
-    setShowChildren(!isShowChildren);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    id: menuId,
-    className: "sdoc-side-menu-item",
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "sdoc-side-menu-item__left"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: iconClass
-  }), /*#__PURE__*/React.createElement("span", null, iconName)), hasRight && /*#__PURE__*/React.createElement("span", {
-    className: "sdoc-side-menu-item__right"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "sdocfont sdoc-right-slide"
-  })), isShowChildren && children);
-};
-export default React.memo(SideMenuItem);