dtable-statistic 4.4.24 → 5.0.0-alpha.0

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

@@ -1,154 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _dtableUtils = require("dtable-utils");
-var _typeSettings = _interopRequireDefault(require("./type-settings"));
-var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-var _chartService = _interopRequireDefault(require("../../../service/chart-service"));
-var _constants = require("../../../constants");
-class BaseSettings extends _react.Component {
-  constructor(_props) {
-    super(_props);
-    this.getTablesOptions = () => {
-      const tables = this.props.getTables();
-      return Array.isArray(tables) && tables.map(table => {
-        return {
-          label: /*#__PURE__*/_react.default.createElement("span", {
-            className: "select-option-name"
-          }, table.name),
-          value: {
-            name: table.name,
-            id: table._id
-          }
-        };
-      });
-    };
-    this.getViewsOptions = props => {
-      const {
-        getTableById,
-        getViews,
-        selectedTableId
-      } = props;
-      const selectedTable = getTableById(selectedTableId);
-      const views = (0, _dtableUtils.getNonPrivateViews)(getViews(selectedTable));
-      return views.map(view => {
-        const isArchiveView = view.type === 'archive';
-        return {
-          label: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-            className: "header-icon"
-          }, /*#__PURE__*/_react.default.createElement("i", {
-            className: isArchiveView ? 'dtable-font dtable-icon-archive-view' : 'dtable-font dtable-icon-main-view'
-          })), /*#__PURE__*/_react.default.createElement("span", {
-            className: "select-option-name"
-          }, view.name)),
-          value: {
-            name: view.name,
-            id: view._id
-          }
-        };
-      });
-    };
-    this.getSelectedTableOption = () => {
-      return this.tablesOptions.find(option => option.value.id === this.props.selectedTableId);
-    };
-    this.getSelectedViewOption = () => {
-      return this.viewsOptions.find(option => option.value.id === this.props.selectedViewId);
-    };
-    this.onSelectTable = option => {
-      const selectedTableId = option.value.id;
-      const {
-        getTableById,
-        getViews,
-        statItem
-      } = this.props;
-      const {
-        type,
-        table_id
-      } = statItem;
-      if (selectedTableId === table_id) return;
-      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,
-        ..._constants.INIT_STAT_ITEM[type]
-      }));
-    };
-    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, {
-        view_id: id
-      }));
-    };
-    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
-      });
-      this.props.updateStatItem(newStatistic);
-    };
-    this.tablesOptions = this.getTablesOptions();
-    this.viewsOptions = this.getViewsOptions(_props);
-    const defaultChartTitle = _reactIntlUniversal.default.get('Untitled');
-    this.charService = new _chartService.default({
-      defaultChartTitle
-    });
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.selectedTableId !== this.props.selectedTableId) {
-      this.viewsOptions = this.getViewsOptions(nextProps);
-    }
-  }
-  render() {
-    const {
-      statItem
-    } = this.props;
-    const selectedTableOption = this.getSelectedTableOption();
-    const selectedViewOption = this.getSelectedViewOption();
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_typeSettings.default, {
-      chart: statItem,
-      onChange: this.onChangeType
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Table')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
-      value: selectedTableOption,
-      options: this.tablesOptions,
-      onChange: this.onSelectTable
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Views')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
-      value: selectedViewOption,
-      options: this.viewsOptions,
-      onChange: this.onSelectView
-    })));
-  }
-}
-var _default = exports.default = BaseSettings;

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

@@ -1,125 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _Picker = _interopRequireDefault(require("@seafile/seafile-calendar/lib/Picker"));
-var _seafileCalendar = _interopRequireDefault(require("@seafile/seafile-calendar"));
-var _utils = require("../../../utils");
-require("dayjs/locale/zh-cn");
-require("dayjs/locale/en-gb");
-require("@seafile/seafile-calendar/assets/index.css");
-class DateEditorPopover extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    // event trigger sequence: onOpenChange --> onChange
-    this.onChange = value => {
-      if (!value) return;
-      let {
-        dateFormat
-      } = this.props;
-      this.setState({
-        datePickerValue: value
-      });
-      this.props.onValueChanged(value.format(dateFormat));
-    };
-    this.onOpenChange = open => {
-      this.setState({
-        open: open
-      });
-      if (!open) {
-        setTimeout(() => {
-          this.props.commitAndClosePopover();
-        }, 1);
-      }
-      return;
-    };
-    this.onClear = () => {
-      this.setState({
-        datePickerValue: null
-      });
-    };
-    this.onFocusDatePicker = () => {
-      this.setState({
-        open: true
-      });
-    };
-    this.handleMouseDown = event => {
-      event.preventDefault();
-      event.stopPropagation();
-    };
-    this.getCalendarContainer = () => {
-      return this.calendarContainerRef.current;
-    };
-    this.getCalender = () => {
-      let {
-        dateFormat,
-        showHourAndMinute
-      } = this.props;
-      let defaultValue = (0, _dayjs.default)().clone();
-      return /*#__PURE__*/_react.default.createElement(_seafileCalendar.default, {
-        showDateInput: true,
-        focusablePanel: false,
-        locale: (0, _utils.translateCalendar)(),
-        style: {
-          zIndex: 1001
-        },
-        format: dateFormat,
-        defaultValue: defaultValue,
-        showHourAndMinute: showHourAndMinute,
-        dateInputPlaceholder: _reactIntlUniversal.default.get('Enter_date'),
-        onClear: this.onClear
-      });
-    };
-    this.state = {
-      open: true,
-      datePickerValue: props.value ? (0, _dayjs.default)(props.value) : null
-    };
-    this.calendarContainerRef = /*#__PURE__*/_react.default.createRef();
-  }
-  render() {
-    const {
-      dateFormat
-    } = this.props;
-    const {
-      open,
-      datePickerValue
-    } = this.state;
-    const calendar = this.getCalender();
-    return /*#__PURE__*/_react.default.createElement(_Picker.default, {
-      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.default.createElement("span", {
-        tabIndex: "0",
-        onFocus: this.onFocusDatePicker
-      }, /*#__PURE__*/_react.default.createElement("input", {
-        readOnly: true,
-        tabIndex: "-1",
-        className: "form-control",
-        placeholder: _reactIntlUniversal.default.get('Please_select'),
-        value: value || '',
-        onMouseDown: this.handleMouseDown
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        ref: this.calendarContainerRef
-      }));
-    });
-  }
-}
-var _default = exports.default = DateEditorPopover;

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

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-function ColumnSettings(props) {
-  const {
-    columnsOptions,
-    selectedColumnOption,
-    onChangeSelectedColumn
-  } = props;
-  return /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
-    value: selectedColumnOption,
-    options: columnsOptions,
-    placeholder: _reactIntlUniversal.default.get('Select_column'),
-    onChange: onChangeSelectedColumn
-  });
-}
-var _default = exports.default = ColumnSettings;

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

@@ -1,62 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactstrap = require("reactstrap");
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _statisticCustomTitleModule = _interopRequireDefault(require("../../../assets/css/statistic-custom-title.module.css"));
-class CustomTitleSetting extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.onKeyDown = event => {
-      if (event.keyCode === 13) {
-        this.onBlur();
-      }
-    };
-    this.onBlur = () => {
-      const {
-        titleName
-      } = this.props;
-      const {
-        titleName: newName
-      } = this.state;
-      if (newName === titleName) return;
-      const setting = {
-        'title_name': newName
-      };
-      this.props.updateTitleName(setting);
-    };
-    this.onChange = event => {
-      const value = event.target.value;
-      const {
-        titleName
-      } = this.state;
-      if (value === titleName) return;
-      this.setState({
-        titleName: value
-      });
-    };
-    this.state = {
-      titleName: props.titleName || ''
-    };
-  }
-  render() {
-    const {
-      titleName
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: _statisticCustomTitleModule.default['custom-title']
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Custom_title')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      autoComplete: "off",
-      value: titleName,
-      onChange: this.onChange,
-      onKeyDown: this.onKeyDown,
-      onBlur: this.onBlur
-    }));
-  }
-}
-var _default = exports.default = CustomTitleSetting;

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

@@ -1,61 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _components = require("../../../components");
-var _constants = require("../../../constants");
-class DataSort extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.onChangeSortType = type => {
-      const {
-        statItem
-      } = this.props;
-      const {
-        sort_type
-      } = statItem;
-      if (type === sort_type) return;
-      this.setState({
-        sortType: type
-      }, () => {
-        this.props.updateStatItem(Object.assign({}, statItem, {
-          sort_type: type === _constants.DATA_SORT_TYPE.NOT_SORTED ? '' : type
-        }));
-      });
-    };
-    const {
-      statItem: _statItem
-    } = props;
-    const {
-      sort_type: _sort_type
-    } = _statItem;
-    this.state = {
-      sortType: _sort_type || _constants.DATA_SORT_TYPE.NOT_SORTED
-    };
-  }
-  render() {
-    const {
-      sortType
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Data_sorting')), _constants.DATA_SORT_TYPES.map((item, index) => {
-      let isChecked = sortType === item;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: 'chart-group-item-' + index,
-        className: 'chart-group-item'
-      }, /*#__PURE__*/_react.default.createElement(_components.SeaTableRadio, {
-        isChecked: isChecked,
-        onCheckedChange: this.onChangeSortType.bind(this, item),
-        label: _reactIntlUniversal.default.get(_constants.DATA_SORT_TYPE_LABEL[item])
-      }));
-    }));
-  }
-}
-var _default = exports.default = DataSort;

package/es/stat-editor/stat-settings/public-setting/ind-toggle-setting.js

@@ -1,35 +0,0 @@
-"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"));
-class IndToggleSetting extends _react.Component {
-  render() {
-    const {
-      handleToggleChange,
-      isChecked,
-      label
-    } = this.props;
-    const value = isChecked || false;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-toggle-parameter individual-toggle-parameter d-block"
-    }, /*#__PURE__*/_react.default.createElement("label", {
-      className: "custom-switch d-flex justify-content-between align-items-start"
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      type: "checkbox",
-      className: "custom-switch-input",
-      checked: value,
-      value: value,
-      onChange: handleToggleChange,
-      name: "custom-switch-checkbox"
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "custom-switch-description m-0"
-    }, label), /*#__PURE__*/_react.default.createElement("span", {
-      className: "custom-switch-indicator ml-2"
-    })));
-  }
-}
-var _default = exports.default = IndToggleSetting;

package/es/stat-editor/stat-settings/public-setting/min-max-setting.js

@@ -1,60 +0,0 @@
-"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 _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-class MinMaxSetting extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.onMinChange = e => {
-      const min = e.target.value;
-      this.setState({
-        min
-      });
-      this.props.onMinChange(min);
-    };
-    this.onMaxChange = e => {
-      const max = e.target.value;
-      this.setState({
-        max
-      });
-      this.props.onMaxChange(max);
-    };
-    this.state = {
-      min: props.min || props.min === 0 ? props.min : '',
-      max: props.max || props.max === 0 ? props.max : ''
-    };
-  }
-  render() {
-    const {
-      min,
-      max
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.Form, {
-      className: "mt-2"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
-      className: "mb-2"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
-      for: "min"
-    }, _reactIntlUniversal.default.get('Min')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      id: "min",
-      type: "number",
-      value: min,
-      onChange: this.onMinChange
-    })), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
-      for: "max"
-    }, _reactIntlUniversal.default.get('Max')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      id: "max",
-      type: "number",
-      value: max,
-      onChange: this.onMaxChange
-    })));
-  }
-}
-var _default = exports.default = MinMaxSetting;

package/es/stat-editor/stat-settings/public-setting/numeric-summary-item.js

@@ -1,123 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-var _constants = require("../../../constants");
-var _statisticNumericColumnItemModule = _interopRequireDefault(require("../../../assets/css/statistic-numeric-column-item.module.css"));
-class NumericSummaryItem extends _react.Component {
-  constructor(_props) {
-    super(_props);
-    this.getSelectedColumnOption = props => {
-      const {
-        numericColumnItem
-      } = props;
-      const {
-        column_key,
-        key
-      } = numericColumnItem;
-      return this.props.numericColumnsOptions.find(item => {
-        return item.value.key === column_key || item.value.key === key;
-      });
-    };
-    this.getSummaryMethodOptions = props => {
-      const {
-        summaryMethodOptions
-      } = props;
-      const selectedColumnOption = this.getSelectedColumnOption(props);
-      if (selectedColumnOption && _constants.TIME_COLUMN_LIST.includes(selectedColumnOption.value.type)) {
-        return summaryMethodOptions.filter(option => {
-          return option.value !== 'Mean' && option.value !== 'Sum';
-        });
-      }
-      return summaryMethodOptions;
-    };
-    this.getSelectedSummaryMethodOption = () => {
-      const {
-        numericColumnItem
-      } = this.props;
-      const {
-        summary_method,
-        method
-      } = numericColumnItem;
-      return this.summaryMethodOptions.find(item => {
-        return item.value === summary_method || item.value === method;
-      });
-    };
-    this.onToggleExpand = () => {
-      this.setState({
-        isExpand: !this.state.isExpand
-      });
-    };
-    this.onDeleteNumericColumnItem = index => {
-      this.props.onDeleteNumericColumnItem(index);
-    };
-    this.state = {
-      isExpand: true
-    };
-    this.summaryMethodOptions = this.getSummaryMethodOptions(_props);
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      numericColumnItem
-    } = nextProps;
-    if (numericColumnItem !== this.props.numericColumnItem) {
-      this.summaryMethodOptions = this.getSummaryMethodOptions(nextProps);
-    }
-  }
-  render() {
-    const {
-      index,
-      onChangeColumnOption,
-      onChangeSummaryMethod,
-      numericColumnsOptions,
-      statItem
-    } = this.props;
-    const selectedColumnOption = this.getSelectedColumnOption(this.props);
-    const selectedSummaryMethodOption = this.getSelectedSummaryMethodOption();
-    const {
-      isExpand
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        paddingBottom: isExpand ? '14px' : '7px'
-      },
-      className: "".concat(_statisticNumericColumnItemModule.default['container'], "  statistic-chart-parameter-item")
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _statisticNumericColumnItemModule.default['item-title']
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "title-item title-left"
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      onClick: this.onToggleExpand,
-      className: "".concat(_statisticNumericColumnItemModule.default['icon'], " dtable-font ").concat(isExpand ? 'dtable-icon-drop-down' : 'dtable-icon-right-slide')
-    }), /*#__PURE__*/_react.default.createElement("label", null, (statItem.type === _constants.STAT_TYPE.PIVOT_TABLE ? _reactIntlUniversal.default.get('Summary_column') : _reactIntlUniversal.default.get('Numeric_column')) + (1 + index))), /*#__PURE__*/_react.default.createElement("span", {
-      className: "title-item title-right"
-    }, index !== 0 && /*#__PURE__*/_react.default.createElement("i", {
-      onClick: () => this.onDeleteNumericColumnItem(index),
-      className: "".concat(_statisticNumericColumnItemModule.default['close-icon'], " dtable-font dtable-icon-fork-number")
-    }))), /*#__PURE__*/_react.default.createElement("div", {
-      className: isExpand ? _statisticNumericColumnItemModule.default['expanded-numeric-summary-content'] : _statisticNumericColumnItemModule.default['collapsed-numeric-summary-content']
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(_statisticNumericColumnItemModule.default['select-item'], " numeric-column")
-    }, /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
-      className: 'number-column-selector',
-      value: selectedColumnOption,
-      placeholder: _reactIntlUniversal.default.get('Select_column'),
-      onChange: onChangeColumnOption.bind(this, index),
-      options: numericColumnsOptions
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(_statisticNumericColumnItemModule.default['select-item'], " ").concat(_statisticNumericColumnItemModule.default['summary-method'])
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
-      value: selectedSummaryMethodOption,
-      onChange: onChangeSummaryMethod.bind(this, index),
-      options: this.summaryMethodOptions
-    }))));
-  }
-}
-var _default = exports.default = NumericSummaryItem;

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

@@ -1,33 +0,0 @@
-"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"));
-class ToggleSetting extends _react.Component {
-  render() {
-    const {
-      handleToggleChange,
-      isChecked,
-      label
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-toggle-parameter"
-    }, /*#__PURE__*/_react.default.createElement("label", {
-      className: "custom-switch"
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      type: "checkbox",
-      className: "custom-switch-input",
-      checked: isChecked,
-      onChange: handleToggleChange,
-      name: "custom-switch-checkbox"
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "custom-switch-indicator"
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "custom-switch-description text-truncate"
-    }, label)));
-  }
-}
-var _default = exports.default = ToggleSetting;