dtable-statistic 4.4.24 → 5.0.0-alpha.0

package/es/components/dialog/chart-addition-widgets/statistic-chart-selector.module.css

@@ -1,83 +0,0 @@
-.statistic-types-container {
-  position: relative;
-}
-
-.statistic-type-image-container {
-  padding: 0 12px;
-}
-
-.statistic-type {
-  position: relative;
-  padding: 0 16px 16px 16px;
-}
-
-.statistic-type::before {
-  content: '';
-  display: block;
-  width: 100%;
-  height: 20px;
-}
-
-.statistic-type-demo-chart-image {
-  width: 100%;
-  height: 125px;
-}
-
-.statistic-type-title {
-  font-weight: 600;
-  font-size: 18px;
-  color: #212529;
-}
-
-.chart-categories-nav {
-  border-bottom: 1px solid #e9ecef;
-  background-color: #f9f9f9;
-  height: 50px;
-  box-sizing: border-box;
-  margin: 0;  
-}
-
-.chart-cat-nav-item {
-  font-size: 14px;
-  color: #666;
-}
-
-.statistic-type-item {
-  height: 172px;
-  width: 250px;
-  cursor: pointer;
-  border: 1px solid #dcdade;
-  border-radius: 4px;
-  box-shadow: 0 0 2px 0 rgba(0,0,0,.1);
-  margin: 20px 17px 0 0;
-}
-
-.statistic-type-item:hover {
-  border-color: #FFBF7F;
-}
-
-.statistic-type-item-selected,
-.statistic-type-item-selected:hover {
-  border-color: #FF8000;
-}
-
-.statistic-type-description {
-  font-weight: 500;
-  font-size: 14px;
-  margin-top: 14px;
-  padding: 0 15px;
-  margin-bottom: 10px;
-}
-
-.chart-icon {
-  cursor: pointer;
-  color: #666666;
-}
-
-.chart-icon:not(.icon-highlight):hover {
-  color: #212529;
-}
-
-.icon-highlight {
-  color: #ff8000;
-}

package/es/components/dialog/statistic-types-dialog/index.css

@@ -1,14 +0,0 @@
-.statistic-types-dialog {
-  max-width: 1102px;
-  width: 1102px;
-  height: calc(100% - 56px);
-}
-
-.statistic-types-dialog .modal-content {
-  height: 100%;
-}
-
-.statistic-types-dialog .statistic-types-body {
-  padding: 0;
-  overflow: hidden;
-}

package/es/components/dialog/statistic-types-dialog/index.js

@@ -1,62 +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 _reactstrap = require("reactstrap");
-var _chartSelector = _interopRequireDefault(require("../chart-addition-widgets/chart-selector"));
-require("./index.css");
-class StatisticTypesDialog extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.onToggle = () => {
-      this.props.onToggle();
-    };
-    this.onSelectStatisticType = type => {
-      if (type === this.state.selectedType) return;
-      this.setState({
-        selectedType: type
-      });
-    };
-    this.onSubmit = () => {
-      const {
-        selectedType
-      } = this.state;
-      this.props.onChange(selectedType);
-      this.onToggle();
-    };
-    this.state = {
-      selectedType: props.type
-    };
-  }
-  render() {
-    const {
-      selectedType
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
-      isOpen: true,
-      toggle: this.onToggle,
-      className: "statistic-types-dialog",
-      zIndex: 1048
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
-      toggle: this.onToggle
-    }, _reactIntlUniversal.default.get('Edit_type')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
-      className: "statistic-types-body"
-    }, /*#__PURE__*/_react.default.createElement(_chartSelector.default, {
-      selectedType: selectedType,
-      addEditingChart: this.onSelectStatisticType
-    })), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-      color: "secondary",
-      onClick: this.onToggle
-    }, _reactIntlUniversal.default.get('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-      color: "primary",
-      onClick: this.onSubmit
-    }, _reactIntlUniversal.default.get('Submit'))));
-  }
-}
-var _default = exports.default = StatisticTypesDialog;

package/es/components/dtable-popover.js

@@ -1,97 +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 _utils = require("../utils");
-var _constants = require("../constants");
-class DTablePopover extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-    this.dtablePopoverRef = null;
-    this.isSelectOpen = false;
-    this.onHistoryState = e => {
-      e.preventDefault();
-      this.props.hideDTablePopover(e);
-    };
-    this.onKeyDown = e => {
-      const {
-        canHideDTablePopover,
-        hideDTablePopoverWithEsc
-      } = this.props;
-      if (e.keyCode === _constants.KeyCodes.Escape && typeof hideDTablePopoverWithEsc === 'function' && !this.isSelectOpen) {
-        e.preventDefault();
-        hideDTablePopoverWithEsc();
-      } else if (e.keyCode === _constants.KeyCodes.Enter) {
-        // Resolve the default behavior of the enter key when entering formulas is blocked
-        if (canHideDTablePopover) return;
-        e.stopImmediatePropagation();
-      }
-    };
-    this.setSelectStatus = status => {
-      this.isSelectOpen = status;
-    };
-    this.onMouseDown = e => {
-      const {
-        canHideDTablePopover
-      } = this.props;
-      if (!canHideDTablePopover) return;
-      if (this.dtablePopoverRef && e && (0, _utils.getEventClassName)(e).indexOf('popover') === -1 && !this.dtablePopoverRef.contains(e.target)) {
-        this.props.hideDTablePopover(e);
-      }
-    };
-    this.onPopoverInsideClick = e => {
-      e.stopPropagation();
-    };
-  }
-  componentDidMount() {
-    document.addEventListener('mousedown', this.onMouseDown);
-    document.addEventListener('keydown', this.onKeyDown);
-    window.addEventListener('popstate', this.onHistoryState);
-    this.unsubscribeOpenSelect = window.app.eventBus.subscribe(_constants.CommonEventTypes.OPEN_SELECT, this.setSelectStatus);
-  }
-  componentWillUnmount() {
-    document.removeEventListener('mousedown', this.onMouseDown);
-    document.removeEventListener('keydown', this.onKeyDown);
-    window.removeEventListener('popstate', this.onHistoryState);
-    this.unsubscribeOpenSelect();
-  }
-  render() {
-    const {
-      target,
-      boundariesElement,
-      innerClassName,
-      popoverClassName,
-      hideArrow,
-      modifiers,
-      placement
-    } = this.props;
-    let additionalProps = {};
-    if (boundariesElement) {
-      additionalProps.boundariesElement = boundariesElement;
-    }
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.Popover, Object.assign({
-      placement: placement,
-      isOpen: true,
-      target: target,
-      fade: false,
-      hideArrow: hideArrow,
-      innerClassName: innerClassName,
-      className: popoverClassName,
-      modifiers: modifiers
-    }, additionalProps), /*#__PURE__*/_react.default.createElement("div", {
-      ref: ref => this.dtablePopoverRef = ref,
-      onClick: this.onPopoverInsideClick
-    }, this.props.children));
-  }
-}
-DTablePopover.defaultProps = {
-  placement: 'bottom-start',
-  hideArrow: true,
-  canHideDTablePopover: true
-};
-var _default = exports.default = DTablePopover;

package/es/components/dtable-search-input.js

@@ -1,135 +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 _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../utils");
-class DtableSearchInput extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.onCompositionStart = () => {
-      this.isInputtingChinese = true;
-    };
-    this.onChange = e => {
-      this.timer && clearTimeout(this.timer);
-      const {
-        onChange,
-        wait
-      } = this.props;
-      let text = e.target.value;
-      this.setState({
-        searchValue: text || ''
-      }, () => {
-        if (this.isInputtingChinese) return;
-        this.timer = setTimeout(() => {
-          onChange && onChange(this.state.searchValue.trim());
-        }, wait);
-      });
-    };
-    this.onCompositionEnd = e => {
-      this.isInputtingChinese = false;
-      this.onChange(e);
-    };
-    this.clearSearch = () => {
-      const {
-        clearValue
-      } = this.props;
-      this.setState({
-        searchValue: ''
-      }, () => {
-        clearValue && clearValue();
-      });
-    };
-    this.setFocus = isSelectAllText => {
-      if (this.inputRef === document.activeElement) return;
-      this.inputRef.focus();
-      if (isSelectAllText) {
-        const txtLength = this.state.searchValue.length;
-        this.inputRef.setSelectionRange(0, txtLength);
-      }
-    };
-    this.renderClear = () => {
-      const {
-        isClearable,
-        clearClassName,
-        components = {}
-      } = this.props;
-      const {
-        searchValue
-      } = this.state;
-      if (!isClearable || !searchValue) return null;
-      const {
-        ClearIndicator
-      } = components;
-      if ( /*#__PURE__*/_react.default.isValidElement(ClearIndicator)) {
-        return /*#__PURE__*/_react.default.cloneElement(ClearIndicator, {
-          clearValue: this.clearSearch
-        });
-      } else if ((0, _utils.isFunction)(ClearIndicator)) {
-        return /*#__PURE__*/_react.default.createElement(ClearIndicator, {
-          clearValue: this.clearSearch
-        });
-      }
-      return /*#__PURE__*/_react.default.createElement("i", {
-        className: (0, _classnames.default)('search-text-clear input-icon-addon', clearClassName),
-        onClick: this.clearSearch
-      }, "\xD7");
-    };
-    this.state = {
-      searchValue: props.value
-    };
-    this.isInputtingChinese = false;
-    this.timer = null;
-    this.inputRef = null;
-  }
-  componentWillReceiveProps(nextProps) {
-    if (nextProps.value !== this.props.value) {
-      this.setState({
-        searchValue: nextProps.value
-      });
-    }
-  }
-  componentWillUnmount() {
-    this.timer && clearTimeout(this.timer);
-    this.timer = null;
-    this.inputRef = null;
-  }
-  render() {
-    const {
-      placeholder,
-      autoFocus,
-      className,
-      onKeyDown,
-      disabled,
-      style
-    } = this.props;
-    const {
-      searchValue
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
-      type: "text",
-      value: searchValue,
-      className: (0, _classnames.default)('form-control', className),
-      onChange: this.onChange,
-      autoFocus: autoFocus,
-      placeholder: placeholder,
-      onCompositionStart: this.onCompositionStart,
-      onCompositionEnd: this.onCompositionEnd,
-      onKeyDown: onKeyDown,
-      disabled: disabled,
-      style: style,
-      ref: ref => this.inputRef = ref
-    }), this.renderClear());
-  }
-}
-DtableSearchInput.defaultProps = {
-  wait: 100,
-  disabled: false,
-  value: ''
-};
-var _default = exports.default = DtableSearchInput;

