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

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

@@ -40,19 +40,17 @@ class RowExpandFileItemFormatter extends _react.Component {
     };
   }
   render() {
-    const {
-      file,
-      column,
-      index,
-      readOnly,
-      downloadFile,
-      deleteFile,
-      config
-    } = this.props;
+    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 id = 'file-list-preview-item' + column.key + index;
-    const {
-      fileIconUrl
-    } = (0, _url.getFileThumbnailInfo)(file, config);
+    const _getFileThumbnailInfo = (0, _url.getFileThumbnailInfo)(file, config),
+      fileIconUrl = _getFileThumbnailInfo.fileIconUrl;
     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,12 +50,8 @@ class RowExpandFormulaFormatter extends _react.default.Component {
       window.location.href = "mailto:".concat(email.trim());
     };
     this.renderBorder = dom => {
-      const {
-        column
-      } = this.props;
-      const {
-        result_type
-      } = column.data;
+      const column = this.props.column;
+      const result_type = column.data.result_type;
       let style = {
         minHeight: '38px'
       };
@@ -71,9 +67,7 @@ class RowExpandFormulaFormatter extends _react.default.Component {
       });
     };
     this.renderCellValue = (cellValue, resultType) => {
-      const {
-        containerClassName
-      } = this.props;
+      const containerClassName = this.props.containerClassName;
       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", {
@@ -87,16 +81,14 @@ class RowExpandFormulaFormatter extends _react.default.Component {
       return this.renderCellValue(errorValue, resultType);
     };
     this.renderOtherColumnFormatter = () => {
-      const {
-        value,
-        column,
-        collaborators,
-        departments
-      } = this.props;
-      const {
-        array_type,
-        array_data
-      } = column.data;
+      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;
       if (!array_type || array_type === _dtableUtils.CellType.LINK) {
         return null;
       }
@@ -156,9 +148,7 @@ class RowExpandFormulaFormatter extends _react.default.Component {
       switch (array_type) {
         case _dtableUtils.CellType.DURATION:
           {
-            const {
-              duration_format
-            } = array_data;
+            const duration_format = array_data.duration_format;
             return {
               format: duration_format
             };
@@ -203,18 +193,13 @@ class RowExpandFormulaFormatter extends _react.default.Component {
     }
   }
   render() {
-    let {
-      column,
-      collaborators,
-      value
-    } = this.props;
-    const {
-      data
-    } = column;
-    const {
-      array_type,
-      result_type
-    } = data;
+    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;
     if (_dtableUtils.DISPLAY_INTERNAL_ERRORS.includes(value)) {
       return this.renderInternalErrorValue(value, result_type);
     }

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

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

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

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

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

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

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

@@ -8,11 +8,9 @@ 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,
-    type,
-    data
-  } = column;
+  const key = column.key,
+    type = column.type,
+    data = column.data;
   return (0, _dtableUtils.getCellValueDisplayString)(record, type, key, {
     data,
     collaborators,

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

@@ -13,15 +13,16 @@ class RateExpendRateFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.getRateList = () => {
-      const {
-        data,
-        value
-      } = this.props;
-      const {
-        rate_max_number = 5,
-        rate_style_color = '#e5e5e5',
-        rate_style_type = 'dtable-icon-rate'
-      } = data || {};
+      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;
       let rateList = [];
       for (let i = 0; i < rate_max_number; i++) {
         let style = {
@@ -36,9 +37,7 @@ class RateExpendRateFormatter extends _react.default.Component {
     };
   }
   render() {
-    const {
-      containerClassName
-    } = this.props;
+    const containerClassName = this.props.containerClassName;
     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,11 +26,10 @@ class TextFormatter extends _react.default.Component {
     };
   }
   render() {
-    const {
-      containerClassName,
-      value,
-      column
-    } = this.props;
+    const _this$props = this.props,
+      containerClassName = _this$props.containerClassName,
+      value = _this$props.value,
+      column = _this$props.column;
     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,9 +16,7 @@ class UrlFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.onOpenUrlLink = () => {
-      const {
-        value
-      } = this.props;
+      const value = this.props.value;
       const url = (0, _editorUtils.getTrimmedString)(value);
       const validUrl = (0, _utils.isValidUrl)(url) ? url : "http://".concat(url);
       try {
@@ -35,10 +33,9 @@ class UrlFormatter extends _react.default.Component {
     };
   }
   render() {
-    const {
-      containerClassName,
-      value
-    } = this.props;
+    const _this$props = this.props,
+      containerClassName = _this$props.containerClassName,
+      value = _this$props.value;
     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,6 +7,7 @@ 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");
@@ -24,41 +25,31 @@ class Body extends _react.default.Component {
       this.props.getDownLoadFiles([{
         url: imageItemUrl
       }]).then(res => {
-        const [downloadUrl] = res.data.urls;
+        const _res$data$urls = (0, _slicedToArray2.default)(res.data.urls, 1),
+          downloadUrl = _res$data$urls[0];
         (0, _utils.downloadFile)(downloadUrl);
       }).catch(error => {
         // todo
       });
     };
     this.getCellValue = _ref => {
-      let {
-        row,
-        column
-      } = _ref;
+      let row = _ref.row,
+        column = _ref.column;
       if (!row || !column) return null;
-      const {
-        valueKey
-      } = this.props;
+      const valueKey = this.props.valueKey;
       return row[column[valueKey]];
     };
     this.renderColumnValue = (row, column) => {
       const _this$props = this.props,
-        {
-          component,
-          onChange,
-          className
-        } = _this$props,
+        component = _this$props.component,
+        onChange = _this$props.onChange,
+        className = _this$props.className,
         props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-      const {
-        getDownLoadFiles
-      } = props;
-      const {
-        editable
-      } = column;
-      const {
-        editor,
-        formatter
-      } = component || {};
+      const getDownLoadFiles = props.getDownLoadFiles;
+      const editable = column.editable;
+      const _ref2 = component || {},
+        editor = _ref2.editor,
+        formatter = _ref2.formatter;
       if (editable) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           column: column,
@@ -77,25 +68,21 @@ class Body extends _react.default.Component {
     };
   }
   render() {
-    const {
-      columns,
-      row,
-      placeholder
-    } = this.props;
+    const _this$props2 = this.props,
+      columns = _this$props2.columns,
+      row = _this$props2.row,
+      placeholder = _this$props2.placeholder;
     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,
-          data
-        } = column;
+        const type = column.type,
+          data = column.data;
         let isHasMore = false;
         if (type === _dtableUtils.CellType.LINK_FORMULA) {
-          let {
-            array_type
-          } = data || {};
+          let _ref3 = data || {},
+            array_type = _ref3.array_type;
           const value = this.getCellValue({
             row,
             column

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

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