sea-chart 2.0.38 → 2.0.39

package/dist/settings/completeness-settings/callbacks/callbacks.js

@@ -1,5 +1,11 @@
-import { CellType, DATE_COLUMN_OPTIONS } from 'dtable-utils';
-import { CHART_SUMMARY_TYPE, GEOLOCATION_FORMAT_CITY, GEOLOCATION_FORMAT_MAP } from '../../../constants';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.onIncludeEmptyChange = exports.onGroupbyGeolocationGranularityChange = exports.onGroupbyDateGranularityChange = exports.onGroupbyColumnChange = exports.onColumnGroupByColumnChange = void 0;
+var _dtableUtils = require("dtable-utils");
+var _constants = require("../../../constants");
 const getNewUpdate = (column, chart, fieldKey) => {
   const {
     config
@@ -14,14 +20,15 @@ const getNewUpdate = (column, chart, fieldKey) => {
   };
   return update;
 };
-export const onGroupbyColumnChange = (column, chart, onChange) => {
+const onGroupbyColumnChange = (column, chart, onChange) => {
   const update = getNewUpdate(column, chart, 'groupby_column_key');
   if (!update) return;
   onChange && onChange(update);
 };
 
 // select at bottom of the setting panel
-export const onColumnGroupByColumnChange = (column, chart, onChange) => {
+exports.onGroupbyColumnChange = onGroupbyColumnChange;
+const onColumnGroupByColumnChange = (column, chart, onChange) => {
   const type = column.type;
   const update = getNewUpdate(column, chart, 'column_groupby_column_key');
   if (!update) return;
@@ -29,18 +36,18 @@ export const onColumnGroupByColumnChange = (column, chart, onChange) => {
     update['date_granularity'] = null;
     update['geolocation_granularity'] = null;
   } else {
-    if (DATE_COLUMN_OPTIONS.includes(type)) {
-      update['date_granularity'] = CHART_SUMMARY_TYPE.MONTH;
+    if (_dtableUtils.DATE_COLUMN_OPTIONS.includes(type)) {
+      update['date_granularity'] = _constants.CHART_SUMMARY_TYPE.MONTH;
       update['geolocation_granularity'] = null;
-    } else if (type === CellType.GEOLOCATION) {
+    } else if (type === _dtableUtils.CellType.GEOLOCATION) {
       const {
         geo_format
       } = column.data || {};
-      if (geo_format === GEOLOCATION_FORMAT_MAP.PROVINCE) {
-        update['geolocation_granularity'] = GEOLOCATION_FORMAT_MAP.PROVINCE;
-      } else if (geo_format === GEOLOCATION_FORMAT_MAP.PROVINCE_CITY) {
-        update['geolocation_granularity'] = GEOLOCATION_FORMAT_CITY;
-      } else if (geo_format === GEOLOCATION_FORMAT_MAP.GEOLOCATION || !geo_format) {
+      if (geo_format === _constants.GEOLOCATION_FORMAT_MAP.PROVINCE) {
+        update['geolocation_granularity'] = _constants.GEOLOCATION_FORMAT_MAP.PROVINCE;
+      } else if (geo_format === _constants.GEOLOCATION_FORMAT_MAP.PROVINCE_CITY) {
+        update['geolocation_granularity'] = _constants.GEOLOCATION_FORMAT_CITY;
+      } else if (geo_format === _constants.GEOLOCATION_FORMAT_MAP.GEOLOCATION || !geo_format) {
         update['geolocation_granularity'] = 'district';
       } else {
         update['geolocation_granularity'] = null;
@@ -50,7 +57,8 @@ export const onColumnGroupByColumnChange = (column, chart, onChange) => {
   }
   onChange && onChange(update);
 };
-export const onIncludeEmptyChange = (event, chart, onChange) => {
+exports.onColumnGroupByColumnChange = onColumnGroupByColumnChange;
+const onIncludeEmptyChange = (event, chart, onChange) => {
   const {
     config
   } = chart;
@@ -62,7 +70,8 @@ export const onIncludeEmptyChange = (event, chart, onChange) => {
   };
   onChange && onChange(update);
 };
-export const onGroupbyDateGranularityChange = (option, chart, onChange) => {
+exports.onIncludeEmptyChange = onIncludeEmptyChange;
+const onGroupbyDateGranularityChange = (option, chart, onChange) => {
   const {
     config
   } = chart;
@@ -75,7 +84,8 @@ export const onGroupbyDateGranularityChange = (option, chart, onChange) => {
     date_granularity: value
   });
 };
-export const onGroupbyGeolocationGranularityChange = (option, chart, onChange) => {
+exports.onGroupbyDateGranularityChange = onGroupbyDateGranularityChange;
+const onGroupbyGeolocationGranularityChange = (option, chart, onChange) => {
   const {
     config
   } = chart;
@@ -87,4 +97,5 @@ export const onGroupbyGeolocationGranularityChange = (option, chart, onChange) =
   onChange && onChange({
     geolocation_granularity: value
   });
-};
+};
+exports.onGroupbyGeolocationGranularityChange = onGroupbyGeolocationGranularityChange;

package/dist/settings/completeness-settings/data-settings/completion-settings.js

@@ -1,11 +1,18 @@
-import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
-import React from 'react';
-import { FormGroup, Label } from 'reactstrap';
-import { CellType, getTableById } from 'dtable-utils';
-import intl from '../../../intl';
-import { NUMBERIC_COLUMN_TYPE } from '../../../constants';
-import { getColumnOptions } from '../../../utils/column-utils';
-export default function CompletionSettings(_ref) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CompletionSettings;
+var _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
+var _react = _interopRequireDefault(require("react"));
+var _reactstrap = require("reactstrap");
+var _dtableUtils = require("dtable-utils");
+var _intl = _interopRequireDefault(require("../../../intl"));
+var _constants = require("../../../constants");
+var _columnUtils = require("../../../utils/column-utils");
+function CompletionSettings(_ref) {
   let {
     chart,
     tables,
@@ -16,17 +23,17 @@ export default function CompletionSettings(_ref) {
     completed_column_key,
     target_column_key
   } = chart.config;
-  const selectedTable = getTableById(tables, table_id);
+  const selectedTable = (0, _dtableUtils.getTableById)(tables, table_id);
   const columns = selectedTable && Array.isArray(selectedTable.columns) ? selectedTable.columns : [];
   const availableColumns = columns.filter(column => {
-    if (column.type === CellType.FORMULA) {
+    if (column.type === _dtableUtils.CellType.FORMULA) {
       const type = column.data.result_type;
-      return type === CellType.NUMBER;
+      return type === _dtableUtils.CellType.NUMBER;
     } else {
-      return NUMBERIC_COLUMN_TYPE.includes(column.type);
+      return _constants.NUMBERIC_COLUMN_TYPE.includes(column.type);
     }
   });
-  const options = getColumnOptions(availableColumns);
+  const options = (0, _columnUtils.getColumnOptions)(availableColumns);
   const completedOption = options.find(option => option.value.key === completed_column_key);
   const targetOption = options.find(option => option.value.key === target_column_key);
   function handleCompletedChange(option) {
@@ -39,26 +46,26 @@ export default function CompletionSettings(_ref) {
       target_column_key: option.value.key
     });
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Completed_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Completed_field')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
     menuPortalTarget: "#sea-chart-settings-content",
     classNamePrefix: "chart-summary-types",
-    placeholder: intl.get('Select_field'),
+    placeholder: _intl.default.get('Select_field'),
     noOptionsMessage: () => {
-      return /*#__PURE__*/React.createElement("span", null, intl.get('No_column'));
+      return /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get('No_column'));
     },
     value: completedOption,
     onChange: handleCompletedChange,
     options: options
-  })), /*#__PURE__*/React.createElement(FormGroup, {
+  })), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Target_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Target_field')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
     menuPortalTarget: "#sea-chart-settings-content",
     classNamePrefix: "chart-summary-types",
-    placeholder: intl.get('Select_field'),
+    placeholder: _intl.default.get('Select_field'),
     noOptionsMessage: () => {
-      return /*#__PURE__*/React.createElement("span", null, intl.get('No_column'));
+      return /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get('No_column'));
     },
     value: targetOption,
     onChange: handleTargetChange,

package/dist/settings/completeness-settings/data-settings/data-settings.js

@@ -1,13 +1,20 @@
-import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
-import React from 'react';
-import CommonDataSettings from '../../widgets/common-data-settings';
-import Divider from '../../widgets/divider';
-import GroupBy from '../../widgets/group-by';
-import intl from '../../../intl';
-import { onGroupbyColumnChange, onIncludeEmptyChange, onColumnGroupByColumnChange, onGroupbyDateGranularityChange, onGroupbyGeolocationGranularityChange } from '../callbacks/callbacks';
-import { CHART_TYPE } from '../../../constants';
-import CompletionSettings from './completion-settings';
-export default function CompletenessDataSettings(_ref) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CompletenessDataSettings;
+var _DTableSwitch2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSwitch"));
+var _react = _interopRequireDefault(require("react"));
+var _commonDataSettings = _interopRequireDefault(require("../../widgets/common-data-settings"));
+var _divider = _interopRequireDefault(require("../../widgets/divider"));
+var _groupBy = _interopRequireDefault(require("../../widgets/group-by"));
+var _intl = _interopRequireDefault(require("../../../intl"));
+var _callbacks = require("../callbacks/callbacks");
+var _constants = require("../../../constants");
+var _completionSettings = _interopRequireDefault(require("./completion-settings"));
+function CompletenessDataSettings(_ref) {
   let {
     chart,
     dataSources,
@@ -23,39 +30,39 @@ export default function CompletenessDataSettings(_ref) {
     date_granularity,
     geolocation_granularity
   } = chart.config;
-  const isCompletenessGroup = type === CHART_TYPE.COMPLETENESS_GROUP;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CommonDataSettings, {
+  const isCompletenessGroup = type === _constants.CHART_TYPE.COMPLETENESS_GROUP;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_commonDataSettings.default, {
     chart: chart,
     dataSources: dataSources,
     tables: tables,
     onChange: onChange
-  }), /*#__PURE__*/React.createElement(GroupBy, {
+  }), /*#__PURE__*/_react.default.createElement(_groupBy.default, {
     tables: tables,
     type: type,
     className: "selected-x-axis",
-    label: intl.get('Name_field'),
+    label: _intl.default.get('Name_field'),
     selectedTableId: table_id,
     selectedColumnKey: x_axis_column_key,
-    onGroupByChange: column => onGroupbyColumnChange(column, chart, onChange)
-  }), /*#__PURE__*/React.createElement(_DTableSwitch, {
+    onGroupByChange: column => (0, _callbacks.onGroupbyColumnChange)(column, chart, onChange)
+  }), /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
     checked: x_axis_include_empty_cells,
-    placeholder: intl.get('Include_empty'),
-    onChange: e => onIncludeEmptyChange(e, chart, onChange)
-  }), /*#__PURE__*/React.createElement(Divider, {
+    placeholder: _intl.default.get('Include_empty'),
+    onChange: e => (0, _callbacks.onIncludeEmptyChange)(e, chart, onChange)
+  }), /*#__PURE__*/_react.default.createElement(_divider.default, {
     className: "mt-4"
-  }), /*#__PURE__*/React.createElement(CompletionSettings, {
+  }), /*#__PURE__*/_react.default.createElement(_completionSettings.default, {
     chart: chart,
     tables: tables,
     onChange: onChange
-  }), isCompletenessGroup && /*#__PURE__*/React.createElement(GroupBy, {
+  }), isCompletenessGroup && /*#__PURE__*/_react.default.createElement(_groupBy.default, {
     tables: tables,
-    label: intl.get('Group_by'),
+    label: _intl.default.get('Group_by'),
     selectedTableId: table_id,
     selectedColumnKey: column_groupby_column_key,
-    onGroupByChange: column => onColumnGroupByColumnChange(column, chart, onChange),
+    onGroupByChange: column => (0, _callbacks.onColumnGroupByColumnChange)(column, chart, onChange),
     selectedDateGranularity: date_granularity,
     selectedGeolocationGranularity: geolocation_granularity,
-    onGroupbyDateGranularityChange: e => onGroupbyDateGranularityChange(e, chart, onChange),
-    onGroupbyGeolocationGranularityChange: e => onGroupbyGeolocationGranularityChange(e, chart, onChange)
+    onGroupbyDateGranularityChange: e => (0, _callbacks.onGroupbyDateGranularityChange)(e, chart, onChange),
+    onGroupbyGeolocationGranularityChange: e => (0, _callbacks.onGroupbyGeolocationGranularityChange)(e, chart, onChange)
   }));
 }

package/dist/settings/completeness-settings/index.js

@@ -1,3 +1,20 @@
-import CompletenessDataSettings from './data-settings/data-settings';
-import { CompletenessStyleSettings } from './style-settings';
-export { CompletenessDataSettings, CompletenessStyleSettings };
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CompletenessDataSettings", {
+  enumerable: true,
+  get: function () {
+    return _dataSettings.default;
+  }
+});
+Object.defineProperty(exports, "CompletenessStyleSettings", {
+  enumerable: true,
+  get: function () {
+    return _styleSettings.CompletenessStyleSettings;
+  }
+});
+var _dataSettings = _interopRequireDefault(require("./data-settings/data-settings"));
+var _styleSettings = require("./style-settings");

package/dist/settings/completeness-settings/style-settings.js

@@ -1,10 +1,17 @@
-import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
-import React from 'react';
-import { FormGroup, Label } from 'reactstrap';
-import intl from '../../intl';
-import { FontSizeSettings } from '../widgets/font-settings';
-import { PixelEditor } from '../../components';
-export function CompletenessStyleSettings(_ref) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CompletenessStyleSettings = CompletenessStyleSettings;
+var _DTableSwitch2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSwitch"));
+var _react = _interopRequireDefault(require("react"));
+var _reactstrap = require("reactstrap");
+var _intl = _interopRequireDefault(require("../../intl"));
+var _fontSettings = require("../widgets/font-settings");
+var _components = require("../../components");
+function CompletenessStyleSettings(_ref) {
   let {
     chart,
     onChange
@@ -42,35 +49,35 @@ export function CompletenessStyleSettings(_ref) {
       y_axis_max: parsedValue
     });
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(_DTableSwitch, {
+  }, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
     checked: show_percentage,
-    placeholder: intl.get('Show_percentage'),
+    placeholder: _intl.default.get('Show_percentage'),
     onChange: handleShowPercentageChange
-  })), /*#__PURE__*/React.createElement(FormGroup, {
+  })), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(FontSizeSettings, {
-    title: intl.get('Label_font_size'),
+  }, /*#__PURE__*/_react.default.createElement(_fontSettings.FontSizeSettings, {
+    title: _intl.default.get('Label_font_size'),
     fontSize: label_font_size,
     defaultFontSize: 12,
     modifyFontSize: value => onChange({
       label_font_size: value
     })
-  })), /*#__PURE__*/React.createElement(FormGroup, {
+  })), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(_DTableSwitch, {
+  }, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
     checked: y_axis_auto_range,
-    placeholder: intl.get('Auto_range'),
+    placeholder: _intl.default.get('Auto_range'),
     onChange: handleSetRangeChange
-  })), /*#__PURE__*/React.createElement(FormGroup, {
+  })), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-parameter-item"
-  }, !y_axis_auto_range && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Label, null, intl.get('Min')), /*#__PURE__*/React.createElement(PixelEditor, {
+  }, !y_axis_auto_range && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Min')), /*#__PURE__*/_react.default.createElement(_components.PixelEditor, {
     showPx: false,
     useEmpty: true,
     pixel: y_axis_min,
     modifyPixel: handleMinValueChange
-  }), /*#__PURE__*/React.createElement(Label, null, intl.get('Max')), /*#__PURE__*/React.createElement(PixelEditor, {
+  }), /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Max')), /*#__PURE__*/_react.default.createElement(_components.PixelEditor, {
     showPx: false,
     useEmpty: true,
     pixel: y_axis_max,

