dtable-ui-component 7.0.13 → 7.0.15

package/lib/CheckboxEditor/pc-editor.js

@@ -15,9 +15,10 @@ class PCCheckboxEditor extends _react.Component {
   constructor(props) {
     super(props);
     this.onKeyDown = event => {
-      const _this$props = this.props,
-        isEditorShow = _this$props.isEditorShow,
-        readOnly = _this$props.readOnly;
+      const {
+        isEditorShow,
+        readOnly
+      } = this.props;
       if (event.keyCode === _constants.KeyCodes.Enter && isEditorShow && !readOnly) {
         this.setState({
           value: !this.state.value
@@ -25,7 +26,9 @@ class PCCheckboxEditor extends _react.Component {
       }
     };
     this.getValue = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       return value;
     };
     this.updateValue = value => {
@@ -37,14 +40,18 @@ class PCCheckboxEditor extends _react.Component {
       });
     };
     this.onChangeCheckboxValue = event => {
-      const readOnly = this.props.readOnly;
+      const {
+        readOnly
+      } = this.props;
       if (readOnly) return;
       if (event) {
         event.stopPropagation();
         event.nativeEvent.stopImmediatePropagation();
         event.persist();
       }
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       const newValue = !value;
       this.setState({
         value: newValue
@@ -75,7 +82,9 @@ class PCCheckboxEditor extends _react.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   componentDidUpdate(prevProps) {
-    const value = this.props.value;
+    const {
+      value
+    } = this.props;
     if (value !== prevProps.value) {
       this.setState({
         value
@@ -84,11 +93,14 @@ class PCCheckboxEditor extends _react.Component {
   }
   render() {
     var _column$data;
-    const _this$props2 = this.props,
-      className = _this$props2.className,
-      style = _this$props2.style,
-      column = _this$props2.column;
-    const value = this.state.value;
+    const {
+      className,
+      style,
+      column
+    } = this.props;
+    const {
+      value
+    } = this.state;
     let checkboxStyle = column === null || column === void 0 ? void 0 : (_column$data = column.data) === null || _column$data === void 0 ? void 0 : _column$data.checkbox_style;
     if (!checkboxStyle || Object.keys(checkboxStyle).length < 2) {
       checkboxStyle = _constants.DEFAULT_CHECKBOX_MARK_STYLE;

package/lib/CheckboxFormatter/index.js

@@ -26,10 +26,11 @@ class CheckboxFormatter extends _react.default.PureComponent {
     };
   }
   render() {
-    let _this$props = this.props,
-      value = _this$props.value,
-      containerClassName = _this$props.containerClassName,
-      checkboxStyle = _this$props.checkboxStyle;
+    let {
+      value,
+      containerClassName,
+      checkboxStyle
+    } = this.props;
     if (!checkboxStyle || !('type' in checkboxStyle && 'color' in checkboxStyle)) {
       checkboxStyle = _constants.DEFAULT_CHECKBOX_MARK_STYLE;
     }

package/lib/CollaboratorEditor/index.js

@@ -6,41 +6,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["isMobile", "value"];
 const CollaboratorEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let isMobile = _ref.isMobile,
-    oldValue = _ref.value,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  let {
+    isMobile,
+    value: oldValue,
+    ...props
+  } = _ref;
   const value = Array.isArray(oldValue) ? oldValue : [];
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+    ...props,
     value: value,
     ref: ref
-  }));
-  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  });
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+    ...props,
     value: value,
     ref: ref
-  }));
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(min-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
         value: value,
         ref: ref
-      }))
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(max-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
         value: value,
         ref: ref
-      }))
+      })
     })]
   });
 });

package/lib/CollaboratorEditor/mb-editor/index.js

@@ -12,10 +12,12 @@ var _lang = require("../../lang");
 var _CollaboratorItem = _interopRequireDefault(require("../../CollaboratorItem"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const Search = _MobileSelector.default.Search,
-  Option = _MobileSelector.default.Option,
-  Options = _MobileSelector.default.Options,
-  Empty = _MobileSelector.default.Empty;
+const {
+  Search,
+  Option,
+  Options,
+  Empty
+} = _MobileSelector.default;
 class MBCollaboratorEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -24,7 +26,9 @@ class MBCollaboratorEditor extends _react.default.Component {
       this.props.onClose();
     };
     this.onChangeSearch = newValue => {
-      let searchVal = this.state.searchVal;
+      let {
+        searchVal
+      } = this.state;
       if (searchVal === newValue) return;
       this.setState({
         searchVal: newValue
@@ -34,8 +38,9 @@ class MBCollaboratorEditor extends _react.default.Component {
       this.props.onCommit(collaborator);
     };
     this.renderCollaborators = collaborators => {
-      const _this$props$value = this.props.value,
-        value = _this$props$value === void 0 ? [] : _this$props$value;
+      const {
+        value = []
+      } = this.props;
       return collaborators.map(collaborator => {
         const isSelected = value.includes(collaborator.email);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(Option, {
@@ -59,10 +64,13 @@ class MBCollaboratorEditor extends _react.default.Component {
     window.removeEventListener('popstate', this.handleHistoryBack, false);
   }
   render() {
-    const _this$props = this.props,
-      column = _this$props.column,
-      collaborators = _this$props.collaborators;
-    const searchVal = this.state.searchVal;
+    const {
+      column,
+      collaborators
+    } = this.props;
+    const {
+      searchVal
+    } = this.state;
     const displayCollaborators = searchVal ? (0, _dtableUtils.searchCollaborators)(collaborators, searchVal) : collaborators;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileSelector.default, {
       onClose: this.props.onClose,

package/lib/CollaboratorEditor/pc-editor/index.js

@@ -21,7 +21,9 @@ class PCCollaboratorEditor extends _react.default.Component {
     super(props);
     this.onValueChanged = newSearchValue => {
       if (newSearchValue === this.state.searchValue) return;
-      const collaborators = this.props.collaborators;
+      const {
+        collaborators
+      } = this.props;
       this.filteredCollaborators = (0, _dtableUtils.searchCollaborators)(collaborators, newSearchValue);
       this.setState({
         highlightIndex: this.filteredCollaborators.length > 0 ? 0 : -1,
@@ -32,7 +34,9 @@ class PCCollaboratorEditor extends _react.default.Component {
       this.props.onCommit(collaborator);
     };
     this.getFilterCollaborator = () => {
-      const collaborators = this.props.collaborators;
+      const {
+        collaborators
+      } = this.props;
       const searchValue = this.state.searchValue.toLowerCase();
       if (!searchValue) return collaborators;
       return (0, _dtableUtils.searchCollaborators)(collaborators, searchValue);
@@ -73,10 +77,11 @@ class PCCollaboratorEditor extends _react.default.Component {
     this.onUpArrow = e => {
       e.preventDefault();
       e.stopPropagation();
-      let _this$state = this.state,
-        highlightIndex = _this$state.highlightIndex,
-        maxItemNum = _this$state.maxItemNum,
-        itemHeight = _this$state.itemHeight;
+      let {
+        highlightIndex,
+        maxItemNum,
+        itemHeight
+      } = this.state;
       if (highlightIndex > 0) {
         this.setState({
           highlightIndex: highlightIndex - 1
@@ -96,10 +101,11 @@ class PCCollaboratorEditor extends _react.default.Component {
     this.onDownArrow = e => {
       e.preventDefault();
       e.stopPropagation();
-      let _this$state2 = this.state,
-        highlightIndex = _this$state2.highlightIndex,
-        maxItemNum = _this$state2.maxItemNum,
-        itemHeight = _this$state2.itemHeight;
+      let {
+        highlightIndex,
+        maxItemNum,
+        itemHeight
+      } = this.state;
       if (highlightIndex < this.filteredCollaborators.length - 1) {
         this.setState({
           highlightIndex: highlightIndex + 1
@@ -119,11 +125,12 @@ class PCCollaboratorEditor extends _react.default.Component {
     this.onEsc = e => {
       e.preventDefault();
       e.stopPropagation();
-      const _this$props = this.props,
-        isInModal = _this$props.isInModal,
-        value = _this$props.value,
-        onCommitCancel = _this$props.onCommitCancel,
-        onClose = _this$props.onClose;
+      const {
+        isInModal,
+        value,
+        onCommitCancel,
+        onClose
+      } = this.props;
       if (isInModal) {
         onClose && onClose();
         return;
@@ -165,10 +172,11 @@ class PCCollaboratorEditor extends _react.default.Component {
       }
     }
     if (!this.props.isInModal && this.ref) {
-      const _this$ref$getBounding = this.ref.getBoundingClientRect(),
-        bottom = _this$ref$getBounding.bottom;
+      const {
+        bottom
+      } = this.ref.getBoundingClientRect();
       if (bottom > window.innerHeight) {
-        this.ref.style.top = "".concat(window.innerHeight - bottom, "px");
+        this.ref.style.top = `${window.innerHeight - bottom}px`;
       }
     }
     if (this.container && this.collaboratorItem) {
@@ -190,14 +198,15 @@ class PCCollaboratorEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onHotKey, true);
   }
   render() {
-    const _this$state3 = this.state,
-      searchValue = _this$state3.searchValue,
-      highlightIndex = _this$state3.highlightIndex;
-    const _this$props2 = this.props,
-      isInModal = _this$props2.isInModal,
-      _this$props2$value = _this$props2.value,
-      value = _this$props2$value === void 0 ? [] : _this$props2$value,
-      target = _this$props2.target;
+    const {
+      searchValue,
+      highlightIndex
+    } = this.state;
+    const {
+      isInModal,
+      value = [],
+      target
+    } = this.props;
     const dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-editor-container dtable-ui-collaborator-editor-container",
       ref: ref => this.ref = ref,

package/lib/CollaboratorFormatter/index.js

@@ -20,11 +20,12 @@ class CollaboratorFormatter extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
     this.getCollaborators = () => {
-      let _this$props = this.props,
-        value = _this$props.value,
-        collaborators = _this$props.collaborators,
-        enableDeleteCollaborator = _this$props.enableDeleteCollaborator,
-        onDeleteCollaborator = _this$props.onDeleteCollaborator;
+      let {
+        value,
+        collaborators,
+        enableDeleteCollaborator,
+        onDeleteCollaborator
+      } = this.props;
       if (!Array.isArray(value)) {
         value = [value];
       }
@@ -45,9 +46,10 @@ class CollaboratorFormatter extends _react.default.PureComponent {
     };
   }
   render() {
-    const _this$props2 = this.props,
-      containerClassName = _this$props2.containerClassName,
-      value = _this$props2.value;
+    const {
+      containerClassName,
+      value
+    } = this.props;
     const classname = (0, _classnames.default)('dtable-ui cell-formatter-container collaborator-formatter', containerClassName);
     if (!value || Array.isArray(value) && value.length === 0) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/CollaboratorItem/index.js

@@ -19,10 +19,11 @@ class CollaboratorItem extends _react.default.Component {
     };
   }
   render() {
-    const _this$props = this.props,
-      className = _this$props.className,
-      collaborator = _this$props.collaborator,
-      enableDeleteCollaborator = _this$props.enableDeleteCollaborator;
+    const {
+      className,
+      collaborator,
+      enableDeleteCollaborator
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       title: collaborator.name,
       className: (0, _classnames.default)('dtable-ui collaborator-item', className),

package/lib/CollapsibleSettingLayout/index.js

@@ -1,24 +1,22 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const CollapsibleSettingLayout = props => {
-  const className = props.className,
-    title = props.title,
-    children = props.children;
-  const _useState = (0, _react.useState)(true),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isShowSettings = _useState2[0],
-    setIsShowSettings = _useState2[1];
+  const {
+    className,
+    title,
+    children
+  } = props;
+  const [isShowSettings, setIsShowSettings] = (0, _react.useState)(true);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames.default)('collapsible-setting-layout', className),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -30,7 +28,7 @@ const CollapsibleSettingLayout = props => {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "seatable-icon-btn",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-          className: "dtable-font dtable-icon-right".concat(isShowSettings ? ' dtable-icon-spin' : '')
+          className: `dtable-font dtable-icon-right${isShowSettings ? ' dtable-icon-spin' : ''}`
         })
       })]
     }), isShowSettings && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/Comment/body/comment.js

@@ -28,9 +28,10 @@ class Comment extends _react.PureComponent {
       const mdString = mdFile.replaceAll('&', '&');
       _seafileEditor.processor.process(mdString).then(result => {
         let commentContent = String(result);
-        let _this$props = this.props,
-          isScrollBottom = _this$props.isScrollBottom,
-          onScrollBottom = _this$props.onScrollBottom;
+        let {
+          isScrollBottom,
+          onScrollBottom
+        } = this.props;
         this.setState({
           commentContent: commentContent
         });
@@ -75,11 +76,15 @@ class Comment extends _react.PureComponent {
       });
     };
     this.isCommentUserExist = commentItem => {
-      const collaborators = this.props.collaborators;
+      const {
+        collaborators
+      } = this.props;
       return !!collaborators.find(collaborator => collaborator.email === commentItem.author);
     };
     this.renderInfo = comment => {
-      const collaborators = this.props.collaborators;
+      const {
+        collaborators
+      } = this.props;
       let authorInfo = Array.isArray(collaborators) && collaborators.find(collaborator => comment.author === collaborator.email);
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
@@ -125,16 +130,19 @@ class Comment extends _react.PureComponent {
     }
   }
   render() {
-    const _this$props2 = this.props,
-      comment = _this$props2.comment,
-      onResolve = _this$props2.onResolve,
-      onDelete = _this$props2.onDelete;
-    const username = window.dtable.username;
+    const {
+      comment,
+      onResolve,
+      onDelete
+    } = this.props;
+    const {
+      username
+    } = window.dtable;
     const moreOperationsText = (0, _lang.getLocale)('More_operations');
     if (!this.isCommentUserExist(comment)) return null;
     const isShowDropdownMenu = comment.author === username || !comment.resolved;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "dtable-ui-comment-container ".concat(comment.resolved ? 'dtable-ui-comment-container-resolved' : ''),
+      className: `dtable-ui-comment-container ${comment.resolved ? 'dtable-ui-comment-container-resolved' : ''}`,
       id: comment.id,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "dtable-ui-comment-info",

package/lib/Comment/body/index.js

@@ -5,18 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _lang = require("../../lang");
 var _comment = _interopRequireDefault(require("./comment"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["comments", "isFirstLoading"];
 const Body = _ref => {
-  let comments = _ref.comments,
-    isFirstLoading = _ref.isFirstLoading,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  let {
+    comments,
+    isFirstLoading,
+    ...props
+  } = _ref;
   if (comments.length === 0) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "dtable-ui-comments-empty",
@@ -25,10 +24,11 @@ const Body = _ref => {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: comments.map((comment, index) => {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_comment.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_comment.default, {
+        ...props,
         comment: comment,
         isScrollBottom: index === comments.length - 1 && isFirstLoading
-      }), comment.id);
+      }, comment.id);
     })
   });
 };

package/lib/Comment/footer/btns/index.js

@@ -40,7 +40,9 @@ class Btns extends _react.default.Component {
       this.props.onInsertElement(uploadFileMessage.url, 'image');
     };
     this.getCollaboratorContent = () => {
-      const collaborators = this.props.collaborators;
+      const {
+        collaborators
+      } = this.props;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "comment-popover-list",
         children: collaborators.map(participant => {
@@ -73,9 +75,10 @@ class Btns extends _react.default.Component {
     return nextProps.isAdding !== this.props.isAdding || nextState.isShowPopover !== this.state.isShowPopover;
   }
   render() {
-    const _this$props = this.props,
-      isAdding = _this$props.isAdding,
-      canUpdateParticipants = _this$props.canUpdateParticipants;
+    const {
+      isAdding,
+      canUpdateParticipants
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "dtable-ui-comment-input-btns",

package/lib/Comment/footer/index.js

@@ -17,8 +17,10 @@ class Footer extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.initParticipants = props => {
-      const row = props.row,
-        collaborators = props.collaborators;
+      const {
+        row,
+        collaborators
+      } = props;
       if (row._participants && Array.isArray(row._participants)) {
         let rowParticipants = row._participants.filter(Boolean);
         rowParticipants = rowParticipants.filter(participant => {
@@ -43,8 +45,12 @@ class Footer extends _react.default.Component {
     };
     this.addParticipant = email => {
       if (!email) return;
-      const participants = this.state.participants;
-      const collaborators = this.props.collaborators;
+      const {
+        participants
+      } = this.state;
+      const {
+        collaborators
+      } = this.props;
       const isExist = participants.some(participant => participant.email === email);
       if (isExist) return;
       let newParticipantList = participants.slice(0);
@@ -58,7 +64,7 @@ class Footer extends _react.default.Component {
       let start = 0;
       let newValue = '';
       while ((match = regex.exec(value)) !== null) {
-        let notificationName = "".concat(match[1]);
+        let notificationName = `${match[1]}`;
         let substr = value.substring(start, match.index);
         start = regex.lastIndex;
         newValue += substr + notificationName;
@@ -100,7 +106,9 @@ class Footer extends _react.default.Component {
       const comment = this.convertComment(commentValue);
       if (!comment.trim()) return;
       this.addComment(comment);
-      const username = window.dtable.username;
+      const {
+        username
+      } = window.dtable;
       this.addParticipant(username);
     };
     this.onInsertElement = (content, nodeType) => {
@@ -122,10 +130,13 @@ class Footer extends _react.default.Component {
     }
   }
   render() {
-    const _this$state = this.state,
-      isAdding = _this$state.isAdding,
-      participants = _this$state.participants;
-    const collaborators = this.props.collaborators;
+    const {
+      isAdding,
+      participants
+    } = this.state;
+    const {
+      collaborators
+    } = this.props;
     const canUpdateParticipants = Boolean(this.props.onChangeParticipants);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-comments-footer",