dtable-statistic 4.3.3 → 4.3.4

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

@@ -1,19 +1,11 @@
-"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 {
+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 {
   constructor() {
     var _this;
     super(...arguments);
@@ -23,7 +15,7 @@ class OneDimensionTableWithNumericColumns extends _react.PureComponent {
         isColumn = false,
         isCurrentView = false
       } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      if (_utils.isMobile) return;
+      if (isMobile) return;
       _this.props.toggleStatisticRecordsDialog(cell, _this.props.statItem, {
         isColumn,
         isCurrentView
@@ -42,7 +34,7 @@ class OneDimensionTableWithNumericColumns extends _react.PureComponent {
         column_groupby_column_key
       } = statItem;
       const statisticTableColumns = table.columns;
-      const columnGroupbyColumn = _dtableStore.TableUtils.getTableColumnByKey(table, column_groupby_column_key);
+      const columnGroupbyColumn = TableUtils.getTableColumnByKey(table, column_groupby_column_key);
       const {
         name: groupName
       } = groupbyColumn;
@@ -52,17 +44,17 @@ class OneDimensionTableWithNumericColumns extends _react.PureComponent {
       const {
         pivot_columns
       } = pivotResult;
-      return /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
+      return /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.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.default.createElement("th", {
+        return /*#__PURE__*/React.createElement("th", {
           className: 'pivot-table-header',
           key: "pivot-column-".concat(index)
-        }, /*#__PURE__*/_react.default.createElement("div", null, column.name));
+        }, /*#__PURE__*/React.createElement("div", null, column.name));
       })));
     };
     this.renderRows = _ref2 => {
@@ -85,7 +77,7 @@ class OneDimensionTableWithNumericColumns extends _react.PureComponent {
         pivot_columns_total
       } = pivotResult;
       let pivotColumnCells = [];
-      return /*#__PURE__*/_react.default.createElement("tbody", null, pivot_rows.map((rowItem, rowIdx) => {
+      return /*#__PURE__*/React.createElement("tbody", null, pivot_rows.map((rowItem, rowIdx) => {
         const {
           original_name,
           total,
@@ -94,11 +86,11 @@ class OneDimensionTableWithNumericColumns extends _react.PureComponent {
         if (!Array.isArray(pivot_columns)) {
           pivotColumnCells[rowIdx] = rowItem.rows || [];
         }
-        return /*#__PURE__*/_react.default.createElement("tr", {
+        return /*#__PURE__*/React.createElement("tr", {
           key: 'table-row' + rowIdx
-        }, /*#__PURE__*/_react.default.createElement("td", {
+        }, /*#__PURE__*/React.createElement("td", {
           className: 'pivot-row-name'
-        }, /*#__PURE__*/_react.default.createElement(_pivotTableDisplayName.default, {
+        }, /*#__PURE__*/React.createElement(PivotTableDisplayName, {
           value: original_name,
           column: groupbyColumn
         })), Array.isArray(pivot_columns) && pivot_columns.map((columnMap, cellIdx) => {
@@ -116,23 +108,23 @@ class OneDimensionTableWithNumericColumns extends _react.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.default.createElement("td", {
-            className: "".concat(_statisticPivotTableModule.default['pivot-cell'], " ").concat(isValidDisplayValue ? '' : _statisticPivotTableModule.default['pivot-empty-cell']),
+          return /*#__PURE__*/React.createElement("td", {
+            className: "".concat(styles['pivot-cell'], " ").concat(isValidDisplayValue ? '' : styles['pivot-empty-cell']),
             key: "table-cell-".concat(cellIdx),
             onClick: () => this.toggleRecords(rowItem),
             title: isValidDisplayValue ? displayValue : ''
-          }, isValidDisplayValue ? /*#__PURE__*/_react.default.createElement("div", null, displayValue) : /*#__PURE__*/_react.default.createElement("i", null));
+          }, isValidDisplayValue ? /*#__PURE__*/React.createElement("div", null, displayValue) : /*#__PURE__*/React.createElement("i", null));
         }));
-      }), display_total && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
+      }), display_total && /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
         className: 'pivot-column-total'
-      }, /*#__PURE__*/_react.default.createElement("div", null, _reactIntlUniversal.default.get(_constants.TITLE_TOTAL))), Array.isArray(pivot_columns) && pivot_columns.map((c, index) => {
+      }, /*#__PURE__*/React.createElement("div", null, intl.get(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.default.createElement("td", {
-          className: "".concat(_statisticPivotTableModule.default['pivot-cell'], " ").concat(isValidDisplayValue ? '' : _statisticPivotTableModule.default['pivot-empty-cell']),
+        return /*#__PURE__*/React.createElement("td", {
+          className: "".concat(styles['pivot-cell'], " ").concat(isValidDisplayValue ? '' : styles['pivot-empty-cell']),
           key: "total-cell-".concat(index),
           title: isValidDisplayValue ? displayValue : '',
           onClick: () => this.toggleRecords({
@@ -141,7 +133,7 @@ class OneDimensionTableWithNumericColumns extends _react.PureComponent {
           }, {
             isCurrentView: true
           })
-        }, isValidDisplayValue ? /*#__PURE__*/_react.default.createElement("div", null, displayValue) : /*#__PURE__*/_react.default.createElement("i", null));
+        }, isValidDisplayValue ? /*#__PURE__*/React.createElement("div", null, displayValue) : /*#__PURE__*/React.createElement("i", null));
       })));
     };
   }
@@ -157,13 +149,13 @@ class OneDimensionTableWithNumericColumns extends _react.PureComponent {
       groupby_column_key
     } = statItem;
     const table = getTableById(table_id);
-    const groupbyColumn = _dtableStore.TableUtils.getTableColumnByKey(table, groupby_column_key);
+    const groupbyColumn = TableUtils.getTableColumnByKey(table, groupby_column_key);
     if (!groupbyColumn) return '';
-    return /*#__PURE__*/_react.default.createElement("table", {
+    return /*#__PURE__*/React.createElement("table", {
       style: {
         color: textColor
       },
-      className: "".concat(isPreview ? _statisticPivotTableModule.default['preview-pivot-table'] : _statisticPivotTableModule.default['large-pivot-table'], " ").concat(_statisticPivotTableModule.default['pivot-table'])
+      className: "".concat(isPreview ? styles['preview-pivot-table'] : styles['large-pivot-table'], " ").concat(styles['pivot-table'])
     }, this.renderHeader({
       table,
       groupbyColumn
@@ -173,4 +165,4 @@ class OneDimensionTableWithNumericColumns extends _react.PureComponent {
     }));
   }
 }
-var _default = exports.default = OneDimensionTableWithNumericColumns;
+export default OneDimensionTableWithNumericColumns;

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

@@ -1,18 +1,10 @@
-"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 {
+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 {
   constructor(props) {
     super(props);
     this.updateCreator = email => {
@@ -22,7 +14,7 @@ class PivotTableDisplayName extends _react.default.Component {
       let {
         collaborators
       } = window.app.state;
-      let creator = (0, _utils.getKnownCreatorByEmail)(collaborators, email);
+      let creator = getKnownCreatorByEmail(collaborators, email);
       if (creator) {
         this.setState({
           creator
@@ -41,7 +33,7 @@ class PivotTableDisplayName extends _react.default.Component {
         }
 
         // error handle
-        creator = (0, _utils.generateDefaultUser)(email);
+        creator = generateDefaultUser(email);
         dtableCollaborators[email] = creator;
         this.setState({
           creator
@@ -58,17 +50,17 @@ class PivotTableDisplayName extends _react.default.Component {
       } = window.app.state;
       let displayName;
       switch (type) {
-        case _dtableStore.CellType.SINGLE_SELECT:
-        case _dtableStore.CellType.MULTIPLE_SELECT:
+        case CellType.SINGLE_SELECT:
+        case CellType.MULTIPLE_SELECT:
           {
-            let options = (0, _utils.getSelectColumnOptions)(column);
-            let option = (0, _dtableStore.getOption)(options, value) || {};
+            let options = getSelectColumnOptions(column);
+            let option = getOption(options, value) || {};
             let {
               name: optionName,
               color,
               textColor
             } = option;
-            displayName = /*#__PURE__*/_react.default.createElement("div", {
+            displayName = /*#__PURE__*/React.createElement("div", {
               style: {
                 color: textColor,
                 backgroundColor: color
@@ -79,70 +71,70 @@ class PivotTableDisplayName extends _react.default.Component {
             }, optionName);
             break;
           }
-        case _dtableStore.CellType.COLLABORATOR:
+        case CellType.COLLABORATOR:
           {
-            let collaborator = (0, _dtableStore.getCollaborator)(collaborators, value) || {};
-            displayName = /*#__PURE__*/_react.default.createElement(Collaborator, {
+            let collaborator = getCollaborator(collaborators, value) || {};
+            displayName = /*#__PURE__*/React.createElement(Collaborator, {
               collaborator: collaborator
             });
             break;
           }
-        case _dtableStore.CellType.CREATOR:
-        case _dtableStore.CellType.LAST_MODIFIER:
+        case CellType.CREATOR:
+        case CellType.LAST_MODIFIER:
           {
             let {
               creator
             } = this.state;
-            displayName = /*#__PURE__*/_react.default.createElement(Collaborator, {
+            displayName = /*#__PURE__*/React.createElement(Collaborator, {
               collaborator: creator
             });
             break;
           }
-        case _dtableStore.CellType.NUMBER:
+        case CellType.NUMBER:
           {
-            const displayValue = (0, _dtableStore.isNumber)(value) ? (0, _dtableStore.getNumberDisplayString)(value, data) : value;
-            displayName = /*#__PURE__*/_react.default.createElement("div", {
+            const displayValue = isNumber(value) ? getNumberDisplayString(value, data) : value;
+            displayName = /*#__PURE__*/React.createElement("div", {
               title: displayValue,
               "aria-label": displayValue
             }, displayValue);
             break;
           }
-        case _dtableStore.CellType.LINK:
+        case CellType.LINK:
           {
-            const displayValue = (0, _utils.getClientFormulaDisplayString)(Array.isArray(value) ? value : [value], data, {
+            const displayValue = getClientFormulaDisplayString(Array.isArray(value) ? value : [value], data, {
               collaborators
             }) || null;
             if (!displayValue) {
               break;
             }
-            displayName = /*#__PURE__*/_react.default.createElement("div", {
+            displayName = /*#__PURE__*/React.createElement("div", {
               title: displayValue,
               "aria-label": displayValue
             }, displayValue);
             break;
           }
-        case _dtableStore.CellType.FORMULA:
-        case _dtableStore.CellType.LINK_FORMULA:
+        case CellType.FORMULA:
+        case CellType.LINK_FORMULA:
           {
             let displayValue = value;
             let {
               result_type,
               array_type
             } = data || {};
-            if (result_type === _dtableStore.FORMULA_RESULT_TYPE.NUMBER) {
+            if (result_type === FORMULA_RESULT_TYPE.NUMBER) {
               let valueNumber = parseFloat(value);
-              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)) {
+              displayValue = isNumber(valueNumber) ? getNumberDisplayString(valueNumber, data) : value;
+            } else if (result_type === FORMULA_RESULT_TYPE.ARRAY) {
+              if (COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
                 const currentCollaborators = Array.isArray(value) ? value : [value];
                 displayValue = currentCollaborators.map(email => {
-                  let user = array_type === _dtableStore.CellType.COLLABORATOR ? (0, _dtableStore.getCollaborator)(collaborators, email) : (0, _utils.getKnownCreatorByEmail)(collaborators, email);
+                  let user = array_type === CellType.COLLABORATOR ? getCollaborator(collaborators, email) : getKnownCreatorByEmail(collaborators, email);
                   return (user || {}).name;
                 });
                 displayValue = displayValue + '';
               }
             }
-            displayName = /*#__PURE__*/_react.default.createElement("div", {
+            displayName = /*#__PURE__*/React.createElement("div", {
               title: displayValue,
               "aria-label": displayValue
             }, displayValue);
@@ -151,7 +143,7 @@ class PivotTableDisplayName extends _react.default.Component {
         default:
           {
             const displayValue = typeof value !== 'string' ? String(value) : value;
-            displayName = /*#__PURE__*/_react.default.createElement("div", {
+            displayName = /*#__PURE__*/React.createElement("div", {
               title: displayValue,
               "aria-label": displayValue
             }, displayValue);
@@ -169,7 +161,7 @@ class PivotTableDisplayName extends _react.default.Component {
       column,
       value
     } = this.props;
-    if (column.type !== _dtableStore.CellType.CREATOR && column.type !== _dtableStore.CellType.LAST_MODIFIER) return;
+    if (column.type !== CellType.CREATOR && column.type !== CellType.LAST_MODIFIER) return;
     this.updateCreator(value);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
@@ -180,8 +172,8 @@ class PivotTableDisplayName extends _react.default.Component {
     let {
       type
     } = column;
-    if (type !== _dtableStore.CellType.CREATOR && type !== _dtableStore.CellType.LAST_MODIFIER) return;
-    if (value !== this.props.value || (0, _commonUtils.shallowEqual)(nextProps.column, this.props.column)) {
+    if (type !== CellType.CREATOR && type !== CellType.LAST_MODIFIER) return;
+    if (value !== this.props.value || shallowEqual(nextProps.column, this.props.column)) {
       this.updateCreator(value);
     }
   }
@@ -192,28 +184,28 @@ class PivotTableDisplayName extends _react.default.Component {
     } = this.props;
     const displayName = value && this.getDisplayName(value, column);
     if (!displayName) {
-      return /*#__PURE__*/_react.default.createElement("div", null, "(".concat(_reactIntlUniversal.default.get(_constants.EMPTY_NAME), ")"));
+      return /*#__PURE__*/React.createElement("div", null, "(".concat(intl.get(EMPTY_NAME), ")"));
     }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, displayName);
+    return /*#__PURE__*/React.createElement(Fragment, null, displayName);
   }
 }
-var _default = exports.default = PivotTableDisplayName;
+export default PivotTableDisplayName;
 function Collaborator(props) {
   let {
     avatar_url,
     name
   } = props.collaborator || {};
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "collaborators-formatter"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "collaborator"
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "collaborator-avatar-container"
-  }, /*#__PURE__*/_react.default.createElement("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     src: avatar_url,
     alt: name,
     className: "collaborator-avatar"
-  })), /*#__PURE__*/_react.default.createElement("span", {
+  })), /*#__PURE__*/React.createElement("span", {
     className: "collaborator-name",
     title: name,
     "aria-label": name