@capillarytech/blaze-ui 5.18.6 → 5.18.7

package/CapGraph/index.js

@@ -1,87 +1,17 @@
 /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
 /***/ 9206:
 /***/ ((module) => {
 
-"use strict";
 module.exports = require("react");
 
 /***/ }),
 
-/***/ 9261:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(85072);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64284);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(77659);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55056);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10540);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(49458);
-/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
-/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__[__WEBPACK_IMPORT_KEY__]
-/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-
-      
-      
-      
-      
-      
-      
-      
-      
-      
-
-var options = {};
-
-;
-options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
-options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
-options.domAPI = (_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
-options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
-
-var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()), options);
-
-
-
-
-       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()) && (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) ? (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) : undefined);
-
-
-/***/ }),
-
-/***/ 10540:
-/***/ ((module) => {
-
-"use strict";
-
-
-/* istanbul ignore next  */
-function insertStyleElement(options) {
-  var element = document.createElement("style");
-  options.setAttributes(element, options.attributes);
-  options.insert(element, options.options);
-  return element;
-}
-module.exports = insertStyleElement;
-
-/***/ }),
-
 /***/ 21020:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
-"use strict";
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -97,148 +27,16 @@ function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&
 
 /***/ }),
 
-/***/ 31601:
-/***/ ((module) => {
-
-"use strict";
-
-
-module.exports = function (i) {
-  return i[1];
-};
-
-/***/ }),
-
-/***/ 49458:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-// Imports
-var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ``, ""]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {};
-module.exports = ___CSS_LOADER_EXPORT___;
-
-
-/***/ }),
-
-/***/ 55056:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-"use strict";
-
-
-/* istanbul ignore next  */
-function setAttributesWithoutAttributes(styleElement) {
-  var nonce =  true ? __webpack_require__.nc : 0;
-  if (nonce) {
-    styleElement.setAttribute("nonce", nonce);
-  }
-}
-module.exports = setAttributesWithoutAttributes;
-
-/***/ }),
-
-/***/ 64284:
+/***/ 43363:
 /***/ ((module) => {
 
-"use strict";
-
-
-/* istanbul ignore next  */
-var replaceText = function replaceText() {
-  var textStore = [];
-  return function replace(index, replacement) {
-    textStore[index] = replacement;
-    return textStore.filter(Boolean).join("\n");
-  };
-}();
-
-/* istanbul ignore next  */
-function apply(styleElement, index, remove, obj) {
-  var css;
-  if (remove) {
-    css = "";
-  } else {
-    css = "";
-    if (obj.supports) {
-      css += "@supports (".concat(obj.supports, ") {");
-    }
-    if (obj.media) {
-      css += "@media ".concat(obj.media, " {");
-    }
-    var needLayer = typeof obj.layer !== "undefined";
-    if (needLayer) {
-      css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
-    }
-    css += obj.css;
-    if (needLayer) {
-      css += "}";
-    }
-    if (obj.media) {
-      css += "}";
-    }
-    if (obj.supports) {
-      css += "}";
-    }
-  }
-
-  // For old IE
-  /* istanbul ignore if  */
-  if (styleElement.styleSheet) {
-    styleElement.styleSheet.cssText = replaceText(index, css);
-  } else {
-    var cssNode = document.createTextNode(css);
-    var childNodes = styleElement.childNodes;
-    if (childNodes[index]) {
-      styleElement.removeChild(childNodes[index]);
-    }
-    if (childNodes.length) {
-      styleElement.insertBefore(cssNode, childNodes[index]);
-    } else {
-      styleElement.appendChild(cssNode);
-    }
-  }
-}
-var singletonData = {
-  singleton: null,
-  singletonCounter: 0
-};
-
-/* istanbul ignore next  */
-function domAPI(options) {
-  if (typeof document === "undefined") return {
-    update: function update() {},
-    remove: function remove() {}
-  };
-
-  // eslint-disable-next-line no-undef,no-use-before-define
-  var styleIndex = singletonData.singletonCounter++;
-  var styleElement =
-  // eslint-disable-next-line no-undef,no-use-before-define
-  singletonData.singleton || (
-  // eslint-disable-next-line no-undef,no-use-before-define
-  singletonData.singleton = options.insertStyleElement(options));
-  return {
-    update: function update(obj) {
-      apply(styleElement, styleIndex, false, obj);
-    },
-    remove: function remove(obj) {
-      apply(styleElement, styleIndex, true, obj);
-    }
-  };
-}
-module.exports = domAPI;
+module.exports = require("prop-types");
 
 /***/ }),
 
 /***/ 74848:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-"use strict";
 
 
 if (true) {
@@ -247,272 +45,11 @@ if (true) {
 {}
 
 
-/***/ }),
-
-/***/ 76314:
-/***/ ((module) => {
-
-"use strict";
-
-
-/*
-  MIT License http://www.opensource.org/licenses/mit-license.php
-  Author Tobias Koppers @sokra
-*/
-module.exports = function (cssWithMappingToString) {
-  var list = [];
-
-  // return the list of modules as css string
-  list.toString = function toString() {
-    return this.map(function (item) {
-      var content = "";
-      var needLayer = typeof item[5] !== "undefined";
-      if (item[4]) {
-        content += "@supports (".concat(item[4], ") {");
-      }
-      if (item[2]) {
-        content += "@media ".concat(item[2], " {");
-      }
-      if (needLayer) {
-        content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
-      }
-      content += cssWithMappingToString(item);
-      if (needLayer) {
-        content += "}";
-      }
-      if (item[2]) {
-        content += "}";
-      }
-      if (item[4]) {
-        content += "}";
-      }
-      return content;
-    }).join("");
-  };
-
-  // import a list of modules into the list
-  list.i = function i(modules, media, dedupe, supports, layer) {
-    if (typeof modules === "string") {
-      modules = [[null, modules, undefined]];
-    }
-    var alreadyImportedModules = {};
-    if (dedupe) {
-      for (var k = 0; k < this.length; k++) {
-        var id = this[k][0];
-        if (id != null) {
-          alreadyImportedModules[id] = true;
-        }
-      }
-    }
-    for (var _k = 0; _k < modules.length; _k++) {
-      var item = [].concat(modules[_k]);
-      if (dedupe && alreadyImportedModules[item[0]]) {
-        continue;
-      }
-      if (typeof layer !== "undefined") {
-        if (typeof item[5] === "undefined") {
-          item[5] = layer;
-        } else {
-          item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
-          item[5] = layer;
-        }
-      }
-      if (media) {
-        if (!item[2]) {
-          item[2] = media;
-        } else {
-          item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
-          item[2] = media;
-        }
-      }
-      if (supports) {
-        if (!item[4]) {
-          item[4] = "".concat(supports);
-        } else {
-          item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
-          item[4] = supports;
-        }
-      }
-      list.push(item);
-    }
-  };
-  return list;
-};
-
-/***/ }),
-
-/***/ 77659:
-/***/ ((module) => {
-
-"use strict";
-
-
-var memo = {};
-
-/* istanbul ignore next  */
-function getTarget(target) {
-  if (typeof memo[target] === "undefined") {
-    var styleTarget = document.querySelector(target);
-
-    // Special case to return head of iframe instead of iframe itself
-    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
-      try {
-        // This will throw an exception if access to iframe is blocked
-        // due to cross-origin restrictions
-        styleTarget = styleTarget.contentDocument.head;
-      } catch (e) {
-        // istanbul ignore next
-        styleTarget = null;
-      }
-    }
-    memo[target] = styleTarget;
-  }
-  return memo[target];
-}
-
-/* istanbul ignore next  */
-function insertBySelector(insert, style) {
-  var target = getTarget(insert);
-  if (!target) {
-    throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
-  }
-  target.appendChild(style);
-}
-module.exports = insertBySelector;
-
-/***/ }),
-
-/***/ 85072:
-/***/ ((module) => {
-
-"use strict";
-
-
-var stylesInDOM = [];
-function getIndexByIdentifier(identifier) {
-  var result = -1;
-  for (var i = 0; i < stylesInDOM.length; i++) {
-    if (stylesInDOM[i].identifier === identifier) {
-      result = i;
-      break;
-    }
-  }
-  return result;
-}
-function modulesToDom(list, options) {
-  var idCountMap = {};
-  var identifiers = [];
-  for (var i = 0; i < list.length; i++) {
-    var item = list[i];
-    var id = options.base ? item[0] + options.base : item[0];
-    var count = idCountMap[id] || 0;
-    var identifier = "".concat(id, " ").concat(count);
-    idCountMap[id] = count + 1;
-    var indexByIdentifier = getIndexByIdentifier(identifier);
-    var obj = {
-      css: item[1],
-      media: item[2],
-      sourceMap: item[3],
-      supports: item[4],
-      layer: item[5]
-    };
-    if (indexByIdentifier !== -1) {
-      stylesInDOM[indexByIdentifier].references++;
-      stylesInDOM[indexByIdentifier].updater(obj);
-    } else {
-      var updater = addElementStyle(obj, options);
-      options.byIndex = i;
-      stylesInDOM.splice(i, 0, {
-        identifier: identifier,
-        updater: updater,
-        references: 1
-      });
-    }
-    identifiers.push(identifier);
-  }
-  return identifiers;
-}
-function addElementStyle(obj, options) {
-  var api = options.domAPI(options);
-  api.update(obj);
-  var updater = function updater(newObj) {
-    if (newObj) {
-      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {
-        return;
-      }
-      api.update(obj = newObj);
-    } else {
-      api.remove();
-    }
-  };
-  return updater;
-}
-module.exports = function (list, options) {
-  options = options || {};
-  list = list || [];
-  var lastIdentifiers = modulesToDom(list, options);
-  return function update(newList) {
-    newList = newList || [];
-    for (var i = 0; i < lastIdentifiers.length; i++) {
-      var identifier = lastIdentifiers[i];
-      var index = getIndexByIdentifier(identifier);
-      stylesInDOM[index].references--;
-    }
-    var newLastIdentifiers = modulesToDom(newList, options);
-    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
-      var _identifier = lastIdentifiers[_i];
-      var _index = getIndexByIdentifier(_identifier);
-      if (stylesInDOM[_index].references === 0) {
-        stylesInDOM[_index].updater();
-        stylesInDOM.splice(_index, 1);
-      }
-    }
-    lastIdentifiers = newLastIdentifiers;
-  };
-};
-
-/***/ }),
-
-/***/ 87906:
-/***/ ((__unused_webpack_module, exports) => {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports.DEFAULT_TOOLTIP_STYLES = exports.DEFAULT_HEIGHT = void 0;
-/** Default chart height in pixels (BizCharts expects number). */
-const DEFAULT_HEIGHT = exports.DEFAULT_HEIGHT = 400;
-
-/** Default G2 tooltip styles (rem-based, 14px = 1rem). */
-const DEFAULT_TOOLTIP_STYLES = exports.DEFAULT_TOOLTIP_STYLES = {
-  g2Tooltip: {
-    position: 'absolute',
-    visibility: 'hidden',
-    border: '0.071rem solid #efefef',
-    backgroundColor: '#fff',
-    color: '#46af45',
-    opacity: '0.8',
-    padding: '0.357rem 1.071rem',
-    transition: 'top 200ms, left 200ms'
-  },
-  g2TooltipList: {
-    display: 'flex',
-    flexDirection: 'row',
-    margin: '0.714rem'
-  },
-  g2TooltipListItem: {
-    marginRight: '0.714rem',
-    color: '#000'
-  }
-};
-
 /***/ }),
 
 /***/ 99622:
 /***/ ((module) => {
 
-"use strict";
 module.exports = require("bizcharts");
 
 /***/ })
@@ -531,7 +68,7 @@ module.exports = require("bizcharts");
 /******/ 		}
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			id: moduleId,
+/******/ 			// no module.id needed
 /******/ 			// no module.loaded needed
 /******/ 			exports: {}
 /******/ 		};
@@ -544,191 +81,203 @@ module.exports = require("bizcharts");
 /******/ 	}
 /******/ 	
 /************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/nonce */
-/******/ 	(() => {
-/******/ 		__webpack_require__.nc = undefined;
-/******/ 	})();
-/******/ 	
-/************************************************************************/
 var __webpack_exports__ = {};
-// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it uses a non-standard name for the exports (exports).
 (() => {
-"use strict";
 var exports = __webpack_exports__;
 
 
 exports.__esModule = true;
 exports["default"] = void 0;
 var _bizcharts = __webpack_require__(99622);
-var _react = _interopRequireWildcard(__webpack_require__(9206));
-var _constants = __webpack_require__(87906);
-var _styles = _interopRequireDefault(__webpack_require__(9261));
+var _propTypes = _interopRequireDefault(__webpack_require__(43363));
+var _react = _interopRequireDefault(__webpack_require__(9206));
 var _jsxRuntime = __webpack_require__(74848);
 const _excluded = ["marker", "position"],
   _excluded2 = ["showTooltip", "tooltip", "tooltipDisable", "type", "groupBy", "colors", "shape", "showlabel", "label"];
 /**
- * CapGraph – chart component built on BizCharts (G2).
+ *
+ * CapGraph
+ *
  */
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const defaultContainerTpl = () => "<div class=\"g2-tooltip\"><div class=\"g2-tooltip-title\" style=\"margin:10px 0;\"></div><ul class=\"g2-tooltip-list\"></ul></div>";
-const defaultItemTpl = '<li data-index={index}><span style="background-color:{color};width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px;"></span>{value}</li>';
-
-// Many optional props + BizCharts children; logic preserved from class component
-const CapGraph = _ref => {
-  let {
-    data,
-    xAxis,
-    yAxis,
-    y1Axis,
-    y1AxisProps = {},
-    legend,
-    g2Tooltip,
-    g2TooltipList,
-    g2TooltipListItem,
-    itemTemplate,
-    containerTemplate,
-    size,
-    scale,
-    tooltipData,
-    height,
-    chartProps = {},
-    yAxisProps = {},
-    graphList = [],
-    xAxisProps = {},
-    showGuide,
-    coord,
-    guide,
-    title = null
-  } = _ref;
-  const [tooltipIndex, setTooltipIndex] = (0, _react.useState)(0);
-  const updateTooltipInfo = (0, _react.useCallback)((x, y) => {
-    setTooltipIndex(x);
-    return {
-      name: x,
-      value: y
+const defaultStyles = {
+  g2Tooltip: {
+    position: 'absolute',
+    visibility: 'hidden',
+    border: '1px solid #efefef',
+    backgroundColor: '#fff',
+    color: '#46af45',
+    opacity: '0.8',
+    padding: '5px 15px',
+    transition: 'top 200ms,left 200ms'
+  },
+  g2TooltipList: {
+    display: 'flex',
+    flexDirection: 'row',
+    margin: '10px'
+  },
+  g2TooltipListItem: {
+    marginRight: '10px',
+    color: '#000'
+  }
+};
+class CapGraph extends _react.default.Component {
+  constructor() {
+    super(...arguments);
+    this.state = {
+      tooltipIndex: 0 // stores the x-axis value of the data point being hovered on
+    };
+    this.updateTooltipInfo = (x, y) => {
+      this.setState({
+        tooltipIndex: x
+      });
+      return {
+        name: x,
+        value: y
+      };
     };
-  }, []);
-  let legendType = 'circle';
-  let legendPosition = 'bottom-center';
-  let legendProps = {};
-  if (legend) {
-    var _ref2, _ref3;
-    legendType = (_ref2 = legend.marker) != null ? _ref2 : 'circle';
-    legendPosition = (_ref3 = legend.position) != null ? _ref3 : 'bottom-center';
-    const rest = _objectWithoutPropertiesLoose(legend, _excluded);
-    legendProps = rest;
   }
-  const resolvedContainerTpl = typeof containerTemplate === 'function' ? containerTemplate : defaultContainerTpl;
-  const {
-    Text
-  } = _bizcharts.Guide;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: _styles.default['cap-graph-wrapper'],
-    "data-testid": "cap-graph",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_bizcharts.Chart, _extends({
-      height: height != null ? height : _constants.DEFAULT_HEIGHT,
-      data: data,
-      forceFit: true,
-      scale: scale
-    }, chartProps, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bizcharts.Axis, _extends({
-        name: yAxis
-      }, yAxisProps)), y1Axis && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bizcharts.Axis, _extends({
-        name: y1Axis
-      }, y1AxisProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bizcharts.Axis, _extends({
-        name: xAxis
-      }, xAxisProps)), coord && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bizcharts.Coord, _extends({}, coord)), showGuide && guide && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bizcharts.Guide, {
-        children: data.map((obj, idx) => {
-          var _ref4;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, {
+  render() {
+    const {
+      data,
+      xAxis,
+      yAxis,
+      y1Axis,
+      y1AxisProps,
+      legend,
+      g2Tooltip,
+      g2TooltipList,
+      g2TooltipListItem,
+      itemTemplate,
+      size,
+      scale,
+      tooltipData,
+      height,
+      chartProps,
+      yAxisProps,
+      graphList,
+      xAxisProps,
+      showGuide,
+      coord,
+      guide,
+      title
+    } = this.props;
+    let {
+      containerTemplate
+    } = this.props;
+    const {
+      Text
+    } = _bizcharts.Guide;
+    let legendType = 'circle';
+    let legendPosition = 'bottom-center';
+    let legendProps = {};
+    const defaultHeight = 400;
+    const defaultContainerTpl = () => "<div class=\"g2-tooltip\"><div class=\"g2-tooltip-title\" style=\"margin:10px 0;\"></div><ul class=\"g2-tooltip-list\"></ul></div>";
+    const defaultItemTpl = '<li data-index={index}><span style="background-color:{color};width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px;"></span>{value}</li>';
+    if (legend) {
+      var _legend = legend;
+      ({
+        marker: legendType,
+        position: legendPosition
+      } = _legend);
+      legendProps = _objectWithoutPropertiesLoose(_legend, _excluded);
+      _legend;
+    }
+    if (typeof containerTemplate !== 'function') {
+      containerTemplate = defaultContainerTpl;
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_bizcharts.Chart, _extends({
+        height: height || defaultHeight,
+        data: data,
+        forceFit: true,
+        scale: scale
+      }, chartProps, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bizcharts.Axis, _extends({
+          name: yAxis
+        }, yAxisProps)), y1Axis && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bizcharts.Axis, _extends({
+          name: y1Axis
+        }, y1AxisProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bizcharts.Axis, _extends({
+          name: xAxis
+        }, xAxisProps)), coord && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bizcharts.Coord, _extends({}, coord)), showGuide && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bizcharts.Guide, {
+          children: data.map((obj, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, {
             top: true,
             position: obj.position,
             content: obj.content,
             style: guide.style
-          }, (_ref4 = obj.position) != null ? _ref4 : idx);
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bizcharts.Tooltip, {
-        offset: 50,
-        showTitle: false,
-        containerTpl: resolvedContainerTpl(tooltipData, tooltipIndex) || defaultContainerTpl,
-        itemTpl: itemTemplate != null ? itemTemplate : defaultItemTpl,
-        "g2-tooltip": g2Tooltip != null ? g2Tooltip : _constants.DEFAULT_TOOLTIP_STYLES.g2Tooltip,
-        "g2-tooltip-list": g2TooltipList != null ? g2TooltipList : _constants.DEFAULT_TOOLTIP_STYLES.g2TooltipList,
-        "g2-tooltip-list-item": g2TooltipListItem != null ? g2TooltipListItem : _constants.DEFAULT_TOOLTIP_STYLES.g2TooltipListItem
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bizcharts.Legend, _extends({
-        marker: legendType,
-        position: legendPosition,
-        title: title
-      }, legendProps)), graphList.map(_ref5 => {
-        let {
-            showTooltip,
-            tooltip,
-            tooltipDisable,
-            type,
-            groupBy,
-            colors,
-            shape,
-            showlabel,
-            label
-          } = _ref5,
-          rest = _objectWithoutPropertiesLoose(_ref5, _excluded2);
-        const tooltipProp = showTooltip ? tooltip : !tooltipDisable && [xAxis + "*" + yAxis, updateTooltipInfo];
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bizcharts.Geom, _extends({
-          type: type,
-          position: xAxis + "*" + yAxis,
-          color: groupBy && colors ? [groupBy, colors] : undefined,
-          size: size,
-          tooltip: tooltipProp,
-          shape: shape
-        }, rest, {
-          children: showlabel && label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bizcharts.Label, _extends({}, label))
-        }), type);
-      })]
-    }))
-  });
+          }, obj.position || idx))
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bizcharts.Tooltip, {
+          offset: 50,
+          showTitle: false,
+          containerTpl: containerTemplate(tooltipData, this.state.tooltipIndex) || defaultContainerTpl,
+          itemTpl: itemTemplate || defaultItemTpl,
+          "g2-tooltip": g2Tooltip || defaultStyles.g2Tooltip,
+          "g2-tooltip-list": g2TooltipList || defaultStyles.g2TooltipList,
+          "g2-tooltip-list-item": g2TooltipListItem || defaultStyles.g2TooltipListItem
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bizcharts.Legend, _extends({
+          marker: legendType,
+          position: legendPosition,
+          title: title
+        }, legendProps)), graphList.map(_ref => {
+          let {
+              showTooltip,
+              tooltip,
+              tooltipDisable,
+              type,
+              groupBy,
+              colors,
+              shape,
+              showlabel,
+              label
+            } = _ref,
+            rest = _objectWithoutPropertiesLoose(_ref, _excluded2);
+          const tooltipProp = showTooltip ? tooltip : !tooltipDisable && [xAxis + "*" + yAxis, this.updateTooltipInfo];
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bizcharts.Geom, _extends({
+            type: type,
+            position: xAxis + "*" + yAxis,
+            color: [groupBy, colors],
+            size: size,
+            tooltip: tooltipProp,
+            shape: shape
+          }, rest, {
+            children: showlabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bizcharts.Label, _extends({}, label))
+          }), type);
+        })]
+      }))
+    });
+  }
+}
+CapGraph.defaultProps = {
+  graphList: [],
+  xAxisProps: {},
+  yAxisProps: {},
+  title: null
+};
+CapGraph.propTypes = {
+  height: _propTypes.default.number,
+  data: _propTypes.default.array.isRequired,
+  xAxis: _propTypes.default.string.isRequired,
+  yAxis: _propTypes.default.string.isRequired,
+  legend: _propTypes.default.object,
+  g2Tooltip: _propTypes.default.object,
+  g2TooltipList: _propTypes.default.object,
+  g2TooltipListItem: _propTypes.default.object,
+  itemTemplate: _propTypes.default.string,
+  containerTemplate: _propTypes.default.func,
+  size: _propTypes.default.number,
+  scale: _propTypes.default.object,
+  tooltipData: _propTypes.default.object,
+  graphList: _propTypes.default.array,
+  yAxisProps: _propTypes.default.object,
+  xAxisProps: _propTypes.default.object,
+  chartProps: _propTypes.default.object,
+  title: _propTypes.default.object,
+  showGuide: _propTypes.default.bool,
+  coord: _propTypes.default.object,
+  guide: _propTypes.default.object
 };
 var _default = exports["default"] = CapGraph;
 })();