dtable-statistic 4.3.4 → 4.3.5

package/es/stat-editor/stat-settings/basic-chart-settings/index.js

@@ -1,22 +1,30 @@
-import React, { Component, Fragment } from 'react';
-import classnames from 'classnames';
-import intl from 'react-intl-universal';
-import { COLUMN_OPTIONS, isNumericColumn } from 'dtable-store';
-import ToggleSetting from '../public-setting/toggle-setting';
-import PieSettings from './pie-settings';
-import ScatterSettings from './scatter-settings';
-import BarSettings from './bar-settings';
-import AdvanceBarChartSettings from './advance-bar-chart-settings';
-import HorizontalBar from './horizontal-bar-settings';
-import HorizontalGroupBarChartSettings from './horizontal-group-chart-settings';
-import TimeComparisonSettings from './time-comparison-settings';
-import CompletenessSetting from './completeness-chart-settings';
-import PivotTableSettings from './pivot-table-settings';
-import CustomBarSettings from './custom-bar-settings';
-import { BASIC_CHART_COLUMN_LIST, DATE_GRANULARITY, GEOLOCATION_GRANULARITY, STATISTICS_COUNT_SHOW, STAT_TYPE, TIME_COLUMN_LIST } from '../../../constants';
-const DATE_GRANULARITY_LIST = [DATE_GRANULARITY.DAY, DATE_GRANULARITY.WEEK, DATE_GRANULARITY.MONTH, DATE_GRANULARITY.QUARTER, DATE_GRANULARITY.YEAR];
-const GEOLOCATION_GRANULARITY_LIST = [GEOLOCATION_GRANULARITY.PROVINCE, GEOLOCATION_GRANULARITY.CITY, GEOLOCATION_GRANULARITY.DISTRICT];
-class BasicChartSettings extends 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 _classnames = _interopRequireDefault(require("classnames"));
+var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _dtableStore = require("dtable-store");
+var _toggleSetting = _interopRequireDefault(require("../public-setting/toggle-setting"));
+var _pieSettings = _interopRequireDefault(require("./pie-settings"));
+var _scatterSettings = _interopRequireDefault(require("./scatter-settings"));
+var _barSettings = _interopRequireDefault(require("./bar-settings"));
+var _advanceBarChartSettings = _interopRequireDefault(require("./advance-bar-chart-settings"));
+var _horizontalBarSettings = _interopRequireDefault(require("./horizontal-bar-settings"));
+var _horizontalGroupChartSettings = _interopRequireDefault(require("./horizontal-group-chart-settings"));
+var _timeComparisonSettings = _interopRequireDefault(require("./time-comparison-settings"));
+var _completenessChartSettings = _interopRequireDefault(require("./completeness-chart-settings"));
+var _pivotTableSettings = _interopRequireDefault(require("./pivot-table-settings"));
+var _customBarSettings = _interopRequireDefault(require("./custom-bar-settings"));
+var _constants = require("../../../constants");
+const DATE_GRANULARITY_LIST = [_constants.DATE_GRANULARITY.DAY, _constants.DATE_GRANULARITY.WEEK, _constants.DATE_GRANULARITY.MONTH, _constants.DATE_GRANULARITY.QUARTER, _constants.DATE_GRANULARITY.YEAR];
+const GEOLOCATION_GRANULARITY_LIST = [_constants.GEOLOCATION_GRANULARITY.PROVINCE, _constants.GEOLOCATION_GRANULARITY.CITY, _constants.GEOLOCATION_GRANULARITY.DISTRICT];
+class BasicChartSettings extends _react.Component {
   constructor(props) {
     super(props);
     this.setData = selectedTable => {
@@ -39,46 +47,46 @@ class BasicChartSettings extends Component {
         vertical_axis_include_empty
       } = statItem || {};
       let includeEmptyCells;
-      if (type === STAT_TYPE.PIE || type === STAT_TYPE.RING || type === STAT_TYPE.TREEMAP || type === STAT_TYPE.PIVOT_TABLE) {
+      if (type === _constants.STAT_TYPE.PIE || type === _constants.STAT_TYPE.RING || type === _constants.STAT_TYPE.TREEMAP || type === _constants.STAT_TYPE.PIVOT_TABLE) {
         includeEmptyCells = groupby_include_empty_cells;
-      } else if (type === STAT_TYPE.HORIZONTAL_BAR || type === STAT_TYPE.HORIZONTAL_GROUP_BAR || type === STAT_TYPE.STACKED_HORIZONTAL_BAR) {
+      } else if (type === _constants.STAT_TYPE.HORIZONTAL_BAR || type === _constants.STAT_TYPE.HORIZONTAL_GROUP_BAR || type === _constants.STAT_TYPE.STACKED_HORIZONTAL_BAR) {
         includeEmptyCells = vertical_axis_include_empty;
       } else {
         includeEmptyCells = x_axis_include_empty;
       }
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: "mt-1"
-      }, /*#__PURE__*/React.createElement(ToggleSetting, {
+      }, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
         isChecked: includeEmptyCells || false,
         handleToggleChange: this.onToggleIncludeEmpty,
-        label: intl.get('Including_empty_cell')
+        label: _reactIntlUniversal.default.get('Including_empty_cell')
       }));
     };
     this.getAvailableColumns = columns => {
       if (!columns || !Array.isArray(columns)) return [];
-      return columns.filter(column => BASIC_CHART_COLUMN_LIST.includes(column.type));
+      return columns.filter(column => _constants.BASIC_CHART_COLUMN_LIST.includes(column.type));
     };
     this.getPivotTableSummaryColumnOptions = columns => {
       const summaryColumns = columns.filter(column => {
-        return column && (isNumericColumn(column) || TIME_COLUMN_LIST.includes(column.type));
+        return column && ((0, _dtableStore.isNumericColumn)(column) || _constants.TIME_COLUMN_LIST.includes(column.type));
       });
       return this.getColumnsOptions(summaryColumns);
     };
     this.getColumnsOptions = columns => {
       if (!Array.isArray(columns)) return [];
       return columns.map(column => {
-        let option = COLUMN_OPTIONS.find(o => o.type === column.type) || {};
+        let option = _dtableStore.COLUMN_OPTIONS.find(o => o.type === column.type) || {};
         const {
           name,
           key,
           type
         } = column;
         return {
-          label: /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
+          label: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
             className: "header-icon"
-          }, /*#__PURE__*/React.createElement("i", {
+          }, /*#__PURE__*/_react.default.createElement("i", {
             className: option.iconClass
-          })), /*#__PURE__*/React.createElement("span", {
+          })), /*#__PURE__*/_react.default.createElement("span", {
             className: "select-option-name"
           }, name)),
           value: {
@@ -94,16 +102,16 @@ class BasicChartSettings extends Component {
         statItem
       } = this.props;
       const list = [...columnsOptions];
-      if (statItem.type === STAT_TYPE.PIVOT_TABLE) {
+      if (statItem.type === _constants.STAT_TYPE.PIVOT_TABLE) {
         list.unshift({
-          label: /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
+          label: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
             className: "header-icon"
-          }), /*#__PURE__*/React.createElement("span", {
+          }), /*#__PURE__*/_react.default.createElement("span", {
             style: {
               color: '#999999'
             },
             className: "select-option-name"
-          }, intl.get('Not_used'))),
+          }, _reactIntlUniversal.default.get('Not_used'))),
           value: {
             key: null
           }
