dtable-statistic 4.3.3 → 4.3.4

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

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

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

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