dtable-statistic 4.3.4 → 4.3.6

package/es/stat-view/pivot-table/one-dimension-table-with-numeric-columns.js

@@ -1,11 +1,19 @@
-import React, { PureComponent } from 'react';
-import intl from 'react-intl-universal';
-import { TableUtils } from 'dtable-store';
-import PivotTableDisplayName from './pivot-table-display-name';
-import { isMobile } from '../../utils';
-import { TITLE_TOTAL } from '../../constants';
-import styles from './statistic-pivot-table.module.css';
-class OneDimensionTableWithNumericColumns extends PureComponent {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _dtableStore = require("dtable-store");
+var _pivotTableDisplayName = _interopRequireDefault(require("./pivot-table-display-name"));
+var _utils = require("../../utils");
+var _constants = require("../../constants");
+var _statisticPivotTableModule = _interopRequireDefault(require("./statistic-pivot-table.module.css"));
+class OneDimensionTableWithNumericColumns extends _react.PureComponent {
   constructor() {
     var _this;
     super(...arguments);
@@ -15,7 +23,7 @@ class OneDimensionTableWithNumericColumns extends PureComponent {
         isColumn = false,
         isCurrentView = false
       } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      if (isMobile) return;
+      if (_utils.isMobile) return;
       _this.props.toggleStatisticRecordsDialog(cell, _this.props.statItem, {
         isColumn,
         isCurrentView
@@ -34,7 +42,7 @@ class OneDimensionTableWithNumericColumns extends PureComponent {
         column_groupby_column_key
       } = statItem;
       const statisticTableColumns = table.columns;
-      const columnGroupbyColumn = TableUtils.getTableColumnByKey(table, column_groupby_column_key);
+      const columnGroupbyColumn = _dtableStore.TableUtils.getTableColumnByKey(table, column_groupby_column_key);
       const {
         name: groupName
       } = groupbyColumn;
@@ -44,17 +52,17 @@ class OneDimensionTableWithNumericColumns extends PureComponent {
       const {
         pivot_columns
       } = pivotResult;
-      return /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
+      return /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
         className: "pivot-table-header"
       }, !rowGroupName && groupName), Array.isArray(pivot_columns) && pivot_columns.map((item, index) => {
         const {
           key
         } = item;
         const column = statisticTableColumns.find(column => column.key === key);
-        return /*#__PURE__*/React.createElement("th", {
+        return /*#__PURE__*/_react.default.createElement("th", {
           className: 'pivot-table-header',
           key: "pivot-column-".concat(index)
-        }, /*#__PURE__*/React.createElement("div", null, column.name));
+        }, /*#__PURE__*/_react.default.createElement("div", null, column.name));
       })));
     };
     this.renderRows = _ref2 => {
@@ -77,7 +85,7 @@ class OneDimensionTableWithNumericColumns extends PureComponent {
         pivot_columns_total
       } = pivotResult;
       let pivotColumnCells = [];
-      return /*#__PURE__*/React.createElement("tbody", null, pivot_rows.map((rowItem, rowIdx) => {
+      return /*#__PURE__*/_react.default.createElement("tbody", null, pivot_rows.map((rowItem, rowIdx) => {
         const {
           original_name,
           total,
@@ -86,11 +94,11 @@ class OneDimensionTableWithNumericColumns extends PureComponent {
         if (!Array.isArray(pivot_columns)) {
           pivotColumnCells[rowIdx] = rowItem.rows || [];
         }
-        return /*#__PURE__*/React.createElement("tr", {
+        return /*#__PURE__*/_react.default.createElement("tr", {
           key: 'table-row' + rowIdx
-        }, /*#__PURE__*/React.createElement("td", {
+        }, /*#__PURE__*/_react.default.createElement("td", {
           className: 'pivot-row-name'
-        }, /*#__PURE__*/React.createElement(PivotTableDisplayName, {
+        }, /*#__PURE__*/_react.default.createElement(_pivotTableDisplayName.default, {
           value: original_name,
           column: groupbyColumn
         })), Array.isArray(pivot_columns) && pivot_columns.map((columnMap, cellIdx) => {
@@ -108,23 +116,23 @@ class OneDimensionTableWithNumericColumns extends PureComponent {
           const column = statisticTableColumns.find(item => item.key === key);
           const displayValue = getSummaryValueDisplayString(column, total[key + method], method);
           const isValidDisplayValue = this.props.isValidValue(displayValue);
-          return /*#__PURE__*/React.createElement("td", {
-            className: "".concat(styles['pivot-cell'], " ").concat(isValidDisplayValue ? '' : styles['pivot-empty-cell']),
+          return /*#__PURE__*/_react.default.createElement("td", {
+            className: "".concat(_statisticPivotTableModule.default['pivot-cell'], " ").concat(isValidDisplayValue ? '' : _statisticPivotTableModule.default['pivot-empty-cell']),
             key: "table-cell-".concat(cellIdx),
             onClick: () => this.toggleRecords(rowItem),
             title: isValidDisplayValue ? displayValue : ''
-          }, isValidDisplayValue ? /*#__PURE__*/React.createElement("div", null, displayValue) : /*#__PURE__*/React.createElement("i", null));
+          }, isValidDisplayValue ? /*#__PURE__*/_react.default.createElement("div", null, displayValue) : /*#__PURE__*/_react.default.createElement("i", null));
         }));
-      }), display_total && /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+      }), display_total && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
         className: 'pivot-column-total'
-      }, /*#__PURE__*/React.createElement("div", null, intl.get(TITLE_TOTAL))), Array.isArray(pivot_columns) && pivot_columns.map((c, index) => {
+      }, /*#__PURE__*/_react.default.createElement("div", null, _reactIntlUniversal.default.get(_constants.TITLE_TOTAL))), Array.isArray(pivot_columns) && pivot_columns.map((c, index) => {
         const pivotColumnCell = pivotColumnCells[index];
         const pivotColumnTotal = pivot_columns_total[c.key + c.method];
         const column = statisticTableColumns.find(column => column.key === c.key);
         const displayValue = getSummaryValueDisplayString(column, pivotColumnTotal, c.method);
         const isValidDisplayValue = this.props.isValidValue(displayValue);
-        return /*#__PURE__*/React.createElement("td", {
-          className: "".concat(styles['pivot-cell'], " ").concat(isValidDisplayValue ? '' : styles['pivot-empty-cell']),
+        return /*#__PURE__*/_react.default.createElement("td", {
+          className: "".concat(_statisticPivotTableModule.default['pivot-cell'], " ").concat(isValidDisplayValue ? '' : _statisticPivotTableModule.default['pivot-empty-cell']),
           key: "total-cell-".concat(index),
           title: isValidDisplayValue ? displayValue : '',
           onClick: () => this.toggleRecords({
@@ -133,7 +141,7 @@ class OneDimensionTableWithNumericColumns extends PureComponent {
           }, {
             isCurrentView: true
           })
-        }, isValidDisplayValue ? /*#__PURE__*/React.createElement("div", null, displayValue) : /*#__PURE__*/React.createElement("i", null));
+        }, isValidDisplayValue ? /*#__PURE__*/_react.default.createElement("div", null, displayValue) : /*#__PURE__*/_react.default.createElement("i", null));
       })));
     };
   }
@@ -149,13 +157,13 @@ class OneDimensionTableWithNumericColumns extends PureComponent {
       groupby_column_key
     } = statItem;
     const table = getTableById(table_id);
-    const groupbyColumn = TableUtils.getTableColumnByKey(table, groupby_column_key);
+    const groupbyColumn = _dtableStore.TableUtils.getTableColumnByKey(table, groupby_column_key);
     if (!groupbyColumn) return '';
-    return /*#__PURE__*/React.createElement("table", {
+    return /*#__PURE__*/_react.default.createElement("table", {
       style: {
         color: textColor
       },
-      className: "".concat(isPreview ? styles['preview-pivot-table'] : styles['large-pivot-table'], " ").concat(styles['pivot-table'])
+      className: "".concat(isPreview ? _statisticPivotTableModule.default['preview-pivot-table'] : _statisticPivotTableModule.default['large-pivot-table'], " ").concat(_statisticPivotTableModule.default['pivot-table'])
     }, this.renderHeader({
       table,
       groupbyColumn
@@ -165,4 +173,4 @@ class OneDimensionTableWithNumericColumns extends PureComponent {
     }));
   }
 }
-export default OneDimensionTableWithNumericColumns;
+var _default = exports.default = OneDimensionTableWithNumericColumns;

package/es/stat-view/pivot-table/pivot-table-display-name.js

@@ -1,42 +1,51 @@
-import React, { Fragment } from 'react';
-import intl from 'react-intl-universal';
-import { getOption, getCollaborator, CellType, getNumberDisplayString, isNumber, COLLABORATOR_COLUMN_TYPES, FORMULA_RESULT_TYPE } from 'dtable-store';
-import { getClientFormulaDisplayString, getKnownCreatorByEmail, generateDefaultUser, getSelectColumnOptions } from '../../utils';
-import { shallowEqual } from '../../utils/common-utils';
-import { EMPTY_NAME } from '../../constants';
-class PivotTableDisplayName extends React.Component {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _dtableStore = require("dtable-store");
+var _utils = require("../../utils");
+var _commonUtils = require("../../utils/common-utils");
+var _constants = require("../../constants");
+class PivotTableDisplayName extends _react.default.Component {
   constructor(props) {
     super(props);
-    this.updateCreator = email => {
+    this.updateUser = email => {
       if (!window || !window.app) {
         return;
       }
       let {
         collaborators
       } = window.app.state;
-      let creator = getKnownCreatorByEmail(collaborators, email);
-      if (creator) {
+      let user = (0, _utils.getKnownCreatorByEmail)(collaborators, email);
+      if (user) {
         this.setState({
-          creator
+          user
         });
         return;
       }
       let dtableCollaborators = window.app.collaboratorsCache;
+      if (!window.app.queryUsers) return;
       window.app.queryUsers([email], emailUserMap => {
-        creator = emailUserMap && emailUserMap[email];
-        if (creator) {
-          dtableCollaborators[email] = creator;
+        user = emailUserMap && emailUserMap[email];
+        if (user) {
+          dtableCollaborators[email] = user;
           this.setState({
-            creator
+            user
           });
           return;
         }
 
         // error handle
-        creator = generateDefaultUser(email);
-        dtableCollaborators[email] = creator;
+        user = (0, _utils.generateDefaultUser)(email);
+        dtableCollaborators[email] = user;
         this.setState({
-          creator
+          user
         });
       });
     };
@@ -50,17 +59,17 @@ class PivotTableDisplayName extends React.Component {
       } = window.app.state;
       let displayName;
       switch (type) {
-        case CellType.SINGLE_SELECT:
-        case CellType.MULTIPLE_SELECT:
+        case _dtableStore.CellType.SINGLE_SELECT:
+        case _dtableStore.CellType.MULTIPLE_SELECT:
           {
-            let options = getSelectColumnOptions(column);
-            let option = getOption(options, value) || {};
+            let options = (0, _utils.getSelectColumnOptions)(column);
+            let option = (0, _dtableStore.getOption)(options, value) || {};
             let {
               name: optionName,
               color,
               textColor
             } = option;
-            displayName = /*#__PURE__*/React.createElement("div", {
+            displayName = /*#__PURE__*/_react.default.createElement("div", {
               style: {
                 color: textColor,
                 backgroundColor: color
@@ -71,70 +80,60 @@ class PivotTableDisplayName extends React.Component {
             }, optionName);
             break;
           }
-        case CellType.COLLABORATOR:
-          {
-            let collaborator = getCollaborator(collaborators, value) || {};
-            displayName = /*#__PURE__*/React.createElement(Collaborator, {
-              collaborator: collaborator
-            });
-            break;
-          }
-        case CellType.CREATOR:
-        case CellType.LAST_MODIFIER:
+        case _dtableStore.CellType.CREATOR:
+        case _dtableStore.CellType.COLLABORATOR:
+        case _dtableStore.CellType.LAST_MODIFIER:
           {
-            let {
-              creator
-            } = this.state;
-            displayName = /*#__PURE__*/React.createElement(Collaborator, {
-              collaborator: creator
+            displayName = /*#__PURE__*/_react.default.createElement(Collaborator, {
+              collaborator: this.state.user
             });
             break;
           }
-        case CellType.NUMBER:
+        case _dtableStore.CellType.NUMBER:
           {
-            const displayValue = isNumber(value) ? getNumberDisplayString(value, data) : value;
-            displayName = /*#__PURE__*/React.createElement("div", {
+            const displayValue = (0, _dtableStore.isNumber)(value) ? (0, _dtableStore.getNumberDisplayString)(value, data) : value;
+            displayName = /*#__PURE__*/_react.default.createElement("div", {
               title: displayValue,
               "aria-label": displayValue
             }, displayValue);
             break;
           }
-        case CellType.LINK:
+        case _dtableStore.CellType.LINK:
           {
-            const displayValue = getClientFormulaDisplayString(Array.isArray(value) ? value : [value], data, {
+            const displayValue = (0, _utils.getClientFormulaDisplayString)(Array.isArray(value) ? value : [value], data, {
               collaborators
             }) || null;
             if (!displayValue) {
               break;
             }
-            displayName = /*#__PURE__*/React.createElement("div", {
+            displayName = /*#__PURE__*/_react.default.createElement("div", {
               title: displayValue,
               "aria-label": displayValue
             }, displayValue);
             break;
           }
-        case CellType.FORMULA:
-        case CellType.LINK_FORMULA:
+        case _dtableStore.CellType.FORMULA:
+        case _dtableStore.CellType.LINK_FORMULA:
           {
             let displayValue = value;
             let {
               result_type,
               array_type
             } = data || {};
-            if (result_type === FORMULA_RESULT_TYPE.NUMBER) {
+            if (result_type === _dtableStore.FORMULA_RESULT_TYPE.NUMBER) {
               let valueNumber = parseFloat(value);
-              displayValue = isNumber(valueNumber) ? getNumberDisplayString(valueNumber, data) : value;
-            } else if (result_type === FORMULA_RESULT_TYPE.ARRAY) {
-              if (COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
+              displayValue = (0, _dtableStore.isNumber)(valueNumber) ? (0, _dtableStore.getNumberDisplayString)(valueNumber, data) : value;
+            } else if (result_type === _dtableStore.FORMULA_RESULT_TYPE.ARRAY) {
+              if (_dtableStore.COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
                 const currentCollaborators = Array.isArray(value) ? value : [value];
                 displayValue = currentCollaborators.map(email => {
-                  let user = array_type === CellType.COLLABORATOR ? getCollaborator(collaborators, email) : getKnownCreatorByEmail(collaborators, email);
+                  let user = array_type === _dtableStore.CellType.COLLABORATOR ? (0, _dtableStore.getCollaborator)(collaborators, email) : (0, _utils.getKnownCreatorByEmail)(collaborators, email);
                   return (user || {}).name;
                 });
                 displayValue = displayValue + '';
               }
             }
-            displayName = /*#__PURE__*/React.createElement("div", {
+            displayName = /*#__PURE__*/_react.default.createElement("div", {
               title: displayValue,
               "aria-label": displayValue
             }, displayValue);
@@ -143,7 +142,7 @@ class PivotTableDisplayName extends React.Component {
         default:
           {
             const displayValue = typeof value !== 'string' ? String(value) : value;
-            displayName = /*#__PURE__*/React.createElement("div", {
+            displayName = /*#__PURE__*/_react.default.createElement("div", {
               title: displayValue,
               "aria-label": displayValue
             }, displayValue);
@@ -153,28 +152,31 @@ class PivotTableDisplayName extends React.Component {
       return displayName;
     };
     this.state = {
-      creator: {}
+      user: {}
     };
   }
   componentDidMount() {
-    let {
+    const {
       column,
       value
     } = this.props;
-    if (column.type !== CellType.CREATOR && column.type !== CellType.LAST_MODIFIER) return;
-    this.updateCreator(value);
+    const {
+      type
+    } = column;
+    if (!_dtableStore.COLLABORATOR_COLUMN_TYPES.includes(type)) return;
+    this.updateUser(value);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    let {
+    const {
       column,
       value
     } = nextProps;
-    let {
+    const {
       type
     } = column;
-    if (type !== CellType.CREATOR && type !== CellType.LAST_MODIFIER) return;
-    if (value !== this.props.value || shallowEqual(nextProps.column, this.props.column)) {
-      this.updateCreator(value);
+    if (!_dtableStore.COLLABORATOR_COLUMN_TYPES.includes(type)) return;
+    if (value !== this.props.value || (0, _commonUtils.shallowEqual)(nextProps.column, this.props.column)) {
+      this.updateUser(value);
     }
   }
   render() {
@@ -184,28 +186,28 @@ class PivotTableDisplayName extends React.Component {
     } = this.props;
     const displayName = value && this.getDisplayName(value, column);
     if (!displayName) {
-      return /*#__PURE__*/React.createElement("div", null, "(".concat(intl.get(EMPTY_NAME), ")"));
+      return /*#__PURE__*/_react.default.createElement("div", null, "(".concat(_reactIntlUniversal.default.get(_constants.EMPTY_NAME), ")"));
     }
-    return /*#__PURE__*/React.createElement(Fragment, null, displayName);
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, displayName);
   }
 }
-export default PivotTableDisplayName;
+var _default = exports.default = PivotTableDisplayName;
 function Collaborator(props) {
   let {
     avatar_url,
     name
   } = props.collaborator || {};
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "collaborators-formatter"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "collaborator"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "collaborator-avatar-container"
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/_react.default.createElement("img", {
     src: avatar_url,
     alt: name,
     className: "collaborator-avatar"
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/_react.default.createElement("span", {
     className: "collaborator-name",
     title: name,
     "aria-label": name