sea-chart 2.0.47 → 2.0.49

package/dist/settings/widgets/axis-title-font-settings/index.js

@@ -1,6 +1,13 @@
-import React, { useCallback } from 'react';
-import { DEFAULT_AXIS_LABEL_FONT_COLOR, DEFAULT_AXIS_LABEL_FONT_SIZE } from '../../../constants';
-import { FontSizeSettings, FontColorSettings } from '../font-settings';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _constants = require("../../../constants");
+var _fontSettings = require("../font-settings");
 const AxisTitleFontSettings = _ref => {
   let {
     fontSizeKey,
@@ -12,28 +19,28 @@ const AxisTitleFontSettings = _ref => {
     defaultFontColor,
     onChange
   } = _ref;
-  const onFontSizeChange = useCallback(size => {
+  const onFontSizeChange = (0, _react.useCallback)(size => {
     onChange && onChange({
       [fontSizeKey]: size
     });
   }, [fontSizeKey, onChange]);
-  const onFontColorChange = useCallback(color => {
+  const onFontColorChange = (0, _react.useCallback)(color => {
     onChange && onChange({
       [fontColorKey]: color
     });
   }, [fontColorKey, onChange]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FontSizeSettings, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_fontSettings.FontSizeSettings, {
     className: "mt-3 mb-3",
     fontSize: fontSize,
-    defaultFontSize: DEFAULT_AXIS_LABEL_FONT_SIZE,
+    defaultFontSize: _constants.DEFAULT_AXIS_LABEL_FONT_SIZE,
     modifyFontSize: onFontSizeChange,
     title: fontSizeTitle
-  }), /*#__PURE__*/React.createElement(FontColorSettings, {
+  }), /*#__PURE__*/_react.default.createElement(_fontSettings.FontColorSettings, {
     className: "mb-3",
     fontColor: fontColor,
-    defaultFontColor: defaultFontColor || DEFAULT_AXIS_LABEL_FONT_COLOR,
+    defaultFontColor: defaultFontColor || _constants.DEFAULT_AXIS_LABEL_FONT_COLOR,
     modifyFontColor: onFontColorChange,
     title: fontColorTitle
   }));
 };
-export default AxisTitleFontSettings;
+var _default = exports.default = AxisTitleFontSettings;

package/dist/settings/widgets/basic-summary/index.js

@@ -1,13 +1,21 @@
-import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
-import _DTableColumnIcon from "dtable-ui-component/lib/DTableColumnIcon";
-import React, { useCallback, useMemo } from 'react';
-import { Label, FormGroup } from 'reactstrap';
-import { CellType, getTableById } from 'dtable-utils';
-import { BaseUtils } from '../../../utils';
-import intl from '../../../intl';
-import StacksSettings from '../../stacks-settings';
-import { CHART_TYPE, CHART_SUMMARY_SHOW, CHART_SUMMARY_TYPES, CHART_SUMMARY_TYPE, CHART_SUMMARY_CALCULATION_METHOD, CHART_DATE_SUMMARY_CALCULATION_METHOD } from '../../../constants';
-import './index.css';
+"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 _utils = require("../../../utils");
+var _intl = _interopRequireDefault(require("../../../intl"));
+var _stacksSettings = _interopRequireDefault(require("../../stacks-settings"));
+var _constants = require("../../../constants");
+require("./index.css");
 const BasicSummary = _ref => {
   let {
     tables,
@@ -17,66 +25,66 @@ const BasicSummary = _ref => {
     summaryTypeKey = 'y_axis_summary_type',
     summaryMethodKey = 'y_axis_summary_method',
     summaryColumnKey = 'y_axis_summary_column_key',
-    supportColumnTypes = [CellType.NUMBER, CellType.DATE],
-    summaryTypeOptions: oldSummaryTypeOptions = CHART_SUMMARY_TYPES,
+    supportColumnTypes = [_dtableUtils.CellType.NUMBER, _dtableUtils.CellType.DATE],
+    summaryTypeOptions: oldSummaryTypeOptions = _constants.CHART_SUMMARY_TYPES,
     label
   } = _ref;
-  const selectedTable = useMemo(() => {
+  const selectedTable = (0, _react.useMemo)(() => {
     const {
       table_id
     } = chart.config;
-    return getTableById(tables, table_id);
+    return (0, _dtableUtils.getTableById)(tables, table_id);
   }, [tables, chart.config]);
-  const numericColumns = useMemo(() => {
+  const numericColumns = (0, _react.useMemo)(() => {
     if (!selectedTable) return [];
     const {
       columns
     } = selectedTable;
     return columns.filter(column => {
-      const supportNum = supportColumnTypes.includes(CellType.NUMBER) && BaseUtils.isNumericSummaryColumn(column) && column.type !== CellType.DURATION;
-      const supportDate = supportColumnTypes.includes(CellType.DATE) && BaseUtils.isDateSummaryColumn(column);
+      const supportNum = supportColumnTypes.includes(_dtableUtils.CellType.NUMBER) && _utils.BaseUtils.isNumericSummaryColumn(column) && column.type !== _dtableUtils.CellType.DURATION;
+      const supportDate = supportColumnTypes.includes(_dtableUtils.CellType.DATE) && _utils.BaseUtils.isDateSummaryColumn(column);
       return supportNum || supportDate;
     });
   }, [selectedTable, supportColumnTypes]);
-  const numericColumnOptions = useMemo(() => {
+  const numericColumnOptions = (0, _react.useMemo)(() => {
     return numericColumns.map(column => {
       return {
         value: column.key,
         column: 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))
       };
     });
   }, [numericColumns]);
-  const summaryTypeOptions = useMemo(() => {
-    const summaryExplanation = BaseUtils.getSummaryExplanation(chart);
+  const summaryTypeOptions = (0, _react.useMemo)(() => {
+    const summaryExplanation = _utils.BaseUtils.getSummaryExplanation(chart);
     return Array.isArray(oldSummaryTypeOptions) ? oldSummaryTypeOptions.map(summaryType => {
       return {
         value: summaryType,
-        label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+        label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
           className: "select-module select-module-name ml-0"
-        }, intl.get(CHART_SUMMARY_SHOW[summaryType])), /*#__PURE__*/React.createElement("div", {
+        }, _intl.default.get(_constants.CHART_SUMMARY_SHOW[summaryType])), /*#__PURE__*/_react.default.createElement("div", {
           className: "summary-type-explanation"
         }, summaryExplanation[summaryType]))
       };
     }) : [];
   }, [chart, oldSummaryTypeOptions]);
-  const summaryMethodOptions = useMemo(() => {
+  const summaryMethodOptions = (0, _react.useMemo)(() => {
     const summaryColumn = numericColumns.find(column => column.key === chart.config[summaryColumnKey]);
-    const methods = BaseUtils.isNumericSummaryColumn(summaryColumn) ? CHART_SUMMARY_CALCULATION_METHOD : CHART_DATE_SUMMARY_CALCULATION_METHOD;
+    const methods = _utils.BaseUtils.isNumericSummaryColumn(summaryColumn) ? _constants.CHART_SUMMARY_CALCULATION_METHOD : _constants.CHART_DATE_SUMMARY_CALCULATION_METHOD;
     return methods.map(item => {
       return {
         value: item,
-        label: intl.get(CHART_SUMMARY_SHOW[item])
+        label: _intl.default.get(_constants.CHART_SUMMARY_SHOW[item])
       };
     });
   }, [chart, numericColumns, summaryColumnKey]);
-  const onSummaryTypeChange = useCallback(option => {
+  const onSummaryTypeChange = (0, _react.useCallback)(option => {
     const summaryType = option.value;
     const {
       config
@@ -88,15 +96,15 @@ const BasicSummary = _ref => {
       [summaryColumnKey]: '',
       [summaryMethodKey]: ''
     };
-    if (summaryType === CHART_SUMMARY_TYPE.ADVANCED) {
-      update[summaryMethodKey] = CHART_SUMMARY_CALCULATION_METHOD[0];
+    if (summaryType === _constants.CHART_SUMMARY_TYPE.ADVANCED) {
+      update[summaryMethodKey] = _constants.CHART_SUMMARY_CALCULATION_METHOD[0];
     }
-    if (summaryType === CHART_SUMMARY_TYPE.ADVANCED && numericColumns[0]) {
+    if (summaryType === _constants.CHART_SUMMARY_TYPE.ADVANCED && numericColumns[0]) {
       update[summaryColumnKey] = numericColumns[0].key;
     }
     onChange && onChange(update);
   }, [chart, summaryTypeKey, summaryColumnKey, summaryMethodKey, onChange, numericColumns]);
-  const onSummaryColumnChange = useCallback(option => {
+  const onSummaryColumnChange = (0, _react.useCallback)(option => {
     const value = option.value;
     const {
       config
@@ -109,16 +117,16 @@ const BasicSummary = _ref => {
     };
     const oldColumn = numericColumns.find(column => column.key === oldValue);
     const newColumn = numericColumns.find(column => column.key === value);
-    const isDateColumn = BaseUtils.isDateSummaryColumn(newColumn);
-    if (BaseUtils.isDateSummaryColumn(oldColumn) !== isDateColumn) {
-      const methods = isDateColumn ? CHART_DATE_SUMMARY_CALCULATION_METHOD : CHART_SUMMARY_CALCULATION_METHOD;
+    const isDateColumn = _utils.BaseUtils.isDateSummaryColumn(newColumn);
+    if (_utils.BaseUtils.isDateSummaryColumn(oldColumn) !== isDateColumn) {
+      const methods = isDateColumn ? _constants.CHART_DATE_SUMMARY_CALCULATION_METHOD : _constants.CHART_SUMMARY_CALCULATION_METHOD;
       if (!methods.includes(config[summaryMethodKey])) {
         update[summaryMethodKey] = methods[0];
       }
     }
     onChange && onChange(update);
   }, [chart, summaryColumnKey, summaryMethodKey, onChange, numericColumns]);
-  const onSummaryMethodChange = useCallback(option => {
+  const onSummaryMethodChange = (0, _react.useCallback)(option => {
     const value = option.value;
     const {
       config
@@ -129,58 +137,58 @@ const BasicSummary = _ref => {
       [summaryMethodKey]: value
     });
   }, [chart, summaryMethodKey, onChange]);
-  const renderNumericColumn = useCallback(() => {
+  const renderNumericColumn = (0, _react.useCallback)(() => {
     const column_key = chart.config[summaryColumnKey];
     const selectedColumnOption = numericColumnOptions.find(option => option.value === column_key);
-    return /*#__PURE__*/React.createElement(FormGroup, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
       className: "sea-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Summary_field')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedColumnOption,
       onChange: onSummaryColumnChange,
       options: numericColumnOptions,
-      placeholder: intl.get('Select_a_column'),
+      placeholder: _intl.default.get('Select_a_column'),
       noOptionsMessage: () => {
-        return /*#__PURE__*/React.createElement("span", null, intl.get('No_options'));
+        return /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get('No_options'));
       }
     }));
   }, [chart, summaryColumnKey, numericColumnOptions, onSummaryColumnChange]);
-  const renderSummaryMethod = useCallback(() => {
+  const renderSummaryMethod = (0, _react.useCallback)(() => {
     const summaryMethod = chart.config[summaryMethodKey];
     const selectedMethodOption = summaryMethodOptions.find(option => option.value === summaryMethod);
-    return /*#__PURE__*/React.createElement(FormGroup, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
       className: "sea-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(_DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedMethodOption,
       onChange: onSummaryMethodChange,
       options: summaryMethodOptions
     }));
   }, [chart, summaryMethodKey, onSummaryMethodChange, summaryMethodOptions]);
-  const renderOtherSummaries = useCallback(() => {
-    const summaryType = chart.config[summaryTypeKey] || CHART_SUMMARY_TYPE.COUNT;
-    if (summaryType !== CHART_SUMMARY_TYPE.ADVANCED) return null;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, renderNumericColumn(), renderSummaryMethod());
+  const renderOtherSummaries = (0, _react.useCallback)(() => {
+    const summaryType = chart.config[summaryTypeKey] || _constants.CHART_SUMMARY_TYPE.COUNT;
+    if (summaryType !== _constants.CHART_SUMMARY_TYPE.ADVANCED) return null;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderNumericColumn(), renderSummaryMethod());
   }, [summaryTypeKey, chart, renderNumericColumn, renderSummaryMethod]);
   const {
     type
   } = chart.config;
-  const summaryType = chart.config[summaryTypeKey] || CHART_SUMMARY_TYPE.COUNT;
+  const summaryType = chart.config[summaryTypeKey] || _constants.CHART_SUMMARY_TYPE.COUNT;
   const selectedSummaryTypeOption = summaryTypeOptions.find(item => item.value === summaryType) || summaryTypeOptions[0];
-  return /*#__PURE__*/React.createElement(React.Fragment, null, showSummaryTypes && /*#__PURE__*/React.createElement(FormGroup, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showSummaryTypes && /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(Label, null, label), /*#__PURE__*/React.createElement(_DTableSelect, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, label), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
     menuPortalTarget: "#sea-chart-settings-content",
     classNamePrefix: "chart-summary-types",
     value: selectedSummaryTypeOption,
     onChange: onSummaryTypeChange,
     options: summaryTypeOptions
-  })), renderOtherSummaries(), type === CHART_TYPE.BAR_CUSTOM && /*#__PURE__*/React.createElement(FormGroup, {
+  })), renderOtherSummaries(), type === _constants.CHART_TYPE.BAR_CUSTOM && /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(Label, null, label), /*#__PURE__*/React.createElement(StacksSettings, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, label), /*#__PURE__*/_react.default.createElement(_stacksSettings.default, {
     chart: chart,
     numericColumnsOptions: numericColumnOptions,
     updateStatItem: onChange
   })));
 };
-export default BasicSummary;
+var _default = exports.default = BasicSummary;

package/dist/settings/widgets/chart-type/index.js

@@ -1,10 +1,18 @@
-import React, { useCallback, useState } from 'react';
-import { Label, FormGroup } from 'reactstrap';
-import { CHART_TYPE_SHOW } from '../../../constants';
-import { eventStopPropagation } from '../../../utils';
-import intl from '../../../intl';
-import { Icon, TypesDialog } from '../../../components';
-import './index.css';
+"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 _reactstrap = require("reactstrap");
+var _constants = require("../../../constants");
+var _utils = require("../../../utils");
+var _intl = _interopRequireDefault(require("../../../intl"));
+var _components = require("../../../components");
+require("./index.css");
 const ChartType = _ref => {
   let {
     chart,
@@ -12,15 +20,15 @@ const ChartType = _ref => {
     onChange,
     dataSources
   } = _ref;
-  const [isDialogShow, setDialogShow] = useState(false);
-  const openTypesDialog = useCallback(event => {
-    eventStopPropagation(event);
+  const [isDialogShow, setDialogShow] = (0, _react.useState)(false);
+  const openTypesDialog = (0, _react.useCallback)(event => {
+    (0, _utils.eventStopPropagation)(event);
     setDialogShow(true);
   }, []);
-  const closeTypesDialog = useCallback(() => {
+  const closeTypesDialog = (0, _react.useCallback)(() => {
     setDialogShow(false);
   }, []);
-  const onTypeChange = useCallback(type => {
+  const onTypeChange = (0, _react.useCallback)(type => {
     const {
       config
     } = chart;
@@ -47,22 +55,22 @@ const ChartType = _ref => {
   const {
     type
   } = config;
-  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",
     id: "sea-chart-type-container"
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Chart_type')), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Chart_type')), /*#__PURE__*/_react.default.createElement("div", {
     className: "sea-chart-selected-type-container d-flex align-items-center"
-  }, /*#__PURE__*/React.createElement("span", null, intl.get(CHART_TYPE_SHOW[type])), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get(_constants.CHART_TYPE_SHOW[type])), /*#__PURE__*/_react.default.createElement("div", {
     className: "sea-chart-type-icon-container",
     onClick: openTypesDialog
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/_react.default.createElement(_components.Icon, {
     symbol: "type-change",
     className: "sea-chart-type-icon"
-  })))), isDialogShow && /*#__PURE__*/React.createElement(TypesDialog, {
+  })))), isDialogShow && /*#__PURE__*/_react.default.createElement(_components.TypesDialog, {
     dataSources: dataSources,
     type: type,
     onToggle: closeTypesDialog,
     onChange: onTypeChange
   }));
 };
-export default ChartType;
+var _default = exports.default = ChartType;