dtable-ui-component 7.0.13 → 7.0.15

package/lib/RowExpandEditor/url-editor/index.js

@@ -1,12 +1,11 @@
 "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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
@@ -16,14 +15,16 @@ const RowExpandUrlEditor = /*#__PURE__*/(0, _react.forwardRef)((props, 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,
         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,
         ref: ref
-      }))
+      })
     })]
   });
 });

package/lib/RowExpandEditor/url-editor/mb-editor/index.js

@@ -15,7 +15,9 @@ class RowExpandMBUrlEditor extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onBlur = () => {
-      const onCommit = this.props.onCommit;
+      const {
+        onCommit
+      } = this.props;
       onCommit(this.state.value.trim());
     };
     this.onChange = e => {
@@ -32,14 +34,16 @@ class RowExpandMBUrlEditor extends _react.default.Component {
       e.stopPropagation();
     };
     this.onOpenUrlLink = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       let newValue = value.trim();
       if (!(0, _utils.isValidUrl)(newValue)) {
-        newValue = "http://".concat(newValue);
+        newValue = `http://${newValue}`;
       }
       try {
         (0, _utils.openUrlLink)(newValue);
-      } catch (_unused) {
+      } catch {
         _toaster.default.danger((0, _lang.getLocale)('URL_is_invalid'));
       }
     };
@@ -48,8 +52,10 @@ class RowExpandMBUrlEditor extends _react.default.Component {
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row;
+    const {
+      column,
+      row
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[this.props.valueKey]] || ''
@@ -57,7 +63,9 @@ class RowExpandMBUrlEditor extends _react.default.Component {
     }
   }
   render() {
-    const value = this.state.value;
+    const {
+      value
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-mobile-row-expand-input-editor-container position-relative dtable-ui-mobile-row-expand-url-editor-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {

package/lib/RowExpandEditor/url-editor/pc-editor/index.js

@@ -27,7 +27,9 @@ class RowExpandPCUrlEditor extends _react.default.Component {
       }, 1);
     };
     this.onBlur = () => {
-      const onCommit = this.props.onCommit;
+      const {
+        onCommit
+      } = this.props;
       onCommit(this.state.value.trim());
     };
     this.onFocus = e => {
@@ -52,23 +54,26 @@ class RowExpandPCUrlEditor extends _react.default.Component {
         this.blurInput();
         return;
       }
-      const _event$currentTarget = event.currentTarget,
-        selectionStart = _event$currentTarget.selectionStart,
-        selectionEnd = _event$currentTarget.selectionEnd,
-        value = _event$currentTarget.value;
+      const {
+        selectionStart,
+        selectionEnd,
+        value
+      } = event.currentTarget;
       if (event.keyCode === _constants.KeyCodes.ChineseInputMethod || event.keyCode === _constants.KeyCodes.LeftArrow && selectionStart === 0 || event.keyCode === _constants.KeyCodes.RightArrow && selectionEnd === value.length) {
         event.stopPropagation();
       }
     };
     this.onOpenUrlLink = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       let newValue = value.trim();
       if (!(0, _utils.isValidUrl)(newValue)) {
-        newValue = "http://".concat(newValue);
+        newValue = `http://${newValue}`;
       }
       try {
         (0, _utils.openUrlLink)(newValue);
-      } catch (_unused) {
+      } catch {
         _toaster.default.danger((0, _lang.getLocale)('URL_is_invalid'));
       }
     };
@@ -83,8 +88,10 @@ class RowExpandPCUrlEditor extends _react.default.Component {
     }
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row;
+    const {
+      column,
+      row
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[this.props.valueKey]] || ''
@@ -98,7 +105,9 @@ class RowExpandPCUrlEditor extends _react.default.Component {
     }
   }
   render() {
-    let value = this.state.value;
+    let {
+      value
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-row-expand-url-editor",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {

package/lib/RowExpandFormatter/department-formatter/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcFormatter = _interopRequireDefault(require("./pc-formatter"));
@@ -15,10 +14,14 @@ const RowExpandDepartmentFormatter = props => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: '(min-width: 768px)',
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcFormatter.default, (0, _objectSpread2.default)({}, props))
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcFormatter.default, {
+        ...props
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: '(max-width: 768px)',
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbFormatter.default, (0, _objectSpread2.default)({}, props))
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbFormatter.default, {
+        ...props
+      })
     })]
   });
 };

package/lib/RowExpandFormatter/department-formatter/mb-formatter.js

@@ -9,8 +9,10 @@ var _react = _interopRequireDefault(require("react"));
 var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../../DepartmentSingleSelectFormatter"));
 var _jsxRuntime = require("react/jsx-runtime");
 function RowExpandMBDepartmentFormatter(_ref) {
-  let value = _ref.value,
-    departments = _ref.departments;
+  let {
+    value,
+    departments
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DepartmentSingleSelectFormatter.default, {
     value: value,
     departments: departments

package/lib/RowExpandFormatter/department-formatter/pc-formatter.js

@@ -9,8 +9,10 @@ var _react = _interopRequireDefault(require("react"));
 var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../../DepartmentSingleSelectFormatter"));
 var _jsxRuntime = require("react/jsx-runtime");
 function RowExpandPCDepartmentFormatter(_ref) {
-  let value = _ref.value,
-    departments = _ref.departments;
+  let {
+    value,
+    departments
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "position-relative w-100",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/RowExpandFormatter/email-formatter/index.js

@@ -14,15 +14,18 @@ class RowExpandEmailFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.onOpenEmailLink = () => {
-      const value = this.props.value;
+      const {
+        value
+      } = this.props;
       let newValue = value.trim();
-      window.location.href = "mailto:".concat(newValue);
+      window.location.href = `mailto:${newValue}`;
     };
   }
   render() {
-    const _this$props = this.props,
-      containerClassName = _this$props.containerClassName,
-      value = _this$props.value;
+    const {
+      containerClassName,
+      value
+    } = this.props;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container email-formatter row-expand-jump-link-container', containerClassName);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: classname,

package/lib/RowExpandFormatter/file-formatter/index.js

@@ -12,14 +12,15 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandFileFormatter extends _react.default.PureComponent {
   render() {
-    let _this$props = this.props,
-      value = _this$props.value,
-      containerClassName = _this$props.containerClassName,
-      column = _this$props.column,
-      downloadFile = _this$props.downloadFile,
-      deleteFile = _this$props.deleteFile,
-      readOnly = _this$props.readOnly,
-      config = _this$props.config;
+    let {
+      value,
+      containerClassName,
+      column,
+      downloadFile,
+      deleteFile,
+      readOnly,
+      config
+    } = this.props;
     if (!Array.isArray(value) || value.length === 0) {
       return null;
     }

package/lib/RowExpandFormatter/file-formatter/row-expand-file-item-formatter.js

@@ -40,24 +40,26 @@ class RowExpandFileItemFormatter extends _react.Component {
     };
   }
   render() {
-    const _this$props = this.props,
-      file = _this$props.file,
-      column = _this$props.column,
-      index = _this$props.index,
-      readOnly = _this$props.readOnly,
-      downloadFile = _this$props.downloadFile,
-      deleteFile = _this$props.deleteFile,
-      config = _this$props.config;
+    const {
+      file,
+      column,
+      index,
+      readOnly,
+      downloadFile,
+      deleteFile,
+      config
+    } = this.props;
     const id = 'file-list-preview-item' + column.key + index;
-    const _getFileThumbnailInfo = (0, _url.getFileThumbnailInfo)(file, config),
-      fileIconUrl = _getFileThumbnailInfo.fileIconUrl;
+    const {
+      fileIconUrl
+    } = (0, _url.getFileThumbnailInfo)(file, config);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "row-expand-item-file",
         id: id,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
           src: fileIconUrl,
-          id: "item-file-".concat(index),
+          id: `item-file-${index}`,
           alt: file.name
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "dtable-ui-file-icons-choice",
@@ -75,7 +77,7 @@ class RowExpandFileItemFormatter extends _react.Component {
             })
           })]
         })]
-      }, "file-".concat(index)), this.state.isDeleteTipOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteTip.default, {
+      }, `file-${index}`), this.state.isDeleteTipOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteTip.default, {
         position: this.position,
         toggle: this.closeDeleteTip,
         handleDelete: this.onDelete,

package/lib/RowExpandFormatter/formula-formatter/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
@@ -38,20 +37,24 @@ class RowExpandFormulaFormatter extends _react.default.Component {
     };
     this.onOpenUrlLink = url => {
       if (!(0, _utils2.isValidUrl)(url)) {
-        url = "http://".concat(url);
+        url = `http://${url}`;
       }
       try {
         (0, _utils2.openUrlLink)(url);
-      } catch (_unused) {
+      } catch {
         _toaster.default.danger((0, _lang.getLocale)('URL_is_invalid'));
       }
     };
     this.onOpenEmailLink = email => {
-      window.location.href = "mailto:".concat(email.trim());
+      window.location.href = `mailto:${email.trim()}`;
     };
     this.renderBorder = dom => {
-      const column = this.props.column;
-      const result_type = column.data.result_type;
+      const {
+        column
+      } = this.props;
+      const {
+        result_type
+      } = column.data;
       let style = {
         minHeight: '38px'
       };
@@ -67,9 +70,11 @@ class RowExpandFormulaFormatter extends _react.default.Component {
       });
     };
     this.renderCellValue = (cellValue, resultType) => {
-      const containerClassName = this.props.containerClassName;
+      const {
+        containerClassName
+      } = this.props;
       const customClassName = this.getGridCellClassName(resultType);
-      const className = "dtable-ui cell-formatter-container formula-formatter ".concat(containerClassName, " ").concat(customClassName);
+      const className = `dtable-ui cell-formatter-container formula-formatter ${containerClassName} ${customClassName}`;
       return this.renderBorder(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: className,
         title: cellValue,
@@ -81,14 +86,16 @@ class RowExpandFormulaFormatter extends _react.default.Component {
       return this.renderCellValue(errorValue, resultType);
     };
     this.renderOtherColumnFormatter = () => {
-      const _this$props = this.props,
-        value = _this$props.value,
-        column = _this$props.column,
-        collaborators = _this$props.collaborators,
-        departments = _this$props.departments;
-      const _column$data = column.data,
-        array_type = _column$data.array_type,
-        array_data = _column$data.array_data;
+      const {
+        value,
+        column,
+        collaborators,
+        departments
+      } = this.props;
+      const {
+        array_type,
+        array_data
+      } = column.data;
       if (!array_type || array_type === _dtableUtils.CellType.LINK) {
         return null;
       }
@@ -140,7 +147,7 @@ class RowExpandFormulaFormatter extends _react.default.Component {
               phoneNumber: formulaPhoneNumber,
               className: "row-expand-jump-link-btn"
             }), this.createColumnFormatter(Formatter, formatterProps)]
-          }, "formula-formatter-content-item-".concat(index));
+          }, `formula-formatter-content-item-${index}`);
         })
       }));
     };
@@ -148,7 +155,9 @@ class RowExpandFormulaFormatter extends _react.default.Component {
       switch (array_type) {
         case _dtableUtils.CellType.DURATION:
           {
-            const duration_format = array_data.duration_format;
+            const {
+              duration_format
+            } = array_data;
             return {
               format: duration_format
             };
@@ -176,30 +185,42 @@ class RowExpandFormulaFormatter extends _react.default.Component {
             if (array_type === _dtableUtils.CellType.CHECKBOX) {
               array_data.checkboxStyle = array_data.checkbox_style;
             }
-            return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, array_data), {}, {
+            return {
+              ...array_data,
               collaborators
-            });
+            };
           }
       }
     };
   }
   createColumnFormatter(Formatter, formatterProps) {
     if (/*#__PURE__*/_react.default.isValidElement(Formatter)) {
-      return /*#__PURE__*/_react.default.cloneElement(Formatter, (0, _objectSpread2.default)({}, formatterProps));
+      return /*#__PURE__*/_react.default.cloneElement(Formatter, {
+        ...formatterProps
+      });
     } else if ((0, _utils2.isFunction)(Formatter)) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, (0, _objectSpread2.default)({}, formatterProps));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, {
+        ...formatterProps
+      });
     } else {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFormatter.default, (0, _objectSpread2.default)({}, formatterProps));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFormatter.default, {
+        ...formatterProps
+      });
     }
   }
   render() {
-    let _this$props2 = this.props,
-      column = _this$props2.column,
-      collaborators = _this$props2.collaborators,
-      value = _this$props2.value;
-    const data = column.data;
-    const array_type = data.array_type,
-      result_type = data.result_type;
+    let {
+      column,
+      collaborators,
+      value
+    } = this.props;
+    const {
+      data
+    } = column;
+    const {
+      array_type,
+      result_type
+    } = data;
     if (_dtableUtils.DISPLAY_INTERNAL_ERRORS.includes(value)) {
       return this.renderInternalErrorValue(value, result_type);
     }

package/lib/RowExpandFormatter/image-formatter/index.js

@@ -48,15 +48,17 @@ class RowExpandImageFormatter extends _react.default.Component {
     };
   }
   render() {
-    const _this$props = this.props,
-      value = _this$props.value,
-      server = _this$props.server,
-      containerClassName = _this$props.containerClassName,
-      readOnly = _this$props.readOnly,
-      column = _this$props.column;
-    const _this$state = this.state,
-      isPreviewImage = _this$state.isPreviewImage,
-      previewImageIndex = _this$state.previewImageIndex;
+    const {
+      value,
+      server,
+      containerClassName,
+      readOnly,
+      column
+    } = this.props;
+    const {
+      isPreviewImage,
+      previewImageIndex
+    } = this.state;
     if (!Array.isArray(value) || value.length === 0) {
       return null;
     }

package/lib/RowExpandFormatter/image-formatter/row-expand-image-item-formatter.js

@@ -49,13 +49,14 @@ class RowExpandImageItemFormatter extends _react.Component {
     };
   }
   render() {
-    const _this$props = this.props,
-      url = _this$props.url,
-      column = _this$props.column,
-      index = _this$props.index,
-      readOnly = _this$props.readOnly,
-      downloadFile = _this$props.downloadFile,
-      deleteFile = _this$props.deleteFile;
+    const {
+      url,
+      column,
+      index,
+      readOnly,
+      downloadFile,
+      deleteFile
+    } = this.props;
     const id = 'image-list-preview-item' + column.key + index;
     const name = decodeURI(url.slice(url.lastIndexOf('/') + 1));
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -65,7 +66,7 @@ class RowExpandImageItemFormatter extends _react.Component {
         onClick: this.onClickImage,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
           src: url,
-          id: "item-image-".concat(index),
+          id: `item-image-${index}`,
           alt: name
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "dtable-ui-image-icons-choice",
@@ -83,7 +84,7 @@ class RowExpandImageItemFormatter extends _react.Component {
             })
           })]
         })]
-      }, "image-".concat(index)), this.state.isDeleteTipOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteTip.default, {
+      }, `image-${index}`), this.state.isDeleteTipOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteTip.default, {
         position: this.position,
         toggle: this.closeDeleteTip,
         handleDelete: this.onDelete,