package/dist/settings/dashboard-settings/data-settings.js

@@ -1,12 +1,20 @@
-import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
-import _DTableColumnIcon from "dtable-ui-component/lib/DTableColumnIcon";
-import React, { Fragment, useCallback, useMemo } from 'react';
-import { FormGroup } from 'reactstrap';
-import { getTableById } from 'dtable-utils';
-import CommonDataSettings from '../widgets/common-data-settings';
-import { BaseUtils } from '../../utils';
-import { CHART_SUMMARY_SHOW, CHART_SUMMARY_CALCULATION_METHOD, CHART_SUPPORT_COLUMNS, BASIC_NUMBER_CARD_CALCULATION_METHOD } from '../../constants';
-import intl from '../../intl';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
+var _DTableColumnIcon2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableColumnIcon"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactstrap = require("reactstrap");
+var _dtableUtils = require("dtable-utils");
+var _commonDataSettings = _interopRequireDefault(require("../widgets/common-data-settings"));
+var _utils = require("../../utils");
+var _constants = require("../../constants");
+var _intl = _interopRequireDefault(require("../../intl"));
 const DataSettings = _ref => {
   let {
     tables,
@@ -14,40 +22,40 @@ const DataSettings = _ref => {
     chart,
     onChange
   } = _ref;
-  const summaryMethodsOptions = useMemo(() => {
-    const numberCardSummaryMethod = [BASIC_NUMBER_CARD_CALCULATION_METHOD, ...CHART_SUMMARY_CALCULATION_METHOD];
+  const summaryMethodsOptions = (0, _react.useMemo)(() => {
+    const numberCardSummaryMethod = [_constants.BASIC_NUMBER_CARD_CALCULATION_METHOD, ..._constants.CHART_SUMMARY_CALCULATION_METHOD];
     return numberCardSummaryMethod.map(method => {
       return {
-        label: /*#__PURE__*/React.createElement("span", {
+        label: /*#__PURE__*/_react.default.createElement("span", {
           className: "select-option-name"
-        }, intl.get(CHART_SUMMARY_SHOW[method])),
+        }, _intl.default.get(_constants.CHART_SUMMARY_SHOW[method])),
         value: method
       };
     });
   }, []);
-  const selectedTable = useMemo(() => {
+  const selectedTable = (0, _react.useMemo)(() => {
     const {
       table_id: selectedTableId
     } = chart.config;
-    return getTableById(tables, selectedTableId);
+    return (0, _dtableUtils.getTableById)(tables, selectedTableId);
   }, [chart.config, tables]);
-  const validColumns = useMemo(() => {
+  const validColumns = (0, _react.useMemo)(() => {
     const columns = selectedTable && Array.isArray(selectedTable.columns) ? selectedTable.columns : [];
     if (!columns || !Array.isArray(columns)) return [];
-    return columns.filter(column => CHART_SUPPORT_COLUMNS.includes(column.type));
+    return columns.filter(column => _constants.CHART_SUPPORT_COLUMNS.includes(column.type));
   }, [selectedTable]);
-  const numericColumns = useMemo(() => {
-    return validColumns.filter(column => BaseUtils.isNumericSummaryColumn(column));
+  const numericColumns = (0, _react.useMemo)(() => {
+    return validColumns.filter(column => _utils.BaseUtils.isNumericSummaryColumn(column));
   }, [validColumns]);
-  const numericColumnOptions = useMemo(() => {
+  const numericColumnOptions = (0, _react.useMemo)(() => {
     const options = numericColumns.map(column => {
       return {
         value: column,
-        label: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+        label: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
           className: "sea-chart-column-icon"
-        }, /*#__PURE__*/React.createElement(_DTableColumnIcon, {
+        }, /*#__PURE__*/_react.default.createElement(_DTableColumnIcon2.default, {
           column: column
-        })), /*#__PURE__*/React.createElement("span", {
+        })), /*#__PURE__*/_react.default.createElement("span", {
           className: 'select-module select-module-name ml-0'
         }, column.name))
       };
@@ -56,15 +64,15 @@ const DataSettings = _ref => {
       value: {
         key: 'Groupby_null'
       },
-      label: /*#__PURE__*/React.createElement("span", {
+      label: /*#__PURE__*/_react.default.createElement("span", {
         className: 'select-module select-module-name null-option-name ml-0'
-      }, intl.get('Select_a_column')),
+      }, _intl.default.get('Select_a_column')),
       style: {
         color: 'rgba(0, 0, 0, .25)'
       }
     }, ...options];
   }, [numericColumns]);
-  const onSelectTargetValueColumn = useCallback(option => {
+  const onSelectTargetValueColumn = (0, _react.useCallback)(option => {
     const {
       config
     } = chart;
@@ -77,7 +85,7 @@ const DataSettings = _ref => {
       target_value_column_key: newColumnKey
     });
   }, [chart, onChange]);
-  const onSelectTotalValueColumn = useCallback(option => {
+  const onSelectTotalValueColumn = (0, _react.useCallback)(option => {
     const {
       config
     } = chart;
@@ -90,10 +98,10 @@ const DataSettings = _ref => {
       total_value_column_key: newColumnKey
     });
   }, [chart, onChange]);
-  const getSelectedMethodOption = useCallback((method, summaryMethodsOptions) => {
+  const getSelectedMethodOption = (0, _react.useCallback)((method, summaryMethodsOptions) => {
     return summaryMethodsOptions.find(m => m.value === method) || summaryMethodsOptions[0];
   }, []);
-  const onSelectTargetValueColumnSummaryMethod = useCallback(option => {
+  const onSelectTargetValueColumnSummaryMethod = (0, _react.useCallback)(option => {
     const {
       config
     } = chart;
@@ -106,7 +114,7 @@ const DataSettings = _ref => {
       target_value_column_summary_method: newSummaryMethod
     });
   }, [chart, onChange]);
-  const onSelectTotalValueColumnSummaryMethod = useCallback(option => {
+  const onSelectTotalValueColumnSummaryMethod = (0, _react.useCallback)(option => {
     const {
       config
     } = chart;
@@ -119,7 +127,7 @@ const DataSettings = _ref => {
       total_value_column_summary_method: newSummaryMethod
     });
   }, [chart, onChange]);
-  const renderSummaryMethod = useCallback(option => {
+  const renderSummaryMethod = (0, _react.useCallback)(option => {
     const {
       config
     } = chart;
@@ -136,9 +144,9 @@ const DataSettings = _ref => {
       onSelectSummaryMethod = onSelectTotalValueColumnSummaryMethod;
     }
     const selectedMethodOption = getSelectedMethodOption(summary_method, summaryMethodsOptions);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "dtable-plugin-stat-parameter-item"
-    }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(_DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedMethodOption,
       onChange: onSelectSummaryMethod,
@@ -151,35 +159,35 @@ const DataSettings = _ref => {
   } = chart.config;
   const selectedTargetValueColumnOption = numericColumnOptions.filter(option => option.value.key === target_value_column_key)[0];
   const selectedTotalValueColumnOption = numericColumnOptions.filter(option => option.value.key === total_value_column_key)[0];
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(CommonDataSettings, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_commonDataSettings.default, {
     dataSources: dataSources,
     chart: chart,
     tables: tables,
     onChange: onChange
-  }), /*#__PURE__*/React.createElement(FormGroup, {
+  }), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement("label", null, intl.get('Current_value_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
+  }, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Current_value_field')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: selectedTargetValueColumnOption,
     options: numericColumnOptions,
-    placeholder: intl.get('Select_a_column'),
+    placeholder: _intl.default.get('Select_a_column'),
     onChange: onSelectTargetValueColumn
-  })), /*#__PURE__*/React.createElement(FormGroup, {
+  })), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-parameter-item"
   }, renderSummaryMethod({
     targetColumn: 'target_value_column'
-  })), /*#__PURE__*/React.createElement(FormGroup, {
+  })), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement("label", null, intl.get('Total_value_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
+  }, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Total_value_field')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: selectedTotalValueColumnOption,
     options: numericColumnOptions,
-    placeholder: intl.get('Select_a_column'),
+    placeholder: _intl.default.get('Select_a_column'),
     onChange: onSelectTotalValueColumn
-  })), /*#__PURE__*/React.createElement(FormGroup, {
+  })), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-parameter-item"
   }, renderSummaryMethod({
     targetColumn: 'total_value_column'
   })));
 };
-export default DataSettings;
+var _default = exports.default = DataSettings;

package/dist/settings/dashboard-settings/index.js

@@ -1,2 +1,13 @@
-import DashboardDataSettings from './data-settings';
-export { DashboardDataSettings };
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DashboardDataSettings", {
+  enumerable: true,
+  get: function () {
+    return _dataSettings.default;
+  }
+});
+var _dataSettings = _interopRequireDefault(require("./data-settings"));