@seafile/sdoc-editor 1.0.54 → 1.0.56

package/dist/basic-sdk/extension/commons/color-menu/index.js

@@ -1,14 +1,22 @@
-import React, { useCallback, useRef, useState } from 'react';
-import { withTranslation } from 'react-i18next';
-import classnames from 'classnames';
-import { UncontrolledPopover } from 'reactstrap';
-import { ChromePicker } from 'react-color';
-import { DEFAULT_COLORS, STANDARD_COLORS, DEFAULT_RECENT_USED_LIST } from '../../constants';
-import { LocalStorage } from '../../../../utils';
-import { eventStopPropagation } from '../../../utils/mouse-event';
-import ColorItem from './color-item';
-import Tooltip from '../../../../components/tooltip';
-import './index.css';
+"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 _reactI18next = require("react-i18next");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactstrap = require("reactstrap");
+var _reactColor = require("react-color");
+var _constants = require("../../constants");
+var _utils = require("../../../../utils");
+var _mouseEvent = require("../../../utils/mouse-event");
+var _colorItem = _interopRequireDefault(require("./color-item"));
+var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
+require("./index.css");
 const ColorMenu = _ref => {
   let {
     iconClass,
@@ -26,12 +34,12 @@ const ColorMenu = _ref => {
     lastUsedColor,
     updateLastUsedColor
   } = _ref;
-  const popoverRef = useRef(null);
-  const moreColorsPopoverRef = useRef(null);
-  const [recentUsedColors, setRecentUsedColors] = useState(LocalStorage.getItem(recentUsedColorsKey, DEFAULT_RECENT_USED_LIST));
-  const [isShowMenu, setMenuShow] = useState(false);
-  const [isPickerShow, setPickerShow] = useState(false);
-  const onSetColor = useCallback(function (color) {
+  const popoverRef = (0, _react.useRef)(null);
+  const moreColorsPopoverRef = (0, _react.useRef)(null);
+  const [recentUsedColors, setRecentUsedColors] = (0, _react.useState)(_utils.LocalStorage.getItem(recentUsedColorsKey, _constants.DEFAULT_RECENT_USED_LIST));
+  const [isShowMenu, setMenuShow] = (0, _react.useState)(false);
+  const [isPickerShow, setPickerShow] = (0, _react.useState)(false);
+  const onSetColor = (0, _react.useCallback)(function (color) {
     let shouldClose = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     if (disabled) return;
     const validColor = color || '';
@@ -39,7 +47,7 @@ const ColorMenu = _ref => {
     if (validColor !== '' && recentUsedColors[0] !== validColor) {
       let newRecentUsedColors = recentUsedColors.slice(0, 9);
       newRecentUsedColors.unshift(validColor);
-      LocalStorage.setItem(recentUsedColorsKey, newRecentUsedColors);
+      _utils.LocalStorage.setItem(recentUsedColorsKey, newRecentUsedColors);
       setRecentUsedColors(newRecentUsedColors);
     }
     updateLastUsedColor && updateLastUsedColor(validColor);
@@ -50,7 +58,7 @@ const ColorMenu = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [recentUsedColors, recentUsedColorsKey, isShowMenu, isPickerShow, disabled]);
-  const setColorProxy = useCallback(event => {
+  const setColorProxy = (0, _react.useCallback)(event => {
     if (event.target.className.includes('sdoc-color-item')) {
       const color = event.target.dataset.color;
       onSetColor(color);
@@ -58,31 +66,31 @@ const ColorMenu = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [recentUsedColors, recentUsedColorsKey, isShowMenu, isPickerShow]);
-  const toggle = useCallback(() => {
+  const toggle = (0, _react.useCallback)(() => {
     if (isPickerShow) return;
     popoverRef.current.toggle();
     setMenuShow(!isShowMenu);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isShowMenu, isPickerShow]);
-  const moreColorsPopoverToggle = useCallback(() => {
+  const moreColorsPopoverToggle = (0, _react.useCallback)(() => {
     moreColorsPopoverRef.current.toggle();
     setPickerShow(!isPickerShow);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [moreColorsPopoverRef, isPickerShow]);
-  const onClick = useCallback(event => {
-    eventStopPropagation(event);
+  const onClick = (0, _react.useCallback)(event => {
+    (0, _mouseEvent.eventStopPropagation)(event);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const onChange = useCallback(color => {
+  const onChange = (0, _react.useCallback)(color => {
     const validColor = color.hex;
     onSetColor(validColor, false);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [disabled]);
-  const validClassName = classnames(className, 'sdoc-color-menu sdoc-menu-with-dropdown', {
+  const validClassName = (0, _classnames.default)(className, 'sdoc-color-menu sdoc-menu-with-dropdown', {
     'menu-show': isShowMenu,
     'disabled': disabled,
     'rich-icon-btn d-flex': isRichEditor,
@@ -90,102 +98,102 @@ const ColorMenu = _ref => {
     'rich-icon-btn-hover': isRichEditor && !disabled,
     'btn btn-icon btn-secondary btn-active d-flex': !isRichEditor
   });
-  const setLastUsedColor = useCallback(event => {
-    eventStopPropagation(event);
+  const setLastUsedColor = (0, _react.useCallback)(event => {
+    (0, _mouseEvent.eventStopPropagation)(event);
     onSetColor(lastUsedColor, false);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [recentUsedColors, lastUsedColor, disabled]);
-  const buttonId = "button-".concat(id);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+  const buttonId = `button-${id}`;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     className: validClassName,
     id: buttonId,
     disabled: disabled
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classnames('last-used-color-container sdoc-menu-with-dropdown-icon', {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('last-used-color-container sdoc-menu-with-dropdown-icon', {
       'disabled': disabled
     }),
     onClick: setLastUsedColor
-  }, /*#__PURE__*/React.createElement("i", {
-    className: classnames(iconClass, 'sdoc-color-icon')
-  }), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: (0, _classnames.default)(iconClass, 'sdoc-color-icon')
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "last-used-color",
     style: {
       backgroundColor: lastUsedColor || 'unset'
     }
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     id: id,
     className: "sdoc-color-toggle sdoc-menu-with-dropdown-triangle"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down')
-  }))), text && /*#__PURE__*/React.createElement(Tooltip, {
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: `sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-${isShowMenu ? 'caret-up' : 'drop-down'}`
+  }))), text && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     target: buttonId
-  }, t(text)), !disabled && /*#__PURE__*/React.createElement(UncontrolledPopover, {
+  }, t(text)), !disabled && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
     target: id,
-    className: classnames('sdoc-color-menu-popover', popoverClassName),
+    className: (0, _classnames.default)('sdoc-color-menu-popover', popoverClassName),
     trigger: "legacy",
     placement: "bottom-start",
     hideArrow: true,
     toggle: toggle,
     fade: false,
     ref: popoverRef
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu sdoc-color-dropdown-menu"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "p-3 d-flex flex-column"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-color-no-color-container"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-color-no-color-content",
     onClick: () => onSetColor(defaultColor)
-  }, defaultColorTip || t('No_color'))), /*#__PURE__*/React.createElement("div", {
+  }, defaultColorTip || t('No_color'))), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-color-default-colors-container",
     onClick: setColorProxy
-  }, DEFAULT_COLORS.map((color, index) => {
-    return /*#__PURE__*/React.createElement(ColorItem, {
-      key: "default-color-".concat(index),
+  }, _constants.DEFAULT_COLORS.map((color, index) => {
+    return /*#__PURE__*/_react.default.createElement(_colorItem.default, {
+      key: `default-color-${index}`,
       color: color,
       lastUsedColor: lastUsedColor
     });
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-color-standard-colors-container"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-color-sub-title"
-  }, t('Standard_color')), /*#__PURE__*/React.createElement("div", {
+  }, t('Standard_color')), /*#__PURE__*/_react.default.createElement("div", {
     className: "d-flex",
     onClick: setColorProxy
-  }, STANDARD_COLORS.map((color, index) => {
-    return /*#__PURE__*/React.createElement(ColorItem, {
-      key: "standard-color-".concat(index),
+  }, _constants.STANDARD_COLORS.map((color, index) => {
+    return /*#__PURE__*/_react.default.createElement(_colorItem.default, {
+      key: `standard-color-${index}`,
       color: color,
       lastUsedColor: lastUsedColor
     });
-  }))), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-color-recent-used-colors-container"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-color-sub-title"
-  }, t('Recently_used')), /*#__PURE__*/React.createElement("div", {
+  }, t('Recently_used')), /*#__PURE__*/_react.default.createElement("div", {
     className: "d-flex",
     onClick: setColorProxy
   }, recentUsedColors.map((color, index) => {
-    return /*#__PURE__*/React.createElement(ColorItem, {
-      key: "standard-color-".concat(index),
+    return /*#__PURE__*/_react.default.createElement(_colorItem.default, {
+      key: `standard-color-${index}`,
       color: {
         value: color,
         name: color
       }
     });
-  })))), /*#__PURE__*/React.createElement("div", {
+  })))), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-colors-divider"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classnames('sdoc-more-colors pr-2', {
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('sdoc-more-colors pr-2', {
       'show-pick': isPickerShow
     }),
     id: "sdoc-more-colors"
-  }, /*#__PURE__*/React.createElement("span", null, t('More_color')), /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("span", null, t('More_color')), /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-right-slide"
-  })), /*#__PURE__*/React.createElement(UncontrolledPopover, {
+  })), /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
     target: "sdoc-more-colors",
     className: "sdoc-more-colors-popover",
     trigger: "hover",
@@ -194,10 +202,10 @@ const ColorMenu = _ref => {
     fade: false,
     toggle: moreColorsPopoverToggle,
     ref: moreColorsPopoverRef
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-more-colors-container",
     onClick: onClick
-  }, /*#__PURE__*/React.createElement(ChromePicker, {
+  }, /*#__PURE__*/_react.default.createElement(_reactColor.ChromePicker, {
     disableAlpha: true,
     color: lastUsedColor || '',
     onChange: onChange
@@ -207,4 +215,4 @@ ColorMenu.defaultProps = {
   isRichEditor: true,
   className: 'menu-group-item'
 };
-export default withTranslation('sdoc-editor')(ColorMenu);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(ColorMenu);

package/dist/basic-sdk/extension/commons/dropdown-menu-item/index.js

@@ -1,9 +1,17 @@
-import React, { useState, useEffect, forwardRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import classnames from 'classnames';
-import MenuShortcutPrompt from '../menu-shortcut-indicator';
-import './index.css';
-const DropdownMenuItem = forwardRef((props, ref) => {
+"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 _reactI18next = require("react-i18next");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _menuShortcutIndicator = _interopRequireDefault(require("../menu-shortcut-indicator"));
+require("./index.css");
+const DropdownMenuItem = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
     disabled,
     onClick,
@@ -14,19 +22,19 @@ const DropdownMenuItem = forwardRef((props, ref) => {
   } = props;
   const {
     t
-  } = useTranslation();
+  } = (0, _reactI18next.useTranslation)();
   const {
     iconClass
   } = menuConfig;
-  const [isShowChildren, setShowChildren] = useState(false);
+  const [isShowChildren, setShowChildren] = (0, _react.useState)(false);
 
   // onMount
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     setShowChildren(!isShowChildren);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames('sdoc-dropdown-menu-item', className, {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('sdoc-dropdown-menu-item', className, {
       'disabled': disabled,
       'sdoc-dropdown-item-with-left-icon': iconClass,
       'sdoc-link-dropdown-menu-item': shortcut
@@ -34,14 +42,14 @@ const DropdownMenuItem = forwardRef((props, ref) => {
     id: menuConfig.id || '',
     onClick: disabled ? () => {} : onClick || (() => {}),
     ref: ref
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-item-content"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-item-left"
-  }, iconClass && /*#__PURE__*/React.createElement("i", {
-    className: classnames(iconClass, 'sdoc-dropdown-item-content-icon')
-  }), /*#__PURE__*/React.createElement("span", null, t(menuConfig.text))), shortcut && /*#__PURE__*/React.createElement(MenuShortcutPrompt, {
+  }, iconClass && /*#__PURE__*/_react.default.createElement("i", {
+    className: (0, _classnames.default)(iconClass, 'sdoc-dropdown-item-content-icon')
+  }), /*#__PURE__*/_react.default.createElement("span", null, t(menuConfig.text))), shortcut && /*#__PURE__*/_react.default.createElement(_menuShortcutIndicator.default, {
     shortcuts: shortcut
   })), isShowChildren && children);
 });
-export default DropdownMenuItem;
+var _default = exports.default = DropdownMenuItem;

package/dist/basic-sdk/extension/commons/element-popover/index.js

@@ -1,10 +1,17 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
-import ReactDOM from 'react-dom';
-class ElementPopover extends React.Component {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+class ElementPopover extends _react.default.Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "state", {
+    (0, _defineProperty2.default)(this, "state", {
       isMounted: false
     });
     this.el = document.createElement('div');
@@ -34,7 +41,7 @@ class ElementPopover extends React.Component {
     document.body.removeChild(this.el);
   }
   render() {
-    return ReactDOM.createPortal(this.props.children, this.el);
+    return /*#__PURE__*/_reactDom.default.createPortal(this.props.children, this.el);
   }
 }
-export default ElementPopover;
+var _default = exports.default = ElementPopover;