dtable-ui-component 4.3.6 → 4.3.8

package/lib/RowExpandLinkFormatter/collaborator-item-formatter.js

@@ -1,63 +1,56 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import { isValidEmail } from 'dtable-utils';
 import CollaboratorItem from '../CollaboratorItem';
-var CollaboratorItemFormatter = /*#__PURE__*/function (_Component) {
-  _inherits(CollaboratorItemFormatter, _Component);
-  var _super = _createSuper(CollaboratorItemFormatter);
-  function CollaboratorItemFormatter(_props) {
-    var _this;
-    _classCallCheck(this, CollaboratorItemFormatter);
-    _this = _super.call(this, _props);
-    _this.calculateCollaboratorData = function (props) {
-      var _this$props = _this.props,
-        context = _this$props.context,
-        collaborators = _this$props.collaborators;
-      var cellValue = props.cellValue;
+export default class CollaboratorItemFormatter extends Component {
+  constructor(_props) {
+    super(_props);
+    this.calculateCollaboratorData = props => {
+      const {
+        context,
+        collaborators
+      } = this.props;
+      const {
+        cellValue
+      } = props;
       if (!cellValue) {
-        _this.setState({
+        this.setState({
           isDataLoaded: true,
           collaborator: null
         });
         return;
       }
-      _this.setState({
+      this.setState({
         isDataLoaded: false,
         collaborator: null
       });
-      var collaborator = collaborators && collaborators.find(function (c) {
-        return c.name === cellValue;
-      });
+      let collaborator = collaborators && collaborators.find(c => c.name === cellValue);
       if (collaborator) {
-        _this.setState({
+        this.setState({
           isDataLoaded: true,
-          collaborator: collaborator
+          collaborator
         });
         return;
       }
       if (!context) return;
-      var mediaUrl = context.getSetting('mediaUrl');
-      var defaultAvatarUrl = "".concat(mediaUrl, "/avatars/default.png");
+      const mediaUrl = context.getSetting('mediaUrl');
+      const defaultAvatarUrl = "".concat(mediaUrl, "/avatars/default.png");
       if (cellValue === 'anonymous') {
         collaborator = {
           name: 'anonymous',
           avatar_url: defaultAvatarUrl
         };
-        _this.setState({
+        this.setState({
           isDataLoaded: true,
-          collaborator: collaborator
+          collaborator
         });
         return;
       }
-      var collaboratorsCache = context.getSetting('collaboratorsCache');
+      let collaboratorsCache = context.getSetting('collaboratorsCache');
       collaborator = collaboratorsCache[cellValue];
       if (collaborator) {
-        _this.setState({
+        this.setState({
           isDataLoaded: true,
-          collaborator: collaborator
+          collaborator
         });
         return;
       }
@@ -67,63 +60,56 @@ var CollaboratorItemFormatter = /*#__PURE__*/function (_Component) {
           avatar_url: defaultAvatarUrl
         };
         collaboratorsCache[cellValue] = collaborator;
-        _this.setState({
+        this.setState({
           isDataLoaded: true,
-          collaborator: collaborator
+          collaborator
         });
         return;
       }
-      _this.props.context.getUserCommonInfo(cellValue).then(function (res) {
+      this.props.context.getUserCommonInfo(cellValue).then(res => {
         collaborator = res.data;
         collaboratorsCache[cellValue] = collaborator;
-        _this.setState({
+        this.setState({
           isDataLoaded: true,
-          collaborator: collaborator
+          collaborator
         });
-      }).catch(function () {
+      }).catch(() => {
         collaborator = {
           name: cellValue,
           avatar_url: defaultAvatarUrl
         };
         collaboratorsCache[cellValue] = collaborator;
-        _this.setState({
+        this.setState({
           isDataLoaded: true,
-          collaborator: collaborator
+          collaborator
         });
       });
     };
-    _this.state = {
+    this.state = {
       isDataLoaded: false,
       collaborator: null
     };
-    return _this;
   }
-  _createClass(CollaboratorItemFormatter, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.calculateCollaboratorData(this.props);
-    }
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      this.calculateCollaboratorData(nextProps);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var cellValue = this.props.cellValue;
-      var _this$state = this.state,
-        collaborator = _this$state.collaborator,
-        isDataLoaded = _this$state.isDataLoaded;
-      if (!isDataLoaded || !cellValue || !collaborator) {
-        return this.props.renderEmpty();
-      }
-      return /*#__PURE__*/React.createElement(CollaboratorItem, {
-        collaborator: collaborator,
-        enableDeleteCollaborator: false
-      });
+  componentDidMount() {
+    this.calculateCollaboratorData(this.props);
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    this.calculateCollaboratorData(nextProps);
+  }
+  render() {
+    const {
+      cellValue
+    } = this.props;
+    const {
+      collaborator,
+      isDataLoaded
+    } = this.state;
+    if (!isDataLoaded || !cellValue || !collaborator) {
+      return this.props.renderEmpty();
     }
-  }]);
-  return CollaboratorItemFormatter;
-}(Component);
-export { CollaboratorItemFormatter as default };
+    return /*#__PURE__*/React.createElement(CollaboratorItem, {
+      collaborator: collaborator,
+      enableDeleteCollaborator: false
+    });
+  }
+}

package/lib/RowExpandLinkFormatter/index.js

@@ -1,8 +1,3 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import { CellType } from '../constants';
 import { MultipleSelectFormatter, DateFormatter, CTimeFormatter, MTimeFormatter } from '../index';
@@ -10,139 +5,138 @@ import CollaboratorItemFormatter from './collaborator-item-formatter';
 import { getFormulaArrayValue, isArrayFormatColumn } from './utils';
 import { getCellDisplayValue } from './value-display-utils';
 import './index.css';
-var RowExpandLinkFormatter = /*#__PURE__*/function (_Component) {
-  _inherits(RowExpandLinkFormatter, _Component);
-  var _super = _createSuper(RowExpandLinkFormatter);
-  function RowExpandLinkFormatter() {
-    _classCallCheck(this, RowExpandLinkFormatter);
-    return _super.apply(this, arguments);
-  }
-  _createClass(RowExpandLinkFormatter, [{
-    key: "render",
-    value: function render() {
-      var props = this.props;
-      var column = props.column,
-        value = props.value,
-        containerClassName = props.containerClassName,
-        collaborators = props.collaborators;
-      var data = column.data;
-      if (!Array.isArray(value) || value.length === 0) {
-        return props.renderEmpty();
-      }
-      var _ref = data || {},
-        displayColumn = _ref.display_column;
-      if (!displayColumn) {
-        return props.renderEmpty();
-      }
-      var displayColumnType = displayColumn.type,
-        displayColumnData = displayColumn.data;
-      var cellValue = getFormulaArrayValue(value, !isArrayFormatColumn(displayColumnType));
-      if (!Array.isArray(cellValue) || cellValue.length === 0) {
-        return props.renderEmpty();
-      }
-      switch (displayColumnType) {
-        case CellType.TEXT:
-        case CellType.AUTO_NUMBER:
-        case CellType.EMAIL:
-        case CellType.URL:
-        case CellType.DURATION:
-        case CellType.NUMBER:
-          {
-            return /*#__PURE__*/React.createElement("div", {
-              className: containerClassName
-            }, cellValue.map(function (value, index) {
-              if (!value) return null;
-              return /*#__PURE__*/React.createElement("div", {
-                key: "link-".concat(displayColumnType, "-").concat(index),
-                className: "row-expand-link-item"
-              }, value);
-            }));
-          }
-        case CellType.DATE:
-          {
-            return /*#__PURE__*/React.createElement("div", {
-              className: containerClassName
-            }, cellValue.map(function (value, index) {
-              if (!value || typeof value !== 'string') return null;
-              var _ref2 = displayColumnData || {},
-                format = _ref2.format;
-              return /*#__PURE__*/React.createElement(DateFormatter, {
-                key: "link-".concat(displayColumnType, "-").concat(index),
-                value: value,
-                format: format,
-                containerClassName: "row-expand-link-item"
-              });
-            }));
-          }
-        case CellType.CTIME:
-          {
-            return /*#__PURE__*/React.createElement("div", {
-              className: containerClassName
-            }, cellValue.map(function (value, index) {
-              if (!value) return null;
-              return /*#__PURE__*/React.createElement(CTimeFormatter, {
-                key: "link-".concat(displayColumnType, "-").concat(index),
-                value: value,
-                containerClassName: "row-expand-link-item"
-              });
-            }));
-          }
-        case CellType.MTIME:
-          {
-            return /*#__PURE__*/React.createElement("div", {
-              className: containerClassName
-            }, cellValue.map(function (value, index) {
-              if (!value) return null;
-              return /*#__PURE__*/React.createElement(MTimeFormatter, {
-                key: "link-".concat(displayColumnType, "-").concat(index),
-                value: value,
-                containerClassName: "row-expand-link-item"
-              });
-            }));
-          }
-        case CellType.CREATOR:
-        case CellType.LAST_MODIFIER:
-          {
+export default class RowExpandLinkFormatter extends Component {
+  render() {
+    const props = this.props;
+    const {
+      column,
+      value,
+      containerClassName,
+      collaborators
+    } = props;
+    const {
+      data
+    } = column;
+    if (!Array.isArray(value) || value.length === 0) {
+      return props.renderEmpty();
+    }
+    let {
+      display_column: displayColumn
+    } = data || {};
+    if (!displayColumn) {
+      return props.renderEmpty();
+    }
+    const {
+      type: displayColumnType,
+      data: displayColumnData
+    } = displayColumn;
+    const cellValue = getFormulaArrayValue(value, !isArrayFormatColumn(displayColumnType));
+    if (!Array.isArray(cellValue) || cellValue.length === 0) {
+      return props.renderEmpty();
+    }
+    switch (displayColumnType) {
+      case CellType.TEXT:
+      case CellType.AUTO_NUMBER:
+      case CellType.EMAIL:
+      case CellType.URL:
+      case CellType.DURATION:
+      case CellType.NUMBER:
+        {
+          return /*#__PURE__*/React.createElement("div", {
+            className: containerClassName
+          }, cellValue.map((value, index) => {
+            if (!value) return null;
             return /*#__PURE__*/React.createElement("div", {
-              className: "dtable-ui cell-formatter-container collaborator-formatter sql-query-collaborator-formatter"
-            }, cellValue.map(function (value, index) {
-              if (!value) return null;
-              return /*#__PURE__*/React.createElement(CollaboratorItemFormatter, {
-                key: "link-".concat(displayColumnType, "-").concat(index),
-                cellValue: value,
-                collaborators: collaborators,
-                context: props.context,
-                renderEmpty: props.renderEmpty
-              });
-            }));
-          }
-        case CellType.SINGLE_SELECT:
-          {
-            var options = displayColumnData && Array.isArray(displayColumnData.options) ? displayColumnData.options : [];
-            return /*#__PURE__*/React.createElement(MultipleSelectFormatter, {
-              value: cellValue,
-              options: options || []
+              key: "link-".concat(displayColumnType, "-").concat(index),
+              className: "row-expand-link-item"
+            }, value);
+          }));
+        }
+      case CellType.DATE:
+        {
+          return /*#__PURE__*/React.createElement("div", {
+            className: containerClassName
+          }, cellValue.map((value, index) => {
+            if (!value || typeof value !== 'string') return null;
+            const {
+              format
+            } = displayColumnData || {};
+            return /*#__PURE__*/React.createElement(DateFormatter, {
+              key: "link-".concat(displayColumnType, "-").concat(index),
+              value: value,
+              format: format,
+              containerClassName: "row-expand-link-item"
+            });
+          }));
+        }
+      case CellType.CTIME:
+        {
+          return /*#__PURE__*/React.createElement("div", {
+            className: containerClassName
+          }, cellValue.map((value, index) => {
+            if (!value) return null;
+            return /*#__PURE__*/React.createElement(CTimeFormatter, {
+              key: "link-".concat(displayColumnType, "-").concat(index),
+              value: value,
+              containerClassName: "row-expand-link-item"
             });
-          }
-        case CellType.FORMULA:
-          {
+          }));
+        }
+      case CellType.MTIME:
+        {
+          return /*#__PURE__*/React.createElement("div", {
+            className: containerClassName
+          }, cellValue.map((value, index) => {
+            if (!value) return null;
+            return /*#__PURE__*/React.createElement(MTimeFormatter, {
+              key: "link-".concat(displayColumnType, "-").concat(index),
+              value: value,
+              containerClassName: "row-expand-link-item"
+            });
+          }));
+        }
+      case CellType.CREATOR:
+      case CellType.LAST_MODIFIER:
+        {
+          return /*#__PURE__*/React.createElement("div", {
+            className: "dtable-ui cell-formatter-container collaborator-formatter sql-query-collaborator-formatter"
+          }, cellValue.map((value, index) => {
+            if (!value) return null;
+            return /*#__PURE__*/React.createElement(CollaboratorItemFormatter, {
+              key: "link-".concat(displayColumnType, "-").concat(index),
+              cellValue: value,
+              collaborators: collaborators,
+              context: props.context,
+              renderEmpty: props.renderEmpty
+            });
+          }));
+        }
+      case CellType.SINGLE_SELECT:
+        {
+          const options = displayColumnData && Array.isArray(displayColumnData.options) ? displayColumnData.options : [];
+          return /*#__PURE__*/React.createElement(MultipleSelectFormatter, {
+            value: cellValue,
+            options: options || []
+          });
+        }
+      case CellType.FORMULA:
+        {
+          return /*#__PURE__*/React.createElement("div", {
+            className: containerClassName
+          }, cellValue.map((value, index) => {
+            if (!value) return null;
             return /*#__PURE__*/React.createElement("div", {
-              className: containerClassName
-            }, cellValue.map(function (value, index) {
-              if (!value) return null;
-              return /*#__PURE__*/React.createElement("div", {
-                key: "link-".concat(displayColumnType, "-").concat(index),
-                className: "row-expand-link-item"
-              }, getCellDisplayValue(_defineProperty({}, displayColumn.key, value), displayColumn, collaborators));
-            }));
-          }
-        default:
-          {
-            return props.renderEmpty();
-          }
-      }
+              key: "link-".concat(displayColumnType, "-").concat(index),
+              className: "row-expand-link-item"
+            }, getCellDisplayValue({
+              [displayColumn.key]: value
+            }, displayColumn, collaborators));
+          }));
+        }
+      default:
+        {
+          return props.renderEmpty();
+        }
     }
-  }]);
-  return RowExpandLinkFormatter;
-}(Component);
-export { RowExpandLinkFormatter as default };
+  }
+}

package/lib/RowExpandLinkFormatter/utils.js

@@ -1,5 +1,5 @@
 import { CellType } from '../constants';
-export var isValidCellValue = function isValidCellValue(value) {
+export const isValidCellValue = value => {
   if (value === undefined) return false;
   if (value === null) return false;
   if (value === '') return false;
@@ -7,43 +7,49 @@ export var isValidCellValue = function isValidCellValue(value) {
   if (JSON.stringify(value) === '[]') return false;
   return true;
 };
-export var getFormulaArrayValue = function getFormulaArrayValue(value) {
-  var isFlat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+export const getFormulaArrayValue = function (value) {
+  let isFlat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   if (!Array.isArray(value)) return [];
   if (!isFlat) return getTwoDimensionArrayValue(value);
-  return value.map(function (item) {
+  return value.map(item => {
     if (Object.prototype.toString.call(item) !== '[object Object]') {
       return item;
     }
     if (!Object.prototype.hasOwnProperty.call(item, 'display_value')) return item;
-    var display_value = item.display_value;
+    const {
+      display_value
+    } = item;
     if (!Array.isArray(display_value) || display_value.length === 0) return display_value;
-    return display_value.map(function (i) {
+    return display_value.map(i => {
       if (Object.prototype.toString.call(i) === '[object Object]') {
         if (!Object.prototype.hasOwnProperty.call(i, 'display_value')) return i;
-        var _display_value = i.display_value;
-        return _display_value;
+        const {
+          display_value
+        } = i;
+        return display_value;
       }
       return i;
     });
-  }).flat().filter(function (item) {
-    return isValidCellValue(item);
-  });
+  }).flat().filter(item => isValidCellValue(item));
 };
-export var getTwoDimensionArrayValue = function getTwoDimensionArrayValue(value) {
+export const getTwoDimensionArrayValue = value => {
   if (!Array.isArray(value)) return [];
-  return value.map(function (item) {
+  return value.map(item => {
     if (Object.prototype.toString.call(item) !== '[object Object]') {
       return item;
     }
     if (!Object.prototype.hasOwnProperty.call(item, 'display_value')) return item;
-    var display_value = item.display_value;
+    const {
+      display_value
+    } = item;
     if (!Array.isArray(display_value) || display_value.length === 0) return display_value;
-    return display_value.map(function (i) {
+    return display_value.map(i => {
       if (Object.prototype.toString.call(i) === '[object Object]') {
         if (!Object.prototype.hasOwnProperty.call(i, 'display_value')) return i;
-        var _display_value2 = i.display_value;
-        return _display_value2;
+        const {
+          display_value
+        } = i;
+        return display_value;
       }
       return i;
     });

package/lib/RowExpandLinkFormatter/value-display-utils.js

@@ -1,13 +1,15 @@
 import { CellType, getCellValueDisplayString } from 'dtable-utils';
-var DOWNLOAD_NAME_COLUMN_TYPES = [CellType.TEXT, CellType.NUMBER, CellType.DATE, CellType.COLLABORATOR, CellType.CREATOR, CellType.AUTO_NUMBER];
-export var getCellDisplayValue = function getCellDisplayValue(record, column, collaborators) {
+const DOWNLOAD_NAME_COLUMN_TYPES = [CellType.TEXT, CellType.NUMBER, CellType.DATE, CellType.COLLABORATOR, CellType.CREATOR, CellType.AUTO_NUMBER];
+export const getCellDisplayValue = (record, column, collaborators) => {
   if (!column || !DOWNLOAD_NAME_COLUMN_TYPES.includes(column.type)) return '';
-  var key = column.key,
-    type = column.type,
-    data = column.data;
+  const {
+    key,
+    type,
+    data
+  } = column;
   return getCellValueDisplayString(record, type, key, {
-    data: data,
-    collaborators: collaborators,
+    data,
+    collaborators,
     geolocationHyphen: ' '
   });
 };

package/lib/RowExpandRateFormatter/index.js

@@ -1,34 +1,22 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import classnames from 'classnames';
 import './index.css';
-var RateExpendRateFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(RateExpendRateFormatter, _React$Component);
-  var _super = _createSuper(RateExpendRateFormatter);
-  function RateExpendRateFormatter() {
-    var _this;
-    _classCallCheck(this, RateExpendRateFormatter);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.getRateList = function () {
-      var _this$props = _this.props,
-        data = _this$props.data,
-        value = _this$props.value;
-      var _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;
-      var rateList = [];
-      for (var i = 0; i < rate_max_number; i++) {
-        var style = {
+class RateExpendRateFormatter extends React.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 || {};
+      let rateList = [];
+      for (let i = 0; i < rate_max_number; i++) {
+        let style = {
           color: value >= i + 1 ? rate_style_color : '#e5e5e5'
         };
         rateList.push( /*#__PURE__*/React.createElement("i", {
@@ -39,21 +27,18 @@ var RateExpendRateFormatter = /*#__PURE__*/function (_React$Component) {
       }
       return rateList;
     };
-    return _this;
   }
-  _createClass(RateExpendRateFormatter, [{
-    key: "render",
-    value: function render() {
-      var containerClassName = this.props.containerClassName;
-      var className = classnames('dtable-ui cell-formatter-container rate-formatter', containerClassName);
-      var rateList = this.getRateList();
-      return /*#__PURE__*/React.createElement("div", {
-        className: className
-      }, rateList);
-    }
-  }]);
-  return RateExpendRateFormatter;
-}(React.Component);
+  render() {
+    const {
+      containerClassName
+    } = this.props;
+    const className = classnames('dtable-ui cell-formatter-container rate-formatter', containerClassName);
+    const rateList = this.getRateList();
+    return /*#__PURE__*/React.createElement("div", {
+      className: className
+    }, rateList);
+  }
+}
 RateExpendRateFormatter.defaultProps = {
   value: '',
   containerClassName: ''