dtable-ui-component 6.0.126 → 7.0.0-xia.1

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

@@ -40,17 +40,19 @@ 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",

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

@@ -50,8 +50,12 @@ class RowExpandFormulaFormatter extends _react.default.Component {
       window.location.href = "mailto:".concat(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,7 +71,9 @@ 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);
       return this.renderBorder(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -81,14 +87,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;
       }
@@ -148,7 +156,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
             };
@@ -193,13 +203,18 @@ class RowExpandFormulaFormatter extends _react.default.Component {
     }
   }
   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, {

package/lib/RowExpandFormatter/index.js

@@ -16,7 +16,9 @@ class RowExpandFormatter extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.updateCollaborators = () => {
-      const column = this.props.column;
+      const {
+        column
+      } = this.props;
       if (![_dtableUtils.CellType.CREATOR, _dtableUtils.CellType.LAST_MODIFIER, _dtableUtils.CellType.COLLABORATOR].includes(column.type)) return;
       const collaborators = this.getCollaborators();
       this.setState({
@@ -24,10 +26,12 @@ class RowExpandFormatter extends _react.default.Component {
       });
     };
     this.calculateCollaboratorData = props => {
-      const row = props.row,
-        column = props.column,
-        valueKey = props.valueKey,
-        queryCollaborators = props.queryCollaborators;
+      const {
+        row,
+        column,
+        valueKey,
+        queryCollaborators
+      } = props;
       if (column.type === _dtableUtils.CellType.CREATOR || column.type === _dtableUtils.CellType.LAST_MODIFIER) {
         const email = row[column[valueKey]];
         queryCollaborators && queryCollaborators(email);
@@ -39,9 +43,10 @@ class RowExpandFormatter extends _react.default.Component {
       }
     };
     this.getCollaborators = () => {
-      const _this$props = this.props,
-        getCollaborators = _this$props.getCollaborators,
-        collaborators = _this$props.collaborators;
+      const {
+        getCollaborators,
+        collaborators
+      } = this.props;
       if (getCollaborators) return getCollaborators();
       return collaborators || [];
     };
@@ -51,13 +56,17 @@ class RowExpandFormatter extends _react.default.Component {
       });
     };
     this.renderFormatter = () => {
-      let _this$props2 = this.props,
-        column = _this$props2.column,
-        row = _this$props2.row,
-        valueKey = _this$props2.valueKey;
-      let _column = column,
-        columnType = _column.type;
-      const collaborators = this.state.collaborators;
+      let {
+        column,
+        row,
+        valueKey
+      } = this.props;
+      let {
+        type: columnType
+      } = column;
+      const {
+        collaborators
+      } = this.state;
       const containerClassName = "dtable-ui-row-expand-".concat(columnType, "-formatter");
       let cellValue = row[column[valueKey]];
       const Formatter = this.component[columnType];
@@ -168,8 +177,8 @@ class RowExpandFormatter extends _react.default.Component {
           }
         case _dtableUtils.CellType.MULTIPLE_SELECT:
           {
-            var _column2, _column2$data;
-            const options = ((_column2 = column) === null || _column2 === void 0 ? void 0 : (_column2$data = _column2.data) === null || _column2$data === void 0 ? void 0 : _column2$data.options) || [];
+            var _column, _column$data;
+            const options = ((_column = column) === null || _column === void 0 ? void 0 : (_column$data = _column.data) === null || _column$data === void 0 ? void 0 : _column$data.options) || [];
             return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: "form-control d-flex align-items-center w-100 h-auto",
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, {
@@ -181,8 +190,8 @@ class RowExpandFormatter extends _react.default.Component {
           }
         case _dtableUtils.CellType.SINGLE_SELECT:
           {
-            var _column3, _column3$data;
-            const options = ((_column3 = column) === null || _column3 === void 0 ? void 0 : (_column3$data = _column3.data) === null || _column3$data === void 0 ? void 0 : _column3$data.options) || [];
+            var _column2, _column2$data;
+            const options = ((_column2 = column) === null || _column2 === void 0 ? void 0 : (_column2$data = _column2.data) === null || _column2$data === void 0 ? void 0 : _column2$data.options) || [];
             return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: "form-control d-flex align-items-center w-100",
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, {
@@ -215,12 +224,12 @@ class RowExpandFormatter extends _react.default.Component {
           }
         case _dtableUtils.CellType.CHECKBOX:
           {
-            var _column$data;
+            var _column$data2;
             return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: "checkbox-formatter-container",
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, {
                 value: cellValue,
-                checkboxStyle: ((_column$data = column.data) === null || _column$data === void 0 ? void 0 : _column$data.checkbox_style) || {}
+                checkboxStyle: ((_column$data2 = column.data) === null || _column$data2 === void 0 ? void 0 : _column$data2.checkbox_style) || {}
               })
             });
           }
@@ -247,11 +256,14 @@ class RowExpandFormatter extends _react.default.Component {
         case _dtableUtils.CellType.LINK:
           {
             // handle link column do not have column.data.display_column
-            const _column4 = column,
-              data = _column4.data;
-            const display_column_key = data.display_column_key,
-              array_type = data.array_type,
-              array_data = data.array_data;
+            const {
+              data
+            } = column;
+            const {
+              display_column_key,
+              array_type,
+              array_data
+            } = data;
             if (!data.display_column) {
               column = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
                 data: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
@@ -380,7 +392,9 @@ class RowExpandFormatter extends _react.default.Component {
     }
   }
   render() {
-    const className = this.props.className;
+    const {
+      className
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames.default)('dtable-ui dtable-ui-row-expand-formatter', className),
       children: this.renderFormatter()

package/lib/RowExpandFormatter/link-formatter/collaborator-item-formatter.js

@@ -14,10 +14,13 @@ class CollaboratorItemFormatter extends _react.Component {
   constructor(_props) {
     super(_props);
     this.calculateCollaboratorData = props => {
-      const _this$props = this.props,
-        context = _this$props.context,
-        collaborators = _this$props.collaborators;
-      const cellValue = props.cellValue;
+      const {
+        context,
+        collaborators
+      } = this.props;
+      const {
+        cellValue
+      } = props;
       if (!cellValue) {
         this.setState({
           isDataLoaded: true,
@@ -103,10 +106,13 @@ class CollaboratorItemFormatter extends _react.Component {
     this.calculateCollaboratorData(nextProps);
   }
   render() {
-    const cellValue = this.props.cellValue;
-    const _this$state = this.state,
-      collaborator = _this$state.collaborator,
-      isDataLoaded = _this$state.isDataLoaded;
+    const {
+      cellValue
+    } = this.props;
+    const {
+      collaborator,
+      isDataLoaded
+    } = this.state;
     if (!isDataLoaded || !cellValue || !collaborator) {
       return this.props.renderEmpty();
     }

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

@@ -20,21 +20,28 @@ var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandLinkFormatter extends _react.Component {
   render() {
     const props = this.props;
-    const column = props.column,
-      value = props.value,
-      containerClassName = props.containerClassName,
-      collaborators = props.collaborators;
-    const data = column.data;
+    const {
+      column,
+      value,
+      containerClassName,
+      collaborators
+    } = props;
+    const {
+      data
+    } = column;
     if (!Array.isArray(value) || value.length === 0) {
       return props.renderEmpty();
     }
-    let _ref = data || {},
-      displayColumn = _ref.display_column;
+    let {
+      display_column: displayColumn
+    } = data || {};
     if (!displayColumn) {
       return props.renderEmpty();
     }
-    let displayColumnType = displayColumn.type,
-      displayColumnData = displayColumn.data;
+    let {
+      type: displayColumnType,
+      data: displayColumnData
+    } = displayColumn;
     if (displayColumnType === 'string') {
       displayColumnType = _dtableUtils.CellType.TEXT;
     }
@@ -67,8 +74,9 @@ class RowExpandLinkFormatter extends _react.Component {
             className: containerClassName,
             children: cellValue.map((value, index) => {
               if (!value || typeof value !== 'string') return null;
-              const _ref2 = displayColumnData || {},
-                format = _ref2.format;
+              const {
+                format
+              } = displayColumnData || {};
               return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateFormatter.default, {
                 value: value,
                 format: format,

package/lib/RowExpandFormatter/link-formatter/value-display-utils.js

@@ -8,9 +8,11 @@ var _dtableUtils = require("dtable-utils");
 const DOWNLOAD_NAME_COLUMN_TYPES = [_dtableUtils.CellType.TEXT, _dtableUtils.CellType.NUMBER, _dtableUtils.CellType.DATE, _dtableUtils.CellType.COLLABORATOR, _dtableUtils.CellType.CREATOR, _dtableUtils.CellType.AUTO_NUMBER];
 const getCellDisplayValue = (record, column, collaborators) => {
   if (!column || !DOWNLOAD_NAME_COLUMN_TYPES.includes(column.type)) return '';
-  const key = column.key,
-    type = column.type,
-    data = column.data;
+  const {
+    key,
+    type,
+    data
+  } = column;
   return (0, _dtableUtils.getCellValueDisplayString)(record, type, key, {
     data,
     collaborators,

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

@@ -13,16 +13,15 @@ class RateExpendRateFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.getRateList = () => {
-      const _this$props = this.props,
-        data = _this$props.data,
-        value = _this$props.value;
-      const _ref = data || {},
-        _ref$rate_max_number = _ref.rate_max_number,
-        rate_max_number = _ref$rate_max_number === void 0 ? 5 : _ref$rate_max_number,
-        _ref$rate_style_color = _ref.rate_style_color,
-        rate_style_color = _ref$rate_style_color === void 0 ? '#e5e5e5' : _ref$rate_style_color,
-        _ref$rate_style_type = _ref.rate_style_type,
-        rate_style_type = _ref$rate_style_type === void 0 ? 'dtable-icon-rate' : _ref$rate_style_type;
+      const {
+        data,
+        value
+      } = this.props;
+      const {
+        rate_max_number = 5,
+        rate_style_color = '#e5e5e5',
+        rate_style_type = 'dtable-icon-rate'
+      } = data || {};
       let rateList = [];
       for (let i = 0; i < rate_max_number; i++) {
         let style = {
@@ -37,7 +36,9 @@ class RateExpendRateFormatter extends _react.default.Component {
     };
   }
   render() {
-    const containerClassName = this.props.containerClassName;
+    const {
+      containerClassName
+    } = this.props;
     const className = (0, _classnames.default)('dtable-ui cell-formatter-container rate-formatter', containerClassName);
     const rateList = this.getRateList();
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/RowExpandFormatter/text/index.js

@@ -26,10 +26,11 @@ class TextFormatter extends _react.default.Component {
     };
   }
   render() {
-    const _this$props = this.props,
-      containerClassName = _this$props.containerClassName,
-      value = _this$props.value,
-      column = _this$props.column;
+    const {
+      containerClassName,
+      value,
+      column
+    } = this.props;
     const isDisplayAsAsPhoneNumber = column ? (0, _dtableUtils.checkIsDisplayAsPhoneNumberColumn)(column) : false;
     const classname = (0, _classnames.default)('dtable-ui cell-formatter-container text-formatter', containerClassName, {
       'row-expand-jump-link-container': isDisplayAsAsPhoneNumber

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

@@ -16,7 +16,9 @@ class UrlFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.onOpenUrlLink = () => {
-      const value = this.props.value;
+      const {
+        value
+      } = this.props;
       const url = (0, _editorUtils.getTrimmedString)(value);
       const validUrl = (0, _utils.isValidUrl)(url) ? url : "http://".concat(url);
       try {
@@ -33,9 +35,10 @@ class UrlFormatter extends _react.default.Component {
     };
   }
   render() {
-    const _this$props = this.props,
-      containerClassName = _this$props.containerClassName,
-      value = _this$props.value;
+    const {
+      containerClassName,
+      value
+    } = this.props;
     const classname = (0, _classnames.default)('dtable-ui cell-formatter-container url-formatter row-expand-jump-link-container', containerClassName);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: classname,

package/lib/RowExpandView/body/index.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
@@ -25,31 +24,41 @@ class Body extends _react.default.Component {
       this.props.getDownLoadFiles([{
         url: imageItemUrl
       }]).then(res => {
-        const _res$data$urls = (0, _slicedToArray2.default)(res.data.urls, 1),
-          downloadUrl = _res$data$urls[0];
+        const [downloadUrl] = res.data.urls;
         (0, _utils.downloadFile)(downloadUrl);
       }).catch(error => {
         // todo
       });
     };
     this.getCellValue = _ref => {
-      let row = _ref.row,
-        column = _ref.column;
+      let {
+        row,
+        column
+      } = _ref;
       if (!row || !column) return null;
-      const valueKey = this.props.valueKey;
+      const {
+        valueKey
+      } = this.props;
       return row[column[valueKey]];
     };
     this.renderColumnValue = (row, column) => {
       const _this$props = this.props,
-        component = _this$props.component,
-        onChange = _this$props.onChange,
-        className = _this$props.className,
+        {
+          component,
+          onChange,
+          className
+        } = _this$props,
         props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-      const getDownLoadFiles = props.getDownLoadFiles;
-      const editable = column.editable;
-      const _ref2 = component || {},
-        editor = _ref2.editor,
-        formatter = _ref2.formatter;
+      const {
+        getDownLoadFiles
+      } = props;
+      const {
+        editable
+      } = column;
+      const {
+        editor,
+        formatter
+      } = component || {};
       if (editable) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           column: column,
@@ -68,21 +77,25 @@ class Body extends _react.default.Component {
     };
   }
   render() {
-    const _this$props2 = this.props,
-      columns = _this$props2.columns,
-      row = _this$props2.row,
-      placeholder = _this$props2.placeholder;
+    const {
+      columns,
+      row,
+      placeholder
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-row-expand-body dtable-ui-mobile-row-expand-body",
       children: [columns.length === 0 && placeholder && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
         children: placeholder
       }), columns.map(column => {
-        const type = column.type,
-          data = column.data;
+        const {
+          type,
+          data
+        } = column;
         let isHasMore = false;
         if (type === _dtableUtils.CellType.LINK_FORMULA) {
-          let _ref3 = data || {},
-            array_type = _ref3.array_type;
+          let {
+            array_type
+          } = data || {};
           const value = this.getCellValue({
             row,
             column

package/lib/RowExpandView/column-content/index.js

@@ -10,9 +10,13 @@ var _reactstrap = require("reactstrap");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const ColumnContent = _ref => {
-  let column = _ref.column,
-    children = _ref.children;
-  const name = column.name;
+  let {
+    column,
+    children
+  } = _ref;
+  const {
+    name
+  } = column;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "dtable-ui-mobile-row-expand-item",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {