dtable-statistic 4.4.24-alpha.9 → 5.0.0

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

@@ -0,0 +1,154 @@
+"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

@@ -0,0 +1,125 @@
+"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

@@ -0,0 +1,24 @@
+"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

@@ -0,0 +1,62 @@
+"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

@@ -0,0 +1,61 @@
+"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 _DTableRadio = _interopRequireDefault(require("dtable-ui-component/lib/DTableRadio"));
+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(_DTableRadio.default, {
+        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

@@ -0,0 +1,35 @@
+"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

@@ -0,0 +1,60 @@
+"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

@@ -0,0 +1,123 @@
+"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

@@ -0,0 +1,33 @@
+"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;