dtable-statistic 4.4.24 → 5.0.0-alpha.0

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

@@ -1,217 +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 _dtableUtils = require("dtable-utils");
-var _index = require("../index");
-var _colorRules = _interopRequireDefault(require("./color-rules"));
-var _colorRules2 = require("../../constants/color-rules");
-require("../../assets/css/color-rules-popover.css");
-const SAFE_DISTANCE_2_BOTTOM = 30; // Keep the distance to the bottom
-
-class ColorRulesPopover extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.getColorConfigByColor = color => {
-      return this.props.labelColorConfigs.find(colorConfig => colorConfig.color === color) || {};
-    };
-    this.getFilterDisplay = filter => {
-      const {
-        filter_type,
-        filter_predicate,
-        filter_term
-      } = filter;
-      const name = _colorRules2.DISPLAY_COLOR_RULE_FILTER_TYPE[filter_type];
-      const template = "".concat(_reactIntlUniversal.default.get(name), " ").concat(_reactIntlUniversal.default.get(filter_predicate));
-      if (_colorRules2.EMPTY_PREDICATE.includes(filter_predicate)) {
-        return template;
-      }
-      switch (filter_type) {
-        case _colorRules2.COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE:
-          {
-            if (filter_term === 0) {
-              return "".concat(template, " 0");
-            }
-            if (!filter_term) {
-              return null;
-            }
-            return "".concat(template, " ").concat(filter_term);
-          }
-        default:
-          {
-            return null;
-          }
-      }
-    };
-    this.getRuleName = (filters, filterConjunction) => {
-      if (filters.length === 0) return '';
-      let contentText = '';
-      filterConjunction = filterConjunction || 'And';
-      filters.forEach((filter, index) => {
-        let filterContentText = index === 0 ? '' : " ".concat(filterConjunction === 'And' ? _reactIntlUniversal.default.get('And') : _reactIntlUniversal.default.get('Or'));
-        let filterDisplay = this.getFilterDisplay(filter);
-        if (filterDisplay) {
-          contentText = contentText + filterContentText + " ".concat(filterDisplay);
-        }
-      });
-      return contentText;
-    };
-    this.getRulesName = () => {
-      const {
-        colorRules
-      } = this.state;
-      return colorRules.map(rule => {
-        const {
-          filters,
-          filter_conjunction
-        } = rule;
-        return this.getRuleName(filters, filter_conjunction);
-      });
-    };
-    this.getFilterConfigByType = filterType => {
-      if (!filterType) {
-        return {};
-      }
-      switch (filterType) {
-        case _colorRules2.COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE:
-          {
-            return _dtableUtils.FILTER_COLUMN_OPTIONS[_dtableUtils.CellType.NUMBER];
-          }
-        default:
-          {
-            return {};
-          }
-      }
-    };
-    this.generateDefaultFilter = filterType => {
-      const {
-        filterPredicateList
-      } = this.getFilterConfigByType(filterType);
-      if (!filterPredicateList) {
-        return null;
-      }
-      const filterPredicate = filterPredicateList[0];
-      return {
-        filter_type: filterType,
-        filter_predicate: filterPredicate,
-        filter_term: null
-      };
-    };
-    this.addRule = () => {
-      const {
-        colorRuleTypes,
-        labelColorConfigs
-      } = this.props;
-      const {
-        colorRules
-      } = this.state;
-      const defaultRuleType = colorRuleTypes[0];
-      const defaultFilter = defaultRuleType && this.generateDefaultFilter(defaultRuleType);
-      if (!defaultFilter) return;
-      let updatedColorRules = [...colorRules];
-      const defaultColorConfig = labelColorConfigs[colorRules.length] || labelColorConfigs[0];
-      updatedColorRules.push({
-        color: defaultColorConfig.color,
-        filters: [defaultFilter],
-        filter_conjunction: 'And'
-      });
-      this.updateColorRules({
-        colorRules: updatedColorRules,
-        callback: () => {
-          this.resetPopoverPosition();
-        }
-      });
-    };
-    this.resetPopoverPosition = () => {
-      // keep the popover is visible in current window
-      const popoverWrapper = this.popover && this.popover.dtablePopoverRef && this.popover.dtablePopoverRef.parentNode.parentNode;
-      if (!popoverWrapper) return;
-      const bodyHeight = document.body.clientHeight;
-      const {
-        top,
-        height
-      } = popoverWrapper.getBoundingClientRect();
-      const offsetTop = popoverWrapper.offsetTop;
-      const offsetHeight = top + height + SAFE_DISTANCE_2_BOTTOM - bodyHeight;
-
-      // popover within the current window
-      if (offsetHeight < 0) {
-        return;
-      }
-      setTimeout(() => {
-        if (popoverWrapper) {
-          popoverWrapper.style.top = "".concat(-offsetHeight + offsetTop, "px");
-        }
-      }, 300);
-    };
-    this.updateColorRules = _ref => {
-      let {
-        colorRules,
-        callback
-      } = _ref;
-      this.setState({
-        colorRules
-      }, () => {
-        callback && callback();
-      });
-    };
-    this.hideColorRulesPopover = () => {
-      this.props.updateColorRules(this.state.colorRules);
-      this.props.hideColorRulesPopover();
-    };
-    this.state = {
-      colorRules: props.colorRules || []
-    };
-  }
-  render() {
-    const {
-      target,
-      labelColorConfigs,
-      colorRuleTypes
-    } = this.props;
-    const {
-      colorRules
-    } = this.state;
-    const hasRules = colorRules && colorRules.length > 0;
-    const rulesName = this.getRulesName();
-    const canAddRule = !rulesName.some(ruleName => !ruleName);
-    return /*#__PURE__*/_react.default.createElement(_index.DTablePopover, {
-      hideArrow: true,
-      target: target,
-      placement: "left-end",
-      ref: ref => this.popover = ref,
-      boundariesElement: document.body,
-      popoverClassName: "statistic-color-rules-popover",
-      hideDTablePopover: this.hideColorRulesPopover,
-      hideDTablePopoverWithEsc: this.hideColorRulesPopover
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-color-rules-wrapper"
-    }, !hasRules && /*#__PURE__*/_react.default.createElement("div", {
-      className: "no-color-rules"
-    }, _reactIntlUniversal.default.get('No_rules')), /*#__PURE__*/_react.default.createElement(_colorRules.default, {
-      rules: colorRules,
-      rulesName: rulesName,
-      labelColorConfigs: labelColorConfigs,
-      colorRuleTypes: colorRuleTypes,
-      getColorConfigByColor: this.getColorConfigByColor,
-      getFilterConfigByType: this.getFilterConfigByType,
-      generateDefaultFilter: this.generateDefaultFilter,
-      updateRules: this.updateColorRules,
-      resetPopoverPosition: this.resetPopoverPosition
-    }), /*#__PURE__*/_react.default.createElement(_index.CommonAddTool, {
-      className: (0, _classnames.default)('statistic-btn-add-color-rule', {
-        'disabled': !canAddRule
-      }),
-      footerName: _reactIntlUniversal.default.get('Add_rule'),
-      callBack: canAddRule ? this.addRule : () => {}
-    })));
-  }
-}
-var _default = exports.default = ColorRulesPopover;

package/es/components/popover/color-selector-popover.js

@@ -1,82 +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"));
-var _index = require("../index");
-var _utils = require("../../utils");
-class ColorSelectorPopover extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.initColorOptions = () => {
-      const {
-        colorConfigs
-      } = this.props;
-      this.colorOptions = colorConfigs.map(colorOption => {
-        if (!colorOption.border_color) {
-          const {
-            r,
-            g,
-            b
-          } = (0, _utils.hexToRgb)(colorOption.color);
-          return {
-            ...colorOption,
-            border_color: "rgb(".concat(Math.max(r - 20, 0), ", ").concat(Math.max(g - 20, 0), ", ").concat(Math.max(b - 20, 0), ")")
-          };
-        }
-        return colorOption;
-      });
-    };
-    this.onSelectColor = color => {
-      this.props.onSelectColor(color);
-      this.props.toggle();
-    };
-    this.initColorOptions();
-  }
-  render() {
-    const {
-      target,
-      placement,
-      hideArrow,
-      selectedColor
-    } = this.props;
-    const upperCaseSelectedColor = selectedColor.toUpperCase();
-    return /*#__PURE__*/_react.default.createElement(_index.DTablePopover, {
-      target: target,
-      placement: placement || 'auto-start',
-      hideArrow: hideArrow,
-      popoverClassName: "statistic-color-selector",
-      hideDTablePopover: this.props.toggle,
-      hideDTablePopoverWithEsc: this.props.toggle
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-color-selector-wrapper"
-    }, this.colorOptions.map(colorOption => {
-      const {
-        color,
-        border_color,
-        text_color
-      } = colorOption;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: "statistic-color-option-".concat(color),
-        className: "statistic-color-option",
-        onClick: () => this.onSelectColor(color),
-        style: {
-          backgroundColor: color,
-          borderColor: border_color
-        }
-      }, color === upperCaseSelectedColor && /*#__PURE__*/_react.default.createElement("i", {
-        className: "dtable-font dtable-icon-check-mark",
-        style: {
-          color: text_color
-        }
-      }));
-    })));
-  }
-}
-ColorSelectorPopover.defaultProps = {
-  hideArrow: true
-};
-var _default = exports.default = ColorSelectorPopover;

package/es/components/seatable-radio/index.css

@@ -1,51 +0,0 @@
-.seatable-radio {
-  user-select: none;
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  margin: 0;
-  font-size: 14px;
-}
-
-.seatable-radio .seatable-radio-input {
-  position: absolute;
-  z-index: -1;
-  opacity: 0;
-}
-
-.seatable-radio .seatable-radio-indicator {
-  display: inline-block;
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  background-color: #ffffff;
-  border: 1px solid #bdbdbd;
-  position: relative;
-}
-
-.seatable-radio .seatable-radio-selected-indicator {
-  background-color: #FF8000;
-  border: unset !important;
-}
-
-.seatable-radio .seatable-radio-selected-indicator::before {
-  display: inline-block;
-  content: '';
-  width: 6px;
-  height: 6px;
-  background-color: #ffffff;
-  position: absolute;
-  left: 5px;
-  top: 5px;
-  border-radius: 50%;
-}
-
-.seatable-radio .seatable-radio-disable {
-  background-color: #f5f5f5;
-}
-
-.seatable-radio .seatable-radio-description {
-  margin-left: .5rem;
-  color: inherit;
-  transition: .3s color;
-}

package/es/components/seatable-radio/index.js

@@ -1,35 +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 _classnames = _interopRequireDefault(require("classnames"));
-require("./index.css");
-function SeaTableRadio(props) {
-  return /*#__PURE__*/_react.default.createElement("label", {
-    className: "seatable-radio"
-  }, /*#__PURE__*/_react.default.createElement("input", {
-    type: "radio",
-    className: "seatable-radio-input",
-    checked: props.isChecked,
-    onChange: props.disabled ? () => {} : props.onCheckedChange,
-    name: props.name,
-    value: props.value
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)('seatable-radio-indicator', {
-      'seatable-radio-selected-indicator': props.isChecked,
-      'seatable-radio-disable': props.disabled
-    })
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "seatable-radio-description text-truncate"
-  }, props.label));
-}
-SeaTableRadio.defaultProps = {
-  disabled: false,
-  name: 'seatable-radio-input',
-  onCheckedChange: () => {}
-};
-var _default = exports.default = SeaTableRadio;

package/es/constants/color-rules.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FILTER_TYPE_2_CELL_TYPE = exports.EMPTY_PREDICATE = exports.DISPLAY_COLOR_RULE_FILTER_TYPE = exports.COLOR_RULE_FILTER_TYPE_MAP = void 0;
-var _dtableUtils = require("dtable-utils");
-const COLOR_RULE_FILTER_TYPE_MAP = exports.COLOR_RULE_FILTER_TYPE_MAP = {
-  NUMERIC_VALUE: 'numeric_value'
-};
-const DISPLAY_COLOR_RULE_FILTER_TYPE = exports.DISPLAY_COLOR_RULE_FILTER_TYPE = {
-  [COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE]: 'Numeric_value'
-};
-const FILTER_TYPE_2_CELL_TYPE = exports.FILTER_TYPE_2_CELL_TYPE = {
-  [COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE]: _dtableUtils.CellType.NUMBER
-};
-const EMPTY_PREDICATE = exports.EMPTY_PREDICATE = [_dtableUtils.FILTER_PREDICATE_TYPE.EMPTY, _dtableUtils.FILTER_PREDICATE_TYPE.NOT_EMPTY];

package/es/constants/map.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MUNICIPALITIES = exports.MAP_LEVEL = void 0;
-const MAP_LEVEL = exports.MAP_LEVEL = {
-  WORLD: 'world',
-  COUNTRY: 'country',
-  PROVINCE: 'province',
-  CITY: 'city'
-};
-const MUNICIPALITIES = exports.MUNICIPALITIES = ['北京市', '天津市', '上海市', '重庆市'];

package/es/constants/model.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Y_SUMMARY_TYPE_KEYS = exports.Y_SUMMARY_METHOD_KEYS = exports.Y_SUMMARY_BY_KEYS = exports.Y_SHOW_AXIS_LABEL_KEYS = exports.Y_LABEL_POSITION_KEYS = exports.Y_LABEL_COLOR_RULES_KEYS = exports.Y_LABEL_COLOR_KEYS = exports.Y_AUTO_RANGE_MIN_KEYS = exports.Y_AUTO_RANGE_MAX_KEYS = exports.Y_AUTO_RANGE_KEYS = exports.X_SHOW_AXIS_LABEL = exports.X_LABEL_POSITION_KEYS = exports.X_INCLUDE_EMPTY_KEYS = exports.X_GROUPBY_KEYS = exports.X_GEO_GRANULARITY_KEYS = exports.X_DATE_GRANULARITY_KEYS = exports.LABEL_FRONT_SIZE_KEYS = exports.COLUMN_GROUPBY_KEYS = exports.COLUMN_GEO_GRANULARITY_KEYS = exports.COLUMN_DATE_GRANULARITY_KEYS = void 0;
-const X_GROUPBY_KEYS = exports.X_GROUPBY_KEYS = ['x_axis_column_key', 'groupby_column_key', 'vertical_axis_column_key', 'date_column', 'time_column', 'column', 'geo_column', 'x_axis_column', 'numeric_column', 'name_column'];
-const X_GEO_GRANULARITY_KEYS = exports.X_GEO_GRANULARITY_KEYS = ['x_axis_geolocation_granularity', 'groupby_geolocation_granularity', 'vertical_geolocation_granularity', 'geolocation_granularity'];
-const X_DATE_GRANULARITY_KEYS = exports.X_DATE_GRANULARITY_KEYS = ['x_axis_date_granularity', 'groupby_date_granularity', 'vertical_date_granularity', 'date_granularity'];
-const X_INCLUDE_EMPTY_KEYS = exports.X_INCLUDE_EMPTY_KEYS = ['x_axis_include_empty', 'groupby_include_empty_cells', 'vertical_axis_include_empty'];
-const X_SHOW_AXIS_LABEL = exports.X_SHOW_AXIS_LABEL = ['show_x_axis_label', 'show_vertical_axis_label'];
-const X_LABEL_POSITION_KEYS = exports.X_LABEL_POSITION_KEYS = ['x_axis_label_position', 'vertical_axis_label_position'];
-const Y_SUMMARY_BY_KEYS = exports.Y_SUMMARY_BY_KEYS = ['y_axis_column_key', 'y_axis_column', 'y_axis_summary_column', 'summary_column_key', 'horizontal_axis_column_key'];
-const Y_SUMMARY_METHOD_KEYS = exports.Y_SUMMARY_METHOD_KEYS = ['y_axis_summary_method', 'horizontal_axis_summary_method', 'summary_method'];
-const Y_SUMMARY_TYPE_KEYS = exports.Y_SUMMARY_TYPE_KEYS = ['y_axis_summary_type', 'horizontal_axis_summary_type', 'summary_type'];
-const Y_LABEL_COLOR_KEYS = exports.Y_LABEL_COLOR_KEYS = ['y_axis_label_color', 'horizontal_axis_label_color'];
-const Y_LABEL_COLOR_RULES_KEYS = exports.Y_LABEL_COLOR_RULES_KEYS = ['y_axis_label_color_rules', 'horizontal_axis_label_color_rules'];
-const Y_SHOW_AXIS_LABEL_KEYS = exports.Y_SHOW_AXIS_LABEL_KEYS = ['show_y_axis_label', 'show_horizontal_axis_label'];
-const Y_LABEL_POSITION_KEYS = exports.Y_LABEL_POSITION_KEYS = ['y_axis_label_position', 'horizontal_axis_label_position'];
-const Y_AUTO_RANGE_KEYS = exports.Y_AUTO_RANGE_KEYS = ['y_axis_auto_range', 'h_axis_auto_range'];
-const Y_AUTO_RANGE_MIN_KEYS = exports.Y_AUTO_RANGE_MIN_KEYS = ['y_axis_min', 'h_axis_min'];
-const Y_AUTO_RANGE_MAX_KEYS = exports.Y_AUTO_RANGE_MAX_KEYS = ['y_axis_max', 'h_axis_max'];
-const COLUMN_GROUPBY_KEYS = exports.COLUMN_GROUPBY_KEYS = ['column_groupby_column_key', 'group_column'];
-const COLUMN_DATE_GRANULARITY_KEYS = exports.COLUMN_DATE_GRANULARITY_KEYS = ['column_groupby_date_granularity', 'date_granularity'];
-const COLUMN_GEO_GRANULARITY_KEYS = exports.COLUMN_GEO_GRANULARITY_KEYS = ['column_groupby_geolocation_granularity', 'geolocation_granularity'];
-const LABEL_FRONT_SIZE_KEYS = exports.LABEL_FRONT_SIZE_KEYS = ['label_font_size', 'annotation_font_size'];