dtable-ui-component 7.0.13 → 7.0.15

package/lib/RowExpandFormatter/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");
@@ -16,7 +15,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 +25,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 +42,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,14 +55,18 @@ 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;
-      const containerClassName = "dtable-ui-row-expand-".concat(columnType, "-formatter");
+      let {
+        column,
+        row,
+        valueKey
+      } = this.props;
+      let {
+        type: columnType
+      } = column;
+      const {
+        collaborators
+      } = this.state;
+      const containerClassName = `dtable-ui-row-expand-${columnType}-formatter`;
       let cellValue = row[column[valueKey]];
       const Formatter = this.component[columnType];
       if (!Formatter) return null;
@@ -168,8 +176,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 +189,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 +223,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,21 +255,26 @@ 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), {}, {
+              column = {
+                ...column,
+                data: {
+                  ...data,
                   display_column: {
                     key: display_column_key || '0000',
                     type: array_type || _dtableUtils.CellType.TEXT,
                     data: array_data || null
                   }
-                })
-              });
+                }
+              };
             }
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, {
               value: cellValue,
@@ -362,7 +375,10 @@ class RowExpandFormatter extends _react.default.Component {
     this.state = {
       collaborators: this.getCollaborators()
     };
-    this.component = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _constants.DEFAULT_FORMATTER), this.props.component);
+    this.component = {
+      ..._constants.DEFAULT_FORMATTER,
+      ...this.props.component
+    };
   }
   componentDidMount() {
     this.calculateCollaboratorData(this.props);
@@ -380,7 +396,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,
@@ -39,7 +42,7 @@ class CollaboratorItemFormatter extends _react.Component {
       }
       if (!context) return;
       const mediaUrl = context.getSetting('mediaUrl');
-      const defaultAvatarUrl = "".concat(mediaUrl, "/avatars/default.png");
+      const defaultAvatarUrl = `${mediaUrl}/avatars/default.png`;
       if (cellValue === 'anonymous') {
         collaborator = {
           name: 'anonymous',
@@ -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;
     }
@@ -57,7 +64,7 @@ class RowExpandLinkFormatter extends _react.Component {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: "row-expand-link-item",
                 children: value
-              }, "link-".concat(displayColumnType, "-").concat(index));
+              }, `link-${displayColumnType}-${index}`);
             })
           });
         }
@@ -67,13 +74,14 @@ 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,
                 containerClassName: "row-expand-link-item"
-              }, "link-".concat(displayColumnType, "-").concat(index));
+              }, `link-${displayColumnType}-${index}`);
             })
           });
         }
@@ -86,7 +94,7 @@ class RowExpandLinkFormatter extends _react.Component {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CTimeFormatter.default, {
                 value: value,
                 containerClassName: "row-expand-link-item"
-              }, "link-".concat(displayColumnType, "-").concat(index));
+              }, `link-${displayColumnType}-${index}`);
             })
           });
         }
@@ -99,7 +107,7 @@ class RowExpandLinkFormatter extends _react.Component {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MTimeFormatter.default, {
                 value: value,
                 containerClassName: "row-expand-link-item"
-              }, "link-".concat(displayColumnType, "-").concat(index));
+              }, `link-${displayColumnType}-${index}`);
             })
           });
         }
@@ -115,7 +123,7 @@ class RowExpandLinkFormatter extends _react.Component {
                 collaborators: collaborators,
                 context: props.context,
                 renderEmpty: props.renderEmpty
-              }, "link-".concat(displayColumnType, "-").concat(index));
+              }, `link-${displayColumnType}-${index}`);
             })
           });
         }
@@ -138,7 +146,7 @@ class RowExpandLinkFormatter extends _react.Component {
                 children: (0, _valueDisplayUtils.getCellDisplayValue)({
                   [displayColumn.key]: value
                 }, displayColumn, collaborators)
-              }, "link-".concat(displayColumnType, "-").concat(index));
+              }, `link-${displayColumnType}-${index}`);
             })
           });
         }

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,31 +13,32 @@ 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 = {
           color: value >= i + 1 ? rate_style_color : '#e5e5e5'
         };
         rateList.push(/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-          className: "dtable-font ".concat(rate_style_type),
+          className: `dtable-font ${rate_style_type}`,
           style: style
-        }, "dtable-ui-component-rate-".concat(i)));
+        }, `dtable-ui-component-rate-${i}`));
       }
       return rateList;
     };
   }
   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,9 +16,11 @@ 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);
+      const validUrl = (0, _utils.isValidUrl)(url) ? url : `http://${url}`;
       try {
         let a = document.createElement('a');
         document.body.appendChild(a);
@@ -27,15 +29,16 @@ class UrlFormatter extends _react.default.Component {
         a.rel = 'noopener noreferrer';
         a.click();
         document.body.removeChild(a);
-      } catch (_unused) {
+      } catch {
         _toaster.default.danger('The url is invalid');
       }
     };
   }
   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

@@ -5,9 +5,6 @@ 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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
@@ -17,7 +14,6 @@ var _RowExpandFormatter = _interopRequireDefault(require("../../RowExpandFormatt
 var _utils = require("../../utils/utils");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["component", "onChange", "className"];
 class Body extends _react.default.Component {
   constructor() {
     super(...arguments);
@@ -25,64 +21,79 @@ 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,
-        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 {
+        component,
+        onChange,
+        className,
+        ...props
+      } = this.props;
+      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), {}, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandEditor.default, {
+          ...props,
           column: column,
           row: row,
           component: editor,
           onCommit: value => onChange(column, value)
-        }));
+        });
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandFormatter.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-        className: (0, _classnames.default)('dtable-ui-mobile-row-expand-formatter', "mobile-dtable-row-expand-".concat(column.type, "-formatter"), className),
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandFormatter.default, {
+        ...props,
+        className: (0, _classnames.default)('dtable-ui-mobile-row-expand-formatter', `mobile-dtable-row-expand-${column.type}-formatter`, className),
         column: column,
         row: row,
         component: formatter,
         downloadImage: getDownLoadFiles ? this.downloadImage : null
-      }));
+      });
     };
   }
   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", {