dtable-statistic 4.2.2 → 4.3.0

package/es/stat-editor/stat-settings/public-setting/base-settings.js

@@ -1,24 +1,15 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-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, { Component, Fragment } from 'react';
 import intl from 'react-intl-universal';
 import TypeSettings from './type-settings';
 import { DTableSelect } from '../../../components';
 import ChartService from '../../../service/chart-service';
 import { INIT_STAT_ITEM } from '../../../constants';
-var BaseSettings = /*#__PURE__*/function (_Component) {
-  _inherits(BaseSettings, _Component);
-  var _super = _createSuper(BaseSettings);
-  function BaseSettings(_props) {
-    var _this;
-    _classCallCheck(this, BaseSettings);
-    _this = _super.call(this, _props);
-    _this.getTablesOptions = function () {
-      var tables = _this.props.getTables();
-      return Array.isArray(tables) && tables.map(function (table) {
+class BaseSettings extends Component {
+  constructor(_props) {
+    super(_props);
+    this.getTablesOptions = () => {
+      const tables = this.props.getTables();
+      return Array.isArray(tables) && tables.map(table => {
         return {
           label: /*#__PURE__*/React.createElement("span", {
             className: "select-option-name"
@@ -30,14 +21,16 @@ var BaseSettings = /*#__PURE__*/function (_Component) {
         };
       });
     };
-    _this.getViewsOptions = function (props) {
-      var getTableById = props.getTableById,
-        getViews = props.getViews,
-        selectedTableId = props.selectedTableId;
-      var selectedTable = getTableById(selectedTableId);
-      var views = getViews(selectedTable);
-      return views.map(function (view) {
-        var isArchiveView = view.type === 'archive';
+    this.getViewsOptions = props => {
+      const {
+        getTableById,
+        getViews,
+        selectedTableId
+      } = props;
+      const selectedTable = getTableById(selectedTableId);
+      const views = getViews(selectedTable);
+      return views.map(view => {
+        const isArchiveView = view.type === 'archive';
         return {
           label: /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
             className: "header-icon"
@@ -53,93 +46,100 @@ var BaseSettings = /*#__PURE__*/function (_Component) {
         };
       });
     };
-    _this.getSelectedTableOption = function () {
-      return _this.tablesOptions.find(function (option) {
-        return option.value.id === _this.props.selectedTableId;
-      });
+    this.getSelectedTableOption = () => {
+      return this.tablesOptions.find(option => option.value.id === this.props.selectedTableId);
     };
-    _this.getSelectedViewOption = function () {
-      return _this.viewsOptions.find(function (option) {
-        return option.value.id === _this.props.selectedViewId;
-      });
+    this.getSelectedViewOption = () => {
+      return this.viewsOptions.find(option => option.value.id === this.props.selectedViewId);
     };
-    _this.onSelectTable = function (option) {
-      var selectedTableId = option.value.id;
-      var _this$props = _this.props,
-        getTableById = _this$props.getTableById,
-        getViews = _this$props.getViews,
-        statItem = _this$props.statItem;
-      var type = statItem.type,
-        table_id = statItem.table_id;
+    this.onSelectTable = option => {
+      const selectedTableId = option.value.id;
+      const {
+        getTableById,
+        getViews,
+        statItem
+      } = this.props;
+      const {
+        type,
+        table_id
+      } = statItem;
       if (selectedTableId === table_id) return;
-      var selectedTable = getTableById(selectedTableId);
-      var selectedView = getViews(selectedTable)[0];
-      var view_id = selectedView._id;
-      _this.props.updateStatItem(Object.assign({}, statItem, _objectSpread({
+      const selectedTable = getTableById(selectedTableId);
+      const selectedView = getViews(selectedTable)[0];
+      const {
+        _id: view_id
+      } = selectedView;
+      this.props.updateStatItem(Object.assign({}, statItem, {
         table_id: selectedTable._id,
-        view_id: view_id
-      }, INIT_STAT_ITEM[type])));
+        view_id,
+        ...INIT_STAT_ITEM[type]
+      }));
     };
-    _this.onSelectView = function (option) {
-      var selectedView = option.value;
-      var statItem = _this.props.statItem;
-      var id = selectedView.id;
-      var view_id = statItem.view_id;
+    this.onSelectView = option => {
+      let selectedView = option.value;
+      const {
+        statItem
+      } = this.props;
+      const {
+        id
+      } = selectedView;
+      const {
+        view_id
+      } = statItem;
       if (id === view_id) return;
-      _this.props.updateStatItem(Object.assign({}, statItem, {
+      this.props.updateStatItem(Object.assign({}, statItem, {
         view_id: id
       }));
     };
-    _this.onChangeType = function (type) {
-      var statItem = _this.props.statItem;
-      var table_id = statItem.table_id;
-      var activeTable = _this.props.getTableById(table_id);
-      var newStatistic = _this.props.getConvertedChart({
+    this.onChangeType = type => {
+      const {
+        statItem
+      } = this.props;
+      const {
+        table_id
+      } = statItem;
+      const activeTable = this.props.getTableById(table_id);
+      const newStatistic = this.props.getConvertedChart({
         originalStatistic: statItem,
         targetStatisticType: type,
-        activeTable: activeTable
+        activeTable
       });
-      _this.props.updateStatItem(newStatistic);
+      this.props.updateStatItem(newStatistic);
     };
-    _this.tablesOptions = _this.getTablesOptions();
-    _this.viewsOptions = _this.getViewsOptions(_props);
-    var defaultChartTitle = intl.get('Untitled');
-    _this.charService = new ChartService({
-      defaultChartTitle: defaultChartTitle
+    this.tablesOptions = this.getTablesOptions();
+    this.viewsOptions = this.getViewsOptions(_props);
+    const defaultChartTitle = intl.get('Untitled');
+    this.charService = new ChartService({
+      defaultChartTitle
     });
-    return _this;
   }
-  _createClass(BaseSettings, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (nextProps.selectedTableId !== this.props.selectedTableId) {
-        this.viewsOptions = this.getViewsOptions(nextProps);
-      }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (nextProps.selectedTableId !== this.props.selectedTableId) {
+      this.viewsOptions = this.getViewsOptions(nextProps);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var statItem = this.props.statItem;
-      var selectedTableOption = this.getSelectedTableOption();
-      var selectedViewOption = this.getSelectedViewOption();
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TypeSettings, {
-        chart: statItem,
-        onChange: this.onChangeType
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement("label", null, intl.get('Table')), /*#__PURE__*/React.createElement(DTableSelect, {
-        value: selectedTableOption,
-        options: this.tablesOptions,
-        onChange: this.onSelectTable
-      })), /*#__PURE__*/React.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement("label", null, intl.get('Views')), /*#__PURE__*/React.createElement(DTableSelect, {
-        value: selectedViewOption,
-        options: this.viewsOptions,
-        onChange: this.onSelectView
-      })));
-    }
-  }]);
-  return BaseSettings;
-}(Component);
+  }
+  render() {
+    const {
+      statItem
+    } = this.props;
+    const selectedTableOption = this.getSelectedTableOption();
+    const selectedViewOption = this.getSelectedViewOption();
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TypeSettings, {
+      chart: statItem,
+      onChange: this.onChangeType
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "statistic-chart-parameter-item"
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Table')), /*#__PURE__*/React.createElement(DTableSelect, {
+      value: selectedTableOption,
+      options: this.tablesOptions,
+      onChange: this.onSelectTable
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "statistic-chart-parameter-item"
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Views')), /*#__PURE__*/React.createElement(DTableSelect, {
+      value: selectedViewOption,
+      options: this.viewsOptions,
+      onChange: this.onSelectView
+    })));
+  }
+}
 export default BaseSettings;

package/es/stat-editor/stat-settings/public-setting/calender.js

@@ -1,7 +1,3 @@
-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 dayjs from 'dayjs';
 import intl from 'react-intl-universal';
@@ -11,55 +7,54 @@ import { translateCalendar } from '../../../utils';
 import 'dayjs/locale/zh-cn';
 import 'dayjs/locale/en-gb';
 import '@seafile/seafile-calendar/assets/index.css';
-var DateEditorPopover = /*#__PURE__*/function (_React$Component) {
-  _inherits(DateEditorPopover, _React$Component);
-  var _super = _createSuper(DateEditorPopover);
-  function DateEditorPopover(props) {
-    var _this;
-    _classCallCheck(this, DateEditorPopover);
-    _this = _super.call(this, props);
+class DateEditorPopover extends React.Component {
+  constructor(props) {
+    super(props);
     // event trigger sequence: onOpenChange --> onChange
-    _this.onChange = function (value) {
+    this.onChange = value => {
       if (!value) return;
-      var dateFormat = _this.props.dateFormat;
-      _this.setState({
+      let {
+        dateFormat
+      } = this.props;
+      this.setState({
         datePickerValue: value
       });
-      _this.props.onValueChanged(value.format(dateFormat));
+      this.props.onValueChanged(value.format(dateFormat));
     };
-    _this.onOpenChange = function (open) {
-      _this.setState({
+    this.onOpenChange = open => {
+      this.setState({
         open: open
       });
       if (!open) {
-        setTimeout(function () {
-          _this.props.commitAndClosePopover();
+        setTimeout(() => {
+          this.props.commitAndClosePopover();
         }, 1);
       }
       return;
     };
-    _this.onClear = function () {
-      _this.setState({
+    this.onClear = () => {
+      this.setState({
         datePickerValue: null
       });
     };
-    _this.onFocusDatePicker = function () {
-      _this.setState({
+    this.onFocusDatePicker = () => {
+      this.setState({
         open: true
       });
     };
-    _this.handleMouseDown = function (event) {
+    this.handleMouseDown = event => {
       event.preventDefault();
       event.stopPropagation();
     };
-    _this.getCalendarContainer = function () {
-      return _this.calendarContainerRef.current;
+    this.getCalendarContainer = () => {
+      return this.calendarContainerRef.current;
     };
-    _this.getCalender = function () {
-      var _this$props = _this.props,
-        dateFormat = _this$props.dateFormat,
-        showHourAndMinute = _this$props.showHourAndMinute;
-      var defaultValue = dayjs().clone();
+    this.getCalender = () => {
+      let {
+        dateFormat,
+        showHourAndMinute
+      } = this.props;
+      let defaultValue = dayjs().clone();
       return /*#__PURE__*/React.createElement(Calendar, {
         showDateInput: true,
         focusablePanel: false,
@@ -71,54 +66,53 @@ var DateEditorPopover = /*#__PURE__*/function (_React$Component) {
         defaultValue: defaultValue,
         showHourAndMinute: showHourAndMinute,
         dateInputPlaceholder: intl.get('Enter_date'),
-        onClear: _this.onClear
+        onClear: this.onClear
       });
     };
-    _this.state = {
+    this.state = {
       open: true,
       datePickerValue: props.value ? dayjs(props.value) : null
     };
-    _this.calendarContainerRef = React.createRef();
-    return _this;
+    this.calendarContainerRef = React.createRef();
   }
-  _createClass(DateEditorPopover, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var dateFormat = this.props.dateFormat;
-      var _this$state = this.state,
-        open = _this$state.open,
-        datePickerValue = _this$state.datePickerValue;
-      var calendar = this.getCalender();
-      return /*#__PURE__*/React.createElement(DatePicker, {
-        open: open,
-        value: datePickerValue,
-        style: {
-          zIndex: 1001
-        },
-        calendar: calendar,
-        getCalendarContainer: this.getCalendarContainer,
-        onChange: this.onChange,
-        onOpenChange: this.onOpenChange
-      }, function (_ref) {
-        var value = _ref.value;
-        value = value && value.format(dateFormat);
-        return /*#__PURE__*/React.createElement("span", {
-          tabIndex: "0",
-          onFocus: _this2.onFocusDatePicker
-        }, /*#__PURE__*/React.createElement("input", {
-          readOnly: true,
-          tabIndex: "-1",
-          className: "form-control",
-          placeholder: intl.get('Please_select'),
-          value: value || '',
-          onMouseDown: _this2.handleMouseDown
-        }), /*#__PURE__*/React.createElement("div", {
-          ref: _this2.calendarContainerRef
-        }));
-      });
-    }
-  }]);
-  return DateEditorPopover;
-}(React.Component);
+  render() {
+    const {
+      dateFormat
+    } = this.props;
+    const {
+      open,
+      datePickerValue
+    } = this.state;
+    const calendar = this.getCalender();
+    return /*#__PURE__*/React.createElement(DatePicker, {
+      open: open,
+      value: datePickerValue,
+      style: {
+        zIndex: 1001
+      },
+      calendar: calendar,
+      getCalendarContainer: this.getCalendarContainer,
+      onChange: this.onChange,
+      onOpenChange: this.onOpenChange
+    }, _ref => {
+      let {
+        value
+      } = _ref;
+      value = value && value.format(dateFormat);
+      return /*#__PURE__*/React.createElement("span", {
+        tabIndex: "0",
+        onFocus: this.onFocusDatePicker
+      }, /*#__PURE__*/React.createElement("input", {
+        readOnly: true,
+        tabIndex: "-1",
+        className: "form-control",
+        placeholder: intl.get('Please_select'),
+        value: value || '',
+        onMouseDown: this.handleMouseDown
+      }), /*#__PURE__*/React.createElement("div", {
+        ref: this.calendarContainerRef
+      }));
+    });
+  }
+}
 export default DateEditorPopover;

package/es/stat-editor/stat-settings/public-setting/column-settings.js

@@ -2,9 +2,11 @@ import React from 'react';
 import intl from 'react-intl-universal';
 import { DTableSelect } from '../../../components';
 function ColumnSettings(props) {
-  var columnsOptions = props.columnsOptions,
-    selectedColumnOption = props.selectedColumnOption,
-    onChangeSelectedColumn = props.onChangeSelectedColumn;
+  const {
+    columnsOptions,
+    selectedColumnOption,
+    onChangeSelectedColumn
+  } = props;
   return /*#__PURE__*/React.createElement(DTableSelect, {
     value: selectedColumnOption,
     options: columnsOptions,

package/es/stat-editor/stat-settings/public-setting/custom-title-setting.js

@@ -1,60 +1,55 @@
-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 { Input } from 'reactstrap';
 import intl from 'react-intl-universal';
 import styles from '../../../assets/css/statistic-custom-title.module.css';
-var CustomTitleSetting = /*#__PURE__*/function (_React$Component) {
-  _inherits(CustomTitleSetting, _React$Component);
-  var _super = _createSuper(CustomTitleSetting);
-  function CustomTitleSetting(props) {
-    var _this;
-    _classCallCheck(this, CustomTitleSetting);
-    _this = _super.call(this, props);
-    _this.onKeyDown = function (event) {
+class CustomTitleSetting extends React.Component {
+  constructor(props) {
+    super(props);
+    this.onKeyDown = event => {
       if (event.keyCode === 13) {
-        _this.onBlur();
+        this.onBlur();
       }
     };
-    _this.onBlur = function () {
-      var titleName = _this.props.titleName;
-      var newName = _this.state.titleName;
+    this.onBlur = () => {
+      const {
+        titleName
+      } = this.props;
+      const {
+        titleName: newName
+      } = this.state;
       if (newName === titleName) return;
-      var setting = {
+      const setting = {
         'title_name': newName
       };
-      _this.props.updateTitleName(setting);
+      this.props.updateTitleName(setting);
     };
-    _this.onChange = function (event) {
-      var value = event.target.value;
-      var titleName = _this.state.titleName;
+    this.onChange = event => {
+      const value = event.target.value;
+      const {
+        titleName
+      } = this.state;
       if (value === titleName) return;
-      _this.setState({
+      this.setState({
         titleName: value
       });
     };
-    _this.state = {
+    this.state = {
       titleName: props.titleName || ''
     };
-    return _this;
   }
-  _createClass(CustomTitleSetting, [{
-    key: "render",
-    value: function render() {
-      var titleName = this.state.titleName;
-      return /*#__PURE__*/React.createElement("div", {
-        className: styles['custom-title']
-      }, /*#__PURE__*/React.createElement("label", null, intl.get('Custom_title')), /*#__PURE__*/React.createElement(Input, {
-        autoComplete: "off",
-        value: titleName,
-        onChange: this.onChange,
-        onKeyDown: this.onKeyDown,
-        onBlur: this.onBlur
-      }));
-    }
-  }]);
-  return CustomTitleSetting;
-}(React.Component);
+  render() {
+    const {
+      titleName
+    } = this.state;
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles['custom-title']
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Custom_title')), /*#__PURE__*/React.createElement(Input, {
+      autoComplete: "off",
+      value: titleName,
+      onChange: this.onChange,
+      onKeyDown: this.onKeyDown,
+      onBlur: this.onBlur
+    }));
+  }
+}
 export default CustomTitleSetting;

package/es/stat-editor/stat-settings/public-setting/data-sort-setting.js

@@ -1,57 +1,53 @@
-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, { Component } from 'react';
 import intl from 'react-intl-universal';
 import { SeaTableRadio } from '../../../components';
 import { DATA_SORT_TYPE, DATA_SORT_TYPES, DATA_SORT_TYPE_LABEL } from '../../../constants';
-var DataSort = /*#__PURE__*/function (_Component) {
-  _inherits(DataSort, _Component);
-  var _super = _createSuper(DataSort);
-  function DataSort(props) {
-    var _this;
-    _classCallCheck(this, DataSort);
-    _this = _super.call(this, props);
-    _this.onChangeSortType = function (type) {
-      var statItem = _this.props.statItem;
-      var sort_type = statItem.sort_type;
+class DataSort extends Component {
+  constructor(props) {
+    super(props);
+    this.onChangeSortType = type => {
+      const {
+        statItem
+      } = this.props;
+      const {
+        sort_type
+      } = statItem;
       if (type === sort_type) return;
-      _this.setState({
+      this.setState({
         sortType: type
-      }, function () {
-        _this.props.updateStatItem(Object.assign({}, statItem, {
+      }, () => {
+        this.props.updateStatItem(Object.assign({}, statItem, {
           sort_type: type === DATA_SORT_TYPE.NOT_SORTED ? '' : type
         }));
       });
     };
-    var _statItem = props.statItem;
-    var _sort_type = _statItem.sort_type;
-    _this.state = {
+    const {
+      statItem: _statItem
+    } = props;
+    const {
+      sort_type: _sort_type
+    } = _statItem;
+    this.state = {
       sortType: _sort_type || DATA_SORT_TYPE.NOT_SORTED
     };
-    return _this;
   }
-  _createClass(DataSort, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var sortType = this.state.sortType;
+  render() {
+    const {
+      sortType
+    } = this.state;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "statistic-chart-parameter-item"
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Data_sorting')), DATA_SORT_TYPES.map((item, index) => {
+      let isChecked = sortType === item;
       return /*#__PURE__*/React.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement("label", null, intl.get('Data_sorting')), DATA_SORT_TYPES.map(function (item, index) {
-        var isChecked = sortType === item;
-        return /*#__PURE__*/React.createElement("div", {
-          key: 'chart-group-item-' + index,
-          className: 'chart-group-item'
-        }, /*#__PURE__*/React.createElement(SeaTableRadio, {
-          isChecked: isChecked,
-          onCheckedChange: _this2.onChangeSortType.bind(_this2, item),
-          label: intl.get(DATA_SORT_TYPE_LABEL[item])
-        }));
+        key: 'chart-group-item-' + index,
+        className: 'chart-group-item'
+      }, /*#__PURE__*/React.createElement(SeaTableRadio, {
+        isChecked: isChecked,
+        onCheckedChange: this.onChangeSortType.bind(this, item),
+        label: intl.get(DATA_SORT_TYPE_LABEL[item])
       }));
-    }
-  }]);
-  return DataSort;
-}(Component);
+    }));
+  }
+}
 export default DataSort;