package/es/components/index.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "CommonAddTool", {
-  enumerable: true,
-  get: function () {
-    return _commonAddTool.default;
-  }
-});
-Object.defineProperty(exports, "DTablePopover", {
-  enumerable: true,
-  get: function () {
-    return _dtablePopover.default;
-  }
-});
-Object.defineProperty(exports, "DtableSearchInput", {
-  enumerable: true,
-  get: function () {
-    return _dtableSearchInput.default;
-  }
-});
-Object.defineProperty(exports, "Loading", {
-  enumerable: true,
-  get: function () {
-    return _loading.default;
-  }
-});
-Object.defineProperty(exports, "ModalPortal", {
-  enumerable: true,
-  get: function () {
-    return _modalPortal.default;
-  }
-});
-Object.defineProperty(exports, "NewTableDialog", {
-  enumerable: true,
-  get: function () {
-    return _newTableDialog.default;
-  }
-});
-Object.defineProperty(exports, "SeaTableRadio", {
-  enumerable: true,
-  get: function () {
-    return _seatableRadio.default;
-  }
-});
-var _commonAddTool = _interopRequireDefault(require("./common-add-tool"));
-var _dtablePopover = _interopRequireDefault(require("./dtable-popover"));
-var _dtableSearchInput = _interopRequireDefault(require("./dtable-search-input"));
-var _loading = _interopRequireDefault(require("./loading"));
-var _modalPortal = _interopRequireDefault(require("./modal-portal"));
-var _newTableDialog = _interopRequireDefault(require("./dialog/new-table-dialog"));
-var _seatableRadio = _interopRequireDefault(require("./seatable-radio"));

package/es/components/loading.js

@@ -1,15 +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"));
-function Loading() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, props, {
-    className: "loading-icon loading-tip"
-  }));
-}
-var _default = exports.default = Loading;

package/es/components/modal-portal.js

@@ -1,26 +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 _reactDom = _interopRequireDefault(require("react-dom"));
-const modalRoot = document.getElementById('modal-wrapper');
-class ModalPortal extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.el = document.createElement('div');
-  }
-  componentDidMount() {
-    modalRoot.appendChild(this.el);
-  }
-  componentWillUnmount() {
-    modalRoot.removeChild(this.el);
-  }
-  render() {
-    return /*#__PURE__*/_reactDom.default.createPortal(this.props.children, this.el);
-  }
-}
-var _default = exports.default = ModalPortal;

package/es/components/popover/color-rules/color-rule.js

@@ -1,183 +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 _classnames = _interopRequireDefault(require("classnames"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _ruleFilters = _interopRequireDefault(require("./rule-filters"));
-var _colorSelectorPopover = _interopRequireDefault(require("../color-selector-popover"));
-var _index = require("../../index");
-class ColorRule extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.onColorPopoverToggle = event => {
-      event.stopPropagation();
-      event.nativeEvent.stopImmediatePropagation();
-      this.setState({
-        isColorPopoverShow: !this.state.isColorPopoverShow
-      });
-    };
-    this.hideColorPopover = () => {
-      this.setState({
-        isColorPopoverShow: false
-      });
-    };
-    this.onSelectColor = color => {
-      const {
-        rule,
-        ruleIndex
-      } = this.props;
-      const updatedRule = Object.assign({}, rule, {
-        color
-      });
-      this.props.updateRule(ruleIndex, updatedRule);
-    };
-    this.deleteRule = e => {
-      e.nativeEvent.stopImmediatePropagation();
-      e.stopPropagation();
-      const {
-        ruleIndex
-      } = this.props;
-      this.props.deleteRule(ruleIndex);
-    };
-    this.addFilter = () => {
-      const {
-        colorRuleTypes,
-        rule
-      } = this.props;
-      const {
-        filters
-      } = rule;
-      const defaultFilter = this.props.generateDefaultFilter(colorRuleTypes[0]);
-      if (!defaultFilter || filters.length >= 8) return;
-      let updatedFilters = [...filters];
-      updatedFilters.push(defaultFilter);
-      this.updateFilters(updatedFilters);
-    };
-    this.updateFilter = (filterIndex, updatedFilter) => {
-      const {
-        rule
-      } = this.props;
-      const {
-        filters
-      } = rule;
-      let updatedFilters = [...filters];
-      updatedFilters[filterIndex] = updatedFilter;
-      this.updateFilters(updatedFilters);
-    };
-    this.modifyFilterConjunction = filterConjunction => {
-      const {
-        rule,
-        ruleIndex
-      } = this.props;
-      const updatedRule = Object.assign({}, rule, {
-        filter_conjunction: filterConjunction
-      });
-      this.props.updateRule(ruleIndex, updatedRule);
-    };
-    this.updateFilters = filters => {
-      const {
-        rule,
-        ruleIndex
-      } = this.props;
-      if (filters.length === 0) {
-        this.props.deleteRule(ruleIndex);
-      } else {
-        const updatedRule = Object.assign({}, rule, {
-          filters
-        });
-        this.props.updateRule(ruleIndex, updatedRule);
-      }
-    };
-    this.onMouseDown = e => {
-      e.stopPropagation();
-      e.nativeEvent.stopImmediatePropagation();
-    };
-    this.state = {
-      isColorPopoverShow: false
-    };
-  }
-  render() {
-    const {
-      labelColorConfigs,
-      colorRuleTypes,
-      rule,
-      isEditing,
-      ruleIndex,
-      ruleName
-    } = this.props;
-    const {
-      color,
-      filter_conjunction,
-      filters
-    } = rule;
-    const target = "row-color-rule-".concat(ruleIndex);
-    const selectedColorConfig = this.props.getColorConfigByColor(color);
-    const ruleTitle = ruleName || _reactIntlUniversal.default.get('Define_rule');
-    const canAddFilter = filters.length < 8;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('statistic-color-rule-item', {
-        'editing': isEditing
-      })
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "d-flex justify-content-between pr-4"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-color-rule-title",
-      onClick: () => this.props.setEditingRuleIndex(ruleIndex)
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      ref: ref => this.rowColorRule = ref,
-      className: "statistic-color-rule-dropdown",
-      style: {
-        backgroundColor: color
-      },
-      onMouseDown: this.onMouseDown,
-      onClick: this.onColorPopoverToggle,
-      id: target
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-drop-down",
-      style: {
-        color: selectedColorConfig.text_color
-      }
-    }), this.state.isColorPopoverShow && /*#__PURE__*/_react.default.createElement(_colorSelectorPopover.default, {
-      placement: "bottom-start",
-      hideArrow: false,
-      target: target,
-      selectedColor: color,
-      colorConfigs: labelColorConfigs,
-      toggle: this.hideColorPopover,
-      onSelectColor: this.onSelectColor
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('statistic-color-rule-name text-truncate', {
-        'invalid': !!ruleName
-      }),
-      title: ruleTitle
-    }, ruleTitle)), /*#__PURE__*/_react.default.createElement("span", {
-      className: "statistic-delete-color-rule"
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-delete",
-      onClick: this.deleteRule
-    }))), isEditing && /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-color-rule-filters-wrapper"
-    }, /*#__PURE__*/_react.default.createElement(_ruleFilters.default, {
-      filterTypes: colorRuleTypes,
-      filters: rule.filters,
-      filterConjunction: filter_conjunction,
-      getFilterConfigByType: this.props.getFilterConfigByType,
-      modifyConjunction: this.modifyFilterConjunction,
-      updateFilters: this.updateFilters
-    }), /*#__PURE__*/_react.default.createElement(_index.CommonAddTool, {
-      className: (0, _classnames.default)('statistic-btn-add-color-rule-filter', {
-        'disabled': !canAddFilter
-      }),
-      callBack: this.addFilter,
-      footerName: _reactIntlUniversal.default.get('Add_condition'),
-      addIconClassName: "popover-add-icon"
-    })));
-  }
-}
-var _default = exports.default = ColorRule;