sea-chart 0.0.1 → 0.0.2

package/lib/components/formatter/ring.js

@@ -1,277 +0,0 @@
-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 PropTypes from 'prop-types';
-import { STATISTIC_LABEL_POSITIONS, STATISTIC_LABEL_FORMATS } from '../../constants';
-import { StatisticsUtils } from '../../utils';
-import ChartComponent from './chart-component';
-import intl from '../../intl';
-var Ring = /*#__PURE__*/function (_ChartComponent) {
-  _inherits(Ring, _ChartComponent);
-  var _super = _createSuper(Ring);
-  function Ring(props) {
-    var _this;
-    _classCallCheck(this, Ring);
-    _this = _super.call(this, props);
-    _this.createChart = function () {
-      var canvasStyle = _this.props.canvasStyle;
-      _this.initChart(_this.container, canvasStyle, 0);
-    };
-    _this.destroyChart = function () {
-      _this.chart.destroy();
-      _this.chart = null;
-    };
-    _this.clearChart = function () {
-      _this.chart.annotation().clear(true);
-      _this.chart.clear(true);
-    };
-    _this.drawChart = function () {
-      var _this$props = _this.props,
-        data = _this$props.result,
-        statistic = _this$props.statistic,
-        tables = _this$props.tables,
-        summaryColumn = _this$props.summaryColumn;
-      if (data.length === 0) return;
-      _this.sum = data.total;
-      _this.chart.coordinate('theta', {
-        radius: 0.95,
-        innerRadius: 0.7
-      });
-      var _statistic$config = statistic.config,
-        show_legend = _statistic$config.show_legend,
-        display_label = _statistic$config.display_label,
-        label_position = _statistic$config.label_position,
-        label_font_size = _statistic$config.label_font_size,
-        summary_method = _statistic$config.summary_method;
-      var _StatisticsUtils$form = StatisticsUtils.formatPieChartData(data, statistic, tables),
-        newData = _StatisticsUtils$form.data,
-        colorSet = _StatisticsUtils$form.colorSet,
-        total = _StatisticsUtils$form.total;
-      if (!Array.isArray(newData)) return;
-      _this.sum = total;
-      _this.loadData(newData);
-      _this.chart.on('interval:click', function (e) {
-        _this.props.toggleRecords(e.data.data);
-      });
-      if (show_legend) {
-        _this.chart.legend('name', {
-          position: 'right',
-          custom: true,
-          itemName: {
-            style: {
-              fill: '#6e6e6e'
-            }
-          },
-          items: newData.map(function (obj, index) {
-            var name = obj.name;
-            if (!obj.name && typeof obj.name !== 'number') {
-              name = intl.get('Empty');
-            } else if (obj.name === '_Others') {
-              name = intl.get('Others');
-            }
-            return {
-              name: name,
-              value: obj.value,
-              marker: {
-                symbol: 'circle',
-                style: {
-                  r: 5,
-                  fill: colorSet[index]
-                }
-              }
-            };
-          })
-        });
-      } else {
-        _this.chart.legend(false);
-      }
-
-      // Do not automatically adjust the maximum and minimum values in pie chart
-      _this.chart.scale({
-        value: {
-          nice: false
-        }
-      });
-      _this.chart.interval().adjust('stack').position('value').color('name', colorSet).label('value*percent', function (value, percent) {
-        var displayValue = StatisticsUtils.getSummaryValueDisplayString(summaryColumn, value, summary_method);
-        return {
-          content: _this.getLabel(displayValue, percent)
-        };
-      }, {
-        offset: !label_position || label_position === STATISTIC_LABEL_POSITIONS[0] ? -2 : undefined,
-        style: {
-          fill: '#000000',
-          fontSize: StatisticsUtils.getLabelFontSize(label_font_size),
-          shadowBlur: 2,
-          shadowColor: 'rgba(0, 0, 0, .45)'
-        }
-      }).tooltip('name*value*percent', function (name, value, percent) {
-        var title = name;
-        if (!name || name === 'undefined') {
-          title = intl.get('Empty');
-        } else if (name === '_Others') {
-          title = intl.get('Others');
-        }
-        var displayValue = StatisticsUtils.getSummaryValueDisplayString(summaryColumn, value, summary_method);
-        return {
-          name: title,
-          value: display_label ? _this.getLabel(displayValue, percent) : displayValue
-        };
-      }).state({
-        active: {
-          style: {
-            fillOpacity: 0.7,
-            border: 'none',
-            stroke: 0
-          }
-        }
-      });
-      _this.chart.tooltip({
-        showTitle: false,
-        showMarkers: false,
-        itemTpl: '<div class="g2-tooltip-list-item"><span style="background-color:{color};" class="g2-tooltip-marker"></span>{name}: {value}</div>'
-      });
-      _this.chart.interaction('statistic-active');
-      _this.setAnnotation({
-        name: intl.get('Total'),
-        value: StatisticsUtils.getSummaryValueDisplayString(summaryColumn, _this.sum, summary_method)
-      }, '#000000');
-      _this.chart.on('interval:mouseenter', function (evt) {
-        return _this.onEnterRingChart(evt, '#000000', {
-          summaryColumn: summaryColumn,
-          summaryMethod: summary_method
-        });
-      });
-      _this.chart.on('interval:mouseleave', function (evt) {
-        return _this.onLeaveRingChart(evt, '#000000', {
-          summaryColumn: summaryColumn,
-          summaryMethod: summary_method
-        });
-      });
-      _this.chart.render();
-    };
-    _this.getLabel = function (value, percent) {
-      var _this$props$statistic = _this.props.statistic.config,
-        display_label = _this$props$statistic.display_label,
-        label_format = _this$props$statistic.label_format;
-      if (!display_label) {
-        return '';
-      }
-      switch (label_format) {
-        case STATISTIC_LABEL_FORMATS[0]:
-          return percent;
-        case STATISTIC_LABEL_FORMATS[1]:
-          return value;
-        case STATISTIC_LABEL_FORMATS[2]:
-          return "".concat(value, " (").concat(percent, ")");
-        default:
-          return percent;
-      }
-    };
-    _this.setAnnotation = function (content, fontColor) {
-      var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-        summaryColumn = _ref.summaryColumn,
-        summaryMethod = _ref.summaryMethod;
-      var name = content.name;
-      if (!name || name === 'undefined') {
-        name = intl.get('Empty');
-      } else if (name === '_Others') {
-        name = intl.get('Others');
-      }
-      _this.chart.annotation().text({
-        content: name,
-        position: ['50%', '50%'],
-        style: {
-          fontSize: 12,
-          fill: fontColor,
-          fontWeight: '300',
-          textAlign: 'center'
-        },
-        offsetY: -20
-      }).text({
-        position: ['50%', '50%'],
-        content: summaryColumn ? StatisticsUtils.getSummaryValueDisplayString(summaryColumn, content.value, summaryMethod) : content.value,
-        style: {
-          fontSize: 20,
-          fill: fontColor,
-          textAlign: 'center'
-        },
-        offsetY: 20
-      });
-    };
-    _this.onEnterRingChart = function (ev, color, _ref2) {
-      var summaryColumn = _ref2.summaryColumn,
-        summaryMethod = _ref2.summaryMethod;
-      var item = ev.data.data;
-      _this.chart.annotation().clear(true);
-      _this.setAnnotation(item, color, {
-        summaryColumn: summaryColumn,
-        summaryMethod: summaryMethod
-      });
-      _this.chart.render(true);
-    };
-    _this.onLeaveRingChart = function (ev, color, _ref3) {
-      var summaryColumn = _ref3.summaryColumn,
-        summaryMethod = _ref3.summaryMethod;
-      _this.chart.annotation().clear(true);
-      _this.setAnnotation({
-        name: intl.get('Total'),
-        value: _this.sum
-      }, color, {
-        summaryColumn: summaryColumn,
-        summaryMethod: summaryMethod
-      });
-      _this.chart.render(true);
-    };
-    _this.sum = 0;
-    _this.chart = null;
-    return _this;
-  }
-  _createClass(Ring, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.createChart();
-      this.drawChart();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (StatisticsUtils.shouldChartComponentUpdate(prevProps, this.props)) {
-        this.chart && this.destroyChart();
-        this.sum = 0;
-        this.createChart();
-        this.drawChart();
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.chart && this.destroyChart();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "seastatistic-container w-100",
-        ref: function ref(_ref4) {
-          return _this2.container = _ref4;
-        }
-      });
-    }
-  }]);
-  return Ring;
-}(ChartComponent);
-Ring.propTypes = {
-  canvasStyle: PropTypes.object,
-  statistic: PropTypes.object,
-  groupbyColumn: PropTypes.object,
-  columnGroupbyColumn: PropTypes.object,
-  summaryColumn: PropTypes.object,
-  result: PropTypes.array,
-  tables: PropTypes.array,
-  toggleRecords: PropTypes.func
-};
-export default Ring;

package/lib/components/formatter/table/index.js

@@ -1,42 +0,0 @@
-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, { PureComponent } from 'react';
-import TwoDimensionTable from './two-dimension-table';
-import OneDimensionTableNoNumericColumns from './one-dimension-table-no-numeric-columns';
-import OneDimensionTableWithNumericColumns from './one-dimension-table-with-numeric-columns';
-import intl from '../../../intl';
-import './index.css';
-var Table = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Table, _PureComponent);
-  var _super = _createSuper(Table);
-  function Table() {
-    _classCallCheck(this, Table);
-    return _super.apply(this, arguments);
-  }
-  _createClass(Table, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        groupbyColumn = _this$props.groupbyColumn,
-        columnGroupbyColumn = _this$props.columnGroupbyColumn,
-        result = _this$props.result;
-      var pivot_columns = result.pivot_columns;
-      if (!groupbyColumn) return '';
-      if (Array.isArray(pivot_columns) && pivot_columns.length > 100) {
-        return /*#__PURE__*/React.createElement("div", null, intl.get('There_are_too_many_statistics_entries_to_display'));
-      }
-      if (columnGroupbyColumn) {
-        return /*#__PURE__*/React.createElement(TwoDimensionTable, this.props);
-      }
-      if (!Array.isArray(pivot_columns)) return null;
-      if (pivot_columns.length < 2) {
-        return /*#__PURE__*/React.createElement(OneDimensionTableNoNumericColumns, this.props);
-      }
-      return /*#__PURE__*/React.createElement(OneDimensionTableWithNumericColumns, this.props);
-    }
-  }]);
-  return Table;
-}(PureComponent);
-export default Table;

package/lib/components/formatter/table/one-dimension-table-no-numeric-columns.js

@@ -1,145 +0,0 @@
-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, { PureComponent } from 'react';
-import classnames from 'classnames';
-import PivotTableDisplayName from './pivot-table-display-name';
-import { StatisticsUtils, ObjectUtils } from '../../../utils';
-import intl from '../../../intl';
-var OneDimensionTableNoNumericColumns = /*#__PURE__*/function (_PureComponent) {
-  _inherits(OneDimensionTableNoNumericColumns, _PureComponent);
-  var _super = _createSuper(OneDimensionTableNoNumericColumns);
-  function OneDimensionTableNoNumericColumns() {
-    var _this;
-    _classCallCheck(this, OneDimensionTableNoNumericColumns);
-    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.renderHeader = function () {
-      var _this$props = _this.props,
-        groupbyColumn = _this$props.groupbyColumn,
-        selectedCell = _this$props.selectedCell;
-      var groupName = groupbyColumn.name;
-      var _ref = selectedCell || {},
-        selectRowIdx = _ref.rowIdx,
-        selectedCellIdx = _ref.cellIdx;
-      var isSelectedTotalCellBottom = selectRowIdx === 0 && selectedCellIdx === 0;
-      return /*#__PURE__*/React.createElement("thead", {
-        className: "seatable-table-header-sm"
-      }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
-        className: "pivot-table-header"
-      }, groupName), /*#__PURE__*/React.createElement("th", {
-        className: classnames('pivot-table-header', {
-          'selected-pivot-cell-top': isSelectedTotalCellBottom
-        })
-      }, /*#__PURE__*/React.createElement("div", null, intl.get('Total')))));
-    };
-    _this.toggleRecords = function (cell, selectedCell) {
-      if (window.isMobile) return;
-      var _ref2 = _this.props.selectedCell || {},
-        selectedRowIdx = _ref2.rowIdx,
-        selectedCellIdx = _ref2.cellIdx;
-      var rowIdx = selectedCell.rowIdx,
-        cellIdx = selectedCell.cellIdx;
-      if (rowIdx === selectedRowIdx && selectedCellIdx === cellIdx) return;
-      _this.props.toggleRecords(cell, selectedCell);
-    };
-    _this.onClickTotals = function (recordsList, selectedCell) {
-      if (window.isMobile) return;
-      var rows = recordsList.flat();
-      var total = rows.length;
-      _this.toggleRecords({
-        rows: rows,
-        total: total
-      }, selectedCell);
-    };
-    _this.renderRows = function () {
-      var _this$props2 = _this.props,
-        result = _this$props2.result,
-        groupbyColumn = _this$props2.groupbyColumn,
-        selectedCell = _this$props2.selectedCell,
-        summaryColumn = _this$props2.summaryColumn;
-      var pivot_rows = result.pivot_rows,
-        pivot_columns_total = result.pivot_columns_total;
-      var _ref3 = selectedCell || {},
-        selectRowIdx = _ref3.rowIdx,
-        selectedCellIdx = _ref3.cellIdx;
-      var pivotRowsLen = Array.isArray(pivot_rows) ? pivot_rows.length : 0;
-      var pivotColumnCells = [];
-      var isSelectRowTotalCellRight = selectRowIdx === pivotRowsLen && selectedCellIdx === 0;
-      var isSelectTotal = selectRowIdx === pivotRowsLen && selectedCellIdx === 0;
-      // eslint-disable-next-line
-      var total = ObjectUtils.hasOwnProperty(pivot_columns_total, 'total') ? pivot_columns_total['total'] : 0;
-      var summaryDisplayValue = StatisticsUtils.getSummaryValueDisplayString(summaryColumn, total);
-      var isValidSummaryDisplayValue = StatisticsUtils.isValidValue(summaryDisplayValue);
-      return /*#__PURE__*/React.createElement("tbody", null, pivotRowsLen > 0 && pivot_rows.map(function (rowItem, rowIdx) {
-        var name = rowItem.name,
-          total = rowItem.total,
-          rows = rowItem.rows;
-        var isSelectedRowNameRight = selectRowIdx === rowIdx && selectedCellIdx === 0;
-        // let pivotRowCells = [];
-        var isSelectedTotalCell = selectRowIdx === rowIdx && selectedCellIdx === 0;
-        var isSelectedTotalCellTop = selectRowIdx - 1 === rowIdx && selectedCellIdx === 0;
-        var isSelectedTotalCellLeft = selectRowIdx === rowIdx && selectedCellIdx === 0;
-        pivotColumnCells[rowIdx] = rows;
-        var totalDisplayValue = StatisticsUtils.getSummaryValueDisplayString(summaryColumn, total.total);
-        var isValidTotalDisplayValue = StatisticsUtils.isValidValue(totalDisplayValue);
-        return /*#__PURE__*/React.createElement("tr", {
-          key: 'table-row-' + rowIdx
-        }, /*#__PURE__*/React.createElement("td", {
-          className: classnames('pivot-row-name', {
-            'selected-pivot-cell-left': isSelectedRowNameRight
-          })
-        }, /*#__PURE__*/React.createElement(PivotTableDisplayName, {
-          value: name,
-          column: groupbyColumn
-        })), /*#__PURE__*/React.createElement("td", {
-          className: classnames('pivot-cell', {
-            'pivot-empty-cell': !isValidTotalDisplayValue,
-            'selected-pivot-cell': isSelectedTotalCell,
-            'selected-pivot-cell-top': isSelectedTotalCellTop,
-            'selected-pivot-cell-left': isSelectedTotalCellLeft
-          })
-          // onClick={() => this.toggleRecords({rows: Array.isArray(rows) && rows.length > 0 ? rows : pivotRowCells, total: total}, {rowIdx, cellIdx: 0})}
-          ,
-          total: totalDisplayValue
-        }, isValidTotalDisplayValue ? totalDisplayValue : /*#__PURE__*/React.createElement("i", null), /*#__PURE__*/React.createElement("span", {
-          className: classnames({
-            'selected-pivot-cell-border': isSelectedTotalCell
-          })
-        })));
-      }), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-        className: classnames('pivot-column-total', {
-          'selected-pivot-cell-left': isSelectRowTotalCellRight
-        })
-      }, /*#__PURE__*/React.createElement("div", null, intl.get('Total'))), /*#__PURE__*/React.createElement("td", {
-        className: classnames('pivot-cell pivot-table-total', {
-          'pivot-empty-cell': !isValidSummaryDisplayValue,
-          'selected-pivot-cell': isSelectTotal
-        })
-        // onClick={() => this.onClickTotals(pivotColumnCells, {rowIdx: pivot_rows.length, cellIdx: 0})}
-        ,
-        title: isValidSummaryDisplayValue ? summaryDisplayValue : ''
-      }, isValidSummaryDisplayValue ? summaryDisplayValue : /*#__PURE__*/React.createElement("i", null), /*#__PURE__*/React.createElement("span", {
-        className: classnames({
-          'selected-pivot-cell-border': isSelectTotal
-        })
-      }))));
-    };
-    return _this;
-  }
-  _createClass(OneDimensionTableNoNumericColumns, [{
-    key: "render",
-    value: function render() {
-      var groupbyColumn = this.props.groupbyColumn;
-      if (!groupbyColumn) return '';
-      return /*#__PURE__*/React.createElement("table", {
-        className: "seastatistic-pivot-table"
-      }, this.renderHeader(), this.renderRows());
-    }
-  }]);
-  return OneDimensionTableNoNumericColumns;
-}(PureComponent);
-export default OneDimensionTableNoNumericColumns;

package/lib/components/formatter/table/one-dimension-table-with-numeric-columns.js

@@ -1,193 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-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, { PureComponent } from 'react';
-import classnames from 'classnames';
-import PivotTableDisplayName from './pivot-table-display-name';
-import { StatisticsUtils } from '../../../utils';
-import intl from '../../../intl';
-var OneDimensionTableWithNumericColumns = /*#__PURE__*/function (_PureComponent) {
-  _inherits(OneDimensionTableWithNumericColumns, _PureComponent);
-  var _super = _createSuper(OneDimensionTableWithNumericColumns);
-  function OneDimensionTableWithNumericColumns(_props) {
-    var _this;
-    _classCallCheck(this, OneDimensionTableWithNumericColumns);
-    _this = _super.call(this, _props);
-    _this.init = function (props) {
-      var summaryColumns = props.summaryColumns;
-      _this.summaryColumnsMethodMap = {};
-      if (Array.isArray(summaryColumns) && summaryColumns.length > 0) {
-        summaryColumns.forEach(function (item) {
-          var column_key = item.column_key,
-            summary_method = item.summary_method;
-          _this.summaryColumnsMethodMap[column_key] = summary_method;
-        });
-      }
-    };
-    _this.renderHeader = function () {
-      var _this$props = _this.props,
-        result = _this$props.result,
-        groupbyColumn = _this$props.groupbyColumn,
-        columnGroupbyColumn = _this$props.columnGroupbyColumn,
-        selectedCell = _this$props.selectedCell,
-        statisticTableColumns = _this$props.statisticTableColumns;
-      var groupName = groupbyColumn.name;
-      var _ref = columnGroupbyColumn || {},
-        rowGroupName = _ref.name;
-      var pivot_columns = result.pivot_columns;
-      var _ref2 = selectedCell || {},
-        selectRowIdx = _ref2.rowIdx,
-        selectedCellIdx = _ref2.cellIdx;
-      return /*#__PURE__*/React.createElement("thead", {
-        className: "seatable-table-header-sm"
-      }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
-        className: "pivot-table-header"
-      }, !rowGroupName && groupName), Array.isArray(pivot_columns) && pivot_columns.map(function (item, index) {
-        var key = item.key;
-        var column = statisticTableColumns.find(function (column) {
-          return column.key === key;
-        });
-        var isSelectedHeaderBottom = selectRowIdx === 0 && selectedCellIdx === index;
-        return /*#__PURE__*/React.createElement("th", {
-          className: classnames('pivot-table-header', {
-            'selected-pivot-cell-top': isSelectedHeaderBottom
-          }),
-          key: "pivot-column-".concat(index)
-        }, /*#__PURE__*/React.createElement("div", null, column.name));
-      })));
-    };
-    _this.toggleRecords = function (cell, selectedCell) {
-      if (window.isMobile) return;
-      var _ref3 = _this.props.selectedCell || {},
-        selectedRowIdx = _ref3.rowIdx,
-        selectedCellIdx = _ref3.cellIdx;
-      var rowIdx = selectedCell.rowIdx,
-        cellIdx = selectedCell.cellIdx;
-      if (rowIdx === selectedRowIdx && selectedCellIdx === cellIdx) return;
-      _this.props.toggleRecords(cell, selectedCell);
-    };
-    _this.onClickTotals = function (recordsList, selectedCell) {
-      if (window.isMobile) return;
-      var rows = recordsList.flat();
-      var total = rows.length;
-      _this.toggleRecords({
-        rows: rows,
-        total: total
-      }, selectedCell);
-    };
-    _this.renderRows = function () {
-      var _this$props2 = _this.props,
-        result = _this$props2.result,
-        groupbyColumn = _this$props2.groupbyColumn,
-        selectedCell = _this$props2.selectedCell,
-        statisticTableColumns = _this$props2.statisticTableColumns;
-      var pivot_rows = result.pivot_rows,
-        pivot_columns = result.pivot_columns,
-        pivot_columns_total = result.pivot_columns_total;
-      var _ref4 = selectedCell || {},
-        selectRowIdx = _ref4.rowIdx,
-        selectedCellIdx = _ref4.cellIdx;
-      var pivotRowsLen = Array.isArray(pivot_rows) ? pivot_rows.length : 0;
-      var pivotColumnCells = [];
-      var isSelectRowTotalCellRight = selectRowIdx === pivotRowsLen && selectedCellIdx === 0;
-      return /*#__PURE__*/React.createElement("tbody", null, pivotRowsLen > 0 && pivot_rows.map(function (rowItem, rowIdx) {
-        var name = rowItem.name,
-          total = rowItem.total,
-          rows = rowItem.rows;
-        var isSelectedRowNameRight = selectRowIdx === rowIdx && selectedCellIdx === 0;
-        if (!Array.isArray(pivot_columns)) {
-          pivotColumnCells[rowIdx] = rowItem.rows || [];
-        }
-        return /*#__PURE__*/React.createElement("tr", {
-          key: 'table-row' + rowIdx
-        }, /*#__PURE__*/React.createElement("td", {
-          className: classnames('pivot-row-name', {
-            'selected-pivot-cell-left': isSelectedRowNameRight
-          })
-        }, /*#__PURE__*/React.createElement(PivotTableDisplayName, {
-          value: name,
-          column: groupbyColumn
-        })), Array.isArray(pivot_columns) && pivot_columns.map(function (columnMap, cellIdx) {
-          var isSelectedCell = selectRowIdx === rowIdx && selectedCellIdx === cellIdx;
-          var isSelectedCellTop = selectRowIdx - 1 === rowIdx && selectedCellIdx === cellIdx;
-          var isSelectedCellLeft = selectRowIdx === rowIdx && selectedCellIdx - 1 === cellIdx;
-          var key = columnMap.key;
-          var column = statisticTableColumns.find(function (item) {
-            return item.key === key;
-          });
-          var displayValue = StatisticsUtils.getSummaryValueDisplayString(column, total[key], _this.summaryColumnsMethodMap[key]);
-          var isValidDisplayValue = StatisticsUtils.isValidValue(displayValue);
-          if (Array.isArray(rows) && rows.length > 0) {
-            if (pivotColumnCells[cellIdx]) {
-              var _pivotColumnCells$cel;
-              (_pivotColumnCells$cel = pivotColumnCells[cellIdx]).push.apply(_pivotColumnCells$cel, _toConsumableArray(rows));
-            } else {
-              pivotColumnCells[cellIdx] = _toConsumableArray(rows);
-            }
-          }
-          return /*#__PURE__*/React.createElement("td", {
-            className: classnames('pivot-cell', {
-              'pivot-empty-cell': !isValidDisplayValue,
-              'selected-pivot-cell': isSelectedCell,
-              'selected-pivot-cell-top': isSelectedCellTop,
-              'selected-pivot-cell-left': isSelectedCellLeft
-            }),
-            key: "table-cell-".concat(cellIdx)
-            // onClick={() => this.toggleRecords({rows, total: total[key]}, {rowIdx, cellIdx})}
-            ,
-            title: isValidDisplayValue ? displayValue : ''
-          }, isValidDisplayValue ? displayValue : /*#__PURE__*/React.createElement("i", null), /*#__PURE__*/React.createElement("span", {
-            className: classnames({
-              'selected-pivot-cell-border': isSelectedCell
-            })
-          }));
-        }));
-      }), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-        className: classnames('pivot-column-total', {
-          'selected-pivot-cell-left': isSelectRowTotalCellRight
-        })
-      }, /*#__PURE__*/React.createElement("div", null, intl.get('Total'))), Array.isArray(pivot_columns) && pivot_columns.map(function (c, index) {
-        // const pivotColumnCell = pivotColumnCells[index];
-        var pivotColumnTotal = pivot_columns_total[c.key];
-        var column = statisticTableColumns.find(function (column) {
-          return column.key === c.key;
-        });
-        var totalDisplayValue = StatisticsUtils.getSummaryValueDisplayString(column, pivotColumnTotal, _this.summaryColumnsMethodMap[c.key]);
-        var isValidTotalDisplayValue = StatisticsUtils.isValidValue(totalDisplayValue);
-        var isSelectRowTotalCell = selectRowIdx === pivot_rows.length && selectedCellIdx === index;
-        var isSelectRowTotalCellLeft = selectRowIdx === pivot_rows.length && selectedCellIdx - 1 === index;
-        return /*#__PURE__*/React.createElement("td", {
-          className: classnames('pivot-cell', {
-            'pivot-empty-cell': !isValidTotalDisplayValue,
-            'selected-pivot-cell': isSelectRowTotalCell,
-            'selected-pivot-cell-left': isSelectRowTotalCellLeft
-          }),
-          key: "total-cell-".concat(index)
-          // onClick={() => this.toggleRecords({ rows: pivotColumnCell, total: pivot_columns_total[c.key] }, {rowIdx: pivot_rows.length, cellIdx: index})}
-          ,
-          title: totalDisplayValue
-        }, isValidTotalDisplayValue ? totalDisplayValue : /*#__PURE__*/React.createElement("i", null), /*#__PURE__*/React.createElement("span", {
-          className: classnames({
-            'selected-pivot-cell-border': isSelectRowTotalCell
-          })
-        }));
-      })));
-    };
-    _this.init(_props);
-    return _this;
-  }
-  _createClass(OneDimensionTableWithNumericColumns, [{
-    key: "render",
-    value: function render() {
-      var groupbyColumn = this.props.groupbyColumn;
-      if (!groupbyColumn) return '';
-      return /*#__PURE__*/React.createElement("table", {
-        className: "seastatistic-pivot-table"
-      }, this.renderHeader(), this.renderRows());
-    }
-  }]);
-  return OneDimensionTableWithNumericColumns;
-}(PureComponent);
-export default OneDimensionTableWithNumericColumns;