sea-chart 0.0.1

package/lib/context.js

@@ -0,0 +1,49 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import { User } from './model';
+var Context = /*#__PURE__*/function () {
+  function Context(eventBus, config) {
+    _classCallCheck(this, Context);
+    this.settings = config || {};
+    this.collaboratorsCache = {};
+    this.eventBus = eventBus || {};
+  }
+  _createClass(Context, [{
+    key: "getCollaboratorFromCache",
+    value: function getCollaboratorFromCache(email) {
+      return this.collaboratorsCache[email];
+    }
+  }, {
+    key: "getCollaboratorsFromCache",
+    value: function getCollaboratorsFromCache() {
+      var collaboratorsCache = this.collaboratorsCache;
+      return Object.values(collaboratorsCache).filter(function (item) {
+        return item.email !== 'anonymous';
+      });
+    }
+  }, {
+    key: "updateCollaboratorsCache",
+    value: function updateCollaboratorsCache(email, collaborator) {
+      this.collaboratorsCache[email] = collaborator instanceof User ? collaborator : new User(collaborator);
+      this.eventBus.dispatch && this.eventBus.dispatch('query-collaborator', email);
+    }
+  }, {
+    key: "setSettings",
+    value: function setSettings() {
+      var settings = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      this.settings = settings;
+    }
+  }, {
+    key: "getSettings",
+    value: function getSettings() {
+      return this.settings;
+    }
+  }, {
+    key: "getSetting",
+    value: function getSetting(key) {
+      return this.settings[key] || this.settings[key] === false ? this.settings[key] : '';
+    }
+  }]);
+  return Context;
+}();
+export default Context;

package/lib/index.js

@@ -0,0 +1,6 @@
+import Statistic, { Settings, StyleSettings } from './layout';
+import { StatisticsUtils } from './utils';
+import { StatisticModel } from './model';
+import { STATISTIC_TYPE } from './constants';
+export default Statistic;
+export { Settings, StyleSettings, StatisticsUtils, StatisticModel, STATISTIC_TYPE };

package/lib/intl.js

@@ -0,0 +1,37 @@
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import LOCALES from './locale';
+var Intl = /*#__PURE__*/_createClass(function Intl(_ref) {
+  var _this = this;
+  var _ref$lang = _ref.lang,
+    _lang = _ref$lang === void 0 ? 'en' : _ref$lang;
+  _classCallCheck(this, Intl);
+  this.setLang = function () {
+    var lang = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'en';
+    var validLang = lang.toLowerCase();
+    if (validLang === _this.lang) return;
+    _this.lang = validLang;
+    _this.translation = LOCALES[_this.lang] || LOCALES['en'];
+  };
+  this.get = function (key) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    if (typeof key !== 'string') return '';
+    var optionsKeys = Object.keys(options);
+    if (optionsKeys.length === 0) {
+      return _this.translation[key] || key;
+    }
+    if (key.indexOf('{') < 0) return key;
+    return key.replace(/\\?\{([^{}]+)\}/g, function (match, name) {
+      if (match.charAt(0) === '\\') {
+        return match.slice(1);
+      }
+      return options[name] === null || options[name] === undefined ? '' : options[name];
+    }) || key;
+  };
+  this.lang = _lang.toLowerCase();
+  this.translation = LOCALES[this.lang];
+});
+var intl = new Intl({
+  lang: 'en'
+});
+export default intl;

package/lib/layout/index.js

@@ -0,0 +1,4 @@
+import Statistic from './statistic';
+import Settings, { StyleSettings } from '../components/settings';
+export default Statistic;
+export { Settings, StyleSettings };

package/lib/layout/statistic/index.css

@@ -0,0 +1,53 @@
+.seastatistic-formatter {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.seastatistic-formatter-tip {
+  background-color: #F5F5F5;
+  border-radius: 4px;
+}
+
+.seastatistic-formatter.error {
+  color: red;
+}
+
+.seastatistic-formatter .seastatistic-formatter-container {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.seastatistic-formatter .seastatistic-table-formatter-container {
+  overflow: scroll;
+}
+
+.seastatistic-formatter .seastatistic-container {
+  flex: 1;
+  font-size: 12px;
+}
+
+.seastatistic-formatter .seastatistic-container.show-x-axis-label,
+.seastatistic-formatter .seastatistic-container.show-horizontal-axis-label {
+  padding-bottom: 20px;
+}
+
+.seastatistic-formatter .seastatistic-container.show-y-axis-label,
+.seastatistic-formatter .seastatistic-container.show-y-axis-left-label,
+.seastatistic-formatter .seastatistic-container.show-vertical-axis-label {
+  padding-left: 20px;
+}
+
+.seastatistic-formatter .seastatistic-container.show-y-axis-right-label {
+  padding-right: 20px;
+}
+
+.seastatistic-formatter .g2-html-annotation {
+  transform: translate(-50%, -50%);
+  width: fit-content;
+}

package/lib/layout/statistic/index.js

@@ -0,0 +1,190 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React from 'react';
+import classnames from 'classnames';
+import shallowEqual from 'shallowequal';
+import intl from '../../intl';
+import { Formatter, Loading } from '../../components';
+import { StatisticsUtils } from '../../utils';
+import Context from '../../context';
+import Title from '../title';
+import './index.css';
+var Statistic = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(Statistic, _React$PureComponent);
+  var _super = _createSuper(Statistic);
+  function Statistic(props) {
+    var _this;
+    _classCallCheck(this, Statistic);
+    _this = _super.call(this, props);
+    _this.callback = function (errorMessage, tipMessage, data) {
+      if (errorMessage) {
+        _this.setState({
+          errorMessage: errorMessage,
+          tipMessage: '',
+          data: null,
+          isCalculated: true
+        });
+        return;
+      }
+      if (tipMessage) {
+        _this.setState({
+          errorMessage: '',
+          tipMessage: tipMessage,
+          data: null,
+          isCalculated: true
+        });
+        return;
+      }
+      if (!data) {
+        _this.setState({
+          errorMessage: '',
+          tipMessage: 'There_are_no_statistic_results_yet',
+          data: null,
+          isCalculated: true
+        });
+        return;
+      }
+      _this.setState({
+        errorMessage: '',
+        tipMessage: '',
+        data: data,
+        isCalculated: true
+      });
+    };
+    _this.calculateStatistic = function () {
+      var isNeedRequestData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      var _this$props = _this.props,
+        tables = _this$props.tables,
+        statistic = _this$props.statistic,
+        queryDataAPI = _this$props.queryDataAPI,
+        isStatisticalData = _this$props.isStatisticalData;
+      var data = _this.state.data;
+      if (!isNeedRequestData) {
+        StatisticsUtils.calculateStaticStatistic(tables, statistic, data, _this.callback);
+        return;
+      }
+      StatisticsUtils.calculateStatistic(statistic, queryDataAPI, tables, _this.callback, isStatisticalData);
+    };
+    _this.state = {
+      isCalculated: false,
+      data: null,
+      errorMessage: '',
+      tipMessage: ''
+    };
+    return _this;
+  }
+  _createClass(Statistic, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _window$seaStatistic, _window$seaStatistic2;
+      var _this$props2 = this.props,
+        queryUsersAPI = _this$props2.queryUsersAPI,
+        context = _this$props2.context,
+        config = _this$props2.config,
+        eventBus = _this$props2.eventBus;
+      if (!window.seaStatistic) {
+        window.seaStatistic = {};
+      }
+      if (!((_window$seaStatistic = window.seaStatistic) === null || _window$seaStatistic === void 0 ? void 0 : _window$seaStatistic.queryUsers)) {
+        window.seaStatistic.queryUsers = queryUsersAPI;
+      }
+      if (!((_window$seaStatistic2 = window.seaStatistic) === null || _window$seaStatistic2 === void 0 ? void 0 : _window$seaStatistic2.context)) {
+        var validContext = context || new Context(eventBus, config);
+        window.seaStatistic.context = validContext;
+        var lang = validContext.getSetting('lang') || 'zh-cn';
+        intl.setLang(lang);
+      }
+      this.calculateStatistic();
+    }
+  }, {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      var _this2 = this;
+      var oldStatistic = this.props.statistic;
+      var statistic = nextProps.statistic;
+      if (shallowEqual(statistic, oldStatistic)) return;
+      this.setState({
+        isCalculated: false
+      }, function () {
+        if (StatisticsUtils.isStatisticTypeChange(statistic, oldStatistic)) {
+          _this2.calculateStatistic();
+          return;
+        }
+        if (StatisticsUtils.isStatisticStyleChange(statistic, oldStatistic)) {
+          _this2.setState({
+            isCalculated: true
+          });
+          return;
+        }
+        if (StatisticsUtils.isStatisticSortChange(statistic, oldStatistic)) {
+          _this2.calculateStatistic(false);
+          return;
+        }
+        _this2.calculateStatistic();
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _statistic$config;
+      var _this$props3 = this.props,
+        statistic = _this$props3.statistic,
+        className = _this$props3.className,
+        tables = _this$props3.tables,
+        canvasStyle = _this$props3.canvasStyle;
+      var _this$state = this.state,
+        data = _this$state.data,
+        isCalculated = _this$state.isCalculated,
+        errorMessage = _this$state.errorMessage,
+        tipMessage = _this$state.tipMessage;
+      var validClassName = classnames('seastatistic-formatter', className);
+      var tipBackgroundColorClassName = 'seastatistic-formatter-tip';
+      if (!isCalculated) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: classnames('loading', validClassName)
+        }, /*#__PURE__*/React.createElement(Loading, null));
+      }
+      if (errorMessage) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: classnames('error', validClassName, tipBackgroundColorClassName)
+        }, intl.get(errorMessage));
+      }
+      if (tipMessage) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: classnames('error', validClassName, tipBackgroundColorClassName)
+        }, intl.get(tipMessage));
+      }
+      if (StatisticsUtils.imEmptyStatistic(data)) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: classnames('error', validClassName, tipBackgroundColorClassName)
+        }, intl.get('There_are_no_statistic_results_yet'));
+      }
+      return /*#__PURE__*/React.createElement("div", {
+        className: validClassName
+      }, /*#__PURE__*/React.createElement("div", {
+        className: classnames('seastatistic-formatter-container', "seastatistic-".concat(statistic === null || statistic === void 0 ? void 0 : (_statistic$config = statistic.config) === null || _statistic$config === void 0 ? void 0 : _statistic$config.type, "-formatter-container"))
+      }, /*#__PURE__*/React.createElement(Title, {
+        statistic: statistic
+      }), /*#__PURE__*/React.createElement(Formatter, {
+        statistic: statistic,
+        data: data,
+        tables: tables,
+        canvasStyle: canvasStyle
+      })));
+    }
+  }]);
+  return Statistic;
+}(React.PureComponent);
+Statistic.defaultProps = {
+  isStatisticalData: true,
+  canvasStyle: {},
+  tables: [],
+  statistic: {
+    id: '',
+    config: {},
+    style_config: {}
+  }
+};
+export default Statistic;

package/lib/layout/title/index.css

@@ -0,0 +1,3 @@
+.seastatistic-title {
+  margin-bottom: 14px;
+}

package/lib/layout/title/index.js

@@ -0,0 +1,41 @@
+import React, { useCallback } from 'react';
+import { isNumber } from 'dtable-utils';
+import classnames from 'classnames';
+import { HORIZONTAL_ALIGNS, HORIZONTAL_ALIGN, DEFAULT_STATISTIC_FONT_WEIGHT, DEFAULT_STATISTIC_TITLE_FONT_SIZE, STATISTIC_SUPPORT_FONT_WEIGHTS, SUPPORT_TITLE_CHART_TYPES } from '../../constants';
+import './index.css';
+var Title = function Title(_ref) {
+  var statistic = _ref.statistic,
+    className = _ref.className;
+  var getTitleStyle = useCallback(function () {
+    var style = {
+      fontSize: "".concat(DEFAULT_STATISTIC_TITLE_FONT_SIZE, "px"),
+      fontWeight: DEFAULT_STATISTIC_FONT_WEIGHT
+    };
+    if (!statistic || !statistic.style_config || !statistic.style_config.title) {
+      return style;
+    }
+    var _statistic$style_conf = statistic.style_config.title,
+      font_size = _statistic$style_conf.font_size,
+      font_weight = _statistic$style_conf.font_weight,
+      horizontal_align = _statistic$style_conf.horizontal_align;
+    if (isNumber(font_size)) {
+      style.fontSize = font_size < 0 ? 0 : "".concat(font_size, "px");
+    }
+    if (STATISTIC_SUPPORT_FONT_WEIGHTS.includes(font_weight)) {
+      style.fontWeight = font_weight;
+    }
+    style.textAlign = horizontal_align && HORIZONTAL_ALIGNS.includes(horizontal_align) ? horizontal_align : HORIZONTAL_ALIGN.LEFT;
+    return style;
+  }, [statistic]);
+  if (!statistic) return null;
+  var chartType = statistic.config.type;
+  var title = statistic.style_config && statistic.style_config.title;
+  var text = title && title.text;
+  if (!SUPPORT_TITLE_CHART_TYPES.includes(chartType) || !text) return null;
+  var style = getTitleStyle();
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames('seastatistic-title', className),
+    style: style
+  }, text);
+};
+export default Title;

package/lib/locale/index.js

@@ -0,0 +1,11 @@
+import de from './lang/de';
+import en from './lang/en';
+import fr from './lang/fr';
+import zh_CN from './lang/zh_CN';
+var LOCALES = {
+  'de': de,
+  'en': en,
+  'fr': fr,
+  'zh-cn': zh_CN
+};
+export default LOCALES;

package/lib/locale/lang/de.js

@@ -0,0 +1,141 @@
+/* eslint-disable */
+var de = {
+  'Empty': 'Empty',
+  'Amount': 'Amount',
+  'Counting': 'Count',
+  'Summarize_a_field': 'Summarize a field',
+  'By_day': 'By day',
+  'By_week': 'By week',
+  'By_month': 'By month',
+  'By_quarter': 'By quarter',
+  'By_year': 'By year',
+  'Sum': 'Sum',
+  "Avg": "Average",
+  "Mdn": "Median",
+  'Max': 'Max',
+  'Min': 'Min',
+  'Mean': 'Mean',
+  'Number_of_distinct_values': 'Number of distinct values',
+  'By_province': 'By province',
+  'By_city': 'By city',
+  'By_district': 'By district',
+  'Row_count': 'Row count',
+  'Left': 'Left',
+  'Right': 'Right',
+  'Center': 'Center',
+  'Top': 'Top',
+  'Bottom': 'Bottom',
+  'Others': 'Others',
+  'Total': 'Total',
+  'There_are_too_many_statistics_entries_to_display': 'here are too many statistics entries to display.',
+  'Data_settings': 'Data settings',
+  'Style_settings': 'Style settings',
+  'Include_empty': 'Include empty',
+  'X_axis': 'X axis',
+  'Y_axis': 'Y axis',
+  'Display_value': 'Display values on data points',
+  'Auto_range': 'Auto range',
+  'Select_a_column': 'Select a column',
+  "Summary_method": 'Summary method',
+  'Label': '',
+  'Y-axis(left side)': 'Y-axis (left side)',
+  'Y-axis(right side)': 'Y-axis (right side)',
+  'Display_title': 'Display title',
+  'Current_value_field': 'Current value field',
+  'Total_value_field': 'Total value field',
+  'Group_by': 'Group by',
+  'Display_legend': 'Display legend',
+  'Display_label': 'Display label',
+  'Label_position': 'Label position',
+  'Label_format': 'Label format',
+  'Label_font_size': 'Label font size',
+  "Count_the_number_of_records_in_each_group": "Count the number of records in each group",
+  "Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field": "Compute the sum, maximum, minimum or mean value of records in each group by a field",
+  "Group_the_records_according_to_the_vertical_axis_and_count_the_records_in_each_group": "Group the records according to the vertical axis, and count the records in each group",
+  "Group_the_records_according_to_the_vertical_axis_and_compute_the_sum_maximum_or_minimum_of_records_in_each_group_by_a_field": "Group the records according to the vertical axis, and compute the sum, maximum, minimum or mean of records in each group by a field",
+  "Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_multiple_fields": "Compute the sum, maximum, minimum or mean value of records in each group by multiple fields",
+  "Count_the_records": "Group the records according to the X axis, and count the records in every group",
+  "Compute_sum_max_min": "Group the records according to the X axis, and compute the sum, maximum, minimum or mean by a field in the records",
+  'Summarize_multiple_fields': 'Summarize multiple fields',
+  'Add_new_field': 'Add new field',
+  'Row_grouping_field': 'Row grouping field',
+  'Column_grouping_field': 'Column grouping field',
+  'Date_range': 'Date range',
+  'Compare_to_date_range': 'Compare to date range',
+  'Display_increase': 'Display increase',
+  'Display_percentage_increase': 'Display percentage increase',
+  'Color': 'Color',
+  'Data_sort': 'Data sort',
+  'Not_sorted': 'Not sorted',
+  'Ascending': 'Ascending',
+  'Descending': 'Descending',
+  'Numeric_field': 'Numeric field',
+  'Summary_field': 'Summary field',
+  'No_column': 'No column',
+  'Display_mode': 'Display mode',
+  'Stack': 'Stack',
+  'Location_field': 'Location field',
+  'Time_field': 'Time field',
+  "Calculate_the_number_of_records_in_two_time_periods": "Calculate the number of records in two time periods",
+  "Use_a_field_to_calculate_the_sum_maximum_or_minimum_value_of_records_in_two_time_periods": "Use a field to calculate the sum maximum or minimum value of records in two time periods",
+  // 'Count_by_var': 'Count_by_var',
+  // 'Compute_sum_max_min_by_var': 'Compute_sum_max_min_by_var',
+  'No_options': 'No options',
+  'Text_horizontal_alignment': 'Text horizontal alignment',
+  'Please_input_date': 'Please input date',
+  'Filter': 'Filter',
+  '1 Filter': '1 filter',
+  'Filters': 'filters',
+  'Font_size': 'Font size',
+  'Table': 'Table',
+  'Chart_type': 'Chart type',
+  "Histogram": "Histogram",
+  "Basic_histogram": "Basic histogram",
+  "Grouped_histogram": "Grouped histogram",
+  "Stacked_histogram": "Stacked histogram",
+  "Time_comparison_histogram": "Time comparison histogram",
+  "Bar_chart": "Bar chart",
+  "Basic_bar_chart": "Basic bar chart",
+  "Grouped_bar_chart": "Grouped bar chart",
+  "Stacked_bar_chart": "Stacked bar chart",
+  "Completeness": "Completeness chart",
+  "Grouped_completeness": "Grouped completeness chart",
+  "Line_chart": "Line chart",
+  "Basic_line_chart": "Basic line chart",
+  "Grouped_line_chart": "Grouped line chart",
+  "Area": "Area",
+  "Grouped_area": "Grouped area",
+  "Pie_chart": "Pie chart",
+  "Basic_pie_chart": "Basic pie chart",
+  "Ring_chart": "Ring chart",
+  "Scatter": "Scatter chart",
+  "Combination": "Combination chart",
+  "Map": "Map",
+  "World_map": "World map",
+  "World_map_bubble": "World map(bubble)",
+  "Heat_map": "Heat map",
+  "Facet_chart": "Facet chart",
+  "Mirror_chart": "Mirror chart",
+  "Card": "Card",
+  "Basic_number_card": "Basic number card",
+  "Trend": "Trend chart",
+  "Gauge": "Gauge",
+  'Tree_map': 'Tree map',
+  'Pivot_table': 'Pivot table',
+  'Title': 'Title',
+  'Edit_type': 'Edit type',
+  'Cancel': 'Cancel',
+  'Submit': 'Submit',
+  'There_are_no_statistic_results_yet': 'There are no statistic results yet',
+  'Year': 'Year',
+  'Month': 'Month',
+  'Day': 'Day',
+  'Hour': 'Hour',
+  'Minute': 'Minute',
+  'Done': 'Done',
+  'Internal_server_error': 'Internal server error',
+  'Network_error': 'Network error',
+  'There_are_some_problems_with_the_filters': 'There are some problems with the filters.',
+  'Please_complete_the_chart_configuration_first': 'Please complete the chart configuration first'
+};
+export default de;