@@ -118,7 +126,7 @@ class BasicChartSettings extends Component {
     };
     this.getNumericColumns = columns => {
       if (!columns) return [];
-      return columns.filter(column => column && isNumericColumn(column));
+      return columns.filter(column => column && (0, _dtableStore.isNumericColumn)(column));
     };
     this.getSelectedColumnOption = (key, columnsOptions) => {
       if (!key || !Array.isArray(columnsOptions) || columnsOptions.length === 0) {
@@ -130,9 +138,9 @@ class BasicChartSettings extends Component {
       return options.map(g => {
         return {
           value: g,
-          label: /*#__PURE__*/React.createElement("span", {
+          label: /*#__PURE__*/_react.default.createElement("span", {
             className: 'select-module select-module-name'
-          }, intl.get(STATISTICS_COUNT_SHOW[g]))
+          }, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[g]))
         };
       });
     };
@@ -151,11 +159,11 @@ class BasicChartSettings extends Component {
       } = this.state;
       const type = statItem.type;
       switch (statItem.type) {
-        case STAT_TYPE.BAR:
-        case STAT_TYPE.LINE:
-        case STAT_TYPE.AREA_CHART:
+        case _constants.STAT_TYPE.BAR:
+        case _constants.STAT_TYPE.LINE:
+        case _constants.STAT_TYPE.AREA_CHART:
           {
-            return /*#__PURE__*/React.createElement(BarSettings, {
+            return /*#__PURE__*/_react.default.createElement(_barSettings.default, {
               settingType: settingType,
               statItem: statItem,
               labelColorConfigs: labelColorConfigs,
@@ -175,9 +183,9 @@ class BasicChartSettings extends Component {
               renderIncludeEmpty: this.renderIncludeEmpty
             });
           }
-        case STAT_TYPE.COMPARE_BAR:
+        case _constants.STAT_TYPE.COMPARE_BAR:
           {
-            return /*#__PURE__*/React.createElement(TimeComparisonSettings, {
+            return /*#__PURE__*/_react.default.createElement(_timeComparisonSettings.default, {
               settingType: settingType,
               statItem: statItem,
               labelColorConfigs: labelColorConfigs,
@@ -194,12 +202,12 @@ class BasicChartSettings extends Component {
               updateStatItem: this.props.updateStatItem
             });
           }
-        case STAT_TYPE.BAR_GROUP:
-        case STAT_TYPE.BAR_STACK:
-        case STAT_TYPE.GROUP_LINE:
-        case STAT_TYPE.AREA_GROUP_CHART:
+        case _constants.STAT_TYPE.BAR_GROUP:
+        case _constants.STAT_TYPE.BAR_STACK:
+        case _constants.STAT_TYPE.GROUP_LINE:
+        case _constants.STAT_TYPE.AREA_GROUP_CHART:
           {
-            return /*#__PURE__*/React.createElement(AdvanceBarChartSettings, {
+            return /*#__PURE__*/_react.default.createElement(_advanceBarChartSettings.default, {
               chartType: type,
               settingType: settingType,
               statItem: statItem,
@@ -220,9 +228,9 @@ class BasicChartSettings extends Component {
               renderIncludeEmpty: this.renderIncludeEmpty
             });
           }
-        case STAT_TYPE.CUSTOM_BAR:
+        case _constants.STAT_TYPE.CUSTOM_BAR:
           {
-            return /*#__PURE__*/React.createElement(CustomBarSettings, {
+            return /*#__PURE__*/_react.default.createElement(_customBarSettings.default, {
               chartType: type,
               settingType: settingType,
               statItem: statItem,
@@ -242,11 +250,11 @@ class BasicChartSettings extends Component {
               renderIncludeEmpty: this.renderIncludeEmpty
             });
           }
-        case STAT_TYPE.PIE:
-        case STAT_TYPE.RING:
-        case STAT_TYPE.TREEMAP:
+        case _constants.STAT_TYPE.PIE:
+        case _constants.STAT_TYPE.RING:
+        case _constants.STAT_TYPE.TREEMAP:
           {
-            return /*#__PURE__*/React.createElement(PieSettings, {
+            return /*#__PURE__*/_react.default.createElement(_pieSettings.default, {
               settingType: settingType,
               statItem: statItem,
               labelColorConfigs: labelColorConfigs,
@@ -265,9 +273,9 @@ class BasicChartSettings extends Component {
               renderIncludeEmpty: this.renderIncludeEmpty
             });
           }
-        case STAT_TYPE.SCATTER:
+        case _constants.STAT_TYPE.SCATTER:
           {
-            return /*#__PURE__*/React.createElement(ScatterSettings, {
+            return /*#__PURE__*/_react.default.createElement(_scatterSettings.default, {
               settingType: settingType,
               statItem: statItem,
               labelColorConfigs: labelColorConfigs,
@@ -283,9 +291,9 @@ class BasicChartSettings extends Component {
               updateStatItem: this.props.updateStatItem
             });
           }
-        case STAT_TYPE.HORIZONTAL_BAR:
+        case _constants.STAT_TYPE.HORIZONTAL_BAR:
           {
-            return /*#__PURE__*/React.createElement(HorizontalBar, {
+            return /*#__PURE__*/_react.default.createElement(_horizontalBarSettings.default, {
               settingType: settingType,
               statItem: statItem,
               labelColorConfigs: labelColorConfigs,
@@ -305,10 +313,10 @@ class BasicChartSettings extends Component {
               renderIncludeEmpty: this.renderIncludeEmpty
             });
           }
-        case STAT_TYPE.HORIZONTAL_GROUP_BAR:
-        case STAT_TYPE.STACKED_HORIZONTAL_BAR:
+        case _constants.STAT_TYPE.HORIZONTAL_GROUP_BAR:
+        case _constants.STAT_TYPE.STACKED_HORIZONTAL_BAR:
           {
-            return /*#__PURE__*/React.createElement(HorizontalGroupBarChartSettings, {
+            return /*#__PURE__*/_react.default.createElement(_horizontalGroupChartSettings.default, {
               settingType: settingType,
               statItem: statItem,
               labelColorConfigs: labelColorConfigs,
@@ -328,10 +336,10 @@ class BasicChartSettings extends Component {
               renderIncludeEmpty: this.renderIncludeEmpty
             });
           }
-        case STAT_TYPE.COMPLETENESS_CHART:
-        case STAT_TYPE.GROUP_COMPLETENESS_CHART:
+        case _constants.STAT_TYPE.COMPLETENESS_CHART:
+        case _constants.STAT_TYPE.GROUP_COMPLETENESS_CHART:
           {
-            return /*#__PURE__*/React.createElement(CompletenessSetting, {
+            return /*#__PURE__*/_react.default.createElement(_completenessChartSettings.default, {
               settingType: settingType,
               statItem: statItem,
               labelColorConfigs: labelColorConfigs,
@@ -350,9 +358,9 @@ class BasicChartSettings extends Component {
               dateGranularityOptions: this.dateGranularityOptions
             });
           }
-        case STAT_TYPE.PIVOT_TABLE:
+        case _constants.STAT_TYPE.PIVOT_TABLE:
           {
-            return /*#__PURE__*/React.createElement(PivotTableSettings, {
+            return /*#__PURE__*/_react.default.createElement(_pivotTableSettings.default, {
               settingType: settingType,
               statItem: statItem,
               labelColorConfigs: labelColorConfigs,
@@ -389,11 +397,11 @@ class BasicChartSettings extends Component {
         vertical_axis_include_empty
       } = statItem || {};
       let updated;
-      if (type === STAT_TYPE.PIE || type === STAT_TYPE.RING || type === STAT_TYPE.TREEMAP || type === STAT_TYPE.PIVOT_TABLE) {
+      if (type === _constants.STAT_TYPE.PIE || type === _constants.STAT_TYPE.RING || type === _constants.STAT_TYPE.TREEMAP || type === _constants.STAT_TYPE.PIVOT_TABLE) {
         updated = {
           groupby_include_empty_cells: !groupby_include_empty_cells
         };
-      } else if (type === STAT_TYPE.HORIZONTAL_BAR || type === STAT_TYPE.HORIZONTAL_GROUP_BAR || type === STAT_TYPE.STACKED_HORIZONTAL_BAR) {
+      } else if (type === _constants.STAT_TYPE.HORIZONTAL_BAR || type === _constants.STAT_TYPE.HORIZONTAL_GROUP_BAR || type === _constants.STAT_TYPE.STACKED_HORIZONTAL_BAR) {
         updated = {
           vertical_axis_include_empty: !vertical_axis_include_empty
         };
@@ -441,25 +449,25 @@ class BasicChartSettings extends Component {
     const {
       settingType
     } = this.state;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-settings"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-settings-type"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       onClick: () => this.selectEditType('data'),
-      className: classnames('statistic-type-item', {
+      className: (0, _classnames.default)('statistic-type-item', {
         'selected-statistic-type-item': settingType === 'data'
       })
-    }, intl.get('Data_settings')), /*#__PURE__*/React.createElement("div", {
+    }, _reactIntlUniversal.default.get('Data_settings')), /*#__PURE__*/_react.default.createElement("div", {
       onClick: () => this.selectEditType('style'),
-      className: classnames('statistic-type-item', {
+      className: (0, _classnames.default)('statistic-type-item', {
         'selected-statistic-type-item': settingType === 'style'
       })
-    }, intl.get('Style_settings'))), /*#__PURE__*/React.createElement("div", {
+    }, _reactIntlUniversal.default.get('Style_settings'))), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-settings-container"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-settings-parameter-list pt-4"
     }, this.getSettingsByType())));
   }
 }
-export default BasicChartSettings;
+var _default = exports.default = BasicChartSettings;

package/es/stat-editor/stat-settings/basic-chart-settings/pie-settings.js

@@ -1,16 +1,24 @@
-import React, { Component, Fragment } from 'react';
-import intl from 'react-intl-universal';
-import BaseSettings from '../public-setting/base-settings';
-import GroupbySettings from './groupby-settings';
-import SummarySettings from './summary-settings';
-import StyleSettings from './style-setting/pie-chart-style-settings';
-import DataSort from '../public-setting/data-sort-setting';
-import { STAT_TYPE } from '../../../constants';
+"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 _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
+var _groupbySettings = _interopRequireDefault(require("./groupby-settings"));
+var _summarySettings = _interopRequireDefault(require("./summary-settings"));
+var _pieChartStyleSettings = _interopRequireDefault(require("./style-setting/pie-chart-style-settings"));
+var _dataSortSetting = _interopRequireDefault(require("../public-setting/data-sort-setting"));
+var _constants = require("../../../constants");
 const GROUPBY_TYPE = {
   ROW: 'row',
   COLUMN: 'column'
 };
-class PieSettings extends Component {
+class PieSettings extends _react.Component {
   constructor() {
     super(...arguments);
     this.onSelectGroupbyColumn = (type, groupbyColumnKey, groupbyDateGranularity, groupbyGeolocationGranularity) => {
@@ -116,16 +124,16 @@ class PieSettings extends Component {
       summary_method
     } = statItem || {};
     if (settingType === 'style') {
-      if (statItem.type === STAT_TYPE.TREEMAP) {
+      if (statItem.type === _constants.STAT_TYPE.TREEMAP) {
         return null;
       }
-      return /*#__PURE__*/React.createElement(StyleSettings, {
+      return /*#__PURE__*/_react.default.createElement(_pieChartStyleSettings.default, {
         statItem: statItem,
         getTableById: getTableById,
         updateStatisticsSettings: this.props.updateStatisticsSettings
       });
     }
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
       selectedTableId: selectedTableId,
       selectedViewId: selectedViewId,
       statItem: statItem,
@@ -134,14 +142,14 @@ class PieSettings extends Component {
       getTableById: this.props.getTableById,
       getConvertedChart: this.props.getConvertedChart,
       updateStatItem: this.props.updateStatisticsSettings
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement(GroupbySettings, {
+    }), /*#__PURE__*/_react.default.createElement(_groupbySettings.default, {
       selectedTable: selectedTable,
       columnsOptions: columnsOptions,
       dateGranularityOptions: dateGranularityOptions,
       geolocationGranularityOptions: geolocationGranularityOptions,
-      label: intl.get('Group_by'),
+      label: _reactIntlUniversal.default.get('Group_by'),
       groupbyColumnKey: groupby_column_key,
       groupbyDateGranularity: groupby_date_granularity,
       groupbyGeolocationGranularity: groupby_geolocation_granularity,
@@ -150,11 +158,11 @@ class PieSettings extends Component {
       onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, GROUPBY_TYPE.ROW),
       onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, GROUPBY_TYPE.ROW),
       renderIncludeEmpty: renderIncludeEmpty
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement(SummarySettings, {
+    }), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
       statItem: statItem,
-      label: intl.get('Summary_method'),
+      label: _reactIntlUniversal.default.get('Summary_method'),
       numericColumnsOptions: numericColumnsOptions,
       summaryType: summary_type,
       summaryColumnKey: summary_column_key,
@@ -163,12 +171,12 @@ class PieSettings extends Component {
       onChangeSummaryType: this.updatedSummaryType,
       onSelectNumericColumn: this.onSelectNumericColumn,
       onSelectSummaryMethod: this.updateSummaryMethod
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement(DataSort, {
+    }), /*#__PURE__*/_react.default.createElement(_dataSortSetting.default, {
       statItem: statItem,
       updateStatItem: this.props.updateStatisticsSettings
     }));
   }
 }
-export default PieSettings;
+var _default = exports.default = PieSettings;