@seafile/sdoc-editor 1.0.54 → 1.0.56

package/dist/basic-sdk/extension/plugins/seatable-column/menu/column-list-menu.js

@@ -1,22 +1,29 @@
-import React, { useMemo, useCallback, useRef, useEffect, useState } from 'react';
-import { COLUMNS_ICON_CONFIG } from '../constants/column';
-import { insertSeaTableColumn, getColumnType } from '../helpers';
-import { COLUMN } from '../../../constants/element-type';
-import { isOverflowPortByDirection } from '../../../utils';
-import './column-list-menu.css';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ColumnListMenu;
+var _react = _interopRequireWildcard(require("react"));
+var _column = require("../constants/column");
+var _helpers = require("../helpers");
+var _elementType = require("../../../constants/element-type");
+var _utils = require("../../../utils");
+require("./column-list-menu.css");
 const NOT_SUPPORT_COLUMN_TYPES = ['button', 'file'];
-export default function ColumnListMenu(_ref) {
+function ColumnListMenu(_ref) {
   let {
     editor,
     insertPosition,
     toggle
   } = _ref;
-  const columnRef = useRef(null);
-  const [computedStyle, setComputedStyle] = useState({});
-  useEffect(() => {
+  const columnRef = (0, _react.useRef)(null);
+  const [computedStyle, setComputedStyle] = (0, _react.useState)({});
+  (0, _react.useEffect)(() => {
     if (columnRef.current) {
       // bottom overflow
-      if (isOverflowPortByDirection(columnRef.current, 'bottom')) {
+      if ((0, _utils.isOverflowPortByDirection)(columnRef.current, 'bottom')) {
         return setComputedStyle({
           bottom: '0px'
         });
@@ -27,13 +34,13 @@ export default function ColumnListMenu(_ref) {
       });
     }
   }, []);
-  const columns = useMemo(() => {
+  const columns = (0, _react.useMemo)(() => {
     if (!editor.columns) return [];
     return editor.columns.filter(column => !NOT_SUPPORT_COLUMN_TYPES.includes(column.type));
   }, [editor.columns]);
-  const options = useMemo(() => {
+  const options = (0, _react.useMemo)(() => {
     return columns.map(item => {
-      const iconClass = COLUMNS_ICON_CONFIG[item.type];
+      const iconClass = _column.COLUMNS_ICON_CONFIG[item.type];
       return {
         value: item.key,
         label: item.name,
@@ -42,27 +49,27 @@ export default function ColumnListMenu(_ref) {
     });
   }, [columns]);
   const isActive = editor => {
-    return getColumnType(editor) === COLUMN;
+    return (0, _helpers.getColumnType)(editor) === _elementType.COLUMN;
   };
-  const onMousedown = useCallback(option => {
+  const onMousedown = (0, _react.useCallback)(option => {
     const active = isActive(editor);
-    insertSeaTableColumn(editor, active, option, insertPosition);
+    (0, _helpers.insertSeaTableColumn)(editor, active, option, insertPosition);
     toggle && toggle();
   }, [editor, insertPosition, toggle]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     ref: columnRef,
     className: "column-list-menu",
     style: computedStyle
   }, options.map(option => {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: option.value,
       className: "column-list-menu-item-container",
       onClick: () => onMousedown(option)
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "column-list-menu-item"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "control-icon ".concat(option.iconClass)
-    }), /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: `control-icon ${option.iconClass}`
+    }), /*#__PURE__*/_react.default.createElement("span", {
       className: "control-label"
     }, option.label)));
   }));

package/dist/basic-sdk/extension/plugins/seatable-column/menu/index.js

@@ -1,9 +1,17 @@
-import React, { useRef } from 'react';
-import { MENUS_CONFIG_MAP, ELEMENT_TYPE } from '../../../constants';
-import DropdownMenuItem from '../../../commons/dropdown-menu-item';
-import ColumnListMenu from './column-list-menu';
-import { UncontrolledPopover } from 'reactstrap';
-import { isMenuDisabled } from '../helpers';
+"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 _constants = require("../../../constants");
+var _dropdownMenuItem = _interopRequireDefault(require("../../../commons/dropdown-menu-item"));
+var _columnListMenu = _interopRequireDefault(require("./column-list-menu"));
+var _reactstrap = require("reactstrap");
+var _helpers = require("../helpers");
 const SeaTableColumnMenu = _ref => {
   let {
     editor,
@@ -11,28 +19,28 @@ const SeaTableColumnMenu = _ref => {
     insertPosition,
     toggle
   } = _ref;
-  const dropDownMenuRef = useRef(null);
-  const disabled = isMenuDisabled(editor, readonly);
-  const menuConfig = MENUS_CONFIG_MAP[ELEMENT_TYPE.COLUMN];
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownMenuItem, {
+  const dropDownMenuRef = (0, _react.useRef)(null);
+  const disabled = (0, _helpers.isMenuDisabled)(editor, readonly);
+  const menuConfig = _constants.MENUS_CONFIG_MAP[_constants.ELEMENT_TYPE.COLUMN];
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     disabled: disabled,
     menuConfig: menuConfig,
     className: "pr-2 sdoc-dropdown-menu-item-relative",
     ref: dropDownMenuRef
-  }, !disabled && /*#__PURE__*/React.createElement("i", {
+  }, !disabled && /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
-  }), !disabled && /*#__PURE__*/React.createElement(UncontrolledPopover, {
+  }), !disabled && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
     target: menuConfig.id,
     hideArrow: true,
     trigger: "hover",
     fade: false,
     popperClassName: "seatable-column-popover",
     container: dropDownMenuRef === null || dropDownMenuRef === void 0 ? void 0 : dropDownMenuRef.current
-  }, /*#__PURE__*/React.createElement(ColumnListMenu, {
+  }, /*#__PURE__*/_react.default.createElement(_columnListMenu.default, {
     editor: editor,
     readonly: readonly,
     insertPosition: insertPosition,
     toggle: toggle
   }))));
 };
-export default SeaTableColumnMenu;
+var _default = exports.default = SeaTableColumnMenu;

package/dist/basic-sdk/extension/plugins/seatable-column/model.js

@@ -1,12 +1,18 @@
-import { generateDefaultText } from '../../core';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _core = require("../../core");
 class Column {
   constructor(option) {
     this.type = 'column';
-    this.children = [generateDefaultText()];
+    this.children = [(0, _core.generateDefaultText)()];
     this.data = {
       key: option.value,
       name: option.label
     };
   }
 }
-export default Column;
+var _default = exports.default = Column;

package/dist/basic-sdk/extension/plugins/seatable-column/plugin.js

@@ -1,4 +1,10 @@
-import { ELEMENT_TYPE } from '../../constants';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _constants = require("../../constants");
 const withColumn = editor => {
   const {
     isInline,
@@ -9,16 +15,16 @@ const withColumn = editor => {
     const {
       type
     } = element;
-    if (type === ELEMENT_TYPE.COLUMN) return true;
+    if (type === _constants.ELEMENT_TYPE.COLUMN) return true;
     return isInline(element);
   };
   newEditor.isVoid = element => {
     const {
       type
     } = element;
-    if (type === ELEMENT_TYPE.COLUMN) return true;
+    if (type === _constants.ELEMENT_TYPE.COLUMN) return true;
     return isVoid(element);
   };
   return newEditor;
 };
-export default withColumn;
+var _default = exports.default = withColumn;

package/dist/basic-sdk/extension/plugins/seatable-column/render-elem.js

@@ -1,5 +1,12 @@
-import React, { useState, useEffect } from 'react';
-import { useReadOnly, useSelected } from '@seafile/slate-react';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _slateReact = require("@seafile/slate-react");
 const Column = _ref => {
   let {
     props,
@@ -10,19 +17,19 @@ const Column = _ref => {
     element,
     children
   } = props;
-  const isReadOnly = useReadOnly();
-  const isSelected = useSelected();
+  const isReadOnly = (0, _slateReact.useReadOnly)();
+  const isSelected = (0, _slateReact.useSelected)();
   const data = element.data || {};
   const {
     key: columnKey,
     name: columnName
   } = data;
-  let displayValue = columnName ? "{".concat(columnName, "}") : '';
+  let displayValue = columnName ? `{${columnName}}` : '';
   if (editor.getColumnCellValue) {
     displayValue = editor.getColumnCellValue(columnKey) || 'null';
   }
-  const [isClicked, setIsClicked] = useState(false);
-  useEffect(() => {
+  const [isClicked, setIsClicked] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
     if (isSelected && !isReadOnly) {
       setIsClicked(true);
     } else {
@@ -36,14 +43,14 @@ const Column = _ref => {
       border: '1px solid red'
     })
   };
-  return /*#__PURE__*/React.createElement("span", Object.assign({}, attributes, {
+  return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, attributes, {
     style: style
   }), displayValue, children);
 };
 const renderColumn = (props, editor) => {
-  return /*#__PURE__*/React.createElement(Column, {
+  return /*#__PURE__*/_react.default.createElement(Column, {
     props: props,
     editor: editor
   });
 };
-export default renderColumn;
+var _default = exports.default = renderColumn;

package/dist/basic-sdk/extension/plugins/seatable-tables/draggable/index.js

@@ -1,22 +1,28 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
-import { eventStopPropagation, createObjectWithProperties } from '../../../../../basic-sdk/utils/mouse-event';
-import './index.css';
+"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 _mouseEvent = require("../../../../../basic-sdk/utils/mouse-event");
+require("./index.css");
 // The list of the propTypes that we want to include in the Draggable div
 const knownDivPropertyKeys = ['onDragStart', 'onDragEnd', 'onDrag', 'style'];
-class Draggable extends React.Component {
+class Draggable extends _react.default.Component {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "state", {
+    (0, _defineProperty2.default)(this, "state", {
       drag: null
     });
-    _defineProperty(this, "onMouseDown", e => {
+    (0, _defineProperty2.default)(this, "onMouseDown", e => {
       const drag = this.props.onDragStart(e);
       if (e.preventDefault) {
         e.preventDefault();
       }
-      eventStopPropagation(e);
+      (0, _mouseEvent.eventStopPropagation)(e);
       if (drag === null && e.button !== 0) {
         return;
       }
@@ -28,48 +34,48 @@ class Draggable extends React.Component {
         drag
       });
     });
-    _defineProperty(this, "onMouseMove", e => {
+    (0, _defineProperty2.default)(this, "onMouseMove", e => {
       if (this.state.drag === null) {
         return;
       }
       if (e.preventDefault) {
         e.preventDefault();
       }
-      eventStopPropagation(e);
+      (0, _mouseEvent.eventStopPropagation)(e);
       this.props.onDrag(e);
     });
-    _defineProperty(this, "onMouseUp", e => {
-      eventStopPropagation(e);
+    (0, _defineProperty2.default)(this, "onMouseUp", e => {
+      (0, _mouseEvent.eventStopPropagation)(e);
       this.cleanUp();
       this.props.onDragEnd(e, this.state.drag);
       this.setState({
         drag: null
       });
     });
-    _defineProperty(this, "cleanUp", () => {
+    (0, _defineProperty2.default)(this, "cleanUp", () => {
       window.removeEventListener('mouseup', this.onMouseUp);
       window.removeEventListener('mousemove', this.onMouseMove);
       window.removeEventListener('touchend', this.onMouseUp);
       window.removeEventListener('touchmove', this.onMouseMove);
     });
-    _defineProperty(this, "getKnownDivProps", () => {
-      return createObjectWithProperties(this.props, knownDivPropertyKeys);
+    (0, _defineProperty2.default)(this, "getKnownDivProps", () => {
+      return (0, _mouseEvent.createObjectWithProperties)(this.props, knownDivPropertyKeys);
     });
   }
   componentWillUnmount() {
     this.cleanUp();
   }
   render() {
-    return /*#__PURE__*/React.createElement("div", Object.assign({}, this.getKnownDivProps(), {
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, this.getKnownDivProps(), {
       onMouseDown: this.onMouseDown,
       onTouchStart: this.onMouseDown,
       className: "seatable-column-draggable"
     }));
   }
 }
-_defineProperty(Draggable, "defaultProps", {
+(0, _defineProperty2.default)(Draggable, "defaultProps", {
   onDragStart: () => true,
   onDragEnd: () => {},
   onDrag: () => {}
 });
-export default Draggable;
+var _default = exports.default = Draggable;

package/dist/basic-sdk/extension/plugins/seatable-tables/formatter/collaborator-wrapper.js

@@ -1,15 +1,22 @@
-import _CreatorFormatter from "dtable-ui-component/lib/CreatorFormatter";
-import _CollaboratorFormatter from "dtable-ui-component/lib/CollaboratorFormatter";
-import _Loading from "dtable-ui-component/lib/Loading";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
-import EventBus from '../../../../utils/event-bus';
-import { EXTERNAL_EVENT } from '../../../../../constants';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomCreatorFormatter = exports.CustomCollaboratorFormatter = void 0;
+var _CreatorFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/CreatorFormatter"));
+var _CollaboratorFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/CollaboratorFormatter"));
+var _Loading2 = _interopRequireDefault(require("dtable-ui-component/lib/Loading"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
+var _constants = require("../../../../../constants");
 function withCollaborators(Component) {
-  return class Wrapper extends React.Component {
+  return class Wrapper extends _react.default.Component {
     constructor(props) {
       super(props);
-      _defineProperty(this, "getFormattedCellValue", () => {
+      (0, _defineProperty2.default)(this, "getFormattedCellValue", () => {
         const {
           value
         } = this.props;
@@ -20,7 +27,7 @@ function withCollaborators(Component) {
         const formattedCellValue = isSingleValue ? [value] : value;
         return formattedCellValue;
       });
-      _defineProperty(this, "onCollaboratorsChanged", emailUserMap => {
+      (0, _defineProperty2.default)(this, "onCollaboratorsChanged", emailUserMap => {
         const {
           isLoading
         } = this.state;
@@ -73,8 +80,8 @@ function withCollaborators(Component) {
         });
         return;
       }
-      const eventBus = EventBus.getInstance();
-      this.unsubscribeUsersChanged = eventBus.subscribe(EXTERNAL_EVENT.COLLABORATORS_UPDATED, this.onCollaboratorsChanged);
+      const eventBus = _eventBus.default.getInstance();
+      this.unsubscribeUsersChanged = eventBus.subscribe(_constants.EXTERNAL_EVENT.COLLABORATORS_UPDATED, this.onCollaboratorsChanged);
     }
     render() {
       const {
@@ -82,13 +89,13 @@ function withCollaborators(Component) {
         collaborators
       } = this.state;
       if (isLoading) {
-        return /*#__PURE__*/React.createElement(_Loading, null);
+        return /*#__PURE__*/_react.default.createElement(_Loading2.default, null);
       }
       const {
         value,
         containerClassName
       } = this.props;
-      return /*#__PURE__*/React.createElement(Component, {
+      return /*#__PURE__*/_react.default.createElement(Component, {
         collaborators: collaborators,
         value: value,
         containerClassName: containerClassName
@@ -96,6 +103,5 @@ function withCollaborators(Component) {
     }
   };
 }
-const CustomCollaboratorFormatter = withCollaborators(_CollaboratorFormatter);
-const CustomCreatorFormatter = withCollaborators(_CreatorFormatter);
-export { CustomCollaboratorFormatter, CustomCreatorFormatter };
+const CustomCollaboratorFormatter = exports.CustomCollaboratorFormatter = withCollaborators(_CollaboratorFormatter2.default);
+const CustomCreatorFormatter = exports.CustomCreatorFormatter = withCollaborators(_CreatorFormatter2